/*  
Theme Name: Civ-Con
Theme URI: http://civ-con.com/
Description: This theme was custom created for Civ-Con by <a href="http://studiovip.com/">studio<b>vip</b>.com</a>.
Version: 1.0
Author: studiovip.com
Author URI: http://studiovip.com/

	Civ-Con v1.0
	 http://Civ-Con.com/

	This theme was designed and built by Gregg Hodges,
	http://studio<b>vip</b>.com/
*/

body {
	background: #fff;
	margin: 0px;
    font-family: verdana, arial, helvetica;
	font-size: .9em;
	line-height: 140%;
	font-weight: 500;
	color: #333;
}

#header {
	background: url(../images/bg-header.jpg) top left repeat-x;
	width:800px;
	height:183px;
	margin: 0px auto 0px auto;
	border: 1px solid #000;
	border-top: 0px;
}

#header-logo-hc {
	background: url(../images/logo-hill-country.jpg) top left no-repeat;
	width:300px;
	height:80px;
	margin: 0px;
	float: left;
	xborder: 1px solid #000;
	xborder-top: 0px;
}

#header-logo-cc {

	width:300px;
	height:80px;
	margin: 0px;
	float: right;
	xborder: 1px solid #000;
	xborder-top: 0px;
}

#header-nav {
	background: url(../images/nav-bg.png) top left repeat-x;
	width:800px;
	height:35px;
	margin: 0px auto 0px auto;
	border: 1px solid #000;
	border-top: 0px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#menu-h {
	padding: 5px 0px 0px 0px;
	margin: 0px auto 0px auto;
	height: 37px;
}

#menu-h li {
	display: inline;
	list-style-type: none;
	padding: 0px 20px 0px 0px;
}

#menu-h a {
	text-decoration: none;
	color: #fff;
}

#menu-h a:hover {
	text-decoration: underline;
}

/*******************************************
*     DATE                                 *
*******************************************/

#todays_date {
	float: right;
	text-align: right;
	color: #09f;
	padding: 0px;
	margin: 90px 40px 0px 0px;
}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #3A77BA;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}

/*******************************************
*     SIDE NAVIGATION                      *
*******************************************/


/**************
* SIDE BAR    * 
**************/

#sidebar {
	width: 195px;
	float: left;
	margin: -1px 0px 0px -1px;
	padding: 0px 0px 50px 0px;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
	border-top: 0px;
	background: url(../images/sidebar-bg.png) top left repeat;
	}
	
#side_nav {
	margin: 0px;
	margin-left: -1px;
	padding: 0px;
	width: 197px; /* Width of Menu Items */
	}

#side_nav ul {
	background: url(../images/sidebar-bg.png) top left repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #000;
	}

#side_nav a {
	display: block;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	text-decoration: none;
	color: #1A3E74;
	font-size: 1.5em;
	font-family: arial, helvitica, sans serif;
	font-weight: bold;
	}

#side_nav a:hover {
	text-decoration: underline;
	}

#side_nav li {
	position: relative;
	background:  url(../images/nav-list-bg.png) top center repeat-x;
	height: 30px;
	border: 1px solid #000;
	border-bottom: 0px;
	xmargin: 0px 1px 0px 1px;
	xpadding: 1px;
}

#side_nav ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin-top: -1px;
	border-bottom: 1px solid #000;
}


#side_nav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

#side_nav ul ul, 
#side_nav ul ul ul, 
#side_nav ul li:hover ul ul { 
	display: none; 
	}

#side_nav ul li:hover ul
{ display: block; }

#side_nav ul ul li:hover ul
{ display: block; }

/************************************************
*	Content 					     		    * 
************************************************/
#content_wrap {
	width: 800px;
	margin: 0px auto 0px auto;
}

#content {
	width: 575px;
	margin: 0px;
	padding: 10px;
	float: right;
}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content p img{
	border: 1px solid #000;
	xmargin: 3px;
	}

#content .home-pic {
	border: 1px solid #000;
	margin: -11px -11px 0px 10px;
	}

#content .border-no {
	border: 0px;
	}
	
#content a { text-decoration: underline;}

#content h4 {
	color: #333;
	font-size: 1.4em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	text-align: right;
	}
	
#content h1 {
	color: #333;
	font-size: 1.6em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
	
#content h1 a  {
	text-decoration: none;
	}

#content h1 a:hover {
	color: #658DB5;
	text-decoration: none;
	}
	
#content h2 {
	color: #333;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 110%;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	}

#content p ol{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	}
	
#content p ul{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	}
	
#content ol {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	}
	
#content ul {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	}
	
#services {
	padding: 0px 0px 0px 150px;
	list-style: none;
}

blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 3px solid #B3C8DB;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
.contentdate {
	background: #FFFFFF url(../images/date.gif);
	float: left;
	width: 50px;
	height: 60px;
	margin: 8px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
.contentdate h4 {
	font-family: tahoma, arial, helvetica;
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 4px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
	
.contenttitle {
	xfloat: left;
	width: 500px;
	margin: 0px;
	padding: 5px 0px 10px 10px;
	}
	
#contentmiddle ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
.postspace {
	background: url(../images/spacer.png) top center no-repeat;
	width: 450px;
	height: 10px;
	margin: 0px auto 0px auto;
	padding: 0;
	}
	
#epa-table {
	width: 98%;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	line-height: 100%;
	border: 1px solid #000;
}

#epa-table td {
	border: 1px solid #000;
	padding: 2px;
	margin: -1px;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer_spacer { 
	margin: 30px auto 0px auto;
	padding: 0px;
	width: 80%;
	height: 1px;
	border-bottom: 1px solid #000;
	}

#footer {
	xbackground: #FFFFFF;
	width: 720px;
	margin: 10px auto 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-size: 11px;
	line-height: 130%;
	
	}

/************************************************
*	Search Form									*
************************************************/

#search {
	width: 149px;
	margin: 0px auto 0px -20px;
	padding: 10px 0px 10px 0px;
	xborder: 1px solid #000;
	border-bottom: 0px;
	text-align: right;
		list-style-type: none;
	
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 135px;
	font-size: 12px;
	padding: 3px;
	margin: 0px 0px 4px 0px;
	border: 1px solid #555;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 455px;
	background: #EFEFEF;
	color: #333333;
	padding: 10px 10px 0px 20px;
	margin: 0px auto 0px 20px;
	border: 1px solid #000;
	clear: both;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: .9em;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url(../images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url(../images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}