/* 
	Theme Name: Hair Thursday V2
	Theme URL: http://www.hairthursday.com
	Description: Hair Thursday!
	Author: Comal Productions
	Author URI: http://www.comalproductions.com
	Version: 1.0
*/



/*----------------- [Reset] ---------------------*/
/*-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus               { outline:0; }
body                 { line-height:1; color:black; background:white; }
strong               { font-weight:bold; }

/* tables still need 'cellspacing="0"' in the markup */
table                { border-collapse: separate; border-spacing: 0; }
caption, th, td      { text-align: left; font-weight: normal; }
blockquote:before, 
blockquote:after,
q:before, q:after    { content: ""; }
blockquote, q        { quotes: "" ""; }


/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/
a						{ text-decoration:none; }
a, input				{ -webkit-transition-duration:0.15s; -webkit-transition-property:color, background, text-shadow, box-shadow; -webkit-transition-timing-function:ease-out; -moz-transition-duration:0.15s; -moz-transition-property:color, background, text-shadow, box-shadow; -moz-transition-timing-function:ease-out; transition-duration:0.15s; transition-property:color, background, text-shadow, box-shadow; transition-timing-function:ease-out; }
.nodisplay              { display:none; }
.invisible              { visibility: hidden; }
.noborder               { border:0; }
.strong                 { font-weight:bold; }
.aligncenter            { text-align:center; }
.alignright             { text-align:right; }

.clearfix:after         { clear: both; content: " ";  display: block; height: 0; visibility:hidden; }
.clearfix               { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix        { height: 1%; }
.clearfix               { display: block; }
/* End hide from IE-mac */


/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/
@font-face 											{ font-family: "Century Gothic", sans-serif; src: url('../fonts/century_gothic-regular-webfont.eot'); src: local('☺'), url('../fonts/century_gothic-regular-webfont.woff') format('woff'), url('../fonts/century_gothic-regular-webfont.ttf') format('truetype'), url('../fonts/century_gothic-regular-webfont.svg#webfont') format('svg'); 	font-weight: normal; font-style: normal; } /* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */

body												{ background:#F2F2F2; }
body												{ font:normal 13px/20px Arial, Helvetica, sans-serif; color:#333; }
label, input		    							{ line-height:normal !important; }
input, select, textarea								{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-shadow:0 0 0 #FFF; }
.button												{ font:normal 13px/18px "Century Gothic", "trebuchet MS", arial, sans-serif; padding:3px 10px; background:#99CFD3 url(images/button-bg.png) repeat-x left bottom; border:0; -moz-border-radius:5px; -wevkit-border-radius:5px; border-radius:5px; color:#FFF; text-shadow:0px -1px 0px #00555B; cursor:pointer; text-transform:uppercase;}
.button:hover, .button:focus						{ text-shadow:0px 0px 4px rgba(255, 255, 255, 0.5); }

h2													{ font:normal 24px/28px "Century Gothic", "trebuchet MS", arial, sans-serif; color:#00555B; margin-bottom:5px; }
h3													{ font:normal 16px/22px "Century Gothic", "trebuchet MS", arial, sans-serif; color:#00555B; margin-bottom:5px; text-transform:uppercase;}

h4													{ font:normal 12px/15px "Century Gothic", Helvetica, sans-serif; color:#35787C; border-bottom:1px solid rgba(0, 85, 91, 0.2); text-transform:uppercase; margin-bottom:5px; }
h4.title											{ margin-bottom:16px;}
h4.latest-title										{ margin-top:6px;}
h5													{ font:normal 15px/20px "Century Gothic", "trebuchet MS", arial, sans-serif; color:#00555B; margin-bottom:5px; }
h6													{ font:bold 13px/20px "Century Gothic", Arial, Helvetica, sans-serif; color:#00555B; }
h3 a, h4 a, h5 a, h6 a								{ color:#35787C; }
h4 a												{ display:block; }
h3 a:hover, h3 a:focus								{ border-bottom:1px solid rgba(0, 85, 91, 0.3); }
h4 a:hover, h4 a:focus								{ color:#333; }
h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus		{ border-bottom:1px solid rgba(0, 85, 91, 0.6); }

#wrapper											{ width:980px; margin:0 auto; }
#header												{ width:100%; overflow:hidden; background:url('images/header-bg-flip.png') repeat-x;}
h1													{ width:200px;float:left; padding-top:20px;padding-bottom:20px;padding-right:20px; }
/*h1													{ float:left;  }
h1 a												{ width:221px; height:61px; display:block; margin:30px 0 30px 30px; }*/
h1 a												{ display:block; font:normal 40px/60px "century_gothic", "trebuchet MS", arial, sans-serif; ; color:#80a794; padding:15px; line-height:40px;}
h2 a												{ color:#80A794;}
a 													{ color:#DC6E1C; text-decoration:none;}

#nav												{ padding:0 15px; overflow:hidden; list-style:none; }
#nav												{ background:url('images/nav-bg-v2.png') repeat-x;}
#nav li												{ float:left; }
#nav li.right										{ float:right; }
#nav li a											{ display:block; font:normal 13px/39px "Century Gothic", "trebuchet MS", arial, sans-serif; color:#757575; padding:0 15px; text-transform:uppercase;}
#nav li a:hover, #nav li a:focus					{ text-shadow:0px 0px 4px rgba(255, 255, 255, 0.5); }
#nav li.active a									{ color:#757575; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6); }
#nav li.right  a									{ color:#DC6E1C; }

#content-wrapper									{ background:#FFF url(images/content-bg.png) repeat-x; padding:30px 30px 0; overflow:hidden; }
#content-wrapper.singlepost							{ background:#FFF url(images/content-bg-single.png) repeat-x; padding:30px 30px 0; overflow:hidden; }

#header-ad											{ float:left;  margin:10px; padding-top:20px; padding-bottom:20px; width: 700px}
#main-content										{ width:360px; float:left; margin:0 30px; display:inline; }
#main-content.post									{ width:570px; float:left; display:inline; margin:0;}

.box-section										{ margin-bottom:22px; }
.box-section h3										{ color:#F2F2F2; padding:4px 15px 3px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.6); background:#99CFD3 url(images/section-head-bg.png) repeat-x left bottom; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #308E97; margin-bottom:0;  }
.box-section .content								{ padding:10px; border-top:1px solid #F3F8F8; background:#d9e6e7; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
 .connect								{ text-align:left;}
 .connect img							{  padding-right:10px;}

/*----------------- [Twitter] ---------------------*/
/*-------------------------------------------------*/
.twtr-widget										{ width:320px; margin:22px 30px 0 0; float:right; }
.twtr-widget .twtr-hd								{ float:left; padding:0; }
#header .twtr-widget h3								{ width:48px !important; height:48px; position:absolute; top:0; left:0; text-indent:-9999px; margin:0 !important; background:url(images/twitter-pic-overlay.png) no-repeat !important; }
#header .twtr-widget h4								{ font:normal 13px/18px 'century_gothic', "trebuchet MS", arial, sans-serif !important; color:#00555B !important; margin:12px 0 0 0 !important; text-align:center; text-transform:lowercase; border:0; }
#header .twtr-widget h4 a							{ display:inline; }
#header .twtr-widget h4 a:hover,
#header .twtr-widget h4 a:focus,
#twtr-widget-1 .twtr-tweet a:hover,	
#twtr-widget-1 .twtr-tweet a:focus					{ border-bottom:1px solid rgba(0, 85, 91, 0.6); text-decoration:none !important; }
#header .twtr-widget .twtr-tweet					{ border:0; }
#header .twtr-widget-profile img.twtr-profile-img 	{ width:48px; height:48px; float:none; }
#header .twtr-widget .twtr-tweet-wrap				{ padding:0 0 0 30px; }
#header .twtr-widget p								{ font:italic 12px/18px Georgia, "Times New Roman", Times, serif !important; }
#header .twtr-ft									{ position:absolute; top:42px; left:-8px; }
#header .twtr-ft div								{ padding:0; }
#header .twtr-ft span								{ display:none; }


/*---------------- [Sidebar a] --------------------*/
/*-------------------------------------------------*/
#sidebar-a											{ width:180px; float:left; display:inline; }

#inspiration-form									{ overflow:hidden; }
#inspiration-form .celebrity						{ width:150px; margin-bottom:15px; padding:2px; border:1px solid rgba(0, 85, 91, 0.5); }
#inspiration-form .hair								{ width:95px; float:left; margin-bottom:15px; padding:2px; border:1px solid rgba(0, 85, 91, 0.5); }
#inspiration-form .button							{ float:right; margin-bottom:15px; margin-left:2px; }

.latest-celebrity-entry {
	margin: 20px 0;
	text-align: center;
}
.latest-celebrity-entry img							{ width:140px; border:5px solid rgba(0, 85, 91, 0.15); margin-bottom:5px; }
.latest-celebrity-entry a:hover img,
.latest-celebrity-entry a:focus img					{ border:5px solid rgba(0, 85, 91, 0.3); }
.latest-celebrity-entry h6							{ text-shadow:0px 1px 0px rgba(255, 255, 255, 1); margin-bottom:0; }


.category-updates									{ list-style:none; padding-top:10px;
}
.category-updates li								{ margin-bottom:30px; }
.category-updates .date								{ font:italic 12px/18px Georgia, "Times New Roman", Times, serif; color:#757854; margin-bottom:5px; }
.category-updates a									{ color:#43949A; }
.category-updates a:hover,
.category-updates a:focus							{ border-bottom:1px solid rgba(0, 85, 91, 0.6); }
.category-updates.connect							{padding-top:4px;}

#sidebar-a .category-updates{
	position:absolute;
	width:180px;
	top:600px;
}

/*---------------- [Sidebar b] --------------------*/
/*-------------------------------------------------*/
#sidebar-b											{ width:320px; float:right; display:inline; }

#search-form .search-text							{ width:223px; float:left; padding:3px; color:rgba(51, 51, 51); color:rgba(51, 51, 51, 0.5); border:1px solid rgba(0, 85, 91, 0.3); }
#search-form .search-text:focus						{ color:rgba(51, 51, 51, 1); border:1px solid rgba(0, 85, 91, 0.5); }
#search-form .button								{ float:right; }

.sidebar-ad-a										{ margin-bottom:30px; text-align:center;}
.sidebar-ad-b										{ padding-bottom:15px; list-style:none; }
.sidebar-ad-b li									{ margin-bottom:15px; text-align:center; }
.sidebar-ad-c										{ list-style:none; }
.sidebar-ad-c div { width:145px; height:125px; margin-bottom:30px; }
.sidebar-ad-c a									{ display:block; }
.sidebar-ad-c .left								{ float:left; }
.sidebar-ad-c .right								{ float:right; }

#connect-with-whoorl								{ width:320px; height:90px; position:relative; margin-bottom:30px; background:url(images/connect-with-whoorl.jpg) no-repeat; }
#connect-with-whoorl h4								{ color:#696969; text-align:center; border:0; padding-top:7px; }
#connect-with-whoorl a								{ position:absolute; top:30px; height:30px; display:block; overflow:hidden; text-indent:-9999px; }
#connect-with-whoorl a.rss							{ width:30px; left:24px; }
#connect-with-whoorl a.twitter						{ width:24px; left:67px; }
#connect-with-whoorl a.vimeo						{ width:106px; left:104px; }
#connect-with-whoorl a.facebook						{ width:30px; left:223px; }
#connect-with-whoorl a.whoorl						{ width:30px; left:266px; }

/*------------------- [Home] ----------------------*/
/*-------------------------------------------------*/
.latest-article										{ position:relative; margin-bottom:20px;}
.latest-article	.content							{ position:absolute; left:5px; right:5px; bottom:5px; padding:15px; }
.latest-article	.content p							{ font-size:12px; line-height:18px; }
.latest-article	.light								{ background:rgba(255, 255, 255, 0.65); }
.latest-article	.dark								{ background:rgba(0, 0, 0, 0.65); }
.latest-article	.dark h3 a							{ color:rgba(255, 255, 255, 0.9); }
.latest-article	.dark p								{ color:rgba(255, 255, 255, 0.8); }

#latest-video										{ margin-bottom:30px; padding-top:11px;}

#previous-articles									{ padding-bottom:10px; list-style:none; }
#previous-articles li								{ margin-bottom:20px; }
#previous-articles p a								{ color:#43949A; }
#previous-articles p a:hover,
#previous-articles p a:focus						{ border-bottom:1px solid rgba(0, 85, 91, 0.6); }

/*------------------- [Post] ----------------------*/
/*-------------------------------------------------*/
.post-image											{ padding:5px; background:rgba(0, 85, 91, 0.15); display:block; text-align:center; }
a.post-image .description							{ display:block; padding:10px 0 5px; color:rgba(0, 85, 91, 0.75); text-shadow:0 1px 0 #FFF; }
.post a.post-image:hover, .post a.post-image:focus	{ background:rgba(0, 85, 91, 0.3); border:0; }
.post a.post-image:hover .description,
.post a.post-image:focus .description				{ text-shadow:0 1px 0 rgba(255, 255, 255, 0.6); }

/*.post-meta											{ border-top:3px double #C0C2A9; border-bottom:1px solid #C0C2A9; font:italic 12px/18px Georgia, "Times New Roman", Times, serif; color:#757854; margin-bottom:20px; overflow:hidden; padding:2px 0 3px; }
*/
.post-meta{text-align:left;font-size:80%; margin-bottom:30px;}
.post-meta a										{ color:#757854; }
.post-meta a:hover, .post-meta a:focus				{ border-bottom:1px solid #C1C4AA; }
.post-meta .tags									{ float:left; padding-left:20px; background:url(../images/post-meta-bg.gif) no-repeat 0 4px; }
.post-meta .comments								{ float:right; padding-left:20px; background:url(../images/post-meta-bg.gif) no-repeat -570px 4px; }
.date												{ font:italic 12px/18px Georgia, "Times New Roman", Times, serif; color:#757854; text-align:center; margin-bottom:-8px; }
.date span											{ background:#F6F6F6; padding:0 10px; }

.post												{  margin-bottom:30px; }
.post p												{ margin-bottom:20px; }
.post p	a:hover, .post p a:focus					{ border-bottom:1px #DC6E1C; }
.post h2											{ padding:10px 0 5px; border-bottom:1px solid #C0C2A9; border-top:1px solid #C0C2A9; }

#comments											{border-top:5px solid rgba(0, 85, 91, 0.15); margin-top:20px;}
#comments h3										{ font:normal 18px/24px "Century Gothic", "trebuchet MS", arial, sans-serif; color:#00555B;; margin-bottom:5px; text-transform:none;margin-top:20px;}
#comments h3 span									{ color:#B2CCCD; }
#comments-list										{ list-style:none; }
#comments-list li									{ padding:15px 15px 0; margin-bottom:15px; overflow:hidden; }
#comments-list li.odd								{ background:rgba(0, 85, 91, 0.05); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.comment-author										{ width:165px; float:left; margin-right:20px; padding-bottom:15px; }
.comment-author .avatar								{ width:48px; height:48px; padding:4px; background:rgba(0, 85, 91, 0.1); border:1px solid rgba(0, 85, 91, 0.1); margin-bottom:5px; }
.comment-author	h5									{ color:#777; margin-bottom:0; text-shadow:0 1px 0 #FFFFFF; }
.comment-author p									{ font:italic 12px/18px Georgia, "Times New Roman", Times, serif; }
.comment-author p a									{ color:#6FADB1; }
.comment-author p a:hover, .comment-author p a:focus{ color:#43949A; }
.comment-text										{ width:345px; float:left; }
.comment-text p										{ margin-bottom:15px; }

#comment-form										{ padding-top:15px; margin-bottom:30px; }
#comment-form p										{ font-style:italic; color:#666; margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #DDD; }
#comment-form label									{ width:180px; float:left; clear:left; margin-bottom:15px; padding:4px 30px 4px 0; font-weight:bold; color:#666; }
#comment-form label.required						{ background:url(images/required-field.gif) no-repeat 168px 5px; }
#comment-form input.text, #comment-form textarea	{ width:352px; float:right; border:1px solid rgba(0, 85, 91, 0.5); padding:3px; margin-bottom:15px; opacity:0.5; }
#comment-form textarea								{ height:200px; }
#comment-form input.text:focus,
#comment-form textarea:focus						{ opacity:1; }
#comment-form .button								{ margin-left:210px; }


#footer												{ background:#F2F2F2 url(images/footer-bg.gif) no-repeat; padding:30px; overflow:hidden; }
#footer h5											{ color:#333; text-shadow:0px 1px 0px #FFF; }

#categories											{ width:570px; float:left; }
#categories ul										{ list-style:none; }
#categories li										{ width:160px; float:left; padding:0 30px 28px 0; }
#categories li li									{ font-size:12px; line-height:18px; padding:0; }
#categories li a									{ display:block; color:#43949A; padding:2px 5px; }
#categories li a:hover, #categories li a:focus		{ background:rgba(0, 85, 91, 0.1); color:#00555B; }
#categories li a:hover span,
#categories li a:focus span							{ color:#43949A; }
#categories li a span								{ float:right; text-align:right; color:#888; }

#categories dd:first-child							{ margin-top:0; }

#beauty-news										{ width:350px; float:right; padding-bottom:20px; }
#beauty-news a										{ color:#43949A; font-weight:bold; font-size:12px; }
#beauty-news a:hover, #beauty-news a:focus			{ border-bottom:1px solid rgba(0, 85, 91, 0.3); }
#beauty-news span									{ display:block; font:italic 12px/18px Georgia, "Times New Roman", Times, serif; color:#888888; margin-bottom:10px; }

#footnote											{ width:100%; clear:both; display:inline-block; padding-top:30px; font-size:12px;  color:#858585; text-align:center; text-shadow:0px 1px 0px #FFF; }


.inspirationpic img										{float:left; padding:20px}

.archive ul{
list-style-type: none
}
.archive li{
  padding-left:1em;
}

img.thumb {display:none}
.thumb-img {float:left; padding:20px;}

.inspirationpic .thumb-img {margin:10px}

em{font-style:italic}

#sidebar-b{
  list-style-type: none
}