/*
Theme Name: DarJarguar
Theme URI: http://www.eddowding.com
Description: A simple baseline WordPress theme built with HTML 5 and Blueprint CSS, based on  http://room34.com/ & Scott Anderson
Version: 1.0
Author:Ed Dowding Dowding
Author URI: http://www.eddowding.com


	This is a barebones, yet elegantly designed theme written in valid (X)HTML 5
	and using the Blueprint CSS framework.  It works well on its own and is also
	an excellent starting point for custom theme development.
	
	The theme is suitable for use with a standard WordPress blog, but is also
	designed for sites that use WordPress as a CMS, with a horizontal navigation
	bar in the header area, with drop-down menus for secondary navigation.
	Secondary navigation also appears in a sidebar menu when viewing appropriate
	primary and secondary pages.
	
Credits and license:

Uses the Blueprint CSS framework:
http://www.blueprintcss.org/

Design, CSS and HTML are released under LGPL version 3:
http://www.gnu.org/licenses/lgpl-3.0-standalone.html

Last update: August 20, 2009
*/

/* STANDARD HTML TAGS */

body {
	background: #131313 url(images/background2.jpg) no-repeat scroll center top
}

body {
	font-family: Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
	font-size: 1em;
}

a, a:visited {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #444
}

a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ccc
}

a:active, a:focus {
	outline: none;
}

blockquote {
	border-left: 0.5em solid #ccc;
	font-size: 0.9em;
	font-style: normal;
	padding: 0 0 0 1em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	color: #fff;
}

hr {
	background: #eee;
	color: #eee;
}

small {
	color: #555;
	font-size: 0.9em;
}

th {
	background: #eee !important;
}

ul.inline {
	display: block;
	margin: 1em 0;
	padding: 0;
}

	ul.inline li {
		display: inline;
		margin: 0 0.5em 0 0;
	}

/* CUSTOM CSS CLASSES */

.alignleft {
	float: left; display: inline; /* IE6 fix */
	padding: 0 1em 0.5em 0;
	text-align: left;
}

.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}

.alignright {
	float: right; 
	display: inline; /* IE6 fix */
	padding: 0 0 0.5em 1em;
	text-align: right;
}

.alignjustify {
	text-align: justify;
}

.commentlist {
	clear: both;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

	.commentlist li {
		border-bottom: 1px solid #eee;
		margin: 0.5em 0;
	}

	.commentlist cite {
		font-size: 1.2em;
		font-style: normal;
	}

	.commentlist img {
		border: 1px solid #eee;
		float: left; display: inline; /* IE6 fix */
		margin: 0 1em 0.5em 0;
		padding: 4px;
		text-align: left;
	}

	.commentlist p {
		clear: both;
	}
	
	.commentlist .bypostauthor {
		background: #eee;
		border-left: 0.5em solid #ccc;
		border-color: #ccc;
		padding-left: 1em;
	}
		
.commentmetadata {
	color: #555;
	font-size: 0.9em;
}

.entry {
}

.input label {
	display: block;
	font-size: 0.9em;
	font-weight: normal;
}

.post {
	margin: 0 0 3em 0;
}

.postmetadata {
	clear: both;
	color: #555;
	font-size: 0.9em;
}

.wp-caption {
	background: #eee;
	border: 1px solid #ccc;
	padding: 0.5em;
}

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

/* DOM ELEMENTS */

#page {
}

#topright {
	color: #c9c9c9;
	font-style: italic;
	text-align: right;
	font-size: 1em;
	list-style: none;
	position: relative;
	top: 42px;
}

#topright .textwidget {
	padding-right: 10px;
}

#nav, 
#content {
	background: #000;
	color: #f5f5f5;
}
 
#headerfade {
	background-image: url(images/fade.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 106px;
}
	
		#logo  {
			color: #fff;
			text-decoration: none;
			margin-top: 18px;
		}
		 
		
		#logo h1 {
			margin: 4px 0 0 10px;
			display: block;
			width: 136px;
			height: 80px;
			text-indent: -9999px;
			background: transparent url(images/logo.gif) no-repeat 0 0;
		}
		
		#logo h1 a {
			display: block;
			width: 100%;
			height: 100%;
			outline: none;
			text-decoration: none;
			border: 0;
		}
				
	#nav {
		border-bottom: 1px solid #7F7B75;
		border-top:    1px solid #7F7B75;
		letter-spacing: 1px;
		padding: 0.4em 0 0.4em 0x;
		
	}
	 
		#nav ul {
			list-style: none;
			margin: 0;
			padding: 0 0 0 0px;
		}
		
		#nav li {
			float: left; display: inline; /* IE6 fix */
			margin: 0;
			padding: 0 1em 0 0 ;
			position: relative;
		}
		
		#nav li:hover {
			color: #fff;
		}
		
			#nav li a {
				display: block;
				padding: 0.2em 1.2em 0.2em 0;
				text-decoration: none;
				border: 0;
			}
			
			#nav li ul {
				display: none;
				position: absolute;
				z-index: 99;  
			}
	
			#nav li:hover ul {
				background: #000;
				background-image: url('images/menubg.jpg');
				background-position: bottom left;
				background-repeat: no-repeat;
				border: 1px solid #444;
				border-width: 0 0 0 1px;
				-moz-border-radius: 0 0 15px 15px;
				display: block;
				left: 0;
				min-width: 150px;
				top: 1.9em;
				white-space: nowrap;
				padding-bottom: 0.7em;
			}

			#nav li:hover li {
				display: block;
				float: none;
				font-size: 0.9em;
				margin: 0;
				padding: 0 5px;
				color: #eee;
			}
			
			#nav li:hover li:hover {
				color: #fff;
			}
			
			#nav li:hover li a {
				padding: 0.3em 0.5em;
			}
	
	#content {
		padding-top: 30px;
		padding-bottom: 2em;
		overflow: hidden;
	}
		#content h1, 
		#content h2,
		#content h3,
		#content p,
		#content ul,
		#content ol { 
			color: #bbb;
			letter-spacing: 0.01em;
		}  
	
		#content h1 {
			font-size: 1.5em;
			margin: 0 0 0.5em 0;
		}
	
		#content h2 {
			font-size: 1.1em;
			margin: 2em 0 0.5em 0;
		}
	
		#content h3 {
			font-size: 1em;
			margin: 1em 0 0.5em 0;
		}
		
		#content ul,
		#content ol {
			margin: 0 4em 1em 4em;
		} 
		
		
		#content h1, 
		#content h2,
		#content h3 {
			text-transform: uppercase;
			color: #eee;
		}
		
		#content p {
			margin-bottom: 0.8em;
			line-height: 1.3;
		}

	
	#sidebar {
		font-size: 0.9em;
		margin: 1em 0 0 1em;
		overflow: hidden;
	}
	
		#sidebar ul {
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
		}
		
		#sidebar li {
			margin: 0 0 0.5em 0;
		}
		
		#sidebar h2 {
			font-size: 1.2em;
			margin: 0.5em 0;
		}
		
		#sidebar h2 a { 
			text-decoration: none;
		}
		
		#sidebar form {
			margin-bottom: 1.5em;
		}
		
		#sidebar div {
			line-height: 1.5em;
			margin: 0 0 1.5em 0;
		}

		#sidebar div a {
			padding: 0 0.5em 0 0;
			white-space: nowrap;
		}

		#sidebar div a:hover {
			color: #036 !important;
		}
		
	#nexts {
		background: #000; 
		border-top: 1px solid #666;
		padding-top: 20px;
		font-size: 0.95em;
	}	
	
		.next { 
			color: #666;
			vertical-align: top;
		}
				
		.next h3 {
			font-size: 1em;
			padding-bottom: 0em;
			font-weight: 300;
			color: #999;
			text-transform: uppercase;
		}

	
	#footer {
		border-top: 2px solid #444;
		color: #888;
		font-size: 0.9em;
		margin: 0 0 1.5em 0;
		overflow: hidden;
	}
	
		#footer p {
			margin: 0.5em 0;
		}
				
		#footer a {
			color: #888;
		}
 		
		#footer a:hover {
			color: #eee;
		}
	
		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#footer li {
			display: inline;
			margin: 0 1em 0 0;
		}



.pb20 {
	padding-bottom: 20px;
	}


blockquote {
	display:block;
	line-height:1.5;
	border: 0;
	font-size: 1em;
	background:url(images/quotebg.png) no-repeat;
	margin-bottom: 15px;
	padding-left: 25px;
	padding-right: 20px;
	color: #666; 
	letter-spacing: 0.07em;
}

blockquote em {
	font-style: italic;
	color: #999;
}

.wpcf7 input, 
.wpcf7 textarea {
	width: 250px;
	background: #ccc;
	border: 1px solid #eee;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
}

.wpcf7 textarea {
	height: 70px;
}

td {
	vertical-align: top;
	line-height: 1;
}

table {
	width: auto;
	color: #bbb;
}

        /* menu */
        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
        #menu > li a:hover {color:#B0D730;}
        #menu .logo {background:; 
padding:0px; }
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#0395CC; }
        #menu li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#fff; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}