/*
Theme Name: Soulsports
Theme URI: http://www.aespec.co.uk/
Description: Theme for Soulsports website. 
Author: Dean Hayden
Author URI: http://www.aespec.co.uk/
Tags: Extreme Sports, Black, Grey, Orange

	Soulsports v1
	http://www.aespec.co.uk/

	This theme was designed and built by Dean Hayden,
	whose blog you will find at http://www.aespsec.co.uk/blog/
*/

/* Begin Typography & Colors */
body { margin:0px; padding:0px; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; background: #999 url('images/background.png') repeat-y center ; }
#page { margin: 0 auto; width:973px; background:#FFF; }
#header { background: #333; padding:0px; height: 175px; width: 973px; }
#flash_header { background: #333; padding: 0px; height:150px; width:973px; }
#content { font-size: 1.2em; line-height: 120%; color: #333; }
small {	font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3 { font-weight: bold;	}
h1 { font-size: 4em; }
h2 { font-size: 2.6em; line-height: 120%; text-transform: uppercase; }
h2.pagetitle { font-size: 1.6em; text-transform: uppercase; }
#sidebar h2 { font-size: 1.2em;	}
h3 { font-size: 1.4em; text-transform: uppercase; }
h2 a, h2 a:visited { color: #0099CC; }
h2, h3, h3 a, h3 a:visited { color: #333; }
h5 { font-size: 12px; color: #0099CC; font-style: bold; margin:0px; }
h4 { font-size: 12px; color: #0099CC; font-style: bold; margin:0px; }
.entry p a:visited { color: #b85b5a; }
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li ul li {	font-size: 1em; }
.commentlist li { font-weight: bold; padding: 5px;}
.commentlist li .avatar { float: right;	border: 1px solid #eee;	padding: 2px; background: #fff;	}
.commentlist cite, .commentlist cite a { font-weight: bold;	font-style: normal;	}
.commentlist p { font-weight: normal; line-height: 2em; text-transform: none;	}
#commentform p {}
.commentmetadata { font-weight: normal;	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;	}
a, h2 a:hover, h3 a:hover { color: #0099CC; text-decoration: none;	}
a:hover { text-decoration: underline; }
a:visited { color: #6699CC; }
#home p { margin: 0px 0px 15px 0px; }
/* End Typography & Colors */

/* from soulsports css */
p.answer { text-align:justify; font-size: 12px; padding: 5px; margin: 0.25em,0,1.5em,0; }
p.intro { text-align:justify; font-size: 12px; padding: 5px; }
div.figure { float: right; margin: 0.5em; padding: 0.5em; text-align: center; }
div.thumb { float: left; margin: 0px; width:289px; }
p.maincaption { text-align:justify; font-size: 12px; margin: 0.5em; }
p.caphead { text-align:justify; font-size: 12px; }
p.caption { text-align:justify; font-size: 12px; }
.newsheadline { font-size: 14px; color: #0099CC; font-weight: bolder } 
div.headline { margin: 0.5em,0,1em,0; }
span.headline { color: #0099CC; font-size: 12px; font-weight: bold; }
span.newstext { font-size: 12px; }
div.headlinedatebanner { background: #999; }
span.headlinedate { font-size: 12px; }
/* eof soulsports css */

/* Begin Structure */
.narrowcolumn {	float: left; display:inline; padding: 0 25px 0 23px; margin: 0px 0px 25px 0px; width: 582px; border-right: 1px solid #CCC;	}
.postmetadata {	clear: both; }
.clear { clear: both; }
#footer { padding: 0; margin: 0 auto; width: 973px;	clear: both; background: #CCC; }
#footer p {	margin: 0;	padding: 20px 0; text-align: center; }
.items { border-bottom: 1px solid #CCC; margin-bottom: 25px; padding-bottom: 15px; float:left; display:inline; width:582px; }
.categories { height: 8em; }
.cat-item { float: left; width: 143px; }
#newsletter { margin-top: 7px; }
#newsletter strong { color: #0099CC; }
#newsletter input { border: 1px solid #CCC; padding: 3px; width: 70%; color: #333; margin-top: 7px; }
#newsletter button { padding: 3px; background: #CCC; border: none; text-transform: uppercase; color: #0099CC; font-weight: bold; line-height: 100%; width: 5em; margin-left: 5px; }
/* End Structure */

/* Top Navigation Bar */
#navigation { width: 960px; height: 2.5em; padding-left: 13px!important; background: #d5d5d5 url(images/background_menu.png) repeat-x bottom; margin: 0px; padding: 0px; position: relative; }
#navigation li { float: left; list-style: none; margin-left: 0.75em; margin-top: 0.5em; font-size: 1.4em; line-height: 100%; text-transform: uppercase; font-weight: bold; }
*html #navigation { padding-left: 3px; width: 970px; } /* Fix for IE6 */
/* End Top Navigation Bar */

/* Breadcrumbs */
#breadcrumbs { padding: 10px 0px 8px 8px; width: 574px; border-bottom: 1px solid #CCC; margin-left: 23px; color: #999; line-height: 100%; text-transform: uppercase; }
/* End Breadcrumbs */

/*	Begin Headers */
h1, h2, h3 { margin: 0;	}
#home h3 a { color: #0099CC; text-transform: uppercase; }
#home h3 { margin-bottom: 5px; font-size: 1.2em; text-transform: uppercase; }
.narrowcolumn h2 { margin-top: 20px; margin-bottom: 5px; }
#snowboard, #mtb, #ski, #bmx, #surf, #other-sports, #skateboard, #random, #pr { width: 582px; height: 150px; background: #CCC; margin: 20px 0px; }
#snowboard { background: url(images/category_snowboard.jpg); }
#mtb { background: url(images/category_mtb.jpg); }
#ski { background: url(images/category_ski.jpg); }
#bmx { background: url(images/category_bmx.jpg); }
#surf { background: url(images/category_surf.jpg); }
#other-sports { background: url(images/category_other-sports.jpg); }
#skateboard { background: url(images/category_skateboard.jpg); }
#random { background: url(images/category_random.jpg); }
#pr { background: url(images/category_pr.jpg); }
/* End Headers */

/* Begin Images */
p img {	padding: 0;	max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
#sidebar { font-size: 1.2em; color: #333; }
#sidebar li a { font-weight: bold; }
html>body .entry ul { margin-left: 0px;	padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }

.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar li h2 { text-transform: uppercase; font-size: 1em; background: url(images/background_menu.png); padding: 6px; line-height: 100%; color: #333; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none;	list-style-image: none;	margin-bottom: 10px; }
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px;	}
ol li, #sidebar ul ol li { list-style: decimal outside;	}
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
#sidebar #search { font: Helvetica, Arial, sans-serif }
#sidebar #search input { border: 1px solid #CCC; padding: 3px; width: 70%; color: #333; }
#sidebar #search button { padding: 3px; background: #CCC; border: none; text-transform: uppercase; color: #0099CC; font-weight: bold; line-height: 100%; width: 5em; margin-left: 5px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 0px; margin: 0px 0px 1px 0;	}
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
/*#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
#commentform #submit { margin: 0 0 0px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
/*.alt { margin: 0; padding: 10px; }*/
.comment{
  background:#fff;
    margin-bottom: 0px;
    margin-top: 0px;
      display:block;
        padding: 0px;
}
.reply {
  display: none;
}
.commentlist { padding: 0; margin: 0; }
.commentlist li { margin: 0 0 0 0; padding: 0px 0px 0px 0px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 0px 0px 0px 0; }
.children { padding: 0; }
#commentform p { margin: 0px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */
#sidebar { padding: 0 25px 0 25px; margin: 0 0 0 631px;	width: 289px; }
#sidebar form { margin: 0; }
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999;	}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;	}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none;	}
a img {	border: none; }
.navigation { display: block; text-align: center; margin-top: 20px; margin-bottom: 10px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/* new sidebar styles */
.sidebar_item { float:left; display:inline; padding:20px 0 0 0; width:289px; }
.sidebar_item_stats { border-top: 1px solid #CCC; float:left; display:inline; padding:10px 0 0 0; width:289px; }
.sidebar_item .sponsor_logo { margin:0 10px 10px 0; float:left; display:inline; }
.category_heading { color:#333333; font-size:1em; text-transform:uppercase; font-weight:bold; }
/* eof new sidebar styles */

/* new list page styles */
h1.heading { float:left; display:inline; margin:10px 0 10px 25px; width:900px; }

/* new gallery page styles */
.gallery_thumbnails { clear:both; float:left; display:inline; width:910px; margin:0 0 25px 25px; }