@import 'clear.css';

@charset "utf-8";

/* ###### COLORS ###### */

/*
Light Teal: #006666
Dark Teal: #003E3E
Lighter Red: #990000
Darker Red: #590304
*/


/* ###### BASIC STYLES ###### */

html { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/background.gif") center top; }

body {
  margin: 0 auto;
  color: #333;
  font: 12px/24px Arial, Helvetica, sans-serif;    
  width: 986px;
  background: url("http://www.vlotech.com/wp-content/uploads/2010/09/content-top-bg.gif") left 120px no-repeat;
}

p { margin-bottom: 10px; }

a {
  color: #006666;
  text-decoration: none;
}

a:hover { text-decoration: underline; }
a img { border: none; }
a:hover { text-decoration: underline; }

.action {
  background:url("http://www.vlotech.com/wp-content/uploads/2010/09/submit-bg.png") no-repeat scroll 0 0 transparent;
  color:#fff;
  display:block;
  float: left;
  margin-right: 15px;
  font-size:14px;
  padding: 8px 0;
  text-align:center;
  width:135px;
  text-decoration: none;
}

.action:hover {
  background:url("http://www.vlotech.com/wp-content/uploads/2010/09/submit-bg.png") no-repeat scroll 0 -45px transparent;
  cursor: pointer;
  text-decoration: underline;
}


/* ###### TEXT STYLES ###### */

h2 {
  color: #990000;
  border-bottom: 8px solid #EEEEEE;
  font-size: 25px;
  margin-bottom: 8px;
  padding: 20px 0 5px 0;
  text-shadow: 1px 1px 0 #ccc;
}

h3 {
  font-size: 18px;
  margin: 0 0 8px 0;
  color: #006666;
}

h4 { font-weight: bold; }


/*-------------------- Layout ---------------------*/

#wrapper {
  width: 980px;
  margin: 0 auto;
}

#header {
  background: #f6f6f6;
  height: 120px;
}

#content {
  float: left;
  width: 600px;
  margin: 0 30px;
}

#sidebar {
  float: left;
  width: 300px;
  margin-top: 49px;
  border-top:8px solid #eee;
  padding-top: 15px;
}

#sidebar ul li {
  list-style-type: none;
}

#content ul {
  list-style-image: url("http://www.vlotech.com/wp-content/uploads/2010/09/bullet.gif");
  margin-bottom: 20px;
}

#content ul li {
  margin-left: 17px;
}

#content ol {
  margin-bottom: 20px;
}

#content ol li {
  margin-left: 35px;
}

/* ----------------  Header + Navigation ---------------- */

#logo {
  float: left;
  background: url("http://www.vlotech.com/wp-content/uploads/2010/09/logo-gray-ta.gif") left 30px no-repeat;
  margin-left: 30px;
  height: 120px;
  width: 350px;
  text-indent: -9999px;
}

#logo a {
 display: block;
 margin-top: 35px;
 height: 60px;
 width: 350px;
 text-indent: -9999px;
}

#nav {
  float: left;
  height: 120px;
  width: 580px;
}

#nav ul {
  float: right;
  margin-top: 30px;
}

#nav ul li {
  float: left;
  list-style-type: none;
}

#nav ul li a {
  display: block;
  padding: 15px;
  background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") -50px -6px;
  font-size: 14px
  color: #006666;
  text-decoration: none;
}

#nav ul li a:hover { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") -50px 59px; }
#nav ul li a:visited { color: #006666; }

#nav #active a { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") -50px 59px; }


#nav ul li a.first { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") left -6px;
  		     padding-left: 30px; }
#nav ul li a.first:hover { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") left 59px; }
#nav #active a.first { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") left 59px; }


#nav ul li a.last { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") right -6px; 
		    padding-right: 30px; }
#nav ul li a.last:hover { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") right 59px; }
#nav #active a.last { background: url("http://www.vlotech.com/wp-content/uploads/2010/09/main-menu-bg.jpg") right 59px; }

/*-------------------------------------------------*/


.post {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

h2.entry-title, h2.page-title{
	font-size: 1.8em;
}

h2.page-title {
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

h3.entry-title {
	font-size: 1.5em;
}
	.entry-title a{
		color: #000;
	}
		.entry-title a:hover {
			color: #111;
		}
div.entry-content {
	font-size: 1.1em;

}
div.entry-date {
	color: #005DB0;
}





#footer {
  margin-top: 15px;
  background-color: #666;
  clear: both;
  width: 100%;
  text-align: left;
  color: #ccc;
  text-indent: 33px; 
}

#footer a {
  color: #ccc;
  text-decoration: none;
}





em {
	font-style: italic;
}






/*-----------------Form --------------------------------*/

input {
  border: 2px solid #ccc;
  font-size: 14px;
  padding: 5px;
  margin-top: 15px;
}

input.action {
  border: none;
  height: 45px;
  padding-top: 8px;
  padding-top: 0;
}


label {
  width: 120px;
  display: block;
  float: left;
  margin-top: 15px;
}

#sidebar label {
  margin-top: 10px;
}

#sidebar input {
  margin-top: 0;
}

/*----------------- Call Out --------------------------------*/

#vlo-callout {
background:url("http://www.vlotech.com/wp-content/uploads/2010/09/vlo-callout-top.jpg") no-repeat scroll left top #EEEEEE;
padding:0 25px 10px;
}

#vlo-callout-bottom  {
background:url("http://www.vlotech.com/wp-content/uploads/2010/09/vlo-callout-bottom.jpg") no-repeat scroll left top transparent;
height:13px;
width: 500px;
}