/*  
Theme Name: simonowendesign
Description: Personal Theme for my site
Author: Simon Owen Design
2009, www.simonowendesign.co.uk All rights reserved. 
*/

body {
	margin:0;
	padding:0;
	background:#191919 url(images/bg.jpg) no-repeat fixed center center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCC;
}
#page {margin:0 auto;text-align:left;width:988px;}

/* GLOBAL RESET */
h1,h2,h3,a {
	margin:0;
	padding:0;
}

p {
	color:#999;
	line-height:18px;
	margin:0 0 18px;
}

a {
	color:#CCCCCC;
	font-size:11px;
}

ul {
list-style:none;
padding:0;
margin:0;
}

img {
	border:none;	
}

/* HEADER */
#header {
	height:214px;
	padding:16px 0 0;
	background:#191919 url(images/header-bg.jpg) no-repeat center bottom;
}
	
	/* Header Content */
	#header-content {
		width:960px;
		margin:0 auto;
	}
	
	/* Header Title */
	#header-title {
		width:120px;
		margin:22px 0 0 40px;
		float: left;
	}
	
	#header-title h1 {
		display: none;
		color:#CCC;
		font-size:11px;
		padding:15px 0 0 0;
		width: 160px;
	}

	/* Twitter */
	#header-twitter {
		color:#333333;
		width: 800px;
		float:left;
	}

	#header-twitter p {
		color:#999999;
		float:left;
		font-size:14px;
		margin:0;
		padding:15px 10px 10px;
	}
	
	#header-twitter a {
		font-size: 14px;
		color:#999;
		text-decoration:none;
	}
	
	#header-twitter a:hover {
		text-decoration: underline;
	}
	
	#header-twitter b {
		color:#666;
	}
	
	#header-twitter-left {
		background: url(images/header-twitter-left.gif) no-repeat;
		width: 37px;
		height: 106px;
		float:left;
	}
	
	#header-twitter-middle {
		background: url(images/header-twitter-middle.gif) repeat-x;
		width: 720px;
		height: 106px;
		float:left;
	}

	#header-twitter-right {
		background: url(images/header-twitter-right.gif) no-repeat;
		width: 15px;
		height: 106px;
		float:left;
	}
	
	/* Social Media Icons */
	#header-social {
		width:460px;
		margin:0;
		float: left;
	}
	
	#header-social ul {
		padding:10px 0 0 32px;
	}
	
	#header-social li {
		float: left;
		margin:17px;
	}
	
	#header-social li.twitter a {
		background:url(images/header-image-sprite.jpg) no-repeat 0 0;
		width:48px;
		height:48px;
		display: block;
	}
	
	#header-social li.twitter a:hover {
		background:url(images/header-image-sprite.jpg) no-repeat 0 -48px;
	}
	
	#header-social li.rss a {
		background:url(images/header-image-sprite.jpg) no-repeat -48px 0;
		width:48px;
		height:48px;
		display: block;
	}
	
	#header-social li.rss a:hover {
		background:url(images/header-image-sprite.jpg) no-repeat -48px -48px;
	}
	
	#header-social li.flickr a {
		background:url(images/header-image-sprite.jpg) no-repeat  -96px 0;
		width:48px;
		height:48px;
		display: block;
	}
	
	#header-social li.flickr a:hover {
		background:url(images/header-image-sprite.jpg) no-repeat -96px -48px;
	}
	
	#header-social li.linkedin a {
		background:url(images/header-image-sprite.jpg) no-repeat -144px 0;
		width:48px;
		height:48px;
		display: block;
	}
	
	#header-social li.linkedin a:hover {
		background:url(images/header-image-sprite.jpg) no-repeat -144px -48px;
	}

	#header-social li.delicious a {
		background:url(images/header-image-sprite.jpg) no-repeat -192px 0;
		width:48px;
		height:48px;
		display: block;
	}
	
	#header-social li.delicious a:hover {
		background:url(images/header-image-sprite.jpg) no-repeat -192px -48px;
	}
	
	#tooltip{
		position:absolute;
		border:1px solid #191919;
		background:#383838;
		padding:2px 5px;
		color:#CCC;
		display:none;
	}
	
	/* Search */
	#searchform {
		float:left;
		height:43px;
		margin:30px 0 0;
		width:340px;
		background:url(images/header-image-sprite.jpg) no-repeat -240px 0;
	}
	
	#searchform #s {
		margin:9px 10px 0 40px;
		width:149px;
		background:none;
		outline:none;
		border:none;
		color:#ccc;
	}
	
	#searchform #searchsubmit {
		height:45px;
		margin:0;
		width:114px;
		background:none;
		border:none;
		color:#383838;
		padding:0 0 4px 10px;
		font-weight:bold;
		background:url(images/header-image-sprite.jpg) no-repeat -439px 0;
	}
	
	#searchform #searchsubmit:hover {
		color:#191919;
		background:url(images/header-image-sprite.jpg) no-repeat -241px -43px;
	}
	
#wrapper {
	clear:both;
	margin:0 auto;
	width:960px;
}

.nav {
	width: 180px;
	margin:10px 10px 0 0;
	float: left;
}

.nav ul {
	margin:0;
	padding:0;
}

.nav li, p.contact-form {
	width:180px;
	height:52px;
	list-style:none;
}

.nav li a, .contact-form {
	text-decoration:none;
	background:url(images/nav-bg.png);
	display:block;
	padding:15px;
	color:#ccc;
}

.nav a:hover, .nav .active {
	background:#000 url(images/nav-hover.png) no-repeat left center;
}

#about .nav ul li a.about, #logos .nav ul li a.logos, #fonts .nav ul li a.fonts, #emails .nav ul li a.emails, #web .nav ul li a.web, #takeovers .nav ul li a.takeovers, #extra .nav ul li a.extra {
	background:#000 url(images/nav-hover.png) no-repeat left center;
}

#blog .nav ul li a.blog-active {
	background:#000 url(images/nav-hover.png) no-repeat left center;
}

#about .nav ul li a.portfolio-active, #logos .nav ul li a.portfolio-active, #fonts .nav ul li a.portfolio-active, #emails .nav ul li a.portfolio-active, #web .nav ul li a.portfolio-active, #takeovers .nav ul li a.portfolio-active, #extra .nav ul li a.portfolio-active {
	background:#000 url(images/nav-hover.png) no-repeat left center;
}

.nav form {
	width: 180px;
	background:#191919;
	margin:0;
	display:none;
}

.nav textarea, .nav input {
	font-weight:bold;
	color:#23A4F7;
	background:#222222 none repeat scroll 0 0;
	border:none;
	outline:none;
	padding:3px;
	width:174px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.nav p {
	padding:0 0 0 5px;
	height:15px;
}

.nav h2 {
	padding:16px 15px;
	background:#000;
	color:#ccc;
	font-size:11px;
}

/* blog nav copied from firebug NEED TO TIDY */
		.blog-nav {
		float:left;
		margin:10px 10px 0 0;
		width:180px;
		}
		
		.blog-nav ul {
		margin:0 0 8px;
		}
		
		.blog-nav li a {
		background:transparent url(images/nav-bg.png) repeat scroll 0 0;
		color:#CCCCCC;
		display:block;
		padding:2px 0 2px 15px;
		text-decoration:none;
		}
		
		.blog-nav li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0 0 2px;
		width:180px;
		}

		.blog-nav h2 {
		background:#000000 none repeat scroll 0 0;
		color:#CCCCCC;
		font-size:11px;
		margin:0 0 0;
		padding:5px 15px;
		}
		
		.blog-nav a:hover, .blog-nav .active {
		background:#000000 url(images/nav-hover.png) no-repeat scroll left center;
		}


#contact-button {
	cursor:pointer;
	text-align:center;
	width:180px;
	background:#191919;
}

#contact-button:hover {
	background:#23A4F7;
	color:#191919;
}

#content {
	width:570px;
	float:left;
	background:#191919;
	margin:0 0 0 -10px;
	padding:10px 0 10px 10px;
}

/* about, logos, fonts, emails, web, takeovers, extra */
#about .entrytext, #logos .entrytext, #fonts .entrytext, #emails .entrytext, #web .entrytext, #takeovers .entrytext, #extra .entrytext {
	padding:0;
}


#about .panel, #logos .panel, #fonts .panel, #emails .panel, #web .panel, #takeovers .panel, #extra .panel  {
	width:560px;
	height:303px;
	float:left;
	margin:0 10px 10px 0;
}

#about .panel-text h3,  #logos .panel-text h3, #fonts .panel-text h3, #emails .panel-text h3, #web .panel-text h3, #takeovers .panel-text h3, #extra .panel-text h3 {
	width:170px;
	height:33px;
	background:#333;
	padding:5px;
	margin:0 0 10px;
	float:left;
}

#about .panel-content, #logos .panel-content, #fonts .panel-content, #emails .panel-content, #web .panel-content, #takeovers .panel-content, #extra .panel-content {
	width:370px;
	height:303px;
	background:#FFF;
	float:left;
}

#about .panel-text, #logos .panel-text, #fonts .panel-text, #emails .panel-text, #web .panel-text, #takeovers .panel-text, #extra .panel-text {
	width:180px;
	height:303px;
	background:#222;
	float:left;
	margin:0 10px 0 0;
}

#about .panel-text p, #logos .panel-text p, #fonts .panel-text p, #emails .panel-text p, #web .panel-text p, #takeovers .panel-text p, #extra .panel-text p {
	color:#999;
	margin:0 0 5px;
	padding:5px;
	line-height:15px;
}

ul.about li {
	color:#999;
	border:0 none;
	line-height:13px;
	margin:0;
	padding:10px 0 0 5px;
}

#about h4 {
	color:#999;
	line-height:5px;
	margin:0;
	padding:5px 0 0 5px;
}

/* Slideshow Navigation */
#slide-prev-next {
	width: 570px;
}

#prev, #next {
	color:#555;
	background:#222;
	float:left;
	margin:10px 5px 0 0;
	padding:5px 126px;
	text-decoration:none;
}

#prev:hover, #next:hover {
	color:#CCC;
	background:#000;
}

#slide-nav a {
	color:#555;
	background:#222;
	float:left;
	margin:10px 2px 0 0;
	padding:2px;
	text-decoration:none;
}

#slide-nav a:hover, #slide-nav a.activeSlide {
	color:#CCC;
	background:#000;
}

/* FOOTER */

	#footer {
		background:#191919 url(images/footer-bg.jpg) no-repeat scroll center top;
		float:left;
		width:100%;
		padding:30px 0 0 0;
	}
	
	#footer-bottom {
		background:#191919 url(images/header-bg.jpg) no-repeat scroll center top;
		float:left;
		width:100%;
		margin:20px 0 0 0;
		height:12px;
	}
	
	#footer-content {
		margin:0 auto;
		width: 960px;
	}

	/* Posts */
	#footer-posts {
		width: 180px;
		float: left;
		margin:0 10px 0 0;
	}
	
	#footer-posts a {
		color:#555;
		border-bottom:1px solid #333333;
		display:block;
		padding:8px 0;
		text-decoration:none;
		width:180px;
		overflow:hidden;
	}
	
	#footer-posts a:hover {
		background:#191919;
		border-bottom:1px solid #23A4F7;
		color: #CCC;
	}
	
	/* Comments */
	#footer-comments {
		width: 170px;
		float: left;
		margin:0 20px 0 0;
	}
	
	#footer-comments li {
		float: left;
	}
	
	#footer-comments li a {
		border-bottom:1px solid #333333;
		color:#555;
		display:block;
		padding:8px 0;
		text-decoration:none;
		width:180px;
	}
	
	#footer-comments li a:hover {
		background: #191919;
		border-bottom:1px solid #23A4F7;
		color: #CCC;
	}
	
	/* Friends */
	#footer-friends {
		width: 170px;
		float: left;
		margin:0 20px 0 0;
	}
			
	#footer-friends li {
		float: left;
	}
	
	#footer-friends li a {
		border-bottom:1px solid #333333;
		color:#555;
		display:block;
		padding:8px 0;
		text-decoration:none;
		width:180px;
	}
	
	#footer-friends li a:hover {
		background: #191919;
		border-bottom:1px solid #23A4F7;
		color: #CCC;
	}

	/* Flickr */
	#footer-flickr {
		width: 380px;
		float: left;
	}
	
	#footer-flickr img {
		border:2px solid #333;
		margin:10px 12px 0 0;
		padding:2px;
	}
	
		#footer-flickr img:hover {
		border:2px solid #23A4F7;
		margin:10px 12px 0 0;
		padding:2px;
	}
	
	/* Footer Icon Wall */
		#footer-icon-wall {
			background:url(images/footer-tree-silhouette.png) no-repeat center;
			height:275px;
			width:100%;
			float:left;
		}
		
		ul#footer-icon-wall-list {
		padding:210px 0 0 0;
		margin:0 auto;
		width:960px;
		}
		
		ul#footer-icon-wall-list li {
			height:30px;
			width:30px;
			float:left;
			margin:0 10px 0 0;
			background:#CCC;
		}
		
		ul#footer-icon-wall-list .footer-icon-wall-h3 {
			float:left;
			font-size:12px;
			padding:8px 0 0;
			width:190px;
			background:none;
		}
		
		ul#footer-icon-wall-list a {
			text-decoration:none;
			font-weight:normal;
			color:#555;
		}
		
		ul#footer-icon-wall-list a:hover {
			text-decoration:underline;
			font-weight:normal;
			color:#23A4F7;
		}
		
		/* Icon Ads Wall */
		#icon-ads-wall .postcontent {
			background:#222;
			margin:0 0 10px;
			padding:5px;
			width:450px;
			line-height:15px;
			float:left;
		}
		
		#icon-ads-wall #content form {
			background:#222;
			float:left;
			padding:16px 0;
			width:100px;
		}
		
		#icon-ads-wall .posttitle {
			clear:both;
		}

.icon-wrapper {
	float: left;
	width:960px;
	padding:10px 0 0 0;
}

.icon {
	background:transparent url(images/footer-icon.gif);
	display:block;
	float:left;
	height:40px;
	margin:0 10px 0 0;
	width:40px;
}

/* END PORTFOLIO CSS */


.post {
	float:left;
	margin:0 10px 10px 0;
	width:560px;
}

.post h3 {
	background:#333333 none repeat scroll 0 0;
}

.post h3 a{
	color:#CCC;
	font-size:11px;
}

.entrytext {
	background:#222;
	padding:5px;
	width:550px;
}

#blog .entrytext p {
	font-size:12px;
	line-height:25px;
	margin:0 0 5px;
}

.blogimage {
	text-align:left;
}

.blogimage img {
	border:2px solid #333333;
	margin:20px;
	padding:2px;
}

small {
	font-size: 10px;
	color:#ccc;
}


.pagetitle  {
	background:#000000 none repeat scroll 0 0;
	color:#CCCCCC;
	font-size:11px;
	padding:16px 15px;
	width:530px;
}

.post,  .posttitle, .comments, #respond {
	font-size:11px;
	color: #CCC;
	background:#333;
	padding:5px;
	width:550px;
}

.postcontent {
	background:#222;
	margin:0 0 10px;
	padding:5px;
	width:550px;
	line-height:15px;
}





.alt {background-color: #1c1c1c;border: 1px solid #3a3a3a;}

.entry p a:visited {color: #666666;}

/* Comments */

p.comment-number {
border:0 none;
color:#333333;
float:right;
font-family:times New Roman;
font-size:45px;
font-style:italic;
font-weight:bold;
line-height:0;
margin:0;
padding:14px 0 0;
}

p.postmetadata{
	width:500px;
}

.comment-top {
	background:transparent url(images/comment-bubble.gif) no-repeat scroll left bottom;
	height:90px;
	margin:0;
}

.comment-bottom {
	background-color:#333;
	margin:0;
	padding:15px;
}

.avatar {
	margin:0 10px 0 0;
	padding:5px;
	float:left;
	border:5px solid #333;
}

.commentlist li {
	background-color:#222;
	margin:0 0 10px;
	padding:15px 0 1px 15px;
}

.commentlist p {
	color: #CCC;
}

.comment-meta small {
	color: #555;
	font-weight: normal;
}

.commentlist li {font-weight: bold;color: #666666;}
#commentform p {font-family: 'Geneva', Verdana, Arial, Sans-Serif;color: #666666;}
.commentmetadata {font-weight: normal;color: #666666;}

#commentform input {
	font-size: 11px;
	color: #999999;
	width: 200px;
	outline: none;
	padding: 10px;
	margin: 5px 5px 5px 0;
	background-color: #3a3a3a;
	border: 1px solid #3a3a3a;
}
#commentform input:focus, #commentform textarea:focus {
	outline:1px solid #23A4F7;
}
#commentform textarea {
	font-size: 12px; 
	color: #999999; 
	width: 538px;
	padding: 10px;
	outline: none;
	background-color: #3a3a3a;
	border: 1px solid #3a3a3a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
}

#commentform #submit {
	background: #191919; 
	color: #23A4F7; 
	margin: 5px 10px 10px;
	float: right; 
	width: 130px; 
	border: 1px solid #333;
	font-weight:bold;
}

#commentform #submit:hover {
	background: #23A4F7; 
	color: #191919; 
}

.alt {margin: 0;padding: 10px;}

.commentlist {
	list-style:none;
	padding:0;
}

.commentlist li {
	padding: 10px;
	width: 538px;
}

#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #adadad;}

blockquote {margin: 15px 30px 0 10px;padding-left: 25px;font-family: Geneva, Arial, Helvetica, sans-serif;}
blockquote cite {margin: 5px 0 0;display: block;}

.subscribe-to-comments {
	width: 400px;	
}

.dd_post_share {
	background:#333;
	height:66px;
	padding:15px;
	width:520px;
}

.dd_button {
	float:left;
	width:74px;
}