/*
Theme Name: Wordpress Blog Gallery
Theme URI: http://wordpress.org/
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/19px Arial,sans-serif; color: #fcfcfc; text-align: left; background: #01022e; }

a { font-weight: bold; color: #cacaca; text-decoration: none; }
a:hover { cursor: pointer; color: #667A7A; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 960px; margin: 0 auto; }

#header { height: 150px; background: url(images/gradientheader.jpg) repeat-x 0 0; }
h1#logo { height: 150px; width: 312px; font-size: 0; line-height: 0; position: relative; margin-left: -4px; }
h1#logo a { display: block; height: 150px; background: url(images/CornerstoneLogo.png); text-indent: -4000px; background-repeat: no-repeat;}

#navigation { float: right; display: inline; padding-top: 110px; }
#navigation ul { list-style: none outside; }
#navigation li { float: left; display: inline; height: 65px; margin-left: 10px; }
#navigation li a, 
#navigation li a span { float: left; display: inline; height: 65px; background: url(images/nav-link-bg.gif) no-repeat 0 0; padding-left: 9px; font: bold 14px/30px Verdana, Arial, sans-serif; color: #5c5c5c; text-decoration: none; }
#navigation li a span { background-position: right 0; padding-left: 0; padding-right: 11px; }

#navigation li a:hover, #navigation li a:hover span, #navigation li a.active, #navigation li a.active span { color: #badbe4; }

#top-bar { padding: 12px 0 21px; }
#top-bar h2 { font: bold 28px/30px Arial, sans-serif; color: #dcdcdc; margin-left: 6px; }
#top-bar h3#slogan, #top-bar h3#slogan-short  { float: right; display: inline; height: 30px; width: 491px; background: url(images/top-bar-slogan-bg.gif) no-repeat 0 0; font: 12px/30px Verdana, Arial, sans-serif; font-style: italic; color: #fcfcfc; padding: 0 11px; }
#top-bar h3#slogan-short { width: 451px; background-image: url(images/top-bar-short-slogan.gif); }
#top-bar div.fl { width: 666px; }

#search { float: right; display: inline; width: 274px; }
#search div.field { height: 30px; width: 264px; background: url(images/search-field.gif) no-repeat 0 0; position: relative; font: 11px/30px Verdana, Arial, sans-serif; }
#search input.field { display: block; margin: 7px 0 0 8px; color: #fcfcfc; border: 0; background: none; }
#search input.btn { height: 31px; width: 31px; border: 0; background: url(images/search-btn.gif) no-repeat 0 0; position: absolute; top: -1px; right: -10px; cursor: pointer; }

#mainbox { float: left; display: inline; width: 666px; }

#slider { height: 276px; background: url(images/slider-bg.gif) no-repeat 0 0; padding: 13px; position: relative; margin-bottom: 20px; }
#slider .previous, #slider .next { display: block; height: 37px; width: 44px; background: url(images/previous-slider.png) no-repeat 0 0; position: absolute; top: 265px; left: 0; z-index: 1000;}
#slider .next { background-image: url(images/next-slider.png); position: absolute; left: 622px; top: 265px; }


#home-boxes .container-left, #home-boxes .container-right { float: left; display: inline; width: 323px; }
#home-boxes .container-right { float: right;}
#home-boxes .box {  background: #121c46 url(images/home-box-bottom.gif) no-repeat 0 bottom; margin-bottom: 20px; height: 100%; }
#home-boxes .box h2 { font: bold 28px/52px Arial, sans-serif; color: #fcfcfc; padding-left: 39px; margin-left: 13px; }
#home-boxes .box h3 { font: bold 20px Arial, sans-serif; color: #a7a7a7; border-bottom: 1px dotted #484848; margin-bottom: 21px; padding-bottom: 4px; }
#home-boxes .box h2 span { color: #badbe4; }
#home-boxes .box h3 span { color: #badbe4; }
#home-boxes .box .text { padding-bottom: 25px; }
#home-boxes .box .main-cnt { padding:  15px 20px; padding-bottom: 0; color: #fcfcfc;}
#home-boxes .box .header { height: 52px; background: url(images/home-box-header.gif) no-repeat 0 0; }
#home-boxes .about h2 { background: url(images/about-h2.gif) no-repeat 0 center; }
#home-boxes .events h2 { background: url(images/events-h2.gif) no-repeat 0 center; margin-left: 15px; padding-left: 38px; }
#home-boxes .comments h2 { background: url(images/latest-comments-h2.gif) no-repeat 0 center; margin-left: 15px; padding-left: 38px; }
#home-boxes .comments p { font-style: italic; padding-bottom: 7px; }
#home-boxes a.site-btn { margin-top: 15px; }


a.site-btn, a.site-btn span { float: left; display: block; height: 30px; background: url(images/site-button.gif) no-repeat 0 0; padding-left: 11px; font: bold 12px/30px Verdana, Arial, sans-serif; color: #badbe4; text-decoration: none; }
a.site-btn:hover, a.site-btn:hover span { background-position: 0 -30px; cursor: pointer; text-decoration: none; }
a.site-btn:hover span { background-position: right -30px; }
a.site-btn span { background-position: right 0; padding-left: 0; padding-right: 11px; }
a.site-btn:active, a.site-btn:active span { background-position: 0 -60px; }
a.site-btn:active span { background-position: right -60px; }


#postbox { float: left; display: inline; width: 666px; }

#postslide { height: 475px; background: url(images/slider-bg2.gif) no-repeat 0 0; padding: 13px; position: relative; margin-bottom: 20px; }
#postslide .previous, #postslide .next { display: block; height: 37px; width: 44px; background: url(images/previous-slider.png) no-repeat 0 0; position: absolute; top: 265px; left: 0; z-index: 1000;}
#postslide .next { background-image: url(images/next-slider.png); position: absolute; left: 622px; top: 265px; }



#sidebar { float: right; display: inline; width: 274px; }

#featured-info { background: #121c46; height: 100%; margin-bottom: 20px;   }
#featured-info .bottom { background: url(images/sidebar-box-bottom.gif) no-repeat 0 bottom; }
#featured-info .top { background: url(images/sidebar-box-top.gif) no-repeat 0 top;  padding: 16px 30px 36px; height: 250px; overflow: hidden; }
#featured-info h2 { font: bold 28px/37px Arial, sans-serif; color: #badbe4; margin-bottom: 15px; }
#featured-info h2 span { color: #fcfcfc; }
#featured-info p { font: 16px/21px Arial, sans-serif; color: #fcfcfc; }
#featured-info .nav { margin-top: 20px; position: relative; height: 30px; overflow: hidden; }
#featured-info .nav .site-btn { position: relative; margin-right: -36px; margin-left: 0; }
#featured-info .nav .page { margin-right: 5px; }
#featured-info .nav .page,
#featured-info .nav .page span { float: left; display: inline; height: 30px; font: bold 14px/30px Verdana, Arial, sans-serif; color: #747575; text-decoration: none; background: url(images/featured-info-page-bg.gif) no-repeat 0 0; padding-left: 10px; }

#featured-info .nav .page span { background-position: right 0; padding-left: 0; padding-right: 10px; }

#featured-info .nav .page:hover, #featured-info .nav .active  { background: url(images/site-button.gif) no-repeat 0 0; }
#featured-info .nav .page:hover span, #featured-info .nav .active span { background: url(images/site-button.gif) no-repeat right 0; color: #badbe4; }

#featured-info .nav .page:active, #featured-info .page:active span { background-position: 0 -60px; }
#featured-info .nav .page:active span { background-position: right -60px; }

.advertisement { position: relative; height: 192px; overflow: hidden; margin-bottom: 20px; }
.advertisement a { display: block; height: 166px; width: 248px; background: url(images/ads-bg.gif) no-repeat 0 0; text-decoration: none; padding: 13px;}
.advertisement a:hover { background-position: 0 -192px;text-decoration: none; }
.advertisement a span { display: block; height: 30px; background: #5c5c5c url(images/ads-title-bg.gif) no-repeat right 0; font: bold 16px/30px "Centry Gothic", Verdana, Arial, sans-serif; color: ##FFFFFF; padding-left: 9px; position: relative; z-index: 2; margin-top: -30px; }
.advertisement a span strong { color: #e7eb91; }

#footer { background: #01022E url(images/footer-bg.gif) repeat-x 0 0; height: 100%; padding: 30px 0 25px;  font: 11px Verdana, Arial, sans-serif; color: #6d6d6d; }
#footer a { font-weight: normal; color: #6d6d6d; }
#footer a:hover { color: #6d6d6d; }

.common-box { background: #121c46; height: 100%; margin-bottom: 20px; }
.common-box .bottom { background: url(images/common-mainbox-bottom.gif) no-repeat 0 bottom;  height: 100%; }
.common-box .top { background: url(images/common-mainbox-top.gif) no-repeat 0 top; padding: 20px; padding-bottom: 5px; height: 100%; }
.common-box h2 { font: bold 20px Arial, sans-serif; color: #fcfcfc; border-bottom: 1px dotted #484848; padding-bottom: 3px; margin-bottom: 20px; }
.common-box p { padding-bottom: 20px; color: #fcfcfc}
.common-box h2 span { color: #badbe4; }
.common-box ul { list-style: none outside; padding: 0 0 20px 35px; }
.common-box li { background: url(images/list-bg.gif) no-repeat 0 7px; padding-left: 11px; }

#sidebar .box { height: 100%; background: #121c46; margin-bottom: 20px; }
#sidebar .box .bottom { background: url(images/sidebar-box-bottom.gif) no-repeat 0 bottom; }
#sidebar .box .top { background: url(images/sidebar-box-top.gif) no-repeat 0 top; height: 100%; }
#sidebar .box .header { height: 52px; background: url(images/sidebar-box-header.gif) no-repeat 0 0; }
#sidebar .box .header h2 { font: bold 28px/52px Arial, sans-serif; color: #fcfcfc; padding-left: 40px; background: url(images/sidebar-h2-bg.gif) no-repeat 0 center; margin-left: 12px; }
#sidebar .box .header h2 span { color: #badbe4; }

#sidebar ul { list-style: none outside; padding: 10px 0 10px 22px; color: #fcfcfc}
#sidebar li { background: url(images/list-bg.gif) no-repeat 0 7px; padding-left: 11px; margin: 12px 0; }
#sidebar .site-btn { margin: 0 0 20px 20px; }

#sidebar .social-links { margin: 20px 0; }
.social-links a { display: block; width: 199px; margin: 0 auto; line-height: 24px; border-bottom: 1px dotted #3d3d3d; padding: 5px 0; padding-left: 33px; font-weight: normal; color: #fcfcfc; background-repeat: no-repeat; background-position: 0 center; }

#sidebar .rss { background-image: url(images/rss-icon.gif); }
#sidebar .rss span { color: #af6d29; }
#sidebar .twitter { background-image: url(images/twitter-icon.gif); }
#sidebar .twitter span { color: #4f7c9e; }
#sidebar .flickr { background-image: url(images/flickr-icon.gif); border: 0; }
#sidebar .flickr span { color: #9e3153; }

#contact { width: 403px; }  
#contact label, #post-comment label { float: left; display: inline; width: 130px; font: bold 14px/30px Arial, sans-serif; }  
#contact div.field, #post-comment div.field { float: right; display: inline; width: 273px; height: 30px; background: url(images/contact-field-bg.gif) no-repeat 0 0; margin-bottom: 10px; }  
#contact div.field-date { float: left; display: inline; width: 173px; height: 30px; background: url(images/field-date.gif) no-repeat 0 0; margin-bottom: 10px; }
.focused { background-position: 0 bottom !important; }  
#contact div.field-date a { float: right; display: inline; height: 26px; width: 28px; margin: 2px 2px 0 0; }  
#contact div.field input, 
#contact div.field-date input, #post-comment div.field input { font-size: 12px; color: #707171; border: 0; margin: 7px 0 0 10px; width: 253px; background: none; }  
#contact div.field-date input { width: 130px; }
#contact div.messagefield, #post-comment div.messagefield { float: right; display: inline; width: 273px; height: 180px; background: url(images/contact-messagefield.gif) no-repeat 0 0; margin-bottom: 10px; }  
#contact div.messagefield textarea, 
#post-comment div.messagefield textarea { border: 0; font-size: 11px; color: #707171; margin: 7px 10px; width: 253px; height: 165px; background: none; overflow: auto; }  
#contact .site-btn, #post-comment .site-btn { float: right; margin-bottom: 40px; }

#contact select { width: 171px; margin-bottom: 10px; }

#top-bar .site-btn { margin-right: 10px; }

.cat-btn, .cat-btn span { float: left; display: inline; height: 30px; padding-left: 11px; background: url(images/gallery-cat-btn.gif) no-repeat 0 0; font: bold 12px/30px Verdana, Arial, sans-serif; color: #badbe4; margin-right: 10px; }
.cat-btn span { background-position: right 0; padding-left: 0; padding-right: 11px; margin: 0; }

.cat-btn:hover, .cat-btn:hover span, #top-bar .active, #top-bar .active span { text-decoration: none; background-position: 0 -30px; color: #fcfcfc; }
.cat-btn:hover span, #top-bar a.active span { background-position: right -30px; color: #fcfcfc; }

.cat-btn:active, .cat-btn:active span { text-decoration: none; background-position: 0 -60px; }
.cat-btn:active span { background-position: right -60px; }

#gallery .image { float: left; display: inline; height: 126px; width: 150px; background: url(images/gallery-image-placeholder.gif) no-repeat 0 0; padding: 13px; margin: 0 16px 20px 0; }
#gallery .last-image { margin-right: 0 !important; }
#gallery .hovered {background-position: left bottom;}

.post .header small { float: right; display: inline; background: url(images/comments-small-icon.gif) no-repeat right center; padding-right: 22px; font: 11px/35px Arial, sans-serif; }
.post .header h2, #comments h2 { font: bold 20px/25px Arial, sans-serif; color: #cacaca; background: url(images/gallery-h2-bg.gif) no-repeat 0 5px; padding-left: 29px; }

#comments h2 span { color: #fff; margin-bottom: 20px; }
#comments .comment { margin-bottom: 20px; }
#comments .author { float: left; display: inline; width: 67px; height: 67px; overflow: hidden; }
#comments .author img { border: 5px solid #2c2d2e; }
#comments .commentpost { float: left; display: inline; width: 551px; margin-left: 4px; background: url(images/commentpost-bg.gif) repeat-y 0 0; height: 100%; }
#comments .comment-bottom { background: url(images/commentpost-bottom.gif) no-repeat 0 bottom; }
#comments .comment-top { background: url(images/commentpost-top.gif) no-repeat 0 top; padding: 0 15px 0 25px; }
#comments .commentpost h3 { font: 11px/31px Arial, sans-serif; margin-bottom: 20px; }
#comments .commentpost h3 span { font: bold 14px/31px Arial, sans-serif; color: #a7a7a7; }
#comments .commentpost p { font-style: italic;  }
 
#post-comment { margin-top: 13px; }
#post-comment form { width: 403px; }
#post-comment .site-btn { margin-bottom: 30px; }

#basic-info { padding: 7px 20px;  height: 100%; overflow: hidden; }
#basic-info .row { border-bottom: 1px dotted #3d3d3d; padding: 8px 2px; }
#basic-info .row strong { color: #5c5c5c; }
#basic-info .last-row { border: 0; text-align:center;  }
#basic-info strong.rating { float: left; display: inline; width: 68px; }
#basic-info div.rating { float: left; display: inline; width: 91px; height: 14px; background: url(images/rating.gif) repeat-x 0 0; margin-top: 3px; text-align: center; }
#basic-info div.rating span { float: left; display: inline; height: 14px; background: url(images/rating.gif) repeat-x 0 -14px; font-size: 0; line-height: 0; text-indent: -4000px; }

.slides-container-handler {
    position: relative;
    overflow: hidden;
    width: 640px;
    height: 276px;
}
.slides-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 1500000px;
}
.slides-container img {
    float: left;
}

.text-slider-container-handler {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 210px;
}
.text-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 1500000px;
    height: 210px;
}
.text-content {
    width: 214px;
    height: 210px; 
    float: left;
}

.slider-container {
    position: relative;
    overflow: hidden;
    /*javscript will handle height property since it depends on number of the images*/
    width: 960px;
}
.slider-inner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 999960px;
}
.slider-inner-container .fragment {
    float: left;
    width: 960px;
}
.post-ratings em {
    display: none;
}
#date {
    background-image: url('images/calendar-icon.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

#comments-form #submit {
    display: block; 
    height: 30px; 
    background: url(images/site-button.gif) no-repeat 0 0; 
    padding-left: 11px; 
    font: bold 12px/30px Verdana, Arial, sans-serif; 
    color: #fff; 
    text-decoration: none;
    border: 0;
}
.nice-select-box {
    floaT: left;
}


.nice-select-box {
    width: 143px;
    height: 30px;
    background: url(images/select-box.gif) no-repeat 0 0;
    padding-right: 28px;
    position: relative;
    cursor: default;
}
.nice-select-handler .active {
    background-position: left bottom;
}
.nice-select-box span.option-selected {
    font-size: 12px;
    padding: 6px 0 0 10px;
    float: left;
}
.nice-select-box .opts {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0e0e0e;
    border: solid 1px #5c5c5c;
    border-top: 0;
    width: 168px;
}
.nice-select-handler {
    background: none !important;
}
.nice-select-handler .opts a {
    display: block;
    cursor: default;
    padding: 3px
}
.nice-select-handler .opts a:hover, .nice-select-handler .opts a.selected-option {
    color: #0e0e0e;
    background: #fff;
    text-decoration: none;
}