/*

Theme Name: SimpleAs
Theme URI: http://wonderfulll.com/
Description: A really very simple (yet powerful) theme
Version: 1.0 (WP2.9)
Author: Tom Walters
Author URI: http://tomsbigbox.com/
Tags: clean, simple, adaptable

*/


/* Reset */

* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

/* Image Styling */

.content-top {
	background: url(images/style-light/content-box-top.png) no-repeat;
	height:15px;
	width:567px;
	float: left;
}

.content-bottom {
	background: url(images/style-light/content-box-bottom.png) no-repeat;
	height:16px;
	width:567px;
	float: left;
}

.sidebar-box-top {
	background: url(images/style-light/sidebar-box-top.png) no-repeat;
	height:14px;
	width:316px;
}

.sidebar-box-bottom {
	background: url(images/style-light/sidebar-box-bottom.png) no-repeat;
	height:14px;
	width:316px;
}

.featured-top {
	background: url(images/style-light/featured-box-top.png) no-repeat;
	height:16px;
	width:916px;
}

.featured-bottom {
	background: url(images/style-light/featured-box-bottom.png) no-repeat;
	height:16px;
	width:916px;
}

.comment-top {
	background: url(images/style-light/comment.png) no-repeat;
	height:21px;
	width:19px;
	margin-bottom:-2px;
}

body {
	background: #f9f9f9;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	color: #3a3a3a;
}

h1, h2, h3, h4, h5, h6, a, p, a:link, a:visited, a:hover, blockquote, label {
	color:#3a3a3a;
	font-family: Lucida Grande, Lucida Grand, Lucida Sans Unicode, sans-serif;
}

blockquote {
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}

.post-wrapper img {
	padding:5px;
	margin: 5px;
	border:1px solid #cfcfcf;
}

	a:active {
		position: relative;
		top:1px;
		outline: 0 none;
	}
	
	p {
		font-size:14px;
	}
	
	a:link, a:visited, a:hover {
		font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
		color: #3a3a3a;
		text-decoration: none;
		outline: 0 none;
	}

	h1, p h1 {
		font-size:40px;
	}
	
	h2, p h2  {
		font-size:38px;
	}
	
	h3, p h3  {
		font-size:25px;
	}
	
	h4, p h4  {
		font-size:20px;
	}
	
	h5, p h5  {
		font-size:18px;
	} 

	h6, p h6  {
		font-size: 16px;
	}
	

li {
	list-style-type: none;
}

#content {
    overflow: hidden;
}

div#page-wrapper {
	width:920px;
	margin:0 auto;
	display: block;
	position: relative;
	overflow: hidden;
}

.alignleft, .left {
	float:left;
}

.alignright, .right {
	float:right;
}

.alignmiddle, .middle, .aligncenter {
	display: block;
	margin: 0 auto !important;
}

	img.alignmiddle, img.middle {
		display:block;
		margin:5px auto !important;
		width:auto;
	}
.alignnone {
	display: block;
}

/* Header */

#top-bar {
	width:100%;
	height:100px;
}

	#top-bar-wrapper {
		margin:0 auto;
		display: block;
		width:870px;
		padding:15px 0px 0px 0px;
		position:relative;
	}

div#title {
	float: left;
}

	h1.title-top {
		font-weight: bold;
		text-decoration: none;
		color:#464646;
	}

	h2.tagline {
		font-weight: bold;
		color:#8f8f8f;
		font-size: 18px;
	}

div#top-nav {
	padding:10px;
	position:absolute;
	top:25px;
	right:0px;
}

	div#top-nav li {
		list-style-type: none;
		float:left;
		margin:0 12px;
		background: #706e6e;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding:1px 20px 3px;
	}
	
		div#top-nav li:hover {
			background:#acabab;
		}
	
		div#top-nav li a:link, div#top-nav li a:visited, div#top-nav li a:active {
			color: #f9f9f9;
			font-size: 12px;
		}

.parent {
	position: relative;
}

	.hover {
		z-index:9999;
	}

.sub-menu, div#top-nav li ul, ul.pagenav li ul {
	position: absolute;
	top:26px;
	left: 0;
	z-index: 99999;
	display: none;
}

.sub-menu li {
	float:none !important;
	margin:5px 0 0 !important;
	width:140px;
	opacity:0.8;
	z-index: 99999;
}

	.sub-menu li:hover {
		opacity:1;
	}
	

/* Slider */

.anythingSlider { 
	height: 315px; 
	width: 960px;
	position: relative; 
}

.anythingSlider .wrapper { 
	height: 315px; 
	width: 858px;
	overflow: auto; 
	margin: 28px; 
	position: absolute; 
	top: 0; 
	left: 0; 
}


.anythingSlider .wrapper ul { 
	width: 32700px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.anythingSlider ul li { 
	display: block; 
	float: left; 
	padding: 0; 
	height: 315px; 
	width: 858px;
	margin: 0; 
}

.anythingSlider .arrow { 
	display: block; 
	height: 200px; 
	width: 67px; 
	background: url(images/arrows.png) no-repeat 0 0; 
	text-indent: -9999px; 
	position: absolute; 
	top: 65px; 
	cursor: pointer; 
	display: none;
}

	.anythingSlider .forward { 
		background-position: 0 0; 
		right: 80px; 
	}

	.anythingSlider .back { 
		background-position: -67px 0; 
		left: 30px; 
	}

		.anythingSlider .forward:hover { 
			background-position: 0 -200px; 
		}

		.anythingSlider .back:hover { 
			background-position: -67px -200px; 
		}

a#start-stop {
	display: none;
}

/* Featured */

#featured {
	background:url(images/style-light/featured.png) no-repeat transparent;
	height:372px;
	margin-bottom: 10px;
}

div.featured-content {
	background:url("images/black-trans.png") repeat scroll 0 0 transparent;
	height:100px;
	padding:15px;
	width:828px;
	float:left;
	margin-top:185px;
}

h2.featured a:link, h2.featured a:hover, h2.featured a:visited, .galleryTitle {
	font-weight: bold;
	font-size: 20px;
	color:#fff;
}

a.featured-meta {
	font: 10px Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif;
	color:#fff;
}

.featured-content p, .galleryDesc p {
	color:#fff;
	margin-top:5px;
}

.featured-content a.read-more {
	color:#fff !important;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	margin:-5px 0;
}


/* Posts */
	
img.content-img {
	float: left;
}

.icon {
	margin:26px 10px 0 0;
}

.posts-box {
	float: left;
	width:564px;
}

	#post-wrapper a:link, #post-wrapper a:visited {
		color:#006894;
	}
	
	#post-wrapper a:active {
		color:#cf1800;
	}

#post-wrapper, #post-wrapper-single {
	width:567px;
	float:left;
	background:url(images/style-light/content-box-middle.png) repeat-y;
	position: relative;
}
	
	.home-page h2 a:link, .home-page h2 a:visited, .home-page h2 a:active, .home-page h2 a:hover, a.title {
		font-family: Helevetica, Lucida Grande, Lucida Sans Unicode, sans-serif;;
		font-weight: bold;
		color: #2d2d2d!important;
		text-decoration:none;
		margin:10px 0 0 0;
		font-size: 22px;
	}

div.post {
	border-bottom:1px solid #dedede;
	display:block;
	float:left;
	margin:0 0 0 20px;
	padding:20px 0 10px;
	width:520px;
	position: relative;
}

	div.post-inner {
		width:295px;
		float: right;
		margin: 5px 0 0 0;
	}
		
	a.meta-small, span.meta-small, span.meta-small a:link, span.meta-small a:visited, span.meta-small a:hover, span.meta-small a:active {
		font-family: Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif;
		font-size:10px;
		color:#8e8e8e!important;
	}
	
	div.post-inner p {
		margin-top:8px;
		font-family: Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif;
		font-size: 12px;
		display: inline;
	}
		
	a.more {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-style: italic;
	}
	
	a.comment-count, a.comment-count:link, .comment-count:hover {
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		background:none repeat scroll 0 0 #000000;
		color:#fff!important;
		height:20px;
		left:28px;
		opacity:0.8;
		padding:6px 9px;
		position:absolute;
		text-align:center;
		top:118px;
		min-width:20px;
	}
	
	a#read-more {
		display:block;
		float:left;
		margin:18px 0 12px 235px;
		cursor: pointer;
	}
	
	img.post-image-small {
		background:url("images/style-light/image-border.png") no-repeat scroll 0 0 transparent;
		border:none;
		float:left;
		padding:18px 20px;	
		margin:0!important;
	}
	
	/* For single page */
	
	img.post-image-large {
		background:url("images/style-light/image-border-large.png") no-repeat scroll 0 0 transparent;
		border:none;
		float:right;
		padding:18px 17px;	
	}
	
	.post-single {
		display:block;
		float:left;
		margin:0 0 0 20px;
		padding:0 0 10px;
		width:520px;
	}	
	
		.post-single p, .large-content-wrapper p {
			margin-bottom:10px;
		}
				
	h2.post-title, .meta-large {
		font-family: Georgia, "Times New Roman", Times, serif!important; /* Stops the globals from taking over */
		font-weight:normal;
		text-align: center;
		padding-top: 6px;
	}
	
	span.meta-large {
		border-bottom:1px solid #cfcfcf;
		display:block;
		padding:0 0 15px;
	}
	
		span.meta-large a, span.meta-large a:link, span.meta-large a:visited, span.meta-large a:hover, span.meta-large a:active {
			font-family: Georgia, "Times New Roman", Times, serif!important; /* Stops the globals from taking over */
			font-weight:normal;
			font-size:14px;
			color:#7a7a7a!important;
		}
		
	#post-wrapper .read-more {
		display: none;
	}
	
.bottom-nav {
	display:block;
	float:left;
	margin:75px 0 10px;
	width:557px;
}

.bottom-nav a:link, .bottom-nav a:visited, .bottom-nav a:active {
	background:#3a3a3a;
	color:#efefef !important;
	font-size:12px;
	margin:20px;
	padding:5px 10px;
	text-decoration:none;
	position: relative;
	top:-55px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.bottom-nav a:hover {
		background:#acabab;
	}

	span.page-number {
		display: block;
		margin: 0 auto;
		text-align:center;
		width:100%;
	}
	
		span.page-number p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
		}

	span.nav-right {
		float:right;
	}

	span.nav-left {
		float: left;
	}	
	

pre {
	background:#cfcfcf;
	font-family: Courier New, Courier New, Courier, monospace;
	font-size:14px;
	color:#1c1c1c;
	padding:2px 4px;
	display: inline;
}

div.code, .code-full-width {
	padding:10px;
	margin:10px 0 10px 0;
	word-wrap:break-word;
	float: left;
	width:510px;
}

	div.code p, pre p {
		font-family: Courier New, Courier New, Courier, monospace;
		font-size:14px;
		color:#1c1c1c;
	}	
	
	.code-small {
		font-family: Courier New, Courier New, Courier, monospace;
		color:#1c1c1c;
		background:#cfcfcf;
		padding:0 5px 0 5px;
	}
	
	
.pingback, .trackback {
	display: none;
}

/* Sidebar */

div#sidebar {
	float:right;
	margin-right:71px;
	width:250px;
}		

	div.sidebar-item {
		padding:15px 30px;
		overflow: hidden;
		width:260px;
		background:url(images/style-light/sidebar-box-middle.png) repeat-y transparent;
	}
	
	img.ad {
		float: left;
		margin: 2px;
		border:none;
		padding:0!important;
	}
		
#twitter_update_list li {
	font-size: 14px;
	font-family: Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif;
	padding: 10px 0;
	border-bottom: 1px solid #e2e2e2;
}

p#preloader {
	margin: 0;
	padding:5px;
	background: transparent url("images/loading.gif") center no-repeat;
	height:30px;	
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

img.thumbnail {
	margin:0!important;
	border:3px solid #fff;
	padding:0!important;
}

/* Comments form */

#respond {
	position: relative;
	width:564px;
}
		
	#commentform input[type=text], input[type=text], #commentform textarea, textarea {
		width:300px;
		background-color:#efefef;
		border:1px solid #e5e5e5;
		color:#2a2a2a;
		font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
		font-size: 16px;
		padding:5px;
		margin:5px;
		outline:none;
	}

	#commentform textarea, textarea {
		width:542px;
	}
	
	#post-wrapper textarea {
		width:498px;
	}
	
		#commentform input:focus, #commentform textarea:focus, input:focus, textarea:focus {
			box-shadow:0 0 3px #999;
			-moz-box-shadow:0 0 3px #999;
			-webkit-box-shadow:0 0 3px #999;
			border-color:#c9c9c9;
		}	
	
		#commentform label, p.nocomments, label {
			color:#666666;
			font-size:14px !important;
			text-decoration:none;		
		}
		
	#submit, input[type=submit] {
		background:#efefef;
		border:1px solid #e5e5e5;
		color:#666666;
		cursor:pointer;
		font-size:14px;
		margin:5px;
		padding:5px 10px;
		float:right;
		outline:none;
	}
		
#preview-comment {
	display: none;
}

/* Comments */

div#comments {
	float:left;
	position:relative;
	width:564px;
}

h3#comments {
	margin-left:15px;
}

ol.commentlist {
	width:567px;
	display: block;
}

	.comment-top { /* The image */
		margin-left:35px;
	}

	li.comment {
		background:#efefef;
		display:block;
		margin:0 10px 10px 10px;
		padding:9px 10px 33px;
		list-style-type: none;
		position: relative;
		overflow: hidden;
	}
	
	.comment-author {
		font-family:Georgia,"Times New Roman",Times,serif;
		border-bottom: 1px dashed #cfcfcf;
		font-size: 20px;
	}
	
		span.says {
			font-size: 18px;
		}

		div.comment-body em {
			position: absolute;
			bottom:0;
			left:0;
			font-weight: bold;
			padding:5px;
			font-size: 12px;
		}
		
	div.comment-author .avatar {
		position: relative;
		display: block;
		float: left;
		margin:0 5px 0 0;
		border: 4px solid #2f2f2f;
	}
	
		div.comment-author cite.fn, div.comment-author cite.fn a:link, div.comment-author cite.fn a:visited, div.comment-author cite.fn a:hover, div.comment-author cite.fn a:active, a.url {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size: 20px;
			font-weight: bold;
			text-decoration: none;
			font-style: normal;
		}
		
		div.comment-meta {
			position: absolute;
			right:10px;
			top:10px;
		}
		
			div.comment-meta a {
				font-family:Calibri, Arial, Helvetica, sans-serif;
				color:#999;
				font-size:12px;
				text-decoration: none;
			}
			
	div.comment-body p {
		margin:5px 0 5px 79px;
		font-size:13px;
	}
			
	div.reply {
		position: absolute;
		right:10px;
		bottom:10px;
	}
	
		a.comment-reply-link {
			font-family:Calibri, Arial, Helvetica, sans-serif;
			color:#999;
			font-size:14px;
			text-decoration: none; 
		}
		
	li.depth-2, li.depth-4 {
		background:#dfdfdf;
	}
	
	ul.children {
		margin-top:30px;
	}
	
	div.navigation a:link, div.navigation a:visited, div.navigation a:active, div.navigation a:hover {
		font-weight: bold;
		margin:10px;
	} 
			
a.post-edit-link {
	position: absolute;
	right:260px;
	top:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#eee!important;
	font-size:16px!important;
	text-decoration: none!important;
	background:#555;
	padding:5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	a.post-edit-link:hover {
		background:#777;
	}

/* Single Page */

div#page { 
	margin-bottom:10px;
	overflow: hidden;
	width:525px;
}

.buttons {
	width:400px;
	margin:0 auto;
	display: block;
	padding: 5px;
}

	.download {
		background: url(images/download.png) no-repeat;
		height:60px;
		width:200px;
		text-indent: -9999px;
	}
	
	.demo {
		background: url(images/demo.png) no-repeat;
		height:66px;
		width: 200px;
		text-indent: -9999px;
	}

/* Archive Page */

div.post-wide {
	width:525px;
}

div.page-header {
	background:none repeat scroll 0 0 #DFDFDF;
	margin:8px;
	padding:25px 30px;
	overflow: hidden;
}

	h5.title-label {
		font-size:14px;
		color:#8f8f8f;
		font-weight: normal;
	}

	h3.page-title {
		font-size:38px;
		margin-top: -6px;
	}

.large-content {
	background: url(images/style-light/featured-box-middle.png) repeat-y transparent;
}	

h2.title {
	font-family:Georgia,"Times New Roman",Times,serif !important;
	font-weight:normal;
	padding-top:6px;
	text-align:center;
}

span.meta {
	border:none;
}

	
/* Gallery Page */

div.enlarge {
	position: absolute;
	top:10px;
	right:24px;
	padding:5px;
	background: #000;
	opacity:0.5;
	z-index: 10;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	div.enlarge:hover {
		opacity:0.9;
	}
	
	.enlarge a {
		font-weight: bold;
		font-size: 14px;
		color:#888;
	}
	
	.enlarge a img {
		border:none;
	}
	
.large-content-wrapper {
	width:800px;
	margin:0 auto;
	display: block;
}

/* Contact Page */

#contact label {
	margin-left:5px;
}

	.error, .status {
		color:#c80000;
		display: none;
	}

/* Footer */			
	
#footer {
	width: 100%;
	margin:15px 0 0 0;
	display: block;
	overflow: hidden;
	position:relative;
	background: #3a3a3a;
}

	#footer-wrapper {
		width:900px;
		margin: 0 auto;
		display: block;
		position: relative;
		overflow: hidden;
	}
	
		#footer-wrapper a, #footer-wrapper h3, #footer-wrapper p, #footer-wrapper li  {
			color:#f9f9f9;
		}
		
		#footer-wrapper h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			border-bottom: 1px solid #efefef;
			margin-bottom:10px;
		}


	#footer-wrapper .container {
		margin:10px;
		float: left;
		padding:15px;
		overflow: hidden;
	}
		
	p#go-up {
		background:#f9f9f9;
		padding:10px;
		float: right;
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		color:#3a3a3a;
		cursor: pointer;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	p.colour-tab {
		float: left;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		cursor: pointer;
		margin-left: 10px;
		border:3px solid #fff;
		height:20px;
		width: 20px;
		display: block;
	}	
	
		#light {
			background:#f9f9f9;
		}
		
		#dark {
			background:#1a1a1a;
		}
		
		#blue {
			background:#183D4E;
		}
		
		#red {
			background:#660000;
		}
		
		#green {
			background:#143B07;
		}
	
	#searchform {
		float: left;
	}
	
	#searchform input[type=text] {
		background:#efefef;
		border:5px solid #222222;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:25px;
		outline:none;
		width:780px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		float: left;
	}
	
		#searchform input[type=submit] {
			width:80px;
			height:48px;
			background:#222;
			border:none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			font-size: 22px;
			color:#efefef;
		}
		
			#searchform input[type=submit]:hover {
				background:#666;
				color:#efefef;
			}
			
		#searchform input:focus {
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			border-color:#222;

		}
	
		#searchform label {
			color:#7D7D7D;
		}
		
	#searchsubmit {
		float:right;
	}
	
	#footer .container {
		width:250px;
	}
	
	#footer .recent li {
		margin-bottom:10px;
		overflow: hidden;
	}

		#footer .recent h4 a {
			font-size:16px;
		}

		#footer .date {
			font-size:11px;
			color:#afafaf;
			display: block;
		}

		
	.footer-top {
		overflow: hidden;
	}	
		
	.footer-bottom {
		border-top:1px solid #afafaf;
		height:40px;
		margin:10px 25px;
		overflow:hidden;
		padding-top:20px;
		width:850px;	
	}
	
	.footer-bottom .pagenav li.page_item {
		float: left;
	}
		
		.footer-bottom .social {
			display:block;
			position: absolute;
			right: 55px;
			bottom: 10px;
		}
	
			.footer-bottom .social li {
				float:right;
			}
	
			.footer-bottom .social li a img {
				border:none;
				margin:5px;
			}	
			
		
		.footer-bottom .pagenav {
			margin-left:25px;
		}
		
			.footer-bottom .pagenav a {
				font-family: Calibri, Arial, Helvetica, sans-serif;
				font-size: 14px;
				margin:7px 15px 0 0;
				display: block;
			}
	
	
	
/* Copyright */

div#copyright {
	width:100%;
	height:50px;
	background:#222;
	text-align:center;
}

	h3.copyright {
		margin:0 auto;
		padding-top:10px;
		display:block;
		color:#dfdfdf;
		width:800px;
		font-size:20px;
	}

.twitter-share-button {
	margin:0 auto;
	width:100px;
	display: block;
}
