/*  
Theme Name: JamesHSoars
Theme URI: http://www.earlsbartonwebdesign.co.uk
Description: A theme that allows for blogging or magazine content to be displayed
Version: 1.1
Author: Earls Barton Web Design
Author URI: http://www.earlsbartonwebdesign.co.uk
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* HTML Elements */

* {
	margin:0;
	padding:0;
}

body {
	font: 100% Arial, Helvetica;
	background: #356aa0;
	color: #333;
}

p {	
	margin: 15px 0;
}

a:link, a:visited {
	color: #367EC7;
	text-decoration:none
}

a:hover, a:active {
	color: #367EC7;
	text-decoration:underline;
}

a img {
	border:0;
}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

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

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

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
}

select {
	width: 130px;
}	

/* Structure */

#head {
	width:960px;
	/*margin:0px auto;
	padding:0px;*/
	font-size:0.7em;
}

#holder {
	width:960px;
	border-style:solid;
	border-color:black;
	b\order-width:0.5px;
	border-width:thin;
	margin:	10px auto 0px auto;
	padding:0px;
	background:#FFFFFF;
}

#page {
	width:940px;
	margin:0px auto;
	padding:10px;
	background:#FFFFFF;
	font-size:0.7em;
	}

.center, .aligncenter {
	float:center;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}

/* Navigation Bar*/

#navbar {
margin:0 auto;
    text-transform:lowercase;
	background: #156699 url(images/catnavbar.png);

}

#page-bar {
	width:722px;
}

#page-bar ul {
	list-style: none;
}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #333;
}

#page-bar li:hover {
	background: #367EC7;
	}

#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}

/* Dropdown Menus */		

#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}

#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;



	width: 122px;
	text-transform:none;
	}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}

#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}

#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}

/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Lather, "Arial Bold", Arial, Georgia, "Times New Roman";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#367EC7;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	width:960px;
	}

#tagline {
	margin-top:5px;
	font-size:1em;
	color:#333;
	}

#top {
	padding:0;
	}

#headline {
	width:590px;
	float:left;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	}

#headline  div.title {
	font-weight:bold;
	font:2.4em Lather, "Arial Bold", Arial, Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

#featured .title {
	font-weight:bold;
	}

#headline a img, #featured a img {
	border:1px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}

#middle {
	width: 920px;
	background:transparent;
	float:right;
	padding:10px;
	margin:10px 0;
	}

#middle h2 {
         font:1.7em Arial;
	margin-bottom:3px;
        margin-left: 90px;
	color:#fff;
	font-weight:bold;
	}

#middle h3 {
    font:1.3em Arial;
	margin-bottom:3px;
        margin-left: 90px;
	color:#fff;
	font-weight:bold;
	}

.category {
	width:164px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #2B66A1;}
#cat-2, #cat-4 {border-top:8px solid #367EC7;}

.category span.cat_title, #front-popular h3, #front-middle h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

#front-popular h3, #front-middle h3 {
	color:#fff;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#2B66A1; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#367EC7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#2B66A1; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#367EC7; color:#fff; }

#bottom {
	width: 940px;
	}

#front-list {
	width:590px;
	background:#fff;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	}







#archive {



	padding-top:15px;



	font-size:1.05em;



	line-height:1.75em;



	}







#front-list blockquote {



	padding: 0px 10px 0 10px;



	}







#front-list .title, #archive .title {



	font-weight:bold;



	font:2.0em Lather, "Arial Bold", Arial, Georgia;



	letter-spacing:-0.05em;



	}







#front-list .clearfloat, #archive .clearfloat {



	padding-bottom:10px;



	border-bottom:1px dotted #ccc;



	margin-bottom:10px;



	}







#front-list .spoiler, #archive .spoiler {



	display:block;



	margin-top:3px;



	}







#front-list p, #archive p {



	margin:0px;



	padding:0px;



	}







.author {



	font-size:0.8em;



	font-weight:bold;



	}







.meta {



	font-size:0.8em;



	color:#333;



	}







.meta a {



	color:#333;



	}







#headline p, #featured p {



	margin:0;



	}











/* Content Page*/







#content {



	width:590px;



	background:#fff;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	min-height:400px;



	}







#content .breadcrumbs, #content .breadcrumbs a {



	font-weight:bold;



	color:#333;



	}







#content h2.title {



	font:2.2em Lather, "Arial Bold", Arial, Georgia;



	font-weight:bold;



	letter-spacing:-0.05em;



	border-bottom:1px solid #ddd;



	border-top:3px solid #ddd;



	padding:5px 0px;



	}







.post {



	font-size:1.05em;



	line-height:1.75em;



	}







.post p {



	margin-top:0px;



	}







.post .clearfloat {



	border-bottom:1px dotted #ccc;



	margin:10px 0px;



	}







.post ul, .post ol, #front-list ul, #front-list ol {



	margin-bottom:15px;



	}







.post ul li, #front-list ul li {	



	list-style:square;



	margin-left:30px;



	}







.post ol li, #front-list ol li {	



	list-style:decimal;



	margin-left:30px;



	}







.post ol li ul li, #front-list ol li ul li {	



	list-style:square;



	margin-left:20px;



	}







.post img, .post a img, #front-list img, #archive img {



	border:1px solid #ccc;



	margin:0 10px 5px 0;



	padding:2px;



	}







.post .ads {



	margin-top:10px;



	}







.entry {



	margin-top:20px;



	}







#stats {



	margin-top:0px;



	padding:4px 0px;



	text-transform:uppercase;



	font:0.8em Arial;



	display:block;



	}











#stats span {



	padding: 0px 20px 0px 0px;



	}







#stats span a:hover {



	background:none;



	}







#stats span a {



	color:#333;



	}







#stats img, #nav img {



	border:0px;



	margin:0px;



	padding:0px;



	}







#tools {



	width:590px;



	height:25px;



	font-size:0.95em;



	}







#tools a:hover {



	background:none;



	}







.navigation {



	padding:5px 0px;



	text-align:Center;



	}







/* Sidebar*/



#sidebar {



	width:320px;



	float:right;



	margin:0px 0px 0px 0px;



	}







#sidebar h3 {



	font:1.1em Arial;



        text-transform:lowercase;



	font-weight:bold;



	background:#156699;



	color:#fff;



	margin:10px 0px 5px 0px;



	padding:3px 10px;



	}







#sidebar-top, #sidebar-bottom, {



	width:300px;



	float:right;



	padding:0px 10px 10px 10px;



	background:#fff;



	}



#featured-right {



	width:300px;



        height: 300px;



	float:right;



	padding:0px 10px 10px 10px;



	background:#fff;



	}



#sidebar-bottom, #sidebar-middle {



	margin-top:10px;



	}







#sidebar-middle {



	width:320px;



	float:right;



	}







#sidebar-left {



	width:135px;



	padding:0px 10px 10px 10px;



	float:left;



	background:#fff;



	}







#sidebar-right {



	width:135px;



	padding:0px 10px 10px 10px;



	float:right;



	background:#fff;



	}











#sidebar li {



	list-style:none;



	border-bottom:1px dotted #ccc;



	display:block;



	padding:2px 0px 2px 13px;



	background: transparent url(images/sub.png) no-repeat 0 0px;



	}







#sidebar li ul li:last-child{



	list-style:none;



	border-bottom:0px dotted #ccc;



	display:block;



	padding:2px 0px 0px 13px;



	background:url(images/sub.png) no-repeat 0 0px;



	}







#sidebar-ads {



	width:300px;



	float:right;



	margin-bottom:10px;



	padding:10px;



	background:#fff;



	}











/* Form Elements */







select {



	border:1px solid #333;



	width:100%



	}



	



.field {



	padding: 2px;



	border:1px solid #333;



	background:#fff;



	font-size:1.0em;



	}







#s {



	padding:1px;



	font-size:1.0em;



	width:150px;



	}



	



#searchsubmit {



	padding-left:5px;



	}







#commentform input {



	width: 140px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 99%;



	margin-top:5px;



	}















/* Comments*/







.commentlist cite {



	font-style:normal;



	margin-bottom:4px;



	display:block;



	}	







.commentlist blockquote {



	background:#ededed;



	}



			



.commentlist li {



	padding: 10px 0px 10px 0px;



	list-style:none;



	margin-bottom:3px;



	}







.commentlist li li {



	background:none;



	border:none;



	list-style:square;



	margin:3px 0 3px 20px;



	padding:3px 0;



	}







.commenttext {



	padding: 10px 10px 0px 10px;



	background:#f2f2f2;



	border-top:1px solid #ddd;



	border-bottom: 1px solid #ddd;



	width:495px;



	float:right



	}



		



.commentlist cite strong {



	font-size:1.1em;



	}



	



li.my_comment {



	background: #FFF;



	border:none;



	}







li.my_comment cite strong {



	font-size: 1.3em;



	color:#313228;



	}



	



#commentform small {



	background:#FFF;



	font-weight:bold;



	padding:0;



	}



	



.commentmetadata {



	color:#4d4d4d;



	display: block;



	margin-top:3px;



	text-align:right;



	font-size:0.9em;



	}







.commentmetadata a, .commentmetadata a:visited {



	color:#959382;



	}



	



.commentlist small {



	background:#e9e9e9;



	}







.avatar {



	border:1px solid #bbb;



	margin:0px 10px 0px 0px;



	float:left;



	padding:2px;



	width:55px;



	height:55px;



	}	







#comment {



	width:590px;



	background:#fff;



	}







/* Footer*/







#front-popular {

	font-size:0.7em;

	color:#fff;

	width: 940px;
        height: 100px;
	background:transparent url(images/footer.png) no-repeat center center;

	margin: 0 auto;

	padding:10px;

	}

#front-popular a:link, #front-popular a:visited,#front-popular a:hover,#front-popular a:active {
	color: #fff;
	text-decoration:underline;
}

#front-popular-text {
padding-left:125px;
}


#front-middle {



	font-size:0.7em;



	color:#fff;



	width: 940px;



	background:#156699;



	margin: 0 auto;



	padding:0;

	

	



	}



#recentpost, #mostcommented {



	width:280px;



	float:left;



	padding:10px;



	border:1px solid #fff;



	}







#mostcommented {



	margin-left:17px;



	}







#recent_comments {



	width:280px;



	float:right;



	padding:10px;



	border:1px solid #fff;



	}







#recentpost a, #mostcommented a, #recent_comments a {



	color:#fff;



	}







#recentpost ul, #mostcommented ul, #recent_comments ul {



	margin-top:5px;



	}







#recentpost ul li, #mostcommented ul li, #recent_comments ul li {



	list-style:none;



	border-top:1px dotted #fff;



	padding:5px;



	display:block;



	}







#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {



	background:#367EC7;



	color:#fff;



	}







#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {



	border-top:0px dotted #fff;



	}











#footer {



	margin: 0 auto;



	width: 960px;



	font-size:0.6em;



	padding-top:10px;



	padding-bottom:10px;



	}











/* Float Properties*/







.clearfloat:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;



	}







.clearfloat {



	display: inline-block;



	}











/* Hides from IE-mac \*/

* html .clearfloat {

	height:1%;

	}


*+html .clearfloat {

	height:1%;

	}

.clearfloat {

	display:block;

	}