/*
Theme Name: Marie Clairvoyant Blog
Theme URI: 
Description: Marie Claire Wordpress Theme
Version: 1.0
Author:  Dustan Franks
Author URI: http://blazestudio.co.za
*/

*{margin:0; padding:0} /* Simple Reset */
body{font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif}
a{ text-decoration:none;  color:#72adc2;}
a:hover{ text-decoration:underline;}

img{ border:none}

div.blogNavigation{ display:block; background:#EEE; width:560px; clear:both; height:20px; line-height:20px; margin-left:20px; padding:0 5px; }
div.blogNavigation a{ color:#0099CC; }
div.blogNavigation span.alignleft{ float:left; }
div.blogNavigation span.alignright{ float:right }

div.commentsBlock{ width:580px; display:block; margin-left:20px; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px;}

.sidebar ul{ display:block; width:100%; margin-bottom:20px;}
.sidebar ul li{ list-style:none; border-bottom:1px dashed #a9a9a9; }
.sidebar ul li:hover{ border-bottom:1px dashed #666;}
.sidebar ul li a{ width:100%;  display:block; text-decoration:none; color:#72adc2; padding:3px 0; font-size:12px; font-weight:900; }
.sidebar ul li a:hover{ background-color:#f1f1f1; color:#666666;}

.sidebar h4{ margin-bottom:10px; font-size:13px; text-transform:uppercase; width:150px; border-bottom:1px solid #AAA; font-weight:bold;}
h1.srHeader{ background-color:#f1f1f1; display:block; margin-bottom:20px; font-size:16px; color:#333333; height:25px; line-height:25px; text-indent:10px;}
.watermark{ color:#999999;}


/******** Wrappers & Containers *********/
#wrapper{ width:950px; margin:0 auto;}

/* Header */
#header{ width:948px; height:228px; display:block; position:relative; background: url(images/header.jpg) no-repeat; clear:both; margin:0 0 10px 0; border:1px solid #e9e9e9;}
#header h1 a{ display:block; width:177px; height:35px; position:absolute; left:656px; top:177px; background:none; text-indent:-9999px; }

/***** Left Block *****/
#leftBlock{ float:left; width:780px;}

/*** Top Advert Block ***/
#adBlockTop{ float:left; clear:both; width:720px; height:80px; margin:0 0 20px 0; padding-left:20px;}

/*** Left SideBar ***/
#sideBarLeft{ float:left; width:160px;}

/*** Category Navigation ****/
ul#catNav{ display:block; width:160px; height:1440px; clear:both;; margin-top:20px;}
ul#catNav li{ list-style:none;}
ul#catNav li a{ clear:both; display:block; background-image:url(images/cat_nav.jpg); border-bottom:1px dashed #AAA; color:#FFFFFF; font-size:1px; padding:0}
ul#catNav li a:hover{ border-bottom:1px dashed #000; text-decoration:none}

ul#catNav li a#edNotes{height:188px; background-position:0 0}
ul#catNav li a#pluggedIn{height:104px; background-position:0 -188px}
ul#catNav li a#hotTopics{height:156px; background-position:0 -290px}
ul#catNav li a#beauty{height:146px; background-position:0 -446px}
ul#catNav li a#scene{height:95px; background-position:0 -591px}
ul#catNav li a#travel{height:106px; background-position:0 -688px}
ul#catNav li a#green{height:152px; background-position:0 -792px}
ul#catNav li a#frontRow{height:188px; background-position:0 -942px}
ul#catNav li a#fashion{height:166px; background-position:0 -1128px}
ul#catNav li a#celeb{height:130px; background-position:0 -1292px}

/*** Middle Block***/
#middleBlock{ float:left; width:620px; }

/*** Main Site Navigation ***/
#navBar{ float:left;  width:580px; height:30px; display:block; margin:0 0 10px 0; border-bottom:1px dashed #aaaaaa; }
#navBar ul li{ list-style:none; float:left;}
#navBar ul li a{ display:block; height:30px; padding:0 10px; text-transform:uppercase; color:#000000; font-weight:bold; font-size:10px; text-decoration:none; line-height:30px; border-right:1px solid #CCCCCC }
#navBar ul li a:hover,#navBar ul li a.active{background:#abe1fb;}

/***** Main Content *****/
#content{ float:left; width:580px;}

/*** About Us ***/
.aboutBlock{ width:280px; float:left; margin-left:5px}
#leftAboutBlock{ border-left:1px solid #e3e3e3; margin-left:8px; padding-left:6px }
.staffBlock{ width:270px; border-bottom: 1px solid #e3e3e3; margin-bottom:10px; padding:0 5px}
.staffBlock h2{ margin:0 auto; width:100%; text-align:center; font-size:16px;}
.staffBlock h3{ margin:0 auto; width:100%; text-align:center; font-size:12px; font-weight:400}
.staffBlock img{ width:100px; height:100px; clear:both; display:block; margin:10px auto}
.staffBlock p{ margin-bottom:10px;}
.lettersBlock{ width:550px; border-bottom: 1px solid #e3e3e3; margin-bottom:10px; padding:5px}
.lettersBlock h2{ margin:0 auto; width:100%; text-align:center; font-size:16px;}
.lettersBlock p{ margin-bottom:10px;}

/*** Article Previews ***/
#topArticles{ width:580px; display:block;}

/* Top Article Preview block*/
.bigPreview{ width:570px; display:block; border-bottom:1px dashed #efefef; background:#FFFFFF; position:relative; margin:0 0 10px 20px; border-bottom:1px solid #CCCCCC }
.bigPreview div.artInfo{ width:auto !important; text-align:center; margin-bottom:15px;}
.bigPreview div.artInfo h2.title{ font-size:18px; clear:both;} 
.bigPreview div.artInfo h2.title a{ color:#333;}
.bigPreview div.artInfo h2.title a:hover{ color:#006699; text-decoration:none}
.bigPreview div.artInfo span.author{ color:#999999}
.bigPreview img{margin:0 auto 30px auto; display:block; width:auto !important;}
.bigPreview div.articleContent{ padding-left:10px; font-size:12px; line-height:20px;}
.bigPreview div.articleContent p{ margin-bottom:20px;}
.bigPreview span.artDetails{ margin:0 0 10px 0; height:20px; display:block}
.bigPreview span.artDetails span.date{ background: url(images/cal_item.gif) no-repeat 0 5px; padding-left:15px; font-size:10px; color:#999; float:left; margin-right:10px;}
.bigPreview span.artDetails span.comments{ background: url(images/comment_bubble.gif) no-repeat 0 5px; padding-left:15px; font-size:10px; color:#72adc2; float:left}
.bigPreview span.artDetails span.comments a{ color:#72adc2;}

/* bottom articles preview */
#bottomArticles{ width:580px; height:730px; display:block; margin:10px 0 0 20px;}
#bottomArticles div.artPrev{ float:left; width:170px; height:350px; margin-bottom:15px; position:relative; padding-right:23px;}
#bottomArticles div.artPrev h3 a{ color:#006699; font-size:14px }
#bottomArticles div.artPrev span.img{ background-color:#f1f1f1; border:1px solid #e5e5e5; width:136px; height:136px; display:block; padding:6px; margin-bottom:10px; }
#bottomArticles div.artPrev span.img img{ width:136px; height:136px;}
#bottomArticles div.artPrev span.date{ color:#999999; font-size:10px; }
#bottomArticles div.artPrev p{ margin-top:10px; margin-bottom:15px; overflow:hidden } 
#bottomArticles div.artPrev a.moreLink{ color:#6e9cc5; background: url(images/more_link_bg.gif) no-repeat; background-position:right; padding-right:15px;}

/***** Right Block *****/
#rightBlock{ float:left; width:165px; display:block; padding-left:5px;}
#rightBlock div{ margin-bottom:10px;}

/*** Latest Issue ***/
#latestIssue{ width:165px; height:235px; clear:both; display:block;}

/*** Search ***/
#searchBar{ width:165px; height:20px; display:block; padding-bottom:30px;}
#searchBar form input{ width:142px; font-size:10px; height:18px; border:1px solid #c2edf5; float:left;}
#searchBar form input#submit{ display:block; border:none; outline:none; width:20px; cursor:pointer; height:20px; float:left; background:url(images/search_btn.jpg) no-repeat 0 0; text-indent:-9999px; font-size:0px; line-height:1px;}
#searchBar form input#submit:hover{ background-position:-20px 0;}

#searchFail form input{ width:142px; font-size:10px; height:18px; border:1px solid #c2edf5; float:left;}
#searchFail form input#submit{ display:block; border:none; outline:none; width:20px; cursor:pointer; height:20px; float:left; background:url(images/search_btn.jpg) no-repeat 0 0; text-indent:-9999px; font-size:0px; line-height:1px;}
#searchFail form input#submit:hover{ background-position:-20px 0;}

/*** skyScraper ***/
#skyScraper{ width:165px; height:auto; display:block; padding-left:5px;}

/*** social set ***/
#socialSet{ width:165px; height:80px;}
#socialSet img{ border:none; float:left;}

/*** RightAd Bottom ***/
#rightAdBottom{ width:165px; height:465px; display:block; padding-left:5px;}

/*** BlogRoll ***/
#blogRoll{ width:165px;}
#blogList{ width:165px; text-align:right;} 
#blogRoll h2{ display:none}

/***** Footer *****/
#footer{ width:950px; display:block; clear:both; margin-bottom:20px; text-align:right; color:#999999; border-top:1px solid #CCCCCC; padding-top:5px;}

/*---:[ comment styles ]:---*/

#comments { width: 580px; margin-left:20px;}

	.comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 1px dotted #bbb; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 3.0em 0; }

		dl#comment_list dt.comment { width: 545px; padding: 1.42857em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }
				
		dl#comment_list dd.comment { width: 545px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }
		
			.comment .format_text { padding: 0 10px; }
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			

/*---:[ comment form styles ]:---*/

#respond { margin: 0 0 0.83333em 0; padding: 0 20px; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Verdana, sans-serif; }

	#respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }

#comment_form { width: 425px; padding: 0 19px; }

	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }
	
	#comment_form p.submit_p { padding-bottom: 1.30769em; }
	
		#comment_form label { padding: 0 0 0 10px; }

		#comment_form .text_input { width: 206px; padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
		
		#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
		
		#comment_form .text_area { width: 419px !important; height: 6.15385em; line-height: 1.53846em; }
	
		#comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form .form_submit:hover { color: #237fa1; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }