/*
Theme Name: Gene Sutcliffe
Theme URI: http://wordpress.org/
Description: A Custom theme developed specifically Gene Sutcliffe.
Version: 1.0
Author: Ginger3Some
Author URI: http://www.kinkypixel.co.uk
Tags: custom header, fixed width, two columns, widgets

	Gene v1.0

	This theme was designed and built by S of the ginger 3Some,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */

@charset "utf-8";
@import "css/reset.css";
@import "css/fonts.css";

img{
	border:none;
}


h2{
	display:block;
	background-image:url(/wp-content/themes/gene/images/title-bg-repeat.png);
	font-size:37px;
	font-variant:small-caps;
	padding: 0px 3px 3px 3px;
	line-height:85%;
	font-family:"Times New Roman", Times, serif;
}
h8{
	display:block;
	background-image:url(/wp-content/themes/gene/images/title-bg-repeat.png);
	font-size:40px;
	font-variant:small-caps;
	padding: 0px 3px 3px 3px;
	line-height:85%;
	font-family:"Times New Roman", Times, serif;
}

.itemtitle{
font-size:15px;
}

.blog-post-link{
font-size:36px;
}

p{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#998866;
text-decoration:underline;
}

h3{
	font-size:18px;
	/*font-variant:small-caps;*/
	font-family:"Times New Roman", Times, serif;
}

.pagetitle{
font-family:"Times New Roman", Times, serif;
}

body {
	font: 100% 	Georgia, "Times New Roman", Times, serif;

	margin: 0; 
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container{
	background-image: url(/wp-content/themes/gene/images/background-wood.jpg);
}

#main-content-container{
	clear:both;
	width:980px;
	/*margin-left:-5px;*/
	/* Padding to fix non central layout */
	padding-left:3px;
	background-image:url(/wp-content/themes/gene/images/bg-swirl-without-logo.png);
	background-repeat:no-repeat;
	/*min-height:616px;*/
	/*padding-left:10px;*/
	/*background-image:url(/images/bg-swirl-without-logo.png);*/
}

#main-content{
	float:left;
	width:979px;
}

#main-content-page{
	float:left;
	width:902px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#main-content-page ul{
	padding-left:50px;
}

#main-content-page ul li{
	padding-top:20px;
	list-style-type:circle;
}
/*minimum height of content on home page */
#main-content-prop{
	float:left;
	width:1px;
	height:616px;
}

/*minimum height of content on page.php & single.php */
#main-content-prop{
	float:left;
	width:1px;
	height:500px;
}

/*minimum height of left column on page.php & single.php */
#main-content-prop-page{
	float:left;
	width:1px;
	height:480px;
}

#background-top{
	background-image: url(/wp-content/themes/gene/images/top-background.jpg);
	background-repeat:repeat-y;
	width:1229px;
}

#background-bottom{
	background-image: url(/wp-content/themes/gene/images/bottom-background-with-footer.jpg);
	width:1229px;
	height:233px;
}
/* Top menu */

.home-logo{
	clear:both;
	padding-top:20px;
}


#top-content{
	width:903px;
	margin-top:10px;
	text-align:left;
	font-size:65%;
	color:5b5b5b;
}

.read-more-holder{
	text-align:right;
	padding-top:10px;
}

.home-lead-block{
	float:left;
	width:421px;
}

#home-banner{
	padding-left:12px;
	padding-top:10px;
	text-align:right;
}
#home-banner-wrapper{
	width:399px;
	height:160px;
	overflow:hidden;
}

#home-lead-news-story{
	margin: 10px 0px 10px 0px;
	padding-top:5px;
	width:903px;	
	/*background-color:#FFFFFF;
	border: thin solid black;
	border-left:none;
	border-right:none;*/
	clear:both;
}

#home-bottom-carousel{
width:913px;
padding-left:11px;
}

#home-bottom-carousel ul{
	clear:both;
}

#home-bottom-carousel ul li{
	float:left;
	padding-right:0px;
}

.read-more:link,read-more:visited,read-more:active{
	color:#b7965d;
	font-variant:small-caps;
	text-decoration:none;
}
.read-more:hover{
	color:#b7965d;
	font-variant:small-caps;
	text-decoration:underline;
}

#menu-bar{
	margin-top: 25px;
	width:903px;
	height: 39px;
	/*background-color:#FFFFFF;*/
	background-color:#FFFFFF;
	border: thin solid black;
	border-left:none;
	border-right:none;
}
#menu-bar #menu-links{
	font-size:80%;
	text-align:center;
	word-spacing:6px;
	padding-top:10px;
}

#menu-bar #nav{
	font-size:80%;
	text-align:center;
	
}

#nav{
	margin-left:10px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*
a:link { color: #000099; text-decoration: none;}
a:visited { color: #CCC; text-decoration: none;}
a:active { color: #666; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;} */

#nav a:link,#nav a:visited,#nav a:active{
	color:#000000;
	text-decoration:none;
	/*width: 10em;*/
}

#nav a:hover{
	color:#000000;
	text-decoration:underline;
	/*width: 10em;*/
}

#nav li {
	display: block;
	float: left;
	/*width: 12em;*/
	text-align:left;
	padding-top:10px;
	padding-right:22px;
	
}



#nav ul li{
	
}

#nav ul li:hover{
	background-color:#CCCCCC;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	/*width: 10em;*/
	left: -999em;
	background-color:#FFFFFF;
	padding:5px;
	padding-bottom:10px;
	border:thin solid black;
	border-top:none;
	z-index:1000;
}

#nav li ul li {
	display:block;
	clear:both;
}

#nav li:hover ul {
	left: auto;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#homeLink{
	width:50px;
}

#homeLink a{
	width:50px;
}

.lastLink{
padding-right:0;
}

.item-icons{
	width:180px;
	height:200px;
	padding-left:10px;
	float:left;
	text-align:center;
}

.item-icon-image{
	width:123px;
	height:142px;
	overflow:hidden;
}

.item-icons a{
	text-decoration:none;
	color:#000000;
}

.item-icons a:hover{
	text-decoration:underline;
	color:#000000;
}

/* End top menu */
