/* 
Theme Name: Cullen Wilson
Theme URL: www.10hats.com
Version: 1.0

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

body{background:#333;font-family:Helvetica;font-size:15px;}
#container{width:960px;margin:0 auto;padding:20px 0;}
#left{float:left;width:390px;height:730px;}
#left #logo h1{background:url(images/logoc.png) no-repeat;width:385px;height:108px;text-indent:-99999px;float:left;}
#left #twitter{background:url(images/tweet.png) no-repeat;width:380px;height:261px;line-height:20px;margin:20px 0 0;}
#left #twitter ul{list-style:none;}
#left #twitter #tweet{position:relative;top:115px;color:#FFF;float:left;padding:0 15px 0 30px;}
#left #twitter a#via{float:left;width:280px;height:70px;}
#right{float:right;width:548px;color:#FFF;border-left:2px solid #505050;padding:0 10px;}
#right #clients,#right #circle{margin-top:10px;}
#right .block h2{font-size:24px;font-weight:700;border-bottom:2px solid #505050;color:#9cf;margin:0 0 10px;}
#right .block p{line-height:22px;text-align:justify;padding:0 0 10px;}
#right .block ul{float:left;line-height:20px;padding:0 10px 10px 20px;}
#right #circle ul{padding:0 38px 10px 20px;}
#right #clients ul{list-style-type:square;}
#right .block a{text-decoration:none;color:#FFF;}
#flipBox{width:207px;height:305px;float:right;background:url(images/me-on.jpg) no-repeat;margin:0 0 0 10px;}
#flipCont{float:right;width:207px;height:30px;background:#212121;position:relative;top:275px;text-align:center;}
#flipCont a{line-height:30px;height:30px;width:207px;float:left;font-weight:700;color:#9cf;}
#flipBack{float:right;width:207px;height:30px;background:#212121;position:relative;top:50px;text-align:center;display:none;}
#flipBack a{line-height:30px;height:30px;width:207px;float:left;font-weight:700;}
.flipped{width:207px;height:305px;float:right;background:#555;}
.flipped #myForm{padding:0 0 0 15px;}
.flipped #myForm textarea#commentinput{width:175px;}
.flipped ul{list-style:none;font-weight:700;font-size:18px;}
.flipped ul li{padding-top:40px;}
#footer{float:left;border-top:2px solid #505050;width:960px;height:30px;line-height:30px;color:#FFF;font-size:12px;margin-top:10px;}
#footer-cont{width:600px;margin:0 auto;}
#footer #contact ul{float:left;list-style:none;}
#footer #contact ul li{float:left;padding-left:10px;}
#footer span{float:left;}
#left #twitter #tweet a,#footer #contact ul li a{color:#FFF;text-decoration:none;}
#right .block h2 em,#right .block ul li em{font-style:italic;}
#right .block a:hover,#footer #contact ul li a:hover{text-decoration:underline;}
#flipCont a:hover,#flipBack a:hover{background:#555;text-decoration:none !important;}
.flipped #myForm input#nameinput,.flipped #myForm input#emailinput{width:170px;}
#post #fourzerofour { background: url(http://www.10hats.com/wp-content/themes/cullen/images/404.png) no-repeat; width: 345px; height: 222px; margin: 50px auto; text-indent: -99999px; }