/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.0
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* CSS RESET  */
@import url('sandbox-layouts/reset.css');

/* Just some example content */
div#header{width:100%;text-align:center;margin-bottom:10px;border-bottom:1px solid #CCCCCC;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{height:1.5em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}




.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

.sidebar{width:200px; float:left;color:#525D68; }
.sidebar2{width:240px; float:right;color:#525D68;}

a{color:#525D68; text-decoration:none;}
a:hover{color:#98B107; text-decoration:none;}

div.sidebar div,#subpages h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}

div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0;}
div.sidebar li form{margin:0;padding:0;}
div.sidebar ul ul{margin:0;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0;}
div.sidebar ul ul ul li{list-style:circle;}
.sidebarbutton{padding-top:8px;}
.divider{height:6px;}
.clearleft{clear:left;height:10px;}
.latestblog,.latestnews, #casestuds{background-color:#F5F5F5; background-image:url('http://www.vancomms.com/240bg.jpg'); background-position:bottom; background-repeat:no-repeat;}
.latestblog h2,.latestnews h2{width:240px;}
.latestblog h2 a, .latestnews h2 a{width:240px; display:block;}
.latestblog h2 a, .latestnews h2 a,.latestblog h2 a:hover, .latestnews h2 a:hover{border-bottom:none;}
.latestblog h2 a:hover, .latestnews h2 a:hover{background-image:url('http://www.vancomms.com/arrow.gif'); background-position:right; background-repeat:no-repeat; border-bottom:none;}
.latestblog h5, .latestnews h5,.retainer2 ul li a{font-size:10px;margin-left:5px;margin-right:5px; margin-bottom:8px;line-height:1em;}
.latestblog h6, .latestnews h6{font-size:10px;margin-left:5px;margin-right:5px;  color:#C5C5C5;}
.latestblog p, .latestnews p{text-transform:uppercase; margin-left:5px;margin-right:5px;}


.latestblog h5 a, .latestnews h5 a,.retainer2 ul li a{color:#525D68; text-decoration:none; border-bottom:none; font-weight:normal;}
.latestblog h5 a:hover, .latestnews h5 a:hover{color:#525D68; text-decoration:underline; border-bottom:none;}
#prweek1,#c1,#showreel{width:210px; float:left;margin-top:10px;}
#c1,#showreel{width:200px; float:left;margin-right:25px;}

html{
background-image:url('images/bg.jpg');
background-position:center;
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif; color:#525D68;
font-size:10px;
}
.eformwrap{text-align:center;}
.formwrap{width:400px;background-color:#FFFFFF; margin:0px auto; margin-top:20px; border:18px solid white; text-align:left;}
#wrapper{width:920px; background-color:#FFFFFF; margin:0px auto; margin-top:80px;border:18px solid white; border-bottom:12px solid white; color:#525D68;}
.clearboth{clear:both;height:1px;}
.mapright{float:right;margin:10px; margin-top:0px; text-align:center;}


a img{border:none;}

#vanlogo{float:left;width:230px; text-align:left;}
#vanlogo2{float:right; width:230px; font-size:0.9em; line-height:1em; text-align:right; margin-top:20px;}
#vanlogo3{float:left; width:426px; text-align:right;padding-top:10px;}
#vanlogo2 a, #vanlogo a,#vanlogo a:hover,.nounder a,.nounder a:hover{border-bottom:none;}

em{ font-style:italic;}
strong{font-weight:bold;}

#content{width:425px; float:left;margin-left:30px;color:#525D68; }
.scrollable{ height:320px; overflow:auto; padding-top:5px; }
.scrollable h2{margin:0; padding:0; font-size: 12px; font-weight:bold; border:none;}


#comments h3, .sidebar h1, .formwrap h1{margin-bottom:1em;}

.formwrap h1{text-transform:uppercase; font-weight:bold;}
#content p{margin-bottom:1em;line-height:1.5em;}
#content ul, #content ul li{ margin-bottom:1em;line-height:1.5em;list-style-type:disc; list-style-position:inside;}

#nav-below{clear:right;width:90%;float:left;}

.quoting{float:right; width:250px;}
.notquoting{float:left; width:250px;}

#pages{margin:0;padding:0;padding-bottom:5px;font-size:12px; background-color:#F5F5F5; background-image:url('http://www.vancomms.com/200bg.jpg'); background-position:bottom; background-repeat:no-repeat; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}
#pages li,#subpages2 h3{font-weight:bold; text-transform: uppercase;margin:0;padding:0;}
#pages li, #pages ul, #pages ul li, #subpages li, #subpages ul, #subpages ul li, #archives li, #archives ul, #archives ul li, #latest li, #latest ul, #latest ul li{list-style-type:none;margin:0;padding:0;}
#pages li a,#subpages2 h3, #archives li a, #latest li a{display:block; padding:5px; text-decoration:none; color:#525D68;}
#pages li a:hover, #subpages li a:hover, #archives li a:hover, #latest li a:hover{ background-color:#525D68; background-image:url('http://www.vancomms.com/arrow2.gif'); background-position:right; background-repeat:no-repeat; color:white; border:none;}

.sidebar hr, .sidebar2 hr{width:200px; height:5px; border:none; background:none; color:white; clear:both;}
.fn{font-weight:bold;}

.footer{border-top:1px solid #CCCCCC; font-size:0.8em; padding-top:5px; padding-bottom:5px; margin-top:10px;}
.footer a{color:#525D68;}

.mbw{width:920px;margin:0px auto;margin-top:3px; clear:both; font-size:9px; padding:5px;}
.mbw, .mbw a{ color:#CCCCCC; text-align: right;}
.mbw p{text-align:right; line-height:1em;}

.retainer{height:125px; overflow:auto; font-size:10px;line-height:1.3em;}
.newsep{height:5px;}
.retainer2{height:320px; overflow:auto; font-size:10px;line-height:1.3em;}
.retainer2 ul li a{text-decoration:none; border:none;}
.retainer2 ul li a:hover{text-decoration:underline; border:none;}
.retainer .post{}

#subpages{float:right; width:200px;padding-right:5px;margin-left:20px; margin-bottom:5px; overflow:auto; height:350px;}
#subpages2{float:left; width:200px;padding-right:5px;margin-left:20px; margin-bottom:5px; overflow:auto; height:350px;}
#subpages li a,#subpages2 li a{display:block; padding:1px; text-decoration:none; color:#525D68; border:none; line-height:1.1em;margin-bottom:1em;}
#subpages li a:hover,#subpages2 li a:hover{border:none; text-decoration:underline}
#subpages2 h3{}
.entry-content a,#entry-content a{border-bottom:0;}

.latestblog h2, .latestnews h2{
border-bottom:2px solid #CCCCCC; margin-bottom:6px; background-color:white; font-size:16px; font-weight: normal; 
padding-bottom:5px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;}
.latestblog h2, .latestnews h2, .sidebar2 h3{
border-bottom:2px solid #CCCCCC; background-color:white; font-size:16px; font-weight: normal; 
padding-bottom:5px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;}
#thinkubation h2,.sidebar h2{
border-bottom:2px solid #CCCCCC; background-color:white; font-size:16px; font-weight: normal; padding-bottom:5px;margin-bottom:0px;
 font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;}
.formwrap h1{
border-bottom:2px solid #CCCCCC; background-color:white; font-size:16px; font-weight: normal; padding-bottom:5px;margin-bottom:0px;
 font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;margin-top:5px; color:#666666;}
 #content h1{
border-bottom:2px solid #CCCCCC; background-color:white; font-size:16px; font-weight: normal; padding-bottom:5px;margin-bottom:0px;
 font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;}
.clientsflash h3{
border-bottom:2px solid #CCCCCC; background-color:white; font-size:16px; font-weight: normal; padding-bottom:5px;margin-bottom:0px;
 font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height:1.4em;}
 
.sidebar a:hover{border:none;}
.clientsflash{margin-bottom:5px; background-color:#330033}

.formwrap td, .formwrap td p{font-size:10px; color: #666666;}
.clients{margin:0;padding:0;}
.sidebar a,.sidebar2 a, .sidebar2 h2 a:hover, .header a{border:none; text-decoration:none;}
.sidebarspacer{background-color:white;height:10px;}

.latestblog ul, .latestnews ul{padding-left:20px; padding-right:5px;list-style-type:disc; vertical-align: middle; list-style-position:outside; color:#98B107;}
.latestblog li a, .latestnews li a{line-height:1.4em;}
.latestblog li, .latestnews li{margin-bottom:3px;list-style-type:disc; list-style-position:outside; color:#98B107; vertical-align: middle}
.latestblog a:hover; .latestnews a:hover,.latestblog li a:hover; .latestnews li a:hover{color:#98B107;}


.scrollable {font-size:11px;}
.scrollable img{border:1px solid #CCCCCC; margin-right:10px;margin-bottom:10px;}

.noborders,.scrollable .noborders,.scrollable img .noborders{border:none;margin-right:0px;}

blockquote{
background-image:url('http://www.vancomms.com/roundel2.jpg');
background-position:bottom;
background-repeat:no-repeat;margin-bottom:3px;padding-bottom:2px;}
blockquote p{
background-image:url('http://www.vancomms.com/roundel1.jpg');
background-position:top;
background-repeat:no-repeat;
padding-left:8px;
padding-right:3px;
padding-top:2px;}

.sidebar2 .scrollable{background-color:#F5F5F5; background-image:url('http://www.vancomms.com/240bg.jpg'); background-position:bottom; background-repeat:no-repeat;margin-top:0px;padding:5px;font-size:10px;line-height:1.3em;}
.sidebar2 .scrollable li, .sidebar2 .scrollable ul li{margin-bottom:3px;list-style-type:disc; list-style-position:inside; color:#98B107; vertical-align: middle}
.sidebar2 .scrollable a{text-decoration:none;}

#content a{color:#98B107; font-weight:bold; text-decoration:none; margin:0; padding:0; line-height:normal;}
#content a:hover, .scrollable a:hover{color:#98B107; text-decoration:none;}