﻿/* global */

    body{ 
		background:#030e16 url(../images/bg_body.gif) repeat-x;
        font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#000;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:.75em 0;
			line-height:120%
			}	
        h2{            
			font-size:35px;
			font-weight:bold;
            }				
        h2.title{        
			padding-bottom:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;
            }							
        h3{          
			font-size:28px;
			font-weight:bold;			
            }
        h4{          
			font-size:16px;
            }				
    /* // headings */

    /* image replacement */
        .graphic{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		.fixed:after, #content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.fixed, #content, ul{
			display:block;
			}
		/*  \*/
		.fixed, #content, ul{
			min-height:1%;
			}
		.fixed, * html #content, * html ul{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#0d3752;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#000;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}
		li{
			display:list-item;
			}	
	
	/* // HTML Tags */	
	
/* // global */

/* page setup */

	#container{	
		background:url(../images/bg_container.jpg) no-repeat 50% 0;
		}
	#inner{	
		margin:0 auto;
		width:908px;
		text-align:left;
		position:relative;
		}		
	#header{
		height:68px;
		position:relative;
		background:url(../images/bg_transparent.png) repeat;
		}			
	#content{
		margin-top:1em;
		background:url(../images/bg_content2.gif) repeat-y;
		}	
	#main{
		float:left;
		display:inline;
		width:634px;
		margin-left:43px;
		padding:1em 0;
		min-height:500px;
		}											
	#side{
		float:left;
		display:inline;		
		width:150px;
		margin-left:23px;	
		padding:1em 0;
		}
	#footer{
		clear:both;
		color:#fff;
		padding:1.5em 0;
		background:#030e16 url(../images/bg_footer.gif) repeat-x;
		}		

/* //page setup */

/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			right:30px;
			top:20px;
			height:32px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			margin-left:5px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			font-size:17px;
			color:#fff;
			padding:0 13px;
			text-transform:uppercase;
			}	
		ul#nav li a:hover, ul#nav li.selected a{
			background:url(../images/bg_transparent.png) repeat;
			}																
	
	/* //main nav */
	
/* //navigation elements */

/* header */

	#header h1{
		position:absolute;
		float:left;
		left:0;
		top:0;
		height:68px;
		line-height:68px;		
		font-size:35px;
		font-weight:bold;
		margin:0;
		}
	#header h1 a{
		float:left;
		height:68px;
		line-height:68px;	
		color:#fff;
		padding:0 43px;
		}		

/* // header */

/* content */

	#content a{
		text-decoration:none;
		font-weight:bold;
		}	

	#content .link{
		margin:1.5em 0;
		}
	#content .link a{
		text-decoration:none;
		font-size:17px;
		padding-left:25px;
		font-weight:normal;
		background:url(../images/bg_arrow.gif) no-repeat 0 55%;
		}	
	.left{
		float:left;
		margin:.5em 0;
		margin-right:15px;
		}
	.right{
		float:right;
		margin:.5em 0;
		margin-left:15px;
		}		
	#side img, .left img, .right img{
		border:1px solid #ccc;
		background:#dcdcdc;
		padding:5px;
		}
		
	/* intro */
	
		#intro{
			margin:2em 0;
			height:178px;
			position:relative;
			background:url(../images/bg_transparent.png) repeat;
			}																	
		#intro h2{
			margin:0;
			position:absolute;
			left:43px;
			top:30px;
			font-size:40px;
			line-height:40px;
			color:#fff;			
			padding-bottom:0;
			background:none;			
			}
		#intro p{
			margin:0;
			position:absolute;
			left:44px;
			top:80px;
			color:#fff;
			font-size:15px;
			width:530px;
			line-height:130%;
			}	
		#intro p.link{
			left:636px;
			top:88px;			
			width:231px;
			height:56px;
			background:url(../images/bg_introLink.png) no-repeat 0 0;
			}
		#intro p.link a{
			display:block;
			margin:10px 12px;
			overflow:hidden;
			height:36px;
			line-height:36px;
			text-align:center;
			font-size:22px;
			font-weight:bold;
			text-transform:lowercase;
			}													
	
	/* // intro */		
	
	/* list */
	
		ul.list, ul.list li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.list{
			}													
		ul.list li{
			padding-top:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 0;
			}						
		#side ul.list li{
			background:url(../images/bg_line_side.gif) no-repeat 0 0;
			}	
		ul.list li.first, #side ul.list li.first{
			padding-top:0;
			background:none;			
			}																						
		ul.list li h3{		
			margin:.5em 0;
			font-size:15px;
			}
		ul.list li p{		
			margin:.5em 0;
			}																						
	
	/* // list */	
	
	/* item list */
	
		ul.news, ul.news li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.news{
			}													
		ul.news li{
			padding:.5em 0;
			background:url(../images/bg_line.gif) no-repeat 0 0;
			position:relative;
			min-height:120px;
			}	
		ul.news li.first{
			background:none;			
			}			
		ul.news li h3{		
			margin:.5em 0;
			font-size:20px;
			}	
		ul.news .body{
			float:left;
			display:inline;
			width:400px;
			margin-left:15px;
			padding-bottom:1em;
			}																			
		ul.news .date{
			float:left;
			display:inline;
			width:60px;
			background:#f1f1f1;
			margin:0;
			text-align:center;
			}	
		ul.news .date span{
			display:block;
			font-size:20px;
			margin:3px;
			padding:.5em 0;
			background:#fff;
			}			
		ul.news .date em{
			display:block;
			font-size:13px;
			font-style:normal;
			padding:0 0 .25em 0;
			}																														
	
	/* // item list */	
			
	
	/* form */
																				
		form{
			margin:1.5em 0;
			padding-top:.5em;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			}	
		input, textarea{
			width:250px;
			border:1px solid #ccc;
			background:#f1f1f1;
			padding:5px;
			}			
		textarea{
			height:120px;
			overflow:auto;
			}						
		form p{
			clear:both;		
			margin:0;
			padding:8px 0;
			}	
		button{
			border:none;
			padding:5px 15px;
			margin:0;
			float:left;
			background:#0d3752;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			margin-left:120px;
			}										

	/* // form */					
						
	
/* // content */

/* footer */

	#footer .col1{
		float:left;
		display:inline;
		margin-left:43px;
		margin-right:23px;
		width:330px;
		padding:.5em 0;
		}
	#footer .col2{
		float:left;
		display:inline;
		margin-left:20px;
		width:300px;
		padding:.5em 0;
		}
	#footer h3{
		margin-top:0;
		font-size:15px;
		}				
	#footer a{
		color:#fff;
		text-decoration:underline;
		}
	#footer a:hover{
		color:#ccc;
		text-decoration:underline;
		}		
	#footer ul{
		margin:0;
		padding:0;
		list-style:none;
		}	
				

/* // footer */

/* // support stuff */
div.support .support-contact-wrapper{min-height:500px;}
div.support div.support form { margin-top: 0; }
div.support div.actions { margin-top:10px;}
div.support input { width:350px }
div.support textarea { width:350px }
div.support dt { margin-top: 4px; }
div.support div.actions input[type="submit"] { width:auto; }

ul.comment-list { list-style-type:none; list-style-image: none; margin:0; padding:0; }
ul.comment-list li { margin-top:7px; }
div.title { padding:2px; background-color: rgb(13, 55, 82); color: #ffffff; }
li div.title a { color: #ffffff; }
div.sub-title { padding-left: 2px; font-style:italic; font-size:85%; }
div.content { padding-left: 2px; }

div.blog-categories ul,
div.blog-syndication ul,
div.blog-latest-comments ul,
div.blog-archives ul { list-style-type:none; list-style-image: none; margin:0; padding: 0 0 0 6px; }

div.blog-categories h4,
div.blog-syndication h4,
div.blog-latest-comments h4,
div.blog-archives h4 { margin-bottom:4px; }

div.blog-latest-comments ul li { margin-top: 3px; }

div.post-comments input { width:350px; }
div.post-comments input[type="submit"] { width:auto }
div.post-comments textarea {width:500px; }

div.content-body 
{ 
    border-left: solid 1px rgb(13, 55, 82); 
    border-right: solid 1px rgb(13, 55, 82); 
    border-bottom: solid 1px rgb(13, 55, 82); 
    padding:2px;
}

ul.comment-list { margin-left:10px; margin-right:10px; }

ul.error li,
span.error { color: Red; font-style:italic; font-size:90% }

.post-comments-list { margin-top:20px }

li.approval-comment div.title { padding-left: 5px; }
li.approval-comment div.title h4 { margin: 0; }

.commentrss {
background:transparent url(../images/blog/rss.gif) no-repeat scroll 0 0;
margin-left:30px;
padding-left:20px;
}

ul.comment-list li.author { background-color:  rgb(187, 217, 225); }

div.post h3, div.post h4 { margin-bottom: 2px; }

.post-detail .comments { margin-left:20px; }