/*
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 center 20px;
}

#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; Text-align:center; }
.date{color:#cbcbcb;}
.floatright{float:right;}

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

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

#header h1  {
    height: 80px;
    margin:0;
    
}

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

/* 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;}




/* NAVIGATION
------------------------------------------------------------------*/
#navigation {
    /*background: #b4d6d7 url(images/bgk-nav.png) no-repeat bottom center;*/
    height:30px;
    font-family: Georgia, Verdana, Arial, sans-serif;
    margin:20px 0 40px 0;
    text-transform:  uppercase;
}

#navigation ul {
    list-style: none; 
    height:30px;
    margin:0 auto;
    width:500px;
}

#navigation ul li {
    float:left;
    margin:0 10px;
    text-align:center;
    width:100px;
}



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

#navigation ul li a:hover,#navigation ul li.current a {
    color:#9bbfbf;
}
#navigation ul li.current a {
   text-decoration: underline;
}

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

#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: 10px 0;
    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;
    display:none;
}

#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-content img {
    max-width:600px;
    height:auto;
}

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

.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:0.5px solid;
    border-color:#fff #C3C3C3 #C3C3C3 #fff;
}

.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:200px;
    overflow:hidden;
}

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

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

/* SIDEBAR SEARCH
------------------------------------------------------------------*/
.search-title{
    text-align:left;
    margin:20px 10px;;
    padding-bottom:40px;
    border-bottom:dotted 1px #9bbfbf;
}

#searchbox{
    position:absolute;
    top: 0;
    right:0px;
    margin:10px;
    font-size:10px;
    z-index: 99;

}
#searchbox .sidebox.sharethis{
    border:none;
}

#sidebox-search { 
    padding:0 5px;
    margin-bottom:10px;
}
#sidebox-search h4{    
 margin-bottom:0;
 color:#9BBFBF;
}

#sidebox-search form{
   display:inline-block;
    width:230px;
    text-align: right;
    height:30px;
}

#sidebox-search label{
    display:none;
}

#sidebox-search #searchsubmit{
    background: none;
    border:none;
    cursor: pointer;
    visibility:hidden;
    float:right;
}

#sidebox-search #s{
    background: #fff;
    border:#c3c3c3 1px solid;
    padding:4px 2px;
    color:#666;
    width:210px;
    font-size:11px;
}

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

/* SIDEBAR 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:0.5px solid;
    border-color:#fff #C3C3C3 #C3C3C3 #fff;
    width:135px;
	height:auto;
    vertical-align: top;
}
#sidebox-gallery .caption, #sidebox-gallery .block {
    display:none;

}
/* SIDEBAR 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 {    
    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;
}



/* 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;
*/
/*----------------------------------------------------------------*/