@charset "utf-8";
/* 

@ Theme Name: TUPOS

@ Author: Joshua Jones

 */

@import 'css/clear.css';

body{font-family:Arial, Helvetica, sans-serif; font-size:15px; background:url(i/page_bg.jpg) no-repeat #F8F8F8;}

strong{font-weight:bold;}
form{padding:0; margin:0}

#wrapper{width:980px; margin:0 auto 0 auto; position:relative; background:url(i/bg_white.jpg) center repeat-y;}

#header{background:url(i/tupos_header_bg.jpg) no-repeat #FFF; height:150px; width:980px;}
#header img.logo{padding:20px;}
#logo{position:absolute; top:23px; left:0px; height:50px; width:475px; }
#newsletter{position:absolute; top:20px; right:30px; text-align:center; width:420px; line-height:30px;}
#newsletter .message{position:absolute; top:-25px; width:420px; right:0px; text-align:center; font-size:11px; font-weight:bold; color:red;}
#newsletter input.btn-go{background:url(i/btn_subscribe.jpg) bottom no-repeat; border:none; height:25px; width:100px; cursor:pointer;}
#newsletter input.input-query{border:none; margin-right:10px; padding:2px 0 0 5px; height:18px; width:120px; background:url(i/bg_input_news.jpg) top center no-repeat;}

#content{margin:0; padding:20px; width:640px; padding-bottom:50px; line-height:21px;}
#content p{padding:10px; color:#333333}
#content h2{font-size:25px; line-height:50px; border-bottom:1px dotted #333; margin-bottom:10px; font-weight:bold;}
#content h3{font-size:15px; font-weight:bold; line-height:30px;}
#content img.splash-img{margin:20px 0;}
#content img.img-right{float:right; padding:0 0 5px 10px;}
#content img.img-left{float:left; padding:0 10px 5px 0;}
#content ul{margin:10px 0 0 10px;}
#content ul.sub-pages li{float:left;}
#content ul.sub-pages a{padding:10px 5px; line-height:35px;}
#post-content{padding-bottom:50px; min-height:200px; color:#333;}
#post-content .portfolio{height:225px; padding:10px 5px;  border-bottom:1px dotted #CCC;}
a{color:#FF9900; text-decoration:none;}
a:hover{text-decoration:none;}
.share img{padding:0 5px 10px 5px;}

#contact{width:350px; margin:0 auto; text-align:right;}

#sidebar{float:right; padding:0px 0px 50px 0px; width:300px;}
#sidebar ul{padding:0px 0 20px 35px;}
#sidebar li{padding:5px 0px;}
#sidebar li a{color:#F90; font-size:17px; text-decoration:none; padding:5px 0px;}
#sidebar li a:hover{text-decoration:none; color:#333; font-weight:bold;}
#sidebar p{padding:10px 25px;}

#sidebar div.sidebar-item{margin:20px 0; background:url(i/bg_sidebar_item.jpg) center top no-repeat;}
#sidebar h3{line-height:35px; font-size:19px; padding-left:20px; margin-bottom:10px; color:#FFF;}
#sidebar p{margin:5px 0 0 3px;}

img.img-left{float:left; padding-right:10px; padding-bottom:5px;}

#footer{
	padding-left:20px;
	background:url(i/bg_footer.jpg) bottom no-repeat;
	width:960px;
	height:50px; 
	font-size:11px; 
	color:#FFF; 
	line-height:50px;
	clear:both;
	margin-bottom:25px;
}

#footer a{color:#FFF; text-decoration:none; padding:8px;}
#footer a:hover{text-decoration:underline;}
#footer p.right{float:right; padding-right:10px;}

/*  Navigation  */

#nav {
	width:970px;
	height:50px;
	position:relative;
	padding-top:100px;
}

#nav #social{position:absolute; right:230px; top:110px; width:220px;}
#nav #social img{margin:0; padding:0; border:none; margin-right:5px;}
#nav #social a{margin:0; padding:0; text-decoration:none; width:30px; height:30px;}
#nav #social a.social-facebook{background:url(i/icon_facebook.jpg);}
#nav #social a.social-linkedin{background:url(i/icon_linkedin.jpg);}
#nav #social a.social-twitter{background:url(i/icon_twitter.jpg);}
#nav #social a.social-youtube{background:url(i/icon_youtube.jpg);}

#nav #searchform{
	position:absolute;
	top:57px;
	right:3px;
	text-align:right;
	width:200px;
}
.nav-main a{
	font-size:17px;
	padding:12px 10px 13px 10px;
	color:#F90;
	text-decoration:none;
	line-height:50px;
}
.nav-main li a{padding:12px 12px 13px 24px;}

.nav-main a:hover{color:#FFF;}

.nav-main li {list-style-type:none; position:relative; float:left;}
.nav-main ul {z-index:300; position:absolute; display:none; width:200px; top:50px; left:0px;}
.nav-main ul a {padding:3px 0px 4px 20px; background:#CCC; font-size:15px; line-height:19px; color:#333}
.nav-main li ul {width:200px;}
.nav-main li ul a {width:170px; float:left; border-left:1px solid #333; border-right:1px solid #333;  border-bottom:1px solid #333; }
.nav-main li ul a:hover {color:#FFF; background:#333;}
.nav-main ul ul {top:auto;}
.nav-main li ul ul{left:172px; top:5px; !important; }
.nav-main li ul ul li:first-child{border-top:1px solid #333;}
.nav-main li ul ul li a{#F1F1F1 !important;}
.nav-main li ul ul li a:hover{background:#333 !important; color:#FFF;}
.nav-main li ul ul a{width:200px !important;}
.nav-main li:hover ul ul, .nav-main li:hover ul ul ul, .nav-main li:hover ul ul ul ul {display:none;}
.nav-main li:hover ul, .nav-main li li:hover ul, .nav-main li li li:hover ul, .nav-main-main li li li li:hover ul {display:block;}

input.text{
	margin:0 0 10px 15px;
	padding:3px;
	width:200px;
	height:20px;
	font-size:15px;
}
input.newsletter{
	margin:0 0 10px 0;
	padding:3px;
	width:100px;
	height:20px;
	font-size:15px;
}

#half{width:680px; height:150px; position:relative; margin:10px 0;}
#half div {position:absolute;}
#half h4{font-size:16px; font-weight:bold; margin-bottom:10px; padding-left:20px; line-height:35px; color:#FFF;}
#half .far-right{right:50px; top:0px; width:150px; background:url(i/bg_share.jpg) top center no-repeat;}
#half .half-main{margin-left:0px; width:450px; background:url(i/bg_featured.jpg) top center no-repeat;}
#half .half-right{margin-left:280px;}

form#contact{position:relative; width:650px; height:250px; margin:0; padding:10px;}
form#contact .form-left{width:235px; float:left; padding-left:30px; text-align:right;}
form#contact .form-right{width:300px; margin:0 0 0 240px;  text-align:right;}
form#contact input[type="text"]{width:195px; height:22px; border:1px solid #999;  margin:10px 0 10px 0; padding:3px 0 0 5px; display:inine;}
form#contact input[type="text"].req{border:1px solid #F90;}
form#contact input[type="submit"]{height:43px; width:202px; margin:10px 0 0 0; padding:0; cursor:pointer;}


#searchform input{margin:0; padding:0; float:right; background-color:none;}
#searchform input.btn-go{background:url(i/btn_search.jpg) no-repeat; border:none; height:20px; width:65px; cursor:pointer;}
#searchform input.input-query{border:none; margin-right:10px; padding:2px 0 0 5px; height:18px; width:120px; background:url(i/bg_input.jpg) top center no-repeat;}

.wpcf7 input[type="text"]{background:url(i/bg_input_contact.jpg) center top no-repeat; border:none; width:250px; height:23px; padding:4px 0 0 5px;}
.wpcf7 textarea{padding:10px 0 0 10px; width:340px; height:190px; background:url(i/bg_textarea.jpg) top center no-repeat; border:none;}