/*

THEME NAME: Simplified Pasco

THEME URI: http://themeforest.net/user/gabsy/portfolio

DESCRIPTION: Clean and appealing Portfolio/Corporate Worpress Theme

VERSION: 2.0

AUTHOR: Rex

AUTHOR URI: http://themeforest.net/user/gabsy/portfolio

TAGS: portfolio, classic, simple, modern, gallery, image

*/





/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0; }



body,html {

	font-weight:normal;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#000;

	margin:0;

	padding:0;

	background:#000 url(images/bk_body.jpg) 0 0 repeat-x;

	line-height:135%;

}



ul {

	list-style:none;

}



a {

	color:#00C1F2;

}



a:hover {

	text-decoration:none;

}



a:focus {

	outline:none;

}



p {

	margin:1em 0;

}



h2, h3 {

	padding:10px 0 5px;

	line-height:100%;

	

}



h2 {

	font-size:20px;

	color:#00C1F2;

	font-weight:normal;

}



h1 {

	font-size:30px;

	line-height:100%;

	font-weight:normal;

	

}



h1 a {

	text-decoration:none;

	color:#333;

}



h1 a:hover {

	text-decoration:underline;

}







 /* LAYOUT STRUCTURE

--------------------------------------------------*/

#wrapper {

	margin:0 auto;

	width:960px;

}





#header {

	height:270px;

	position:relative;

	z-index:99;

}



#content {

	padding:22px 27px;

	background:#fff;



}



#colLeft{

	width:600px;

	float:left;	

}



#colRight {

	width:270px;

	float:left;	

	padding-left:35px;

}



#footer {



	background:url(images/bk_footer.jpg) 100% 0 no-repeat;

	padding:20px 0 10px 0;

	width:960px;

	height:80px;

	margin:1px auto;

	color:#999;

	position:relative;

}



/* HEADER ELEMENTS 

--------------------------------------------------*/

/* -- logo --*/

#logo {

	position:absolute;

	top:30px;

	left:0;

	

}



#logo h1 {

	padding:0;

	background:none;

	border:none;

}



#logo h1 a, #logo h1 a:hover{

	background:url(images/logo3.png) 0 0 no-repeat;

	width:480px;

	height:55px;

	text-indent:-9000px;

	display:block;

	text-decoration:none;

	border:none;

}

/* -- logo --*/

#header-contact {

	color:#FFFFFF;

	font-size:30px;

	line-height:32px;

	position:absolute;

	right:0;

	text-align:right;

	top:26px;

}



#header-contact span {

	font-size:16px;

	text-transform:uppercase;

}



#tagLogo {

	left:545px;

	position:absolute;

	top:30px;

	width:65px;

}

#bb-logo {

	background:transparent url(images/bb-logo.png) no-repeat scroll 0 0;

	height:97px;

	left:0;

	position:absolute;

	text-indent:-99999px;

	top:110px;

	width:156px;

}



#bb-logo a, #bb-logo a:hover{

	display:block;

	height:97px;

	width:156px;

}



#ResultsSpeak {

	height:80px;

	left:260px;

	position:absolute;

	top:125px;

	width:352px;

}



#ResultsSpeak a, #ResultsSpeak a:hover{

	width:352px;

	height:80px;

	display:block;	

}

#ResultsSpeak a img {

	border:none;

}

#member {

	color:#FFFFFF;

	position:absolute;

	right:0;

	text-align:center;

	top:100px;

	width:250px;

}

#member p.title {

font-size:14px;

font-weight:bold;

line-height:1.1;

margin:5px 0;

}

#member ul {

height:62px;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

overflow:hidden;

padding:0;

}

#member ul li {

float:left;

margin:0 1px;

}

#member img {

	border:none;

}

/* top menu */



#topMenu {

	border-top:1px solid #4E4E4E;

	left:0;

	position:absolute;

	top:230px;

	width:100%;

}



.sf-menu li {

	position: relative;

	float: left;

	line-height: 37px;

	padding: 0 1px 0 0;

	text-align: center;

}

.sf-menu li a {

	display: block;

	float: left;

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	border-bottom:none;

	padding:0 15px;

	height:35px;

	line-height:35px;

	position:relative;

	color:#ccc;

	border:1px solid #000;

	border-bottom:none;

}

#topMenu ul.sf-menu li a:hover {

	background:#99CC00;

	border:1px solid #B8F400;

	color:#fff;

	border-bottom:none;

}

#topMenu ul.sf-menu li ul.children {

	border:1px solid #B8F400;

	background:#99CC00;

	border-top:none;

}

#topMenu ul.sf-menu li ul.children li {

	position:relative;

	line-height:100%;

	height:30px;

}

#topMenu ul.sf-menu li ul.children li a {

	color: #FFF;

	text-decoration: none;

	display:block;

	padding-top:10px;

	line-height:100%;

	border:none;

}

#topMenu ul.sf-menu li ul.children li a:hover {

	text-decoration: none;

	background: none;

	border:none;

	line-height:100%;

	display:block;

	padding-top:10px;

	

}

#topMenu ul.sf-menu li ul.children li ul.children {

	border: none;



}

#topMenu ul.sf-menu li ul.children li ul.children li {

	background:#99CC00;

}

#topMenu ul.sf-menu li ul.children li ul.children a {

	text-decoration: none;

	position:relative;

	border:none;

}

#topMenu ul.sf-menu li ul.children

{

	margin:6px 0 0 0;

}

#topMenu ul.sf-menu li ul.children ul.children

{

	margin:0 0 0 38px;

	border-top:1px solid #B8F400;

}



#topMenu ul li ul li a, #topMenu ul li:hover ul li a,  #topMenu ul li:hover ul li a, #topMenu ul li:hover ul li a:hover {

	background:none;

	border:none;

	color:#fff;

	line-height:100%;

	text-transform:none;

	padding-top:5px;

	height:27px;

}





.twitter {

	position:absolute;

	top:152px;

	right:130px;

	background:url(images/twitter_top.gif) 0 0 no-repeat;

	z-index:99;

}



.twitter a {

	display:block;

	width:139px;

	height:55px;

	text-indent:-9999px;

}



.rss {

	position:absolute;

	height:28px;

	padding-right:34px;

	line-height:28px;

	top:156px;

	right:0;

	background:url(images/rss.gif) 100% 50% no-repeat;

}



.rss a {

	color:#ccc;

	text-decoration:none;

}





/* CONTENT ELEMENTS

----------------------------------------------*/



.catTitle {

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

	padding:9px 0 ;

	margin-bottom:10px;

	color:#666;

	font-size:14px;

}



.blogItem {

	margin-bottom:15px;

	padding-bottom:15px;

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

}



.blogItem span.posted {

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

	padding:5px 0 10px;

	font-size:11px;

	color:#999;

	display:block;

}



.blogItem .metadata {

	margin-bottom:10px;

}



.blogItem .metadata .date {

	float:left;

	background:#00CCFF;

	padding:3px 7px;

	color:#fff;

	font-size:11px;

}



.blogItem .metadata .no_comments {

	float:left;

	background:#99CC00 url(images/bk_comments_no.jpg) 8px 50% no-repeat;

	padding:3px 7px 3px 32px;

	color:#fff;

	font-size:11px;

	margin-left:2px;

}



.blogItem .metadata .no_comments a {

	color:#fff;

}



.blogItem a.more-link {

	display:block;

	clear:both;

	background:url(images/bk_readmore.jpg) 0 0 no-repeat;

	width:104px;

	height:24px;

	text-indent:-9999px;

	margin-top:10px;

}



.blogItem a.readmore:hover {

	background:url(images/bk_readmore.jpg) 0 -24px no-repeat;

}



#colLeft a img {

	border:none;

}



#colLeft ul {

	list-style:square;

	list-style-position:inside;

}



/* colRight */



#colRight h2 {

	clear:both;

	margin:0 0 5px;

	background:#000;

	padding:5px 7px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-transform:uppercase;

	float:left;

	clear:both;

}



#colRight h2.sponsors {

	background:#EE4A04;

}



#colRight ul {

	position:relative;

}



#colRight ul li {

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

	padding-bottom:1px;

}



#colRight ul li a{

	display:block;

	padding:8px 0;

	background:url(images/bullet_blue.jpg) 3px 10px no-repeat;

	padding-left:25px;

	color:#666;

	text-decoration:none;

}



#colRight ul li a:hover{

	background:#F5F5F5 url(images/bullet_green.jpg) 3px 10px no-repeat;

}



#colRight #ads {

	clear:both;

	padding:8px 0 10px;

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

} 



#colRight #ads a {

	float:left;

	margin-right:10px;

	margin-bottom:10px;

}



#colRight #ads img {

	border:none;

}



#colRight .#colRight {

	margin-bottom:15px;

}



#ads_msg {

	padding:8px 8px 2px;

	background:#f4f4f4;

	border:1px dotted #ccc;

	float:left;

	line-height:100%;

	width:243px;

	height:22px;

}



#ads_msg a {

	color:#666;

}



.social {

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

	padding-bottom:10px;

}



.social strong {

	color:#00C1F2;

}



/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {

	margin-bottom:10px;

	list-style-type:none;

}



#colLeft ul.commentlist li {

	background:none;

	border-bottom:1px solid #efefef;

	padding:5px 0;

	padding-left:40px;

}



#colLeft ul.commentlist li .avatar {

	float:left;

	width:32px;

	margin-left:-40px;

}



* html #colLeft ul.commentlist li .avatar {

	margin-bottom:-20px;

}



#colLeft ul.commentlist li.odd {

	background:#f9f9f9;

}



#colLeft ul.commentlist li .commentmetadata {

	font-size:11px;

	color:#999;

}





/* HOME SLIDER

-----------------------------------------------*/



#slider {

	background:#000;

	margin-bottom:20px;

}



.panel .text {

	color:#999;

	height:60px;

	padding:5px 10px 15px;

}



.panel .text p {

	margin:3px 0 0;

}



.panel .text h1, .panel .text h1 a {

	color:#FFF;

	font-size:22px;

	font-weight:normal;

	padding-top:5px;

	padding-bottom:0;

	margin-bottom:0;

}







/* CAROUSEL

---------------------------------------------*/



.stepcarousel{

	float:left;

	position: relative; /*leave this value alone*/

	overflow: hidden; /*leave this value alone*/

	width: width:600px; /*Width of Carousel Viewer itself*/

	height: 310px; /*Height should enough to fit largest content's height*/;

}



.stepcarousel span.featured {

	color:#666;

	font-size:11px;

	display:block;

	border-bottom:1px dotted #666;

	padding-bottom:5px;

	width:270px;

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left:0;

	top: 0;

}



.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	position:relative;

}



/* FORMS

---------------------------------------------------*/



/* search form */



#searchform {

	background:url(images/bk_dotted.jpg) 0 100% repeat-x;

	padding-bottom:10px;

}



#searchform #s {

	width:130px;

	border:1px solid #ccc;

	font-size:11px;

	padding:5px 2px;

	margin-left:5px;

}



#searchform #searchsubmit {

	background:#00CCFF;

	border:1px solid #48DBFF;

	color:#fff;

	padding:3px 0;

	text-align:center;

	width:54px;

	font-size:11px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



/* post comment */



#commentform label {

	display:block;

	padding:5px 0 2px;

}



#commentform input, #commentform textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}





#commentform textarea {

	width:500px;

}



#commentform input#submit{

	border:none;

	width:124px;

	height:28px;

	text-align:center;

	padding-top:4px;

	margin-top:5px;

	background:url(images/bk_postcomment.jpg) 0 0 no-repeat;

	font-size:11px;

}



/* contact */



#contact label {

	display:block;

	padding:8px 0 2px;

}



#contact input, #contact textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}



#contact textarea {

	width:500px;

}



#contact input.submit {

	border:none;

	width:124px;

	height:28px;

	text-align:center;

	padding-top:4px;

	margin-top:15px;

	background:url(images/bk_sendmsg.jpg) 0 0 no-repeat;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

}



.successmsg {

	background:#F5FAF1;

	border:1px solid #C2E1AA;

	color:#8FA943;

}





/* CLEARING

---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}