@charset "utf-8";
/* CSS Document */
/*
Theme Name: Sports Gene Theme
Description: Custom Theme
Author: SeanAkers.com
General comments and license statement: Use is by permission only.
*/


/* General
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}

/* body
--------------------------------------------------*/

body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:15px;
  text-align:justify; 
  background: url(images/background.jpg) top center repeat-x #666;
}

body#commentspopup {padding:0;}

/* headings
--------------------------------------------------*/
h1 { font-family: 'Source Sans Pro', arial, serif; font-size:30px; font-weight:300;}
h2 { font-family: 'Source Sans Pro', arial, serif; font-size:24px; font-weight:300; text-transform:uppercase;}
h3 { font-family: 'Source Sans Pro', arial, serif; font-size:17px; font-weight:300;}
h4 { font-family: 'Source Sans Pro', arial, serif; font-size:15px; font-weight:300; padding:9px 0 7px 0; }
h5 { font-family: 'Source Sans Pro', arial, serif; font-size:13px; font-weight:300;}

/* links */
a {	
   text-decoration:none; 
   color:#F30;
   font-weight: normal; }

/* paragraphs
--------------------------------------------------*/

p {
  margin:0;
  padding:0 0 9px 0; }

strong {
	font-weight:600;
}

.title {
	border-bottom:1px dotted #ccc;
	margin:0 0 10px 0;
	padding:10px 0;
}

.more {
	width:90%;
	padding:5px 5%;
	float:left;
	text-align:right;
}
/* images
--------------------------------------------------*/
.alignleft {
  float:left;
  margin:0 0px 0 0; }

.alignright {
  float:right;
  margin:0 0 0 0px; }

.aligncenter {
  display: block;
  margin:0 auto; }
  
img{
border:none;
max-width:100%;
width:auto;
height:auto;
}

/* wrapper
--------------------------------------------------*/

#wrapper {
	width:1000px;
	margin-left: auto ;
    margin-right: auto ;
	background:#FFF;
}
/* header
--------------------------------------------------*/

#header {
	width:100%;
	float:left;
	background:#d9d9d9;
}

#banner {
	width:310px;
	height:270px;
	padding:95px 35px 35px 655px;
	background:url(images/sportsgeneheader.jpg) top center no-repeat;
	float:left;
	color:#fff;
	font-size:22px;
}

#banner h3 { font-family: 'Source Sans Pro', arial, serif; font-size:19px; font-weight:300;}

#pagebanner {
	width:100%;
	float:left;
}

/* top navigation
--------------------------------------------------*/

#navigation {
	width:100%;
	overflow:hidden;
	float:left;
}

#navigation ul {
  margin:0;
  padding:0; 
}

#navigation .page_item {
  float:left;
  margin:0;
  padding:0;
  width:12.5%;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
}

#navigation .page_item a {
  display:block;
  text-align:center;
  padding:11px 0px;
  color:#333;
  text-transform:uppercase;
  background:#d9d9d9;
}
  
#navigation .page_item a:hover { 
	color:#fff; background:#000; 
}

#navigation .current_page_item a { 
	color:#333; background:#ff0;
}

#navigation .current_page_item a:hover { 
	color:#fff; background:#000;
}

/* content
--------------------------------------------------*/

#content {
	float:left;
	width:100%;
	min-height:600px;
	padding:10px 0;
}

	
#content img {
	border:none;
}

.holder {
	width:100%;
	float:left;
}

.columnholder {
	width:96%;
	padding:10px 2%;
}

#runnerbar {
	width:550px;
	padding:30px 50px 30px 400px;
	float:left;
	color:#fff;
	background:url(images/runner.jpg) top center no-repeat #000;
	font-size:15px;
}


/* blog entries
--------------------------------------------------*/

#entries {
	width: 71%;
    padding:5px 2%;
    min-height: 250px;
	float: left;
}

.blogentry {
	width:100%;
	padding:0 0 10px 0;
	float:left;
}

.blogimage {
	width:20%;
	height:180px;
	padding:0 2% 0px 0;
	float:left;
}

.blogtext {
	width:78%;
	float:left;
}

.blogtext h2 {
}

.blogtext p {
}

#spacer {
    height: 25px;
	width:100%;
}

.entry {
	clear: both;
	margin: 5px auto;
	text-align: left;
	font-size: 1.0 em;
	padding:0 0 10px 0;
}

.entry img {
	border:0;
	padding: 10px;
	align:left;
}

/* columns
--------------------------------------------------*/
.fullpage {
	width:90%;
	padding:10px 5%;
	float:left;
}

.half {
	width:45%;
	padding:0 2.5%;
	float:left;
}

.little {
	min-height:50px;
}
	
.third {
	width:27%;
	padding:10px 3%;
	float:left;
}

.twothirds {
	width:60%;
	padding:10px 3%;
	float:left;
}

.fourth {
	width:21%;
	padding:10px 2%;
	float:left;
}

.threefourths {
	width:71%;
	padding:10px 2%;
	float:left;
}

.fifth {
	width:18%;
	padding:10px 1%;
}


/* sidebar
--------------------------------------------------*/
#sidebar {
	width: 22%;
	padding: 0px 1.5%;
	float: right;
}

#sidebar h2 { 
	font-family: 'Source Sans Pro', arial, serif; 
	font-size:18px; 
	font-weight:300; 
	text-transform:uppercase;
}


.widget_search .screen-reader-text {
	display:none;
	
}

.widget {
	padding-bottom:10px;
}

.widget {
	list-style:none;
}


/* footer
--------------------------------------------------*/
#footerbar {
    width: 100%;
	height: 32px;
	float:left;
	color:#666;
}

#footer {
	width:96%;
	padding:10px 2%;
	background:#333;
	color:#fff;
	text-align:center;
}

#footer a {
	color:#ffc;
}

#footer a:hover {
	text-decoration:underline;
}

/* additions
--------------------------------------------------*/

div.clear {
	clear: both;
}


#liner {
	height:1px;
	width:100%;
	background:#000;
}

a.button {
	width:245px;
	padding:5px 10px;
	margin:5px 0; 
	text-align:center;
	background:#000;
	border:1px solid #000;
}

a.button hover {
	background:#fff;
	border:1px solid #000;
	color:#000;
}

/* bookstores --------------------------------------------------*/

#buythebook {
	width:96%;
	padding:10px 2%;
	float:left;
	background:#fff;
}

#buythebook h3 {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #999;
}

.eighth {
	width:10%;
	padding:10px 1.25%;
	float:left;
}

/* video & media --------------------------------------------------*/

.videoimage {
	min-height:150px;
	float:left;
}

.videotext {
	min-height:100px;
	float:left;
}


.articleimage {
	width:50px;
	height:50px;
	float:left;
	padding:0 20px 20px 0;
}

.articletext {
	min-height:50px;
	float:left;
}