/*
Theme Name: Associated Haulage
Theme URI: http://www.interconnectit.com/
Description: Theme designed by Interconnect IT.
Version: v1.0
Author: James R Whitehead
Author URI: http://www.interconnectit.com/
*/

@import "editor.css"; /* For use with superedit and the custom CSS elements for the tinyMCE editor. */
@import "contact.css"; /* The contact form styles */
body { 
	font-family: arial, free-sans, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	background-color: #000033;
	color:white;
}
/* Anchors */
a img { border: 0; }
a { text-decoration: none; font-weight: bold;}
div#category-triplets a { color: white; background-color: #000033;}
div#footer a,
div#double-page a ,
.post a  { color: #000033; background-color: white; }
div#footer a:hover,
div#double-page a:hover,
.post a:hover { color: #660000; background-color: white; border-bottom: 1px dashed #000033;}

div.older-page a { color: white; border-bottom: solid 1px #000033;}
div.page-navigation a:hover , div.older-page a:hover { color: silver; border-bottom: 1px dashed silver;}
.page-navigation a { color: white; background-color: #000033; font-size: 16pt;}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 1.25em;
}
h1 { font-size: 20px; } 
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

p {margin: 0 0 1em 0; }

#container {
	width: 720px;
	margin: 20px auto;
	position: relative;
}
#header {
	height: 160px;
	/*overflow: hidden;*/
	position: relative;
	z-index: 10;
}
	#logoblock {
		position: absolute;
		width: 720px;
		height: 140px;
		overflow: hidden;
		top: 20px;
		left: 0;
		z-index: 1;
		color: black;
		background: url(images/logoblock.jpg) repeat-x top left white;
	}
	#mainlogo{ float: right; background-color: transparent; width: 720px; text-align: right;}

	#mainpagetitle {
		position: absolute; top: -1000em;
	}
	#tagline {
		position: absolute; top: -1000em;
	}

#content { margin-top: 20px;
position: relative; z-index: 1;
 }

/* Navigation */
#navigation {
	position:absolute;
	top:0;
	left: 0;
	z-index: 10;
}

#navigation  * {
	padding: 0;
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	z-index: 10;
	text-decoration: none;
}
#top_nav {
	height: 20px;
}
#top_nav li {
	float: left;
	position: relative;
	padding-left:1em;
	background: url(images/tab-left.gif) no-repeat top left #666;
	margin-left: 5px;
}
#top_nav li a {
	display: block;
	font-size: 12px;
	line-height: 20px;
	background: url(images/tab-right.gif) no-repeat top right #666;
	overflow: hidden;
	padding-right: 1em;
	color: white;
	font-weight: normal;
}
#top_nav li ul {
	position: absolute;
	left: 0;
	top: 20px;
	width: 200px;
	display: none;
	z-index: 12;
}
#top_nav li ul li {
	padding-left: 0;
	filter:alpha(opacity=80); /* IE only */
	opacity: 0.8;
	background-image: none;
	margin-left: 0;
}
#top_nav li ul li ul {
	position: static;
}
#top_nav li ul li a { /* Drop down styles*/
	font-size: 12px;
	padding: 0 18px;
	line-height: 2em;
	width: 200px;
	background-color: black;
	border-bottom: solid 1px #ccc;
	background-image: none;
}

/* Navigation rollover and highlights */
#top_nav li:hover ul, #top_nav li.over ul { display: block; } 
#top_nav li.over li, #top_nav li:hover  li,
#top_nav li.over li a, #top_nav li:hover  li a { background-image: none; background-color: #333; color: white; }
#top_nav li.over li a:hover, #top_nav li:hover  li a:hover { background-color: #999; color: black;}
#top_nav li.over, #top_nav li:hover { background: url(images/tab-left-rollover.gif) no-repeat top left #666;}
#top_nav li.over a, #top_nav li:hover a {	background: url(images/tab-right-rollover.gif) no-repeat top right #999;}
#top_nav li.current_page_item,#top_nav li.current-cat {	background: url(images/tab-left-high.gif) no-repeat top left #C7E9FF;}
#top_nav li.current_page_item a,#top_nav li.current-cat a { font-size:14px; font-weight: bold;background: url(images/tab-right-high.gif) no-repeat top right #C7E9FF; color: black;}
#top_nav li.current_page_item li a,#top_nav li.current-cat li a { font-size:12px; font-weight: normal;}
#top_nav li ul li:hover { opacity: 0.95;} 
#top_nav li ul ul li{ opacity: 1;} 
#top_nav li.current-cat a, #top_nav li.current_page_item a:hover { text-decoration: none; cursor: default} 
#top_nav li.current-cat li a, #top_nav li.current_page_item li a { color: white; font-weight: normal;}
#top_nav  li ul li.current-cat a { background-color: silver; color: black}
#top_nav  li ul li.current-cat li a { background-color: black; color: white}
#top_nav  li ul li.current-cat li a:hover { background-color: silver; color: black; cursor: pointer;}
/* End of navigation */

/* The tree categories that appear together at the top of the front page. */
div#category-triplets { background: url(images/category-triplets.gif) repeat-y center top #000033; width: 720px; margin-bottom: 20px; }
div#category-triplets a:hover { color: #ccccfd; }
div.trio-left, div.trio-middle, div.trio-right { width: 210px; margin:0; padding: 0; overflow: hidden;}
div.trio-left    { float: left; }
div.trio-middle{ float: left; margin-left: 45px; }
div.trio-right  { float: right;}
.cat-trio-desc a	{ font-weight: normal; display: block;}
.cat-trio-more	{ text-align: right; }
.cat-desc-img 	{ float: left; margin-right: 10px; max-width: 100px;} /*Any image that appears in the category description. */

/* Double pages that appear at the top of categories and on the front page.*/
div#double-page {
	padding-top: 20px;
	background: url(images/post-twins-top.gif) no-repeat top center white;
	margin: 0 0 20px 0;
}
div#double-page div.page-group {
	overflow: hidden;
	background: url(images/post-twins-middle.gif) repeat-y top center #000033;
}
div#double-page div.page-group div.post-body {
	font-size: 10pt;
	text-align: justify;
	line-height: 1.25em;
}
div#double-page div.second-page { float: right; }
div#double-page div.page-group div.post-excerpt,
div#double-page div.page-group div.post {
	background: none;
	width: 350px;
	float: left;
	overflow: hidden;
	color: #000033;
}
div.post-2 .post-excerpt { margin-left: 20px; }
/* End Duo*/
div.single-page {
	background: url(images/post-top.gif) no-repeat top center #000033;
	padding-top: 20px;
}
div.single-page  div.post { 
	background: url(images/post.gif) repeat-y top center white;
	color: #000033;
}

div.post, div.post-excerpt {
	padding-bottom: 20px;
}
/* Widget spaces */
div#bar1, div#bar2 {
	clear: both;
	margin-top: 20px;
}

/* Footer */
div#footer{
	background: url(images/footer-bottom.gif) no-repeat bottom center transparent;
	color: #000033;
	padding-bottom: 20px;
	margin-top: 20px;
	clear: both;
	text-align: center;
}
div#footer-body {
	padding-top: 10px;
	background: url(images/footer-background.gif) no-repeat top center white;
}

div#footer span { margin-right: 0.5em; display:block;}
/* End footer */
.clear { 
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}
.time-date-owner { display: none;}
div.post-header, div.post-body, div.post-footer , div#commentsblock{ padding: 0 20px;}

.page-navigation{ display: block; text-align: center; clear: both; font-size: 16pt;}
.excerptmore { display: block; text-align: right; clear: both;}
.post-footer { text-align: center;clear:both;}
.post-footer span { margin-right: 1em;}

.excerpt-thumb { float: left; margin-right: 5px;}

div.older-page h2 { font-size: 18pt;}
div.older-page.alternate {background: url(images/alternate-background.gif) no-repeat center center transparent;}
div.older-page.alternate .post-header {background: url(images/alternate-header.gif) no-repeat top center transparent;}

.right	{ float: right; margin-left: 0.5em;}
.left	{ float: left; margin-right: 0.5em;}

.devan-table { background: url(images/devan.jpg) no-repeat center center #C5E8FF; color: #333;}
.devan-header { background-color: #71C6FF; color: #666; padding: 0 6px;}
.devan-header h2 { color: #666; padding: 0; margin: 0; font-size: 16px; line-height: 20px; }

th.devan-cell,
td.devan-cell {
	padding:3px 6px;
	border-bottom: solid 1px #71C6FF;
	border-right: solid 1px #71C6FF;
	border-top: solid 1px white;
	border-left: solid 1px white;
}

.devan-cell.devan {text-align: center;}
.devan-cell.notes,
.devan-cell.id {text-align: left;}

#comment-title {display: inline;}
#comments_rss_link {margin-left: 10px;}
#comment {width: 100%;}
#commentsblock {margin-top: 30px; }
.commentheader {font-size: x-small;}
.comment-list {padding-left: 20px;}