/* 
Theme Name: Fourseasons 50th Birthday
Theme URI: http://wordpress.org/
Description: 50th Birthday WordPress theme for Fourseasons
Version: 0.1
Author: HUGEinc
Author URI: http://hugeinc.com/

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/******* FONT-FACE ********/
.wf-loading .font-face {
	visibility: hidden;
}

.wf-active .font-face {
	visibility: visible;
}
/******* /FONT-FACE ********/

body {
	background: url(images/bkg-sidebar.png) repeat center;
}

#doc {
   background: #FFFFFF;
   min-width: 1008px;
}

/******* HEADER ********/

#header {
	background: url(images/placeholder/topic/header.jpg) no-repeat center;
	display: block;
	margin-bottom: 12px;
	text-transform: uppercase;
	color: #fff;
}

.header-content {
    position: relative;
	height:200px;
}

#header.large .header-content {
	height: 360px;
}

    #header .logo {
    	outline: none;
    }
    
        #header .logo img {
        	display: block;
        }

    #header .title {
        position: absolute;
    	bottom:15px;
    	left: 0px;
    } 

#header .topic-title {
	font-size: 42px;
	font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
	font-weight: bold;
	text-shadow: 2px 2px 10px #000;
}
/******* /HEADER ********/

/******* NAV ********/
#nav {
	display: block;
}

#nav li {
	border-left: 1px solid #fff;
	float: left;
	width: 197px;
}

#nav li a {
	border-bottom: 4px solid transparent;
	color: #fff;
	display: block;
	font-size: 12px;
	font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
	font-weight: bold;
	margin: 0 18px;
	outline: none;
	padding: 33px 0 7px 0;
	text-transform: uppercase;
}

.lt7 #nav li a {
    border-bottom: 0px;
    padding-bottom: 11px;
}

#nav li a:visited{}

#nav li.current-menu-item a,
#nav li.current-category-ancestor a,
#nav li.current-post-ancestor a,
#nav li a:hover,
#nav li a:active {
	border-bottom: 4px solid #fff;
}

.lt7 #nav li.current-menu-item a,
.lt7 #nav li.current-category-ancestor a,
.lt7 #nav li.current-post-ancestor a,
.lt7 #nav li a:hover,
.lt7 #nav li a:active {
    padding-bottom: 7px;
}

#nav li a:hover {
    text-decoration: none;
}

/******* /NAV ********/

/******* /CONTENT ********/
#content {
	display: block;
}

    .share {
        margin : 5px 10px;
    }
    
        .share iframe, .share .fb-like, .share .share-this {
            float: right;
        }
        
        .share .fb-like {
            margin: 0px;
        }
        
        .share .share-this {
            margin-right: 20px;
        }
        
        .share span {
            display: block;
            float: left;
            margin: 4px 2px;
        }
            
        .share .title {
            font-family: 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
            text-transform: uppercase;
            font-size: 10px;
            line-height: 14px;
            color:#000000;
        }
            
        .share .st_button {
            width: 14px;
            height : 14px;
            background: url(images/share-sprite.png) no-repeat left center;
            cursor: pointer;
            overflow: hidden;
        }
            
      .ie8 .share .st_button,
      .lt8 .share .st_button {
          margin-top: 3px;
      }
      
      .lt8 .share .st_button {
          background-position-y: top;
      }
      
      .share .st_facebook_custom {
          background-position: 0px center;
      }
      
      .share .st_twitter_custom {
          background-position: -19px center;
      }
      
      .share .st_sharethis_custom {
          background-position: -37px center;
      }
      
      .share .st_email_custom {
          background-position: -55px center;
      }

#content h1 {
    font-size: 28px;
    color: #000000;
    padding-top: 16px;
    
}

#content .intro {
	border-bottom: 1px solid #eaeaea;
	color: #000;
	font: 18px/28px Arial, Helvetica, Freesans, Sans-serif;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

#content .intro p {
	font-family: 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
	padding-top: 16px;
	margin-right: 168px;
}

#content .intro .picture {
	float: left;
	margin-right: 25px;
}

#feature {
	margin-bottom: 50px;
	background: url(images/feature-box-sprite.jpg) repeat-y right top;
    width: 744px;
    margin-left:-12px;
    margin-top:-12px;
}
    
    #feature .top, #feature .bottom {
        height: 18px;
    	background: url(images/feature-box-sprite.jpg) repeat-y left top;
    }
    
    #feature .bottom {
    	background-position: left bottom;
    }

    #feature .picture {
    	float: left;
    	margin-right: 30px;
    }
    
    #feature .post {
    	margin: 0px;
    	padding: 30px;
    	font-family: 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
    	border: none;
    }
    
        .attachment-fsfb_image_large {
            display: block;
        }
        
            #feature h2 {
                font-size: 12px;
            	color: #000;
            	font-family: 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
            }
            
            #feature h3 a {
            	color: #000;
            	font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
            	font-weight: bold;
            	font-size: 18px;
            	padding-bottom: 13px;
            	text-transform: uppercase;
            }
    
            #feature p {
            	color: #000;
            	display: block;
            	font-size: 17px;
            	padding-bottom: 18px;
            }
    
            #feature .button {
                float: left;
                border-width: 1px;
            }
            
                #feature .button a {
                    font-size: 10px;
                    padding:6px 17px;
                }

/******* /CONTENT ********/

/******* /SIDEBAR ********/

#aside {
    padding-top: 80px;
    font-family: 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
}

#aside p {
   margin:5px 0 10px 0;
}
.top-level-category #aside {
    padding-top: 0px;
}

    .box {
        margin-bottom: 30px;
    }
    
    div.widget-container {
        margin-bottom: 0px;
    }
    
    
        #aside ul {
        	margin-left: 20px;
        }
        
        #aside li {
        	list-style: disc;
        	margin-top: 12px;
        }
        
        #aside .with-borders li {
        	margin-top: 8px;
        	padding-top: 8px;
        	border-top: 2px solid #eaeaea;
        }
        
        #aside .with-borders li:first-child {
            border-top: none
            padding-top: 0px;
            margin-top: 12px;
        }
        
        #aside li.no-disc {
            list-style-type: none;
            margin-left: -12px;
        }
        
            #aside img.attachment-fsfb_image_small {
                float: left;
                margin-right: 10px;
            }

    .shadow-box {
        background: url(images/border-box-sprite.png) repeat-y right top;
        width: 241px;
        margin: -12px -12px 18px -12px; 
        color: #000000;
    }
    
        .shadow-box .top {
            background: url(images/border-box-sprite.png) repeat-y left top;
            height: 16px;
        }
        
        .shadow-box .middle {
            padding: 0px 18px 0px 17px;
        }
        
            .shadow-box h2 {
                background-color: #f2f2f2;
                font-size: 12px;
                text-transform: uppercase;
                height: 12px;
                padding: 22px 5px 18px;
                text-align: center;
            }
            
            .shadow-box p, .shadow-box .count-down {
                margin: 25px 0px;
                padding: 0px 15px;
                text-align: center;
            }
            
            .shadow-box .count-down {
                color: #7d9daf;
                font-size: 34px;
                padding : 0px;
            }
            
                .shadow-box .digit {
                    font-size: 28px;
                    line-height: 32px; 
                    color: #657f91;
                    background: url(images/digit-bkgd.png) no-repeat center;
                    font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
                    font-weight: 100;
                    padding: 0px 3px;
                }
        
        .shadow-box .bottom {
            background: url(images/border-box-sprite.png) repeat-y left bottom;
            height: 16px;
        }
        
        
    
    .background-box {
        background: #f3f3f3 url(images/bkg-sidebar.png);
        padding: 5px 15px 20px;
        font-size: 14px;
    }
    
        .background-box h2 {
            margin: 40px 0px 20px;
            font-weight: bold;
            font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
            text-transform: uppercase;
        }
        
        .background-box p {
            margin: 15px 0px;
        }
        
        .background-box em {
            font-size: 20px;
            color: #000000;
        }
        
        .background-box li {
            color: #000000;
        }
                
        hr {
            color: #eaeaea;
            background-color: #eaeaea;
            border: 1px solid #eaeaea;
            margin: 30px 15px;
        }
        
        .lt8 hr {
            margin-bottom: 0px;
        }
    
    .standard-box {
        color:#000000;
    }
        
        .standard-box img.size-full, .standard-box img.alignnone.  {
            display: block;
        }
        
        .standard-box h2 {
            font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
            font-size: 15px;
            font-weight: 700;
            color: #000000;
            text-transform: uppercase;
            margin: 20px 0px 15px;
        }
        
        .standard-box p {
        	font-size: 15px;
        }
        
    #aside .button {
        white-space:normal;
        margin: 15px 0px;
    }
    
    #aside p .button {
        margin: 0px;
    }
	

/******* /SIDEBAR ********/

/******* FOOTER ********/

#footer {
	background: #f3f3f3 url(images/bkg-sidebar.png) repeat center;
	display: block;
}

    #footer .content {
        background: url(images/footer-shadow.png) repeat-x center top;
    	padding: 40px 0 60px 0;
    	text-align: center;
    }
    
    .lt7 #footer .content {
        background: url(images/footer-shadow-ie.png) repeat-x center top;
    }
    
    #footer .fourseasons {
    	padding-bottom: 26px;
    }
    
    .lt7 #footer .fourseasons {
        background: url(images/logo-footer-ie.png) no-repeat center top;
    }
    
        .lt7 #footer .fourseasons img {
            visibility: hidden;
        }

        #footer .content li {
        	border-left: 1px solid #dfdfdf;
            display: inline;
        	margin-left: 10px;
        	padding-left: 10px;
        }
        
        #footer .content li:first-child {
        	border-left: 0;
        	margin-left: 0;
        	padding-left: 0;
        }

            #footer .content li a {
            	color: #007291;
            	font: 14px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
            }

/******* /FOOTER ********/

/******* GENERAL ********/
/* styles from CMS */

a:hover, a:active {
    text-decoration: underline;
}

a, a:active, a:visited {
    color: #007291;
}

strong, .bold {
    font-weight: bold;
}

em, .italic {
    font-style: italic;
}

blockquote, q {
    font: italic normal 24px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
    color: #242424;
}

blockquote.smaller{
	font-size: 21px;
}


blockquote .quote, q .quote {
    font-size: 61px;
    line-height: 0px;
    height:24px;
    display: inline-block;
    color: #cccccc;
    position: relative;
    top:23px;
    padding:0px 3px;
}

.lt8 blockquote .quote, .lt8 q .quote{
    zoom:1;
    line-height: 61px;
    top: 0px;
    margin-top: -22px;
    height: 0px;
    text-indent: -5px;
}

.lt7 blockquote .quote, .lt7 q .quote{
    top:0px
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

img.alignright, img .alignleft {
    margin-top: 7px;
}

.hentry p {
    margin: 30px 0px;
}

.hentry p.lead-in {
    margin: 40px 0px;
    font: normal 20px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
    font-size: 20px;
    color: #000000;
}

.single .hentry h2, .single .hentry h3, .single .hentry h4, .single .hentry h5, .single .hentry h6,
.page .hentry h2, .page .hentry h3, .page .hentry h4, .page .hentry h5, .page .hentry h6 {
    font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.single .hentry h2,
.page .hentry h2 {
    font-size: 16px;  
}

.page .hentry h3,
.single .hentry h3 {
    font-size: 14px; 
}

.hentry blockquote,
.hentry q {
    float: right;
    width: 200px;
    margin-left: 15px;
}

.hentry blockquote p,
.hentry q p {
    margin: 0px;
}

/******* /GENERAL ********/

/******* HOME ********/

body.home {
    background: #fbfbfb;
}
    
.home #header .title {
    text-align: center;
    font-size: 16px;
    padding-top:55px;
    position: relative;
}

    .home #header .intro {
        margin: 5px 0px 10px;
    }

.home #content {
    padding: 25px 0px;
}

    #home-callout /*, #home-featured*/ {
        width: 270px;
    }
        
    .lt8 #home-callout {
        z-index: 10;
    }


.grid_posts {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	zoom:1;
	*display:inline;	
} 

.grid_posts h3 {
min-height: 40px;
margin-bottom: 10px;
	}

.grid_posts font-face {
height: 100px;
	}

.grid_posts {
	padding-right: 20px;
}

.home .grid_12 {margin-left:0;}

#home-posts {
	width: 1008px;
	font: 14px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
	color: #000000;
	line-height: 1.3;
	margin: 0px;
	padding-right: 50px;
}    


 #home-posts h2 {
                    font: 16px 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
                    font-weight: bold;
                    color: #000000;
                    margin-bottom: 15px;
                    text-transform: uppercase;
                }
		
    #home-featured{
        width: 1008px;
	margin-left:0;
    }
    
        .callout {
            width: 70%;
            position: relative;
            font: 10px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
        }
        
        .lt7 .callout {
            zoom: 1;
            width: 100%;
        }
        
            .callout img {
                position: absolute;
                right:-68%;
                top: -15px;
                z-index: 15;
            }
            
            .lt7 .callout img {
                position: absolute;
                right: -25%;
                z-index: 1;
                zoom: 1;
            }
        
            .lt7 .callout blockquote {
                margin-right: 30%;
            }
            
            .callout a.read-more {
                color: #ff3333;
                text-transform: uppercase;
                display: block;
                margin-top: 15px;
                font-weight: bold;
                font-family: arial, Sans-serif;
            }
            
            .callout p.caption {
                float: right;
                margin-right:25%;
                text-transform: uppercase;
                color:#000000;
                margin-top: 25px;
            }
            
                .callout .caption span {
                    display: block;
                    text-align: right;
                }
            
                .callout p.caption .main {
                    color: #000000;
                }

        #home-featured .grid_3 {
            margin-left: 3px;
            margin-right: 3px;
        }
        
        .lt7 #home-featured .grid_3 {
            display: inline;
            zoom: 1;
        }
        
            #home-featured div:first-child {
                margin-left: 0px;
            }
            
            #home-featured div:last-child {
                margin-right: 0px;
            }
            
                #home-featured h2 {
                    font: 16px 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
                    font-weight: bold;
                    color: #000000;
                    margin-bottom: 15px;
                    text-transform: uppercase;
                }
                
                #home-featured h3 {
                    margin-top: 10px;
                    margin-bottom: 3px;
                    font-family: Arial, Helvetica, Freesans, Sans-serif;
                    padding-right: 15px;
                    text-transform: none;
                    font-weight: normal;
                }
                
                    #home-featured h3 a {
                        color: #007291;
                        font-size: 15px;
                        line-height: 1.3;
                }
                
                #home-featured p {
                    font: 14px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;  
                    color: #000000;
                    line-height: 1.3;
                    margin : 0px;
                    padding-right: 15px;
                }

/******* /HOME ********/

/******* SINGLE & PAGE ********/

.single .post, .page .page {
    color:#000000;
}

    .single .entry-header, .page .entry-header {
        margin-bottom: 15px;
        font-size: 10px;
    }
    
        .single .content-logo {
            float:left;
            margin-right:15px;
        }
        
        .single .cat-link {
            text-transform: uppercase;
        }
        
       .single .entry-header a {
            color: #007291;
       }
     
       .entry-content {
          font-size: 14px;
          line-height: 24px;
       }       

       .entry-content ul{
	       list-style:disc outside;
	       margin:5px 0 10px 0;
	       padding-left: 15px;
       }
	
	.entry-content table td {
                line-height: 18px;
               padding-left: 4px;
       	}
          
        .attachment-fsfb_image_xlarge {
            margin-bottom: 15px;
            display: block;
        }
        
        .hentry .update {
            background-color: #e5ebef;
            padding: 18px 20px;
            margin: 15px 0px;
            font-size: 12px;
        }
        
            .hentry .update h2 {
                font: 14px 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
                font-weight: bold;
                text-transform: uppercase;
                float:left;
                height: 14px;
                margin-top: 5px;
                width: 13%;
                text-align: right;
                color: #000000;
            }
            
            .hentry .update .update-content {
                margin-left: 3%;
                border-left: 1px #bfc4c8 solid;
                padding-left: 3%;
                line-height: 1.3;
                float:right;
                width: 80%;
            }
            
/******* /SINGLE ********/

/******* FLICKR GALLERY ********/

        .flickr-gallery-link {
            margin-top: -15px;
            text-align: right;
            float: right;
        }
        
            .flickr-gallery-link a {
                color: #ff3333;
                font: bold 10px 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
                text-transform: uppercase;
            }
        
        .single p.flickrTag_container, .page p.flickrTag_container {
            margin-top: 20px;
            border-left: 1px #666666 solid;
            border-top: 1px #666666 solid;
            margin-left:-21px;
            width: 761px;
        }
        
        .flickrTag_container:after {
        	visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }
        
        .lt7 .flickrTag_container {
            zoom: 1;
        }
        
            .single .flickrTag_container a, 
            .single .flickrTag_container img,
            .page .flickrTag_container a, 
            .page .flickrTag_container img {
                display: block;
            }
            
            .single .flickrTag_container a, 
            .page .flickrTag_container a {
                float: left;
            }
            
                .single .flickrTag_container img.flickr,
                .page .flickrTag_container img.flickr {
                    margin: 0px;
                    border-right: 1px #666666 solid;
                    border-bottom: 1px #666666 solid;
                }

/******* /FLICKR GALLERY ********/

/******* CATEGORIES ********/

#news h1 {
    margin-bottom: 30px;
}

.category .post, .tag .post {
    border-bottom: 1px solid #e5e5e5;
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 1;
}

    .category .post .thumbnail, .tag .post .thumbnail  {
        float: left;
        margin-right: 15px;
    }
    
    .category .post .copy, .tag .post .copy {
        width: 485px;
        float: left;
    }
    
        .category .post h2, .tag .post h2 {
            font-family: Arial, Helvetica, Freesans, Sans-serif;
            font-weight: normal;
            
        }
        
        .category .post p, .tag .post p {
            margin: 0px;
            font: 15px 'adobe-garamond-pro-1', Georgia, Helvetica, Freesans, Sans-serif;
            color:#000000;
        }
        
        .category .meta, .tag .meta {
            margin-top:25px;
            text-transform: uppercase;
            font-size: 10px;
            color: #000000;
        }

/******* /CATEGORIES ********/

/******* BUTTONS *******/
.button {   
    display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer;
}

.lte6 .button{
	cursor: hand;
}

.button:hover{
	text-decoration: none;
}

.red-button {
    border: 2px solid #F73F30;
}

.black-button {
    border: 2px solid #000000;
}
        
    .button span {
    	padding: 8px 30px;
    	font-size: 12px;
        color: #FFFFFF;
        display: block;
        font-family: 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
        font-weight: bold;
    	margin: 1px;
    	background-repeat: repeat-x;
    	text-align: center;
    }
    
    .red-button span {
        background: #F73F30 url('images/bg-btn-red.png') repeat-x center;
    }
    
    .black-button span {
        background: #000000 url('images/bg-btn-black.png') repeat-x center;
    }
    
    .ie6 .button span {
        zoom: 1;
        display: inline;
    }
    
    .red-button:hover span, .black-button:hover span {
        background-image: none;
    }

/******* /BUTTONS *******/

/******* PAGINATION *******/

#pagination, #re-pagination, #infscr-loading {
    text-align: right;
    font: 11px 'museo-sans-1', Arial, Helvetica, Freesans, Sans-serif;
    color: #ff3333;
    padding: 10px 50px 25px;
    text-transform: uppercase;
    font-weight: bold;
}

    #pagination div, #re-pagination div {
        display: inline;        
    }
    
        #pagination a, #re-pagination a {
            color: #FF3333;
            padding: 0px 10px;
            margin: 0px 10px;
        }

/******* /PAGINATION *******/