/*

THEME NAME: Lee Harding Online

THEME URI: http://www.leehardingonline.co.uk

DESCRIPTION: 

VERSION: 1.0

AUTHOR: <a href="http://www.leehardingonline.co.uk">Lee Harding</a>

AUTHOR URI: http://www.leehardingonline.co.uk


*/

@import "reset.css";
@import "jquery.twitter2.css";
@import "slideshow.css";

/* General Styling =================================================================================== */
html {height:100%;}
body {
	background:#161515;
	font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif;
	color:#fff;
	font-size:15px;

	width: 100%;
	overflow-x: hidden;
}

h1,h2, h3, h4 {color:#980206;}

h1 {font-size:40px;}

h2 {
	font-size:28px; 
	margin-top:10px;
}

.post-content h4 {font-size:18px; margin:30px 0 10px 0;}

#content h3 {
	font-size:22px; 
	margin-top:30px;
}

#footer h3 {
	color:#fff; 
	margin:10px 0;
}
#footer p {
	position:relative;
	top:35px;
}

p {
	line-height:21px;
	margin:15px 0;
}

.bullet_underline {
	height:7px;
	background:url(http://www.leehardingonline.co.uk/wp-content/themes/LeeHarding/img/bulletunderline.png);
	background-repeat:no-repeat;
	margin:10px 0;
}

#container {
	width:960px;
	margin: 0 auto;
	padding:0px;

}

#header {
	height:100px;
	background:#980206;
	border-bottom:1px solid #ab0307;
}

#headercontainer {
	width:960px;
	margin:0 auto;
}

#introduction {
	height:310px;
	background:#980206;
	border-bottom:1px solid #ab0307;
}

#introduction_container {
	width:960px;
	margin:0 auto;
}

.intro_message {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
	width:380px;
	font-size:30px;
	position:relative;
	top:85px;
	letter-spacing:1px;
	font-weight:100;
	border-left:1px solid #ab0307;
	padding-left:15px;
}

#content {
    margin:20px 0;
	width:550px;
	float:left;
    padding:0px;
}

#content a {
	color:#980206; 
	text-decoration:none;
	font-weight:bold;
}

#content a:hover {text-decoration:none; color:#fff;}

.logo {
	position:relative;
	top:25px;
}

.menu {
	position:relative;
	left:490px;
	top:-15px;
	font-size:18px;
	text-transform:uppercase;
}

.menu ul {
	list-style:none; 
	z-index:10; 
	position:absolute; 
	z-index:100; 
	padding:9px 5px;
}

.menu li {
	float:left;

}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {
	text-decoration:none; 
	color:#fff; 
	padding: 5px 20px;
}

.menu a:hover {background:#000;}

.selected {background:#000;}

#skilllist_left li, #skilllist_right li  {
	color:#980206;
	font-size:18px;
	
    list-style-type:disc;
    margin:10px 0;
}

.list_color {color:#fff;}

#skilllist_left {
	float:left;
	margin:20px 0 20px 70px;
}

#skilllist_right {
	float:right;
	margin:20px 70px 20px 0px;
}

#sidebar {
	width:255px;
	float:right;
	margin-top:22px;
	margin-bottom:20px;
}

#footer {
	background:#980206;
	margin-top:60px;
	clear:both;
	border-top:1px solid #ab0307;
    padding-bottom:20px;
}

#footercontainer{
	width:960px;
	margin:10px auto 0px auto;
	padding:0px;
}

#footer h2 {color:#fff;}

#footer ul {list-style-type:none;}

#footerleftcolumn {
	float:left;
	width:620px;
}

#footerrightcolumn {
	float:right;
	width:255px;
	margin-left:20px;
}

#socialmedia_left a , #socialmedia_right a  {
	color:#fff;
	font-size:18px;
	text-decoration:none;
	list-style-type:none;
	font-style:italic;
}

#footer img:hover {
	position:relative;
	top:5px;
}

#socialmedia_left a:hover {
	position:relative;
	top:1px;
}

#socialmedia_left li, #socialmedia_right li {margin:10px 0;}

#socialmedia_left img, #socialmedia_right img {
	position:relative;
	top:10px;
	margin-right:10px;
}

#socialmedia_left {
	float:left;
}

#socialmedia_right {
	float:right;
}

.clearfix {clear:both;}

/* Portfolio Specific Styling =================================================================================== */

#gallery {
	width:960px;
	margin:25px 0;
        min-height:500px;
}

#gallery ul { list-style: none; }

#gallery ul li {
	float:left; 
	margin:10px 0;
}

.centreimg {margin:0 15px;}

#gallery img {border:solid 1px #fff;}

.client_screenshot {
	float:right; 
	position:relative;
	top:-50px; 
	border:solid 1px #fff;
}

#case_study ul {
	margin:20px; 
	list-style-type:disc;
}

#case_study li {margin:10px 0;}

.client_site_link a {
	color:#980206; 
	text-decoration:none;
	font-weight:bold;
}
.client_site_link a:hover {text-decoration:underline;}

.testimonial {        
    margin:20px 0;
	width:430px;
	padding:0px;
}


/* Blog Specific Styling =================================================================================== */

h1.post-title {margin:30px 0;}

#content a.post-tile:hover {
	text-decoration:none;
	font-size:24px;

}

.post-title :hover {text-decoration:none;}



.sidepanel h3 {
    color:#980206;
    font-size:16px;
    margin:40px 0 10px 0;
}

.sidepanel li {
    margin:10px 0;
}
.sidepanel a {
   color:#fff;
   text-decoration:none;
}

.sidepanel a:hover {
   text-decoration:underline;
}

.post-meta  {
	color:#980206;
	text-decoration:none;
}

#comments h2 {margin-top:40px;}

#comments li {
	margin:40px 0; 
	border: solid 1px #535252;
	padding:20px;
	clear:both;
}

#comment-form input {
	display:block;
	margin:5px 0 15px 0;
} 

.comment-gravatar {
	float:left;
	margin:0 20px 20px 0;
}

.comment-data p {
	display:block;
	clear:both;
}

.comment-meta {float:right;position:relative;top:-15px;}

.post {margin:20px 0 60px 0;}

.comment-author a {
	color:#980206; 
	font-size:18px; 
	text-decoration:none;
}

.post-content a, .navigation a {color:#980206;}

#content .post-content a.more-link{
	color:#980206;
	display:block;
	margin:10px 0;
}

#content .post-content a.more-link:hover {
	text-decoration:none; 
	color:#fff; 
}

#searchform label {
	display:none;
}

#searchsubmit {
	background:#980206;
	border:2px solid #ab0307;
	color:#fff;
}
#searchsubmit:hover {background:#ab0307;}

#sidecontent {
	float:right;
	width:255px;
	margin-top:40px;
	margin-bottom:30px;
}

#sidecontent h2 {margin-bottom:15px;}

#sidecontent li {
	padding:5px 0;
	font-size:14px;
	color:#afafaf;
}

/* Contact Page Specific Styling =================================================================================== */

.wpcf7-form {
	margin:30px 0;
}

#contactpage_specific a {
	color:#980206; 
	text-decoration:none;
	font-weight:bold;
}

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

.wpcf7-form p {
	font-weight:bold; 
	font-size:16px;
	color:#980206;
	padding-bottom:10px;
}

.wpcf7-form input, .wpcf7-form textarea {margin:5px 0;}


#submit{
	background:#980206;
	border:2px solid #ab0307;
	color:#fff;
	margin:20px 0;
}

#submit:hover {background:#ab0307;}