/*  
Theme Name: Vision Sign
Theme URI: http://www.visionsign.net/vision/
Description: Vision Sign Custom Theme - Two column theme valid xhtml. Custom Flash Movie. Compatible with Wordpress 2.9.1.
Version: 2.0
Author: AITpro
Author URI: http://www.ait-pro.com/
Tags: two-columns, threaded-comments, sticky-post, left-sidebar, fixed-width, black-gold-silver
*/
/* Begin Typography and Colors */

small {
	font-family: Arial, Verdana, tahoma;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, h4 {
	font-family: Arial, Verdana, tahoma;
	font-weight:normal;
	}

h1 {
	font-size:15px;
	line-height:22px;
	}

h2 {
	font-size: 14px;
	line-height:22px;
	}

h2.pagetitle {
	font-size: 14px;
	line-height:22px;
	}

#sidebar h2, #sidebar2 h2{
	font-family:Arial, Verdana, tahoma;
	font-weight:bold;
	}
/* This is the text in the shiny black sidebar headers "categories" now products and services etc. I created */	
#sidebar ul li h2, #sidebar2 ul li h2 {
	font-family:Arial, Verdana, tahoma;
	font-size: 12px;
	font-weight:bold;
	padding-bottom: 5px;
	height:30px;
	color: #ffdc8e;
	text-transform:uppercase;
	padding-left:38px;
	padding-top:8px;
	margin:10px 0px 0px 0px; /* to adjust all the spacing in the remote NAV */
	background-image:url(images/bg_title_sidebar.gif);
	background-repeat:no-repeat;
	}

h3 {
	font-size: 14px;
	line-height:22px;
	}

h4 {
	font-size: 14px;
	line-height:22px;
	color:#FFFFFF;
	}
	
h1 {
	color:#dfdfdf;
	font-weight:bold;
	}

h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color:#ffdc8e;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ffdc8e;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite {
	text-decoration:none;
	}

h3 a:hover {
	color:#1A6F8A;
	text-decoration:underline;
	}

.entry{
	padding-top:4px;
	padding-bottom:10px;
	}
	
.sticky {
	background: #000000;
	padding: 10px 10px 10px 10px !important;
	border:solid 1px #ffdc8e;
	margin-bottom:10px !important;
	}
	
.sticky .postmetadata{
	border-bottom:0px;}
	
.sticky h2 {
	padding-top: 10px;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em ;
	font-family:Arial, Verdana, tahoma;
	}
	
.commentlist li ul li {
	font-size: 1em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite{
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	padding-left:5px;
	}
	
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	}

.commentlist cite a.url{
	margin:0px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Verdana, tahoma;
	}

.commentmetadata {
	font-weight: normal;
	}
	
code {
	font: 1.1em  Arial, Verdana, tahoma;
	}

acronym, abbr, span.caps
	{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a, #wp-calendar a:visited {
	text-decoration: none;
	text-decoration:underline;
	}

#wp-calendar caption {
	font: bold 1.3em  Arial, Verdana, tahoma;
	text-align:center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Structure */
.narrowcolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	}

.widecolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
/* this is where you can justify or left align the main content / Posts text */
.post {
	margin: 0px 0px 0px 0px;
	padding:10px 0px 15px 0px;
	text-align:left;
	}
	
.post hr {
	display: block;
	}
	
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
	padding-top: 5px;
	}

.widecolumn .postmetadata, .widecolumn .postmetadata1 {
	margin: 0px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}

.postmetadata {
	clear: left;
	line-height:20px;
	color:#ffdc8e;
	background-repeat:no-repeat;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	border-bottom:solid 1px #0f4254;
	}
/* End Structure */

/*	Begin Headers */
h1 {
	padding:0px;
	margin: 5px 0px 5px 0px;
	}

h2 {
	margin: 0px 0 0;
	}

h2.pagetitle {
	padding-top: 10px;
	text-align: center;
	padding-bottom:15px;
	}

#sidebar h2 ,#sidebar2 h2{
	margin: 0px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 0px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 0px auto 20px ;
	
	}

h4 {
	padding: 0;
	margin: 0px 0 0;
	
	}
/* End Headers */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
		
.spacer{
	line-height:0px;
	margin:0px;
	padding:0px;
	}
/* End Images */

/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 0px 0 0px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before,  #sidebar ul ul li, #sidebar2 ul ul li {
	background-position:0 4px;
	padding:0px 0px 0px 0px;
	margin:0px;
	}
	
div.entry ul{
	margin:0px;
	padding:0px 0px 0px 20px;
	}
	
div.entry ul li{
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0px 0px 0px 25px;
	margin:0px;
	list-style-type:disc;
	list-style-position:inside;
	}
	
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li, #sidebar2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
	margin: 5px 0 8px;
	}
#sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
	margin: 5px 4px 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
	margin: 5px 0 0 0px;
	}

ol li, #sidebar ul ol li, #sidebar2 ul ol li{
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li a:link, #sidebar ul li a:visited{
	color:#fff !important;
	padding-left:7px; /* controls the text in Quick links */
	}

#sidebar ul li  {
	list-style-type: none;
	list-style-image: none;
	}
/* these are the cool blue lines under the categories and controls the text above #0f4254; */	
#sidebar ul li li{
	margin:0px 2px 0px 0px;
	padding:2px 5px 4px 8px;
	border-bottom:solid 1px #0f4254;
	}

#sidebar ul li li li{
	border-bottom:none;
	background-image:none;
	}

#sidebar ul ul ul li a, #sidebar ul ul ul li a:visited{
	border-bottom:0px;
	padding:2px 0px 2px 10px!important;
	text-decoration:none;
	background-image:url(images/arrow.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	}
/* added this to make the sidebar links always - even after visit - have an underline on hover*/
#sidebar ul ul ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
/* .widget {background-color:#666666;} changes the background of widgets */ 

/* background color of categories dropdown list and ctc dropdown */
.postform {background-color: #CCCCCC; width:234px;}
.ctcpostform {background-color: #CCCCCC; width:234px;}

.textwidget {
	padding-left:10px;
	text-align:left;
	padding-right:10px;
	padding-top:5px;
	}

.widget_tag_cloud div{padding:5px 10px;}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 0px 0px 0px 0px; 
	text-align: center;
	}

#sidebar #searchform #s, #sidebar2 #searchform #s  {
	width: 108px;
	padding: 2px;
	}

#searchsubmit, #sidebar #searchsubmit, #sidebar2 #searchsubmit  {
	padding: 4px 0px 4px 0px;
	font-size:10px;
	width:46px;
	border:0px;
	background-color:#ffdc8e;
	color:#fff !important;
	}
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
	
#commentform{
	}

#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 0px 0 0px;
	}

	
#commentnavi{
	margin:0px 0px 0px 15px;
	}	

#respond h3{
	margin:10px 0px 0px 0px;
	font-size:20px;
	}		
	
#commentform textarea {
	width: 90%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0px;
	width:170px;
	}
	
/* End Form Elements */

.even, .alt {
	border-left: 1px solid #ffffff;
	}

.thread-alt {
	background-color: transparent;
	}
	
.thread-even {
	background-color: transparent;
	}
	
.depth-1 {
	border: 1px solid #ffffff;
	}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}
	
ol.commentlist{
	padding:0px;
	margin:0px 0px 0px 0px;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 10px 10px 10px;
	list-style: none;
	}
	
.commentlist li ul{
	padding:0px;
	margin:0px;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 15px;
	}

.commentlist p {
	margin: 10px 5px 10px 5px;
	}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Sidebar */
#sidebar
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#sidebar2
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#sidebar form, #sidebar2 form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
	
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}


#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: transparent; }
/* End Calendar */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #dfdfdf;
	padding-top: 4px;
	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}
/* End captions */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding:0px 20px;
	border: 1px dashed #ffffff;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 0px;
	}
.navigation2 {
	display: block;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 0px;
	}
/* End Various Tags & Classes*/

.postmetadata a{
	text-decoration: none;
	}
	
.postmetadata a:hover{
	text-decoration: underline;
	}
	
.narrowcolumn h2, .narrowcolumn h3 {
	color:#ffffff;
	margin-top:0px;
	}
	
label small{
	color:#ffffff;
	  }
  
#comments, #respond{
	color:#ffffff;
	padding:0px 0px 8px 5px;
	 }
	 
h3#respond{
	font-size:14px;
	font-weight:lighter;
	}
	
span.author{color:#ffdc8e !important;}
.search_result .post{padding:0px;}
div.search_result  h2 a{font-size:14px !important;text-transform:capitalize;}
div.title h2, div.title h2 a, div.title h2 a:visited{
	color:#fff;
	font-family:Arial, Verdana, tahoma;
	font-size:14px;
	font-weight:lighter;
	text-transform:uppercase;
	padding:0px 10px 5px 0px;
	}

div.title h2 a:hover{
	color: #1A6F8A;
	}
/*=========================FRAME HTML=========================*/	
body{
	font-family:Arial, Verdana, tahoma;
	font-size:.8em;
	text-align:left;
	color:#dfdfdf;
	margin:0px;
	padding:0px;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
	background-color:#ffdc8e;
	line-height:20px;
	}
	
form{padding:0px;margin:0px;}
a, a:visited{color:#ffdc83;text-decoration:none;}
a:hover{color:#1A6F8A;text-decoration:underline;}
	
#container{width:100%;}
#frame{width:918px;
	margin:0px auto;
	background-image:url(images/frame_bg.png);
	background-repeat: repeat;
}

/*=========================================TOP=========================================*/
#top{width:900px;height:0px;padding-top:0px;}
#logo{
	padding:0px 0px 0px 0px;
	}
	
#logo h1{font-size:10px; line-height:10px;}
/*#logo a{display:block;width:270px;height:105px;}*/	

/*=========================================TOP MENU=========================================*/	
#top_menu{background-image:url(images/bg_topmenu.gif);background-repeat:no-repeat;height:52px; margin-left:13px;}
#top_menu ul{margin:3px 0px 0px 0px;padding:0px;list-style-type:none;} /* this is the main menu text padding */
#top_menu ul li{
	margin:0px 0px 0px 13px;
	padding:0px 18px 0px 18px;
	list-style-type:none;
	display:block;
	float:left;
	text-transform:uppercase;
	color:#ffdc8e;
	font-weight:bold;
	}
#top_menu ul li.end{border-right:none;}
#top_menu ul li a, #top_menu ul li a:visited{color:#ffdc8e;text-decoration:none;}
#top_menu ul li a:hover{background-image:url(images/bg_topmenu_hover.gif);background-repeat:repeat-x;height:18px;color: #FBFBFB;text-decoration:none;margin:0px 6px 0px 6px;padding:16px 3px 13px 3px;border:ridge 1px #000000;}

#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	z-index:500!important;
	font-weight:normal;
	float:left;
	}
	
#dropmenu a {
	display:block; 
	padding:13px 10px 18px 10px; 
	color:#000000;  
	text-decoration:none; 
	font-family:Arial, Verdana, tahoma; 
	font-size:12px !important;
	border:0px ;
	text-transform:uppercase;
}
#dropmenu a:hover {color:#dfdfdf;}
#dropmenu li {float:left; position:relative; background-position:0px 12px 0px 0px;}  /* background-image:url(images/line_ver.gif); background-repeat:no-repeat; not used */
#dropmenu li.noborder {float:left; position:relative; border-left:none; background-image:none !important;}
#dropmenu ul {position:absolute; display:none; top:48px; left:0px; cursor:pointer;}
#dropmenu ul a { z-index:500; }
#dropmenu li ul {list-style: none;float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;}
#dropmenu li li{border:0px; border-width:1px; float: left; padding:0px 0px 0px 0px !important;  display:block;   z-index:500;}
#dropmenu li ul a, #dropmenu li ul a:visited {color:#fff; border:solid 1px #ffdc8e; border-width:0px 1px 1px 1px; width:150px; font-size:12px; text-transform:capitalize; padding:7px 0px 7px 7px; background-color: #000000;opacity:0.75;filter:alpha(opacity=75); line-height:18px !important;  }
#dropmenu li ul a:hover{color:#000000; background-color:#dfdfdf;padding:7px 0px 7px 7px;}
#dropmenu ul ul {top:0em;}
#dropmenu ul ul li ul li{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; display:block; float:left;}
#dropmenu li ul ul {left:11em; margin:0px 0 0 0px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/*=========================================HEADER=FLASH-SEARCH-BAR===============================*/		
#header{width:892px;height:200px; border:inset;border-color: #999999; margin-left:10px;} /* IMPORTANT-color too light and too dark issues here*/
#top_search{margin-left:5px;margin-top:-4px;background-image:url(images/bg_repeatgrey.gif);background-repeat:repeat-x;height:43px;width:913px;text-align:right;}
#top_search .inputbox{vertical-align:top;width:120px;margin-right:5px; background-color: #DDDDDD}
#icon_search{background-image:url(images/icon_search.gif);background-repeat:no-repeat;background-position:left top;padding-left:30px;}
#box_search{padding:10px 10px 0px 0px;float:right;}
.button{vertical-align:middle; margin-right:8px;}
.inputbox{border:ridge 2px #000000;}
	
/*=========================================CONTENT=========================================*/		
#main{float:left;width:919px;padding-bottom:20px; background-image:url(images/main_content_bg.png);background-repeat: repeat-y;/* border:#666666;border-left:inset;border-right:outset; */}
#main_left{margin-left:15px;padding-right:3px;width:269px;float:left;background-image:url(images/leftnav.jpg);background-repeat: no-repeat;width:269px;}
#block_sidebar{padding:10px;margin:0px 0px 0px 6px;}
#main_right{width:620px;float:left;background-image:url(images/main_content.png);background-repeat:repeat-y; margin:0px 0px 0px -3px;}
#main_content_bottom {float:left;width:620px; background-position:bottom;background-image:url(images/main_content_bottom.png);background-repeat: no-repeat;margin-bottom:0px;padding:0px 0px 0px 0px;}
#main_content{padding:18px 35px 10px 25px;background-image:url(images/main_content_top.png);background-repeat: no-repeat;margin: 0px -10px 0px 0px;
}
/*=========================================FOOTER=========================================*/		
#footer{
	margin-left:2px;
	width:918px;
	float:left;
	position:inherit;
	text-align:center;
	background-repeat:repeat-x;
	background-image:url(images/bg_footer_repeat.jpg);
	padding:23px 0px 0px 0px;
	height:54px;
	}
#footer a, #footer a:visited{color:#ffdc8e;text-decoration:none;}
#footer a:hover{text-decoration:underline;}