/*
Theme Name: Head First
The CSS, XHTML and design are all Copyright 2010
*/
@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	background:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}
* {
	outline:none;
}
.clr {
	clear:both;
}
div, h1, h2, h3, h4, p, ul, li, form {
	margin:0;
	padding:0;
}
a, img {
	border:none;
	outline:none;
	text-decoration:none;
}
a{color:#000}
a:hover{color:#069}
p {
	font-weight: normal;
	font-size: 13px;
	font-family: Georgia,serif;
	line-height:17px;
}
ul, ol, li {list-style:none;}
h4 {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.left{float:left;}
.right{float:right;}
img.alignright{
float:right;
}

img.alignleft{
float:left;
}
/*Wrapper*/
.wrapper {
	width:1048px;
	margin:0 auto;
	position:relative;
}
.sideImage{
position:absolute; left: -33px; top: 0px;
}
.header {
	height:124px;
}
.logo {
	background:url(images/logo.jpg) no-repeat;
	width:319px;
	height:124px;
	float:left;
}
.logo h1 a {
	width:319px;
	height:124px;
	display:block;
	text-indent:-3500px;
}
.headAd {
	float:left;
	padding-top:12px;
}
/*Navigation*/
.nav {
	height:26px;
}
.nav ul {margin:0; padding:0;}
.nav li {margin:0; padding:0; float:right; font-size:12px; color:#999;}
.nav li a {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	color:#CC3300;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 7px 0;
}
.nav li:first-child a{padding:3px 0 0 7px}
.nav li a:hover {text-decoration:none; color:#000;}
.nav li a.active,.nav li.current-menu-item a {color:#000;}

.page {
	padding:0 0 0 47px;
}
.twitterbar{width:664px;float:left}
/*Sidebar*/
.sidebar {
	width:192px;
	padding:0 36px 16px 0;
	float:left;
}
.sidenav {margin:0 0 15px; padding:2px 0 18px 0; border-top:1px solid #000; border-bottom:1px solid #CCCCCC;}
.sidenav li {margin:0; padding:0 0 1px 0;}
.sidenav li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#CC3300;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}
.sidenav li a:hover {text-decoration:none; color:#000000;}
.sidenav li a.active,.sidenav li.current-menu-item a{color:#000;}
/*.sidenav ul{display:none;}*/
.sidenav li ul.show{display:block;}
.sidenav li ul.hide{display:none;}
.sidenav li ul li a{color:#000000;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:15px;
text-decoration:none;
text-transform:uppercase; 
}
.sidenav li ul li a:hover{color:#0099CC;}
.sidebar h3{
	color:#CC3300;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:12px;
border-top:1px solid #000000;
padding-top:2px;
}
/*Features*/
.featureBox {
	padding:2px 0 0 0;
	padding-bottom:18px;
	margin-bottom:14px;
	border-bottom:1px solid #CCCCCC;
}
.featImg {
	float:left;
}
.featInfo {
	float:left;
	padding-left:6px;
	width:90px;
}
.date {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#CC3300;
}
.redlist {list-style:none; margin:0; padding:0;}
.redlist li {
	background:url("images/featImg.jpg") no-repeat scroll left 12px transparent;
	line-height:15px;
	list-style:none outside none;
	padding:8px 0 0;
	text-indent:8px;
}

.promoAd {padding-bottom: 28px;}

.latestnews {
	
	border-bottom:0px;
	padding:0px 0 5px;
}
.newsfield {
	border:1px solid #999;
	width:180px;
	height:17px;
	color:#999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;
}
.subscribeBtn {
	background:none;
	border:none;
	float:right;
	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:3px;
	cursor:pointer;
}

/*Middle bar*/
.midbar {
	width:436px;
	float:left;
	padding-bottom:16px;
}
.midbar2 {
	width:436px;
	float:left;
}
.maincontent{ margin-bottom:10px}

/*
.slider {
	margin-bottom: 12px;
	position:relative;
	width:436px;
	height:540px;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 436px;
	height:540px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 436px;
    height: 540px;
}
*/
/*Horizontal Buttons*/
/*
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 41px;
    right: 0;
    width: 28px;
    height: 31px;
    cursor: pointer;
    background: transparent url(images/btn_next.jpg) no-repeat 0 0;
	z-index:999;
}
*/

.businesSpaceBox {
	height:362px;
	position:relative;
}
.businessModel {width:150px; position:absolute; bottom:0; left:0; height:362px;}
.blank {width:135px; float:left;}
.businessFirst {width:134px; float:left;}
.business {width:134px; padding-left:16px; float:left;}
.business h4,.businessFirst h4 {padding:5px 0 0 0;}
.businessInfo {height:132px;}
.businessDiary {
	background:#fff;
	height:70px;
	padding:0 0 0 152px;
border-top:1px solid #999999;
}
.biztitle {color:#000; font-size:12px; text-transform:uppercase; padding-top:10px;padding-right:8px;font-weight:bold; width:100px; float:left;}
.biztitle span {text-transform:none; font-style:italic;}
.bizInfo {width:195px; float:left;}
.bizInfo ul {list-style:none; margin:0; padding:14px 0 0 15px;}
.bizInfo li {list-style:square; margin:0; padding:0; font-size:12px; color:#000; line-height:15px;}
.bizInfo ul li a{color:#000000;}
/*Right bar*/
.rightbar {
	width:300px;
	float:right;
	padding-bottom:16px;
}
.rightbar2 {
	width:300px;
	float:right;
	padding-bottom:16px;
border-bottom:10px solid #fff;
}
.search {
	height:51px;
	float:right;
}
.searchfield {
	width:178px;
	height:17px;
	border:1px solid #999;
	padding:3px 5px;
	color:#999;
	font-size:11px;
	float:left;
}
input.searchBtn {
	width:27px;
	height:25px;
	background:#000;
	color:#fff;
	border:none;
	float:left;
	margin-left:5px;
	cursor:pointer;
	padding-bottom:3px;
}
/*Zoe Box*/
.blogrollBox {margin-bottom:11px;}
.blogrollList {list-style:none; margin:0; padding:3px 0 3px 0; display:block; border-top:1px solid #999999;}
.blogrollList li {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
list-style:none outside none;
margin:0;
padding:0 1.1px;
text-transform:uppercase;
}
.blogrollList li a {display:block; color:#CC3300;}
.blogrollList li a:hover, .blogrollList li a.active, .blogrollList li.active a{color:#000;}
.slideInfo ul li a{color:#000}
.brslider{
border-top:1px solid #000;
border-bottom:1px solid #999;
margin-bottom: 12px;
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}
.brslider .brbelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.brslider .brpanel{
padding:13px 0 17px 35px;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.slidePic {
	width:107px;
	float:left;
}
.slideInfo {
	width:115px;
	float:left;
}

/*Featured Area 5*/
.featureArea5 {
	background:#fff;
	padding:9px 0 9px 14px;
	/*margin-top:11px;*/
margin-top:0px;

}
.featAreainfo {
	width:112px;
	float:left;
	padding-right: 17px;
}
.featAreainfo h3 {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
}
.featAreainfo ul {list-style:none; margin:0; padding:4px 0 0 14px;}
.featAreainfo li {list-style:square; margin:0; padding:0; color:#fff;}
.feat5Img {
	width:140px;
	float:left;
}

/*Footer*/ /*changed in 25th June*****************************************************************/
.footer {
	background:#000;
	padding:0px 25px 5px 27px;
	position:relative;
border-bottom:10px solid white;
}
.footer h2 {
	padding-bottom:22px;
}
/*changed in 25th June*****************************************************************/
.farticles {
	float:left;
}
.farticles ul {list-style:none; margin:0; padding:0; width:104px; float:left;}
.farticles li {list-style:none; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#cc3300; text-transform:uppercase;}
.farticles li a {
	text-decoration:none;
	text-transform:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999;
	line-height:14px;
}
.farticles li a:hover {text-decoration:underline;}

.sociallinks {
	margin-top:-35px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px 0 0px;
	width:730px;
}
.findUs {width:560px; float:left; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.findUs img {vertical-align:middle;}
.fnav {list-style:none; float:left; width:660px; padding-top:5px; padding-bottom:5px;}
.fnav li {float:left; list-style:none; margin:0; padding:0; font-size:10px; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.fnav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	text-transform:uppercase;
	padding: 0 3px;
}
.fnav li a:hover {text-decoration:underline;}

/*changed in 25th June*****************************************************************/
.footerAd {
	width:207px;
	float:right;
	background:url(images/footerAd.jpg) no-repeat;
	height:232px;
	margin-top:15px;
}
.footerAd .footadv {list-style:none; margin:0; padding:12px 0 0 8px; float:left; width:101px;}
.footerAd .footadv li {list-style:none; margin:0; padding:0 0 3px 0; text-align:center}

.footerAd .footadv2 {list-style:none; margin:0; padding:12px 0 0 0; float:right; width:80px;}
.footerAd .footadv2 li {list-style:none; margin:0; padding:0 0 8px 0;}


/*inner Pages*/
.twitterGossip {
	border:1px solid #000;
	margin-bottom:40px;
}

/*contact Box*/
.contactBox {
	background:#000;
	margin-bottom:40px;
	padding:10px 5px;
}
.contactBox h3 {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
.contactBox p {
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}

.sidesubcatarticles {width:148px; float:left; padding:15px 2px 0 0;}
.sidesubcatarticles h4 {text-transform:uppercase; color:#2f2f2f; font-size:11px;}
.sidesubcatarticles ul {list-style:none; margin:0; padding:4px 0 0 0;}
.sidesubcatarticles li {list-style:none; margin:0; padding:0 0 1px 0;}
.sidesubcatarticles li a {
	display:block;
	text-decoration:none;
	color:#2f2f2f;
	font-size:11px;
	background:url(images/pink-bull.jpg) no-repeat left;
	padding:0 0 0 10px;
	line-height:15px;
}
.sidesubcatarticles li a:hover {text-decoration:none;}

.guestblogs {margin-bottom:25px;}
.guestblogs h3{padding:0; margin:0}

/*Recent changed css 25th june*/
.midbar h2 {
	color:#000000;
	font-family:georgia, Times, serif;
	font-size:22px;
	font-weight:normal;
padding-top:8px;
padding-left:14px;
border-bottom:1px dashed #000000;
padding-bottom:4px;
text-transform:uppercase;
}
.midbar p {
	
}
.catmid{background:#EEEEEE; padding-left:0px margin-bottom:15px;margin-bottom:10px;}
.archivepost {
	width:120px;
	float:left;
	padding:18px 5px 0px 17px;

}
.archivepost h4.articleTitle {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:4px 0;
}
.archivepost p {
	font-style:normal;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
line-height:15px;
}

a.starlink {
	color:#000;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	text-transform:uppercase;
	font-style:normal;
	float:right;
	margin-top:10px;
	text-decoration:none;
}
a:hover.starlink {text-decoration:underline;}

.footerlogo {
	display:block;
	padding-bottom:25px;
}

/*added june 28*/
.creativeheadblack{ background:#fff; padding:8px; color:#000; margin-bottom:30px;}
div.borderbottom{border-bottom:1px solid #000; margin-bottom:10px}
.creativeheadblack h3{ color:#FFF}
.creativeheadblack a{ color:#000000}
.creativeheadblack a:hover{ color:#006699;}
/*added june 31*/
.searchpage{background:#EEEEEE; padding:5px; min-height:800px;}
.searchpage h2{font:italic 19px Georgia, "Times New Roman", Times, serif;}
.searchpage h2 span{color:#CC3300}
.searchpage hr{ border:0px;}
.searchresult h3{font:italic 15px Georgia, "Times New Roman", Times, serif;}
.searchresult p{font:12px Georgia, "Times New Roman", Times, serif; line-height:15px; padding:5px 0 5px 0}
div.searchresult{padding:5px; border-bottom:1px solid #999999}
/*added july 15*/
.postnav a{display:block; text-indent:-2000px;}
.postnav .left a{background:url(images/previous.gif) no-repeat 0 -18px; width:118px; height:18px;}
.postnav .left a:hover{background-position:0 0;}
.postnav .right a{background:url(images/next.gif) no-repeat 0 0; width:95px; height:18px;}
.postnav .right a:hover{background-position:0 -18px;}

/* added fir */
.redlistxx {list-style:none; margin:0; padding:0;}
.redlistxx li {
	
line-height:16px;
list-style:none outside none;
padding:1px 0 0;
text-indent:0;

}


.sidebarxx {
	color:#CC3300;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:12px;
}

/*comment css*/

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color:#000000;
font-size:16px;
font-weight:normal;
margin-bottom:0;
}
h3#comments-title {
	padding: 14px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 14px;
	margin: 0 0 24px 0;
	padding: 0 0 0 10px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size:12px;
margin:0 0 11px;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	font-style:italic;
margin:10px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
display:none;

}
#respond .form-allowed-tags code {
	font-size: 11px;
display:none;

}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

/* sat am */
.redlistxx {list-style:none; margin:0; padding:0;}
.redlistxx li {
	font-family:georgia,helvetica;
line-height:16px;
list-style:none outside none;
padding:1px 0 0;
text-indent:0;

}

.bizInfoxx {width:160px; padding-left:0px; padding-top:9px;float:left;}
.promoAd1 {padding-bottom: 5px;}


/*Featured Area 5 old style with black background now changed to white */
/*.featureArea5 {
	background:#000;
	padding:9px 0 9px 14px;
	margin-top:11px;
*/


/* slider */

.slider {
	margin-bottom: 12px;
	position:relative;
	width:436px;
	height:540px;
	overflow:hidden;
}

.slider-block, .slidercycle { background-color: #fff; float: left; width: 436px; height: 540px; overflow: hidden; display: inline; position:relative; }
#slider .simul_a { width: 436px; height: 540px; overflow: hidden; }
#btn_next { position: absolute; top:41px; right: 0px; z-index: 9999; cursor: pointer;}


/* footer update on 03/06/2011 */

/* footer */
#footer { background: #000; padding: 0px 14px 5px 26px; width: 1040px; position: absolute; left: -34px; }
#footer .footerlogo { display: block; padding-bottom: 13px; }
#footer h2 { padding-bottom: 22px; }
#footer .farticles { float:left; }
#footer .farticles ul { list-style: none; margin: 0; padding: 0; width: 600px; float:left; }
#footer .farticles li { float: left; color: #cc3300; text-transform: uppercase; font-size: 12px; line-height: 17px; }
#footer .farticles li span { padding-right: 9px; font-weight: bold; }
#footer .farticles li a { text-decoration: none; color: #999; margin: 0 3px; text-transform: none; }
#footer .farticles li a:hover { text-decoration: underline; }
#footer .tslogo { float: left; }
#footer .sociallinks { margin-top: 13px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0 0px; width: 820px; }
#footer .findUs { width: 560px; float: left; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#footer .findUs img { vertical-align: middle; }
#footer .farticles .fnav { list-style: none; float: left; width: 820px; margin: 0; padding: 5px 0; }
#footer .fnav li { float: left; list-style: none; margin: 0; padding: 0; font-size: 10px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#footer .fnav li a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ccc; text-transform: uppercase; margin: 0 1px; }
#footer .fnav li a:hover { text-decoration: underline; }
#footer .footerAd { width: 207px; float: right; background: url(http://www.head1st.net/wp-content/themes/headfirst/images/footerAd.jpg) no-repeat; height: 232px; margin-top: 15px; }
#footer .footerAd .footadv { list-style-type: none; margin: 0; padding: 12px 0 0 8px; float: left; width: 101px; }
#footer .footerAd .footadv li { list-style-type: none; margin: 0; padding: 0 0 3px 0; text-align: center }
#footer .footerAd .footadv li a { padding-bottom: 1px; }
#footer .footerAd .footadv2 { list-style-type: none; margin: 0; padding: 12px 0 0 0; float: right; width: 80px; }
#footer .footerAd .footadv2 li { list-style-type: none; margin: 0; padding: 0 0 8px 0; }
.clrboth { clear: both; }
