/*
Theme Name: Stylistocrat Version 3
Theme URI: http://www.stylistocrat.com
Description: The official theme for Stylistocrat.
Version: 3
Author: Joseph Pender
Author URI: http://www.producerstudio.net
*/

@import url('css/typography.css');

body, html{
    background-color:#171717;
}

.hidden{
    display:none;
}

.pager_left a, .pager_right a{
    display:block;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border:1px solid #02b9fa;
    width:125px;
    padding:3px;
}

.pager_left{
    float:left;
}

.pager_right{
    float:right;
}

.alignleft{
	float:left;
	margin:5px;
}

.alignright{
	float:right;
	margin:5px;
}

.clear{clear:both;}

.twtr-doc{
    margin:auto;
    margin-top:10px;
    margin-bottom:25px;
}

#wrapper{
    margin:auto;
    width:800px;
    min-height:400px;
}

#header{
    position:relative;
    text-align:center;
    height:250px;
    padding-bottom:4px;
    border-bottom:1px solid #02b9fa;
}

#stylistocrats_logo{
    position:absolute;
    z-index:100;
    right:10px;
    bottom:10px;
}

#stylistocrats_sublogo{
    position:absolute;
    z-index:100;
    left:10px;
    bottom:10px;
}

#headerimages{
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
}

#navigation{
    margin-top:6px;
    height:30px;    
}

#navigation ul{
    position:relative;
    top:5px;
    width:600px;
    float:left;
    padding:0px;
    margin:0px;
    list-style:none;
}

#footer_menu{
    padding:0px;
    margin:0px;
    list-style:none;
}

#footer_menu ul li{
    display:inline;
    margin-right:5px;
}

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

#searchform{
    float:right;
}

#body{
    margin-top:15px;
}

#main_content{
    float:left;
    width:515px;
    min-height:500px;
}

#sidebar{
    float:right;
    width:265px;
    min-height:500px;
}

.moduletitle{
    float:right;
}

.sidebar_module ul{
    clear:both;
}

#sidebar li{
    list-style:none;
}

#subscribe_dialog{
    padding:4px;
}

#subscribe_dialog input{
    margin-bottom:5px;
    margin-top:5px;
}

#sidebar_services{
	text-align:center
}

#sidebar_services a img{
	margin:15px;
}

.sidebar_module{
    width:265px;
    min-height:62px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border:1px solid #02b9fa;    
    background-color:#131212;
    padding-top:3px;
    padding-left:2px;
    margin-bottom:20px;
}

#sidebar_logos{
	text-align:center;
}

.ngg_images{
	text-align:center;
}

#photos_morelink, #ics-calendar small a{
    position:relative;
    left:10px;
    display:block;    
    margin-bottom:6px;
    width:245px;
}


#ics-calendar-widget{
    padding:4px;
    margin-left:20px;
    margin-bottom:10px;
}

#ics-calendar-widget li{
    list-style:disc;
    margin-bottom:5px;
}

#ics-calendar-widget strong{
    display:block;
}

.latestvideo{
	clear:both;
	margin-top:6px;
	margin-bottom:6px;
}

.latestvideo img{
	width:165px;
}

.post_teaser, .videopost_teaser{
    width:520px;
    margin-bottom:25px;
}

.post_teaser_header, .post_full_header{
	border:1px solid #02b9fa;	
	padding:6px;
}

.post_teaser:hover .post_teaser_header{
	background-color:#02b9fa;
}

.videopost_teaser .videothumbnail{
	float:left;
	margin-right:10px;	
}

.post_teaser .post_meta{
    border-top:1px solid #02b9fa;
    padding-top:5px;
    margin-top:12px;
}

.videopost_teaser .post_meta{
	padding-top:5px;
    margin-top:12px;
}

.post_teaser .post_meta img, .videopost_teaser .post_meta img, .post_teaser .meta_readmore img{
    position:relative;
    top:4px;
}

.post_teaser .meta_comment, .videopost_teaser .meta_comment{
    float:left;
}

.post_teaser .meta_readmore{
	float:right;
}

.videopost_teaser .meta_readmore{
    float:right;
}

.post_teaser_contents{
	display:block;
	position:relative;
	height:307px;
}

.post_teaser_contents .thumbnail{
    margin-top:7px;
    margin-bottom:12px;
}

.post_excerpt{	
	display:none;
	position:absolute;
	bottom:0px;
	padding:6px;
	background-image:url('images/featured_bottom_bg.png');
}

.post_full .post_full_header{
    margin-bottom:15px;
}

.post_full_contents img{
    max-width:520px;
}

.boutique{
    width:230px;
    margin:auto;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
}

.boutique .thumbnail{
    padding-bottom:5px;
}

boutique h3{
    margin-top:5px;
    margin-bottom:5px;
}

.single_comment{
    margin-bottom:15px;
    width:460px;
}

.single_comment .commenter{
    float:left;
    width:60px;
    margin-right:8px;
}

.single_comment .message{
    float:right;
    width:380px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    padding:4px;
    border:1px solid #282828;
}

#commentform textarea{
	margin-top:5px;
	margin-bottom:5px;
	padding:4px;
	background-color:#2a2a2a;
	border:1px solid #282828;
	-moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    width:450px;
}

#commentform #submit, #photos_morelink, #ics-calendar small a{
	-moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border:1px solid #373737;    
    background-color:#131212;
    min-height:28px;
    color:#5c5c5c;
}

.post_comments #submit:hover, #photos_morelink:hover, #ics-calendar small a:hover{
	border:1px solid #02b9fa;  
	color:#02b9fa;
}

#footer{
    clear:both;
    background-image:url('images/footer_bg.png');
    background-repeat:no-repeat;
    background-position:bottom;
    width:800px;
    height:86px;
    padding-top:15px;
}

#footer_menu{
    margin-top:10px;
}

#wrapper_services{
	padding:20px;
}