/**
*  
*    Milsim UK Website Main Stylesheet
*	
*    Author:     Daniel Boundy
*    Email:      dan@paridae.co.uk
*    Filename:   main.css
*    Date:       27/01/10
*    Version:    1.0
*	
*/

/*
	HTML Elements 
	-------------
*/

	html,body {
		height: 100%;
	}
	
	body {
		background: #000 url(../images/bgbottom.jpg) no-repeat fixed center bottom;
		font-family: Arial, sans-serif;
		font-size: 10pt;
		margin: 0;
		padding: 0;
		color: #FFF;
	}

	.comment-body {margin: 25px 0;}

	h3#comments {padding: 0 0 10px 0; font-size: 14px; width: 525px; display: block; border-bottom: 1px solid #333; margin: 25px 0; color:green;}
	
	.comment-author-vcard {float:left;}

/*
	Link Styles
	-----------
*/

	a {color:#fff;}

/*
	Helpers
	-------
*/

	.float-right {
		float:right;
	}
	
	.float-left {
		float: left;
	}                     

/*
	Layout Styles
	-------------
*/

	#container {
		background: ;
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		width: 900px;
	}
	
	#header {
		background: url(../images/bannerbg.png) no-repeat top center;
		color: #FFF;
		height: 200px;
		width: 900px;
	}
	
	#navigation {
		background: url(../images/navbg.png) no-repeat top center;
		height: 36px;
		margin: 0 0 25px 0;
		padding: 0 20px;
		width: 860px;  
	}
	
	#content-container {
		margin: 0 0 25px 0;
		width: 900px;
	}
	
	#main-content {
		float: left;
		width:570px;
	}
	
	#sidebar {
		float: right;
		width:295px;
	}
	
	#footer {
		background: url(../images/footbg.png); 
		padding: 20px;
		width: 900px;
		
	}

/*
	Header Styles
	-------------
*/

	#header h1 {
		float: left;
		margin: 50px 0 0 35px;
	}
	
	#header h1 a {
		background: url(../images/logo.png) no-repeat;
		display: block;
		height: 110px;
		width: 420px;
	}

	#header h1 a span { 
		display: none; 
	}


/*
	Navigation Styles
	-----------------
*/

	#navigation ul {
		margin:0;
		padding:11px 0 0 0;
	}
	
	#navigation ul li {
		list-style-type: none;
		float:left;
		margin: 0;
		padding: 0;
	}
	
	#navigation ul li a {
		color: #FFF;
		font-size:10pt;
		font-weight:bold;
		margin: 0;
		padding: 0 10px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#navigation ul li a:hover {
		color:#22b000;
	}

/*
	Main Content Styles
	-------------------
*/

	.main-content-top {
		background: url(../images/greytop.png) bottom left;
		height:12px;
		line-height: 0px;
		width:570px;
	}
	
	.main-content-middle {
		background: url(../images/greymiddle.png) repeat-y top left;
		margin:0;
		padding:10px 20px 10px 20px;
		width:530px;
	}

	.main-content-bottom {
		background: url(../images/greybottom.png) no-repeat top left;
		height:12px;
		width:570px;
	}

/*
	Post Styles
	-----------
*/

	.post-entry {
		margin: 0 0 40px 0;
		width: 530px;
	}
	
	.post-entry p {
		color: #FFF;
		font-size: 10pt;
		line-height: 22px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.post-entry h2 a {
		color:#22b000;
		font-size:15pt;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.post-entry h2 a:hover {
		color: #FFF;
	}

	.post-meta-container {
		margin: 5px 0 15px 0;
		padding: 0;
		width: 500px;
	}

	.post-meta-container span {
		background: #111;
		color: #555;
		display: inline;
		float: left;
		font-size: 8pt;
		margin: 0 5px 0 0;
		padding: 4px 6px;
		text-transform: uppercase;
	}
	
	.post-categories a, .post-meta-container a {
		background: #222;
		color: #555;
		float: left;
		font-size: 8pt;
		margin: 0 5px 0 0;
		padding: 4px 6px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.post-categories a:hover, .post-meta-container a:hover {
		background: #22b000;
		color: #FFF;
	}

/*
	Comments Styles
	---------------
*/



/*
	Sidebar Styles
	--------------
*/

	#sidebar .sidebar-top {
		background: url(../images/greennavtop.png) no-repeat top center;
		height: 15px;
		width: 295px;
	}
	
	#sidebar .sidebar-middle {
		background: url(../images/greennavmiddle.png) repeat-y top center;
		width:295px;
		overflow: hidden;
	}
	
	#sidebar .sidebar-bottom {
		background: url(../images/greennavbottom.png) no-repeat top center;
		height: 15px;
		width: 295px;
	}
	
	#sidebar h3 {
		background: url(../images/greenheader.png) no-repeat top left;
		color: #FFF;
		font-size: 12pt;
		font-weight: normal;
		margin: 0;
		padding: 13px 10px 14px 15px;
		text-transform: uppercase;
		text-decoration: none;
		width:240px;
	}
	
	#sidebar .widget {
		padding: 0 0 0 20px;
	}
	
	#sidebar .widget ul {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 10px 10px;
	}
	
	#sidebar .widget ul li {display:block; height:24px;}
	#sidebar .widget ul li a {

	}
	
	#sidebar .widget a {
		color: #FFF;
		text-decoration: none;
	}
	
	#sidebar .widget a:hover {
		color: #22b000;
	}
	
	#sidebar strong {
		font-size: 13pt;
		font-weight: normal;
		color: #FFF;
	}
	
	#sidebar p.booking {
		color: #256216;
		font-size: 9pt;
		line-height: 16px;
		padding: 10px 0 10px 10px;
		text-align: justify;
		width:235px;
	}
	
	.type {
		font-size: 13pt;
		color: #FFF;
	}
	
	.status {
		font-size: 10pt;
		color: #22b000;
	}
	
	.status-full {
		font-size: 10pt;
		color: #F00;
	}
	
	#sidebar .upcoming {
		border-bottom:1px dashed #0c2f04;
		margin: 0;
		padding: 10px 0 10px 0px;
		text-transform: uppercase;
		width: 235px;
	}
	
	#sidebar ul#contact {
		padding:20px 0 10px 10px;}
	
	#sidebar .contact {
		border-bottom:1px dashed #0c2f04;
		color: #22b000;
		font-size: 10pt;
		margin: 0 0 8px 0;
		padding: 0px 0 8px 40px;
		text-transform: uppercase;
		width: 195px;
	}
	
	#sidebar .contact strong {
		display: block;
		font-size: 10pt;
		font-weight: normal;
		text-transform: uppercase;
		width: 235px;
	}
	
	#sidebar .phone {
		background: url(../images/telephone.png) no-repeat left;
	}

	#sidebar .email {
		background: url(../images/email.png) no-repeat left;
	}
	
	#sidebar .skype {
		background: url(../images/skype.png) no-repeat left;
	}
	
/*
	Search Bar Styles
	-----------------
*/


/*
	Comments
	--------
*/

.comments-template
{
	background: #1c1c1c;
	color: #FFF;
	margin: 0;
	padding: 10px;
	width: 500px;
}

.comments-template h3
{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin:0 0 20px 0;
	
}

.comment-textfield
{
	background: #111;
	border: 1px solid #333;
	color: #FFF;
	margin:0 0 6px 0;
	padding: 6px;
}

.comments-template p
{
	font-family: Arial, sans-serif;
}

.comment-body {
	background: #111;
	border: 1px solid #333;
	padding: 10px;
	width: 490px;
}
.comment-author {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 0;
	text-transform: capitalize;
}

.vcard {}
.fn {
	font-style: normal;
}
.says {}

.comment-meta a {
	display: inline-block;
	color: #444;
	font-size: 11px;
	margin: 0 0 10px 0;
	text-decoration: none;
	text-transform: uppercase;
}

.commentmetadata {
}


/*
	Footer Styles
	--------------
*/

	#footer p.float-right {
		color: #22b000;
		margin: 0px 40px 0 0;
		text-transform: uppercase;	
	}

	#footer ul#footer-nav {
		margin:0;
		padding:0;
	}
	
	#footer ul#footer-nav li {
		list-style-type: none;
		float:left;
		margin: 0;
		padding: 0;
	}
	
	#footer ul#footer-nav li a {
		color: #FFF;
		display:block;
		margin: 0;
		padding: 0px 8px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#footer ul#footer-nav li a:hover {
		color:#22b000;
	}
	
	#footer ul#footer-nav li.nav_seperator {
		float:left;
		margin: 0;
		padding: 16px 8px 0 8px;
	}


