/* @override 
http://localhost:3000/stylesheets/eightsquare.css
*/
/* CSS Document */
/* ----Main Content Layout---- */
body{background:#333333 url('../images/pat_10.gif') repeat;/* rgb(148,15,4) */
color:#333;font:13px "Myriad Pro",helvetica,arial,sans-serif;}
pre{overflow:auto;width:510px;}
code{font-size:0.9em;}
#container{background-color:#fff;position:relative;top:0;width:820px;margin:0 auto;border:2px solid rgb(148,15,4);}
#header{height:100px;border-bottom:2px solid rgb(148,15,4);}
#header img{padding:2px;margin-left:10px;float:left;}
#header #busy_icon{position:absolute;top:64px;right:10px;display:none;}
#mainContent{float:left;margin-top:10px;padding-right:30px;padding-left:4px;width:410px;height:350px;overflow:hidden;} 
#mainContent p strong{font-weight:600;}
#blogContent{float:left;margin-top:10px;padding-right:30px;padding-left:4px;width:510px;}
#blogContent hr{color:rgb(148,15,4);margin-bottom:25px;margin-top:0;}
p{margin:9px 0;}
#sidebar{float:left;width:236px;padding:20px;border-collapse:collapse;}
#latest_pictures,#month_archive_list{margin:15px 0;}
#sidebar ul li{list-style:none;margin-top:2px;margin-bottom:2px;}
.noMargins{margin:0;}
#logo_portfolio,#logo_logo,#logo{float:left;width:336px;height:336px;display:block;padding:20px;border-collapse:collapse;}
#logo_portfolio,#logo_logo{display:block;padding:0;position:absolute;width:336px;height:336px;}
#footer{border-top:2px solid rgb(148,15,4);padding:10px 20px 10px 20px;font-size:8pt;line-height:10pt;text-align:justify;}
.fltrgt{float:right;margin:0 15px 0 0;}
.fltlft{display:block;float:left;margin-right:8px;margin-top:-20px;}
.clearfloat{display:block;clear:both;height:1px;font-size:1px;line-height:1px;}
.menuBar{position:relative;float:right;top:80px;width:600px;}
#text{text-align:justify;}
.swapper{height:84px;width:84px;display:block;margin:0;padding:0;float:left;}
.page{position:relative;top:10px;left:280px;}
/* ----End of Main Content Layout---- */
/* ----Main Content styling & content---- */
pre{margin:0 5px;}
#prev,#next{width:245px;padding:5px;position:relative;margin:0;}
.navBar{height:2.4em;}
#prev,#prev .navBar{float:left;}
#prev .navBar{margin-left:-5px;margin-right:5px;}
#next,#next .navBar{float:right;}
#next .navBar{margin-left:5px;margin-right:-5px;}
#blog_navigation{height:3.1em;margin-bottom:1em;border-bottom:1px dotted #ccc;}
#prev a,#next a{color:#666;font-size:0.9em;height:2.4em;}
#prev{text-align:left;}
#next{text-align:right;}
.fltrgt h1{display:none;}
.fltrgt img{display:block;}
h1{font-size:28pt;margin:6px 0;padding-right:10px;letter-spacing:0.03em;}
h2{color:#666;font-weight:bold;font-size:12pt;line-height:14pt;margin-bottom:-2px;margin-top:5px;}
h3{color:rgb(148,15,4);font-size:10pt;font-weight:bold;margin-bottom:0;margin-top:0;}
h3.large{font-size:16pt;margin-bottom:0;margin-top:10px;}
p.blog_date,p.copyright,p.info{font-style:italic;color:#333;}
p.blog_date{margin-top:0;}
p.copyright{margin-top:0;font-size:9pt;margin-bottom:0;color:rgb(148,15,4);}
p.info{margin-bottom:0;}
p.tags{margin:2px 0;}
.people{clear:both;display:block;margin-top:15px;margin-bottom:15px;}
.gravatar{float:left;margin-right:10px;margin-bottom:10px;width:80px;height:80px;background:url(../images/blog/eightsquarestudio_logo_small.gif) no-repeat 0 0;}
b{color:black;/*color:rgb(148,15,4);*/}
.error{padding:20px 60px 20px 60px;font:12pt "Lucida Grande","Trebuchet MS",Verdana,sans-serif;text-align:center;}
.list{list-style-image:url('../images/check.gif');color:#333;}
#blogContent ul{padding:0;margin:10px 0;}   
#blogContent ul li{list-style-type:disc;} 
ul{padding:0;margin:0;}
ul li{margin-left:28px;list-style-type:none;}
ul.list{margin:0;padding:5px 0 0 0;}
p.service{color:black;line-height:1.2em;margin-bottom:0;}
.strike{text-decoration:line-through;}
.splash{color:rgb(148,15,4);}
.hidden{color:#666;/* opacity:0.25;*/}
.divider{font-size:1.1em;line-height:0.9em;color:#666;font-weight:bold;}
.label{color:black;line-height:1.2em;margin-top:0;}
#mainContent h2+p{margin-top:0;}
.contact img{padding-right:5px;}
.contact{font-size:1em;line-height:1.2em;margin:1px 0;}
p.contact+h2{margin-top:1em;}
.entry{clear:both;margin-bottom:0;}
#companydetails{color:black;font-size:7pt;}
#footcontact{font-size:8.5pt;color:black;}
#disclaimer{color:black;}
#portlist,#servlist{padding-left:20px;line-height:1.15em;}
.button{float:right;text-align:center;padding:4px 15px 3px 15px;line-height:13px;cursor:pointer;vertical-align:bottom;}
#portlist li{cursor:pointer;width:200px;background:white url('../images/0083_trustyol-triangle-red.png') no-repeat top left;padding-left:20px;margin-left:0;}
.button.current,.button:hover,.button:active{background-color:#940f04;}
.button.current,.menuBar a:active,.menuBar a:hover{color:white;}
a:link,a:visited{color:#333;text-decoration:none;border:0;}
a:active,a:hover,a.hover{text-decoration:none;color:rgb(148,15,4);border:0;} 
#blogContent a:link,#blogContent a:visited{color:#333;border:0;}
#blogContent a:active,#blogContent a:hover,#blogContent a.hover{text-decoration:none;color:rgb(148,15,4);border:0;}
a:link img{border:none;background-color:transparent;color:#D5C6B4;}
a:visited img{border:none;background-color:transparent;color:#D5C6B4;}
#companyName{font-size:1.1em;color:black;}
/* ----End of Main Content styling & content---- */
/* ----IE Hacks---- */
/* ----End of IE Hacks---- */