/*

Theme Name: You Me And Spp

Theme URI: http://wordpress.org/

Description: The You Me And Spp  Theme.

Version: 1.6

Author: Shane Keller

Author URI: http://shanekeller.com/

Tags: blue, custom header, fixed width, two columns, widgets


*/







/* Begin Typography & Colors */

body {

	margin: 0px;

	padding: 0px;

	background-color: #F5ECE3;

	background-image: url(images/bodybg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

img {

}

ul,li {

	list-style-type:none;

}

.f{

	background-image: url(images/f.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	width: 100%;

}

.l{ float:left;} input {

	background-color: #FCF9F5;

	border: 1px solid #E6CDB5;

	vertical-align: middle;

	padding: 3px;

}

input[type=submit] {

	background-color: #0D50A1;

	border: 2px solid #083264;

	vertical-align: middle;

	padding: 3px;

	color:#FFFFFF;

	font:Arial, Helvetica, sans-serif;

	font-weight:bold;

	cursor:pointer;

}

.submit {

	background-color: #0D50A1;

	border: 2px solid #083264;

	vertical-align: middle;

	padding: 3px;

	color:#FFFFFF;

	font:Arial, Helvetica, sans-serif;

	font-weight:bold;

	cursor:pointer;

}

.ttt a {
	color:#006;
	font-weight:normal;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

.ttt a:hover {
	color:#900;
	font:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.r{ float:right;} .c{ clear:both;} .waper{ width:997px; margin:auto;}

.header{}

.tl{

	background-image: url(images/tl.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.tr{

	background-image: url(images/tr.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

.header{

	background-image: url(images/headerbg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	padding: 0px;

	height: 180px;

	width: 947px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



.header h1{

	margin:0px;

	padding:0px;

	height: 134px;

	overflow: hidden;

}

.navi{

	height: 42px;

	float:left;

}

.navi ul{

	margin: 0px;

	padding: 0px;

}

.navi ul li{

	margin: 0px;

	float: left;

	text-decoration: none;

	list-style-type: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

}

.navi ul li a{

	margin: 0px;

	background-image: url(images/navibg.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	float:left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 21px;

	height: 42px;

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

	font-size: 14px;

	color: #FFFFFF;

	text-decoration: none;

}

.navi ul li a span{

	margin: 0px;

	background-image: url(images/navibg.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	float:left;

	padding-top: 0px;

	padding-right: 21px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: 42px;

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

	font-size: 14px;

	color: #FFFFFF;

	text-decoration: none;

	line-height: 42px;

	cursor: pointer;

}



.navi ul li a:hover span{

	

	color: #ccc;

	

}

.navi ul li a:hover {

	

	color: #ccc;

	

}

.fo{

	height:30px;

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

	color: #F5ECE3;

	font-size: 12px;

	text-decoration: none;

	margin-right: auto;

	margin-left: auto;

	width: 910px;

	padding-top: 43px;

}



.fo a{

	

	color: #F5ECE3;

	text-decoration:none;

}



.fo a:hover{

	

	color: #fff;

	text-decoration:none;

}

.ll{

	background-image: url(images/l.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}

.rr{

	background-image: url(images/r.jpg);

	background-repeat: repeat-y;

	background-position: right top;

}



.conti{

	width: 947px;

	margin-right: auto;

	margin-left: auto;

}

.w1{

	width: 593px;

	margin-top: 10px;

	margin-left: 10px;

}

.tt{

	overflow: hidden;

	font-size: 1px;

	line-height: 1px;

	text-decoration: none;

	height: 5px;

	margin: 0px;

	padding: 0px;

}

.tb{

	height: 27px;

	margin-bottom: -27px;

	overflow: hidden;

	position: relative;

}

.ttt{

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #E6CDB5;

	border-left-color: #E6CDB5;

	background-color: #FFFFFF;

	padding-top: 3px;

	height: 100%;

}

.ttt img{

	vertical-align:middle;

}

.x1{

	width: 575px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFFFFF;

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

	font-size: 13px;

	line-height: 140%;

	text-decoration: none;

	color: #333333;

}

.x1 h1{

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

	font-size: 18px;

	color: #CC0000;

	text-decoration: none;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 8px;

	font-weight: normal;

}

.x1 h3{

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

	font-size: 14px;

	color: #CC0000;

	text-decoration: none;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 8px;

	font-weight: bold;

}

.x1 h3 a{

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

	font-size: 14px;

	color: #CC0000;

	text-decoration: none;

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 8px;

	font-weight: bold;

}

.x1 h3 a:hover{

	text-decoration: underline;

	font-weight: bold;

	color: #CC0000;

}

.x1 small{

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

	font-size: 13px;

	color: #0A3C79;

	text-decoration: none;

	display: block;

	padding-bottom: 5px;

	padding-left: 8px;

}

.x1 p{

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 8px;

}

.first{

	background-image: url(images/h1bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 10px!important;

}

.last{

	background:none!important;

}



.x1 img{



	vertical-align: middle;

}

.x1 ul{

	margin: 0px;

	padding-top: 0px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 8px;

}

.x1 ul li{

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 18px;

	background-image: url(images/bull3.jpg);

	background-repeat: no-repeat;

	background-position: left 9px;

	list-style-type: none;

}

.rightpannel{

	width: 325px;

	margin-right: 5px;

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

	font-size: 13px;

	text-decoration: none;

	color: #333333;

}



.rightpannel p{

	margin: 0px;

	padding: 10px;

}



.rightpannel ul{

	margin: 0px;

	padding: 10px;

}



.rightpannel ul li{

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 0px;

	background-image: url(images/line.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	list-style-type: none;

}

.rightpannel ul li a{

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 30px;

	background-image: url(images/bull2.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	list-style-type: none;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	display: block;

}



.rightpannel ul li a:hover{

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 30px;

	background-image: url(images/bullz.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	list-style-type: none;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	display: block;

}

.rightpannel h1{

	background-image: url(images/bull.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	font-family: "Helvetica Condensed", Helvetica, Arial;

	font-size: 18px;

	color: #A40000;

	text-decoration: none;

	font-weight: normal;

	margin-left: 2px;

	padding-left: 20px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

}

.nail{

	margin-top: -30px;

	margin-left: 210px;

	position: absolute;

}

.q1{ width:305px;}

.q2 { width:255px;}

.firstraw{

	background-image: url(images/b2.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 5px;

}

.firstraw2{

	background-image: url(images/b5.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 5px;

}

.bor{

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #E3CBB3;

	border-right-color: #E3CBB3;

	border-bottom-color: #E3CBB3;

	border-left-color: #E3CBB3;

	background-color: #FAF4EF;

	padding-right: 15px;

	padding-left: 15px;

	text-align: center;

}

.bor a{

	color: #0E53A7;

	text-decoration: none;

	font-weight: bold;

}

.bor a:hover{

	color: #000;

	text-decoration: none;

	font-weight: bold;

}

.t1{

	width: 48%;

}

.bor small{

	color: #666666!important;

	text-decoration: none;

	font-weight: normal!important;

	margin: 0px;

	padding: 0px;

	font-size: 12px!important;

}

.t1 input{

	border: 1px solid #E6CDB5;

	background-color: #FFFFFF;

}

.bor input{

	border: 1px solid #E6CDB5;

	background-color: #FFFFFF;

	margin-top: 5px;

	margin-bottom: 10px;

}

.bor textarea{

	border: 1px solid #E6CDB5;

	background-color: #FFFFFF;margin-top: 5px;

	margin-bottom: 10px;

}