/*
Theme Name: Segeruis Bruce Theme
Theme URI: http://www.segeriusbruceblog.com/.com
Description: 
Version: 1.0
Author: AcidicMastodon
Author URI: http://www.AcidicMastodon.com
*/

/* Colours
/*----------------------------------------------------------------*/
/*
base blue:      #b8e2e1;
med blue:       #9bbfbf;

base shadow:    #3e4d4c;

base grey:      #e3e3e3;
med grey:       #666;
dark grey:      #333333;
*/
/*----------------------------------------------------------------*/

body {
    font-family: Verdana, Arial, sans-serif;
    color: #666;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height:1.5em;
    background:#fff url('../images/bgk.png') repeat-y top center;
}

#page{    
    margin-top:10px;
}

/* Typography
------------------------------------------------------------------*/
a, a:visited {
    color: #9bbfbf;
    text-decoration: none;
    outline: none;    
}
a:hover {
    color: #3e4d4c;
    text-decoration: none;
}

img {
    border: 0;
}

blockquote {
    margin: 22px 40px;
    color:#333;
    padding: 10px 20px 0 20px;
    background: #f6f6f6;
    border: 1px solid #E3E3E3;
}

h1{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 24px normal; line-height: 24px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0;}
h2{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 20px normal; line-height: 20px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0; }
h3{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 18px normal; line-height: 18px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0; }
h4{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 16px normal; line-height: 16px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0;}
h5{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 14px normal; line-height: 14px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0;}
h6{ color: #3e4d4c; padding: 0; margin: 0 0 10px 0; font: 12px normal; line-height: 12px; font-family: Georgia, Verdana, Arial, sans-serif; margin: 0 0 20px 0;}

.alignleft { float: left; margin: 0 5px 5px 0; }
.alignright { float: right; margin: 0 0 5px 5px;Text-align:right; }
.aligncenter { display: block; margin: 0 auto; }
.date{color:#cbcbcb;}
.pagetitle{
    margin: 40px 0 20px 10px;
    border-bottom:1px dotted #9BBFBF;
    padding-bottom:10px;
}

/* HEADER
------------------------------------------------------------------*/

#header { 
    /*background: url(../images/header.png) no-repeat top center;*/
    padding:40px 10px 10px 10px ;
    margin:0;
    width:940px;

}

#header h1  {    
    height: 80px;
    float:left;
    overflow: hidden;
    margin: 0 20px 0 0;
    width: 200px;
}

#header h1 a {
    text-indent: -9999px;
    background: url('../images/logo.png') no-repeat top left;
    display: block;
    width: 191px;
    height: 76px;
    margin-left:4px;
}

/* NAVIGATION 
------------------------------------------------------------------*/
#navigation { 
    padding-top:50px;
    /*background: url(../images/bgk-nav.png) no-repeat bottom center;*/
    font-family: Georgia, Verdana, Arial, sans-serif;   
}

#navigation ul {
    list-style: none;    
    margin: 5px 0 0 420px;
}

#navigation ul li {
    display:inline-block;
    margin-right:20px; }

#navigation ul li a {   
    color: #666;
    font-size:11px;
    display: block;
    margin: 0;    
}

#navigation ul li a:hover {
    color:#9bbfbf;
}

#navigation #search {
    background:  url('../images/search.png') no-repeat top left;
    width:200px;
    height:30px;
    margin-right:0;
}

#navigation #search label{
    display:none;
}

#navigation #search #searchsubmit{
    background: none;
    border:none;
    cursor: pointer;
    visibility:hidden;
    float:left;
}

#navigation #search #s{   
    background: none;
    border:#666 1px solid;
    padding:4px 2px;
    color:#666;
    width:185px;
    font-size:11px;
}

#navigation #search #s:hover {
    border:#9bbfbf 1px solid;
}


/* CONTENT WRAPPERS
------------------------------------------------------------------*/
#content{
   /* background: url('../images/bgk-content.png') repeat-y top left;*/
    margin:0;
    padding:20px 0 0;
    float:left;
    width:960px;
}

#feature-content{
    /*background: url('../images/bgk-content.png') repeat-y top left;*/
    margin:0;
    padding:0;
    float:left;
    width:960px;
}

#feature-content  ul{
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

#feature-content ul li{
  display:inline-block;
  margin:0 -5px; 
  background: #f6f6f6;
  border:1px solid #efefef;
}

#feature-content ul li a{
  display: block;
  overflow: hidden;
  width:45px;

}

/* LEFT COLUMN -- MAIN CONTENT
------------------------------------------------------------------*/
#left-col{
    background: #fff;
}

#left-col h1,#left-col h2{
    color: #9bbfbf;
}

/* RIGHT COLUMN -- SIDEBAR
------------------------------------------------------------------*/
#right-col{
    margin-top:0px;  
    font-size: 10px;
    background: #fff;
}

/* POST INFO
------------------------------------------------------------------*/
.post-info{
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom:dotted 1px #9bbfbf;
    font-size: 10px;
    color:#666;
    text-transform: uppercase;
}

h1.post-info {
    font-size:24px;
    text-transform: none;
    margin-top:16px;
}

.post-info a, .post-info a:visited { 
    color: #9bbfbf;
    text-decoration: none;
    outline: none;
}

.post-info a:hover {
    color: #3e4d4c;
    text-decoration: none;
}

ul.post-info li{
    margin-right: 20px;
    display:inline-block;
}

/* POST GALLERY
------------------------------------------------------------------*/
#post-gallery{
    margin: 10px 0 20px 0;
    padding-bottom: 10px;
    border-bottom:dotted 1px #9bbfbf;
}

#post-gallery.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
}
#post-gallery .slideshow-container {
    position: relative;
    /*height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
    width:100%;
}
#post-gallery .loader {
    position: relative;/*absolute;*/
    top: 0;
    left: 0;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
#post-gallery .main_image {

}
#post-gallery .main_image span.image-wrapper {
    display: block;
    position: relative;/*absolute;*/;
    top: 0;
    left: 0;
}
#post-gallery .main_image a.advance-link {
    display: block;
    width: 100%;
    /*height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
    /*line-height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
}
#post-gallery .main_image img {
    width:610px;
    cursor: pointer;
}

#post-gallery .block{
    background:#fff none repeat scroll 0 0;
    color:#3E4D4C;
    font-size:13px;
    font-weight:bold;
    line-height: 40px;
    height:38px;
    margin-bottom:-60px;
    position:relative;
    text-transform:uppercase;
    text-align: right;
    vertical-align: bottom;    
    padding:20px 10px 10px 32px;
    top:-60px;
    width:570px;
    max-width: 570px;
    overflow:hidden;   

    opacity: 0.33;
    For IE 5-7
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
    For IE 8
    -MS-filter
}



/* POST CONTENT
------------------------------------------------------------------*/
.post-content{
    margin: 10px 0 20px 0;
    padding-bottom: 10px;
    border-bottom:dotted 1px #9bbfbf;
}
.post-content p {
    font-size: 13px;
    margin:0 20px 20px 10px;
}

/* POST EXCERPT
------------------------------------------------------------------*/
.post-excerpt .grid_12{
    margin-bottom:40px;
}

/*.post-excerpt .grid_12 .post-info{
    border-top:dotted 1px #9bbfbf;
    padding-top:10px;
}*/

.post-excerpt .grid_12 .post-info.footer{
    border:none;
}

.post-excerpt .grid_12 .title{   
    font-size: 24px;
    margin-bottom:15px;
}

.post-excerpt .grid_4 .post-info{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0;
}

.post-excerpt .grid_4 .title{
    margin-bottom:0;
    font-size: 18px;
    height:42px;
    overflow:hidden;
}

.post-excerpt .grid_4 .category,.post-excerpt .grid_4 .comment{
    display:none;
}

.post-excerpt .comment{
    text-align:right;
}

.post-excerpt{
    margin-bottom:20px;   
}

.post-excerpt .grid_4{
    margin-bottom:20px;
    padding: 10px 0;
    border-top:dotted 1px #9bbfbf;
}

.post-excerpt p {
    font-size: 13px;
    margin-bottom:20px;

}

.post-excerpt .thumbnail a:link, .post-excerpt .thumbnail a:visited {
    display:block;
    padding:5px;
    background:#e3e3e3;
    width:150px;
    min-height:150px;
    margin:5px 10px 0 0;
    float:left;

}

.post-excerpt .thumbnail a:hover, .post-excerpt .thumbnail a:active {
    background:#C3C3C3;
}


.post-excerpt .thumbnail-grid img{
    border-top:0.5px solid #fff;
    border-left: 0.5px solid #fff;
    border-right:0.5px solid #666;
    border-bottom:0.5px solid #666;
}

.post-excerpt .thumbnail-grid a:link, .post-excerpt .thumbnail-grid a:visited {
    display:block;
    padding:5px;
    background: #f6f6f6;
    border:1px solid #efefef;
    min-height:190px;
    margin:5px 0;
}

.post-excerpt .thumbnail-grid a:hover, .post-excerpt .thumbnail-grid a:active {
    border: 1px solid #C3C3C3;
}

.post-excerpt .grid_4 .thumbnail-grid  img{
    max-height:240px;
    overflow:hidden;
}

.post-excerpt .grid_12 .thumbnail-grid {
    float:left;
    width:620px;
    margin-right:10px;
    margin-top: 0;
}


/* GALLERY THUMBNAILS
------------------------------------------------------------------*/
#sidebox-gallery{
    padding-top:5px;
    background: #f6f6f6;
    margin-bottom:20px;    
    display: none;
    border:1px solid #efefef;
}

#sidebox-gallery li{
    margin:0 0 5px 5px;
    display:inline-block;
    min-height:100px;
}

#sidebox-gallery .image_thumb img{
    border-top:0.5px solid #fff;
    border-left: 0.5px solid #fff;
    border-right:0.5px solid #666;
    border-bottom:0.5px solid #666;
    width:140px;
    vertical-align: top;
}
#sidebox-gallery .caption, #sidebox-gallery .block {
    display:none;

}
/* SOCIAL NETWORKING
------------------------------------------------------------------*/
.sidebox{    
    background: #f6f6f6;
    margin-bottom:20px;    
    border:1px solid #efefef;
}

.sidebox.sharethis {     
    background: none;
    border:none;
    border-bottom:dotted 1px #9bbfbf;
    padding-bottom:7px;
}

.sidebox.sharethis ul {
    margin: 29px 0 0;
    padding: 0;
    list-style-type: none;
    border: 0;
}

.sidebox.sharethis ul li { 
    display: inline-block;    
    margin: 0;
}

.sidebox.sharethis ul li img {
    border: 0;
    padding: 0;
    margin: 0 2px;
    /*height:48px;*/
}

.sidebox.sharethis ul li a {
    opacity: 0.5;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    /* For IE 8 */
    -MS-filter
}

.sidebox.sharethis ul li a:hover {
    opacity:1;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    /* For IE 8 */
    -MS-filter
}

.sidebox.twitterbox, .sidebox.related-posts {
    padding:5px;
    padding-top:10px;
}

.sidebox #twitter_update_list li, .sidebox .st-related-posts li{
    margin-bottom:10px;
    border-top:1px solid #efefef;
    padding-top:10px;
}

/* FOOTER
------------------------------------------------------------------*/
#footer {     
    background:#fff url('../images/footer.png') no-repeat top center;
    position:relative;
    z-index:1;    
    padding-bottom:30px;
    padding-top:80px;
    color:#666;
    font-size:10px;
    margin-top:5px;    
}

#footer h3{
    font-size:14px;
    color:#3e4d4c;

}

#footer ul {
    list-style: none;
    margin:0 10px 20px;
}
#footer ul li {
    display:block;
    margin:0 20px 5px 0;
    font-size:10px;
    border-bottom:1px dotted #efefef;
}

#footer a {    
    display: inline-block;
    margin: 0;
    text-decoration: none;
    color:#9bbfbf;
}

#footer a:hover {
    color:#3e4d4c;
}
#footer p, #footer .spacer{margin-top:20px; border:none;}




/* COMMENTS
------------------------------------------------------------------*/

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author { color: #3e4d4c; }
ol.commentlist li div.vcard { font:normal 16px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #cbcbcb; float:right; width: 50px; height: 50px; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#cbcbcb; }
ol.commentlist li p { font-size:12px; margin:0 0 1em; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }

ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.pingback .reply, ol.commentlist li.pingback .comment-meta, ol.commentlist li.pingback .says, ol.commentlist li.pingback p { display: none; }

ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist li.bypostauthor { background: #898989; color: #FFF; }
ol.commentlist li.bypostauthor a, ol.commentlist li.bypostauthor a:visited { color: #FFF; text-decoration: underline; }
ol.commentlist li.bypostauthor a:hover { text-decoration: none; color: #FFF; }
ol.commentlist li.bypostauthor pre, ol.commentlist li.bypostauthor code { color: #666; }


#respond{
    background: #f6f6f6;
    margin:20px 0;
    border:1px solid #efefef;
    padding:10px;
}
#respond p{margin-bottom:10px;}
#respond input[type=submit]{
    display: inline-block;
    margin-right: 5px;
    padding: 3px 10px;
    border: 1px solid #666;
    color:#666;
    overflow: hidden;
    cursor: pointer;

}
#commentform input[type=submit]:hover{
    color: #333333;
    border-color:#333333;
    text-decoration: none;
}

/* POST PAGINATION
------------------------------------------------------------------*/
.wp-pagenavi { 
    float: left;
    text-align: right;
    margin:10px;
}

.pagination {
    padding:5px;
} 

.pagination a,
.pagination span.current,
.pagination span.ellipsis,
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi span.pages,
.wp-pagenavi span.pages,
.wp-pagenavi a:visited{
    display: inline-block;
    margin-right: 5px;
    padding: 3px 10px;
    border: 1px solid #cbcbcb;
    color:#cbcbcb;
    overflow: hidden
}
.pagination a:hover,
.wp-pagenavi a:hover{
    color: #666;
    border-color:#666;
    text-decoration: none;
}
.pagination span.current,
.wp-pagenavi span.current{
    color: #666;
    border-color:#666;
}

.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px;
}

/* Colours
/*----------------------------------------------------------------*/
/*
base blue:      #b8e2e1;
med blue:       #9bbfbf;

base shadow:    #3e4d4c;

base grey:      #e3e3e3;
med grey:       #666;
dark grey:      #333333;
*/
/*----------------------------------------------------------------*/