/*
Theme Name: Sketch Book
Theme URI: http://spot-design.net/
Description: A theme based on an artist sketch book with some magazine inspired layouts.
Version: 1.0
Author: Spot Design
Author URI: http://spot-design.net/
*/

body {
		 color: #333333;
		 font-family: Arial,Verdana;
		 font-size: 12px;
		 background: #216477 url('images/bkg.jpg') repeat-y left;
		 margin: 0;
		 padding: 0;
}

h1 {
	 	 font-size: 18px;
		 font-weight: bold;
}

h2 {
	 	 font-size: 16px;
		 font-weight: bold;
}

h3 {
	 	 font-size: 14px;
		 font-weight: bold;
}

a:link, a:visited {
		 color: #914291;
		 text-decoration: none;
}

a:hover, a:active {
		 color: #69BFD3;
		 text-decoration: none;
}

hr {
	 border:0;
	 clear: both;
} 

label, .label {
			 font-weight: bold;
}

img {
		 border:0;
}

.clear {
		clear: both;
}

/* Page */

#page {
			 background: url('images/bkg-top.jpg') no-repeat scroll top left;
			 width: 1200px;
}

#header {
}

#rss-icon {
				position: absolute;
				top: 220px;
				left: 80px;
				width: 95px;
				height: 95px;
				background: url('images/rss.png') no-repeat;
}

#rss-icon:hover {
				background: url('images/rss-hover.png') no-repeat;
}

#dart-icon {
				position: absolute;
				top: 320px;
				left: 80px;
				width: 95px;
				height: 95px;
				background: url('images/dart.png') no-repeat;
}

#dart-icon:hover {
				background: url('images/dart-hover.png') no-repeat;
}

#portfolio {
				position: absolute;
				top: 180px;
				left: 275px;
				height: 150px;
				width: 630px;
}

.ptable {
			text-align: center;
			margin: 0 auto;
}

.pcell {
			text-align: center;
			width: 150px;
			height: 150px;
			padding: 4px;
}

.pimg {
			border: #636363 1px solid;
}

#cdj {
		 		position: absolute;
				top: 140px;
				left: 550px;
				height: 84px;
				width: 402px;
				background-image: url('images/cdj.png');
}

#main {
			width: 730px;
			float: left;
			position: relative;
			top: 380px;
			left: 275px;
			padding: 5px;
}

#home img {
			border: 0;
}


/* Posts */

.featured {
				display: block;
}

.featuredimage {
				height: 250px;
				width: 630px;
				border: 1px #636363 solid;
}

.featuredpost {
							position: relative; 
							top:165px;
							overflow: hidden; 
							background: url(images/overlay.png); 
							height: 85px; 
							padding: 0; 
							display: block;
}

.featuredpost h2 a:link, .featuredpost h2 a:visited {
							margin: 2px 5px 0;
							margin-bottom:0;
							color: #ffffff;
							font-size: 14px;
							padding: 0;
							line-height: 80%;
}

.featuredpost p {
							margin: 0 5px 5px;
							color: #ffffff;
							font-size: 11px;
							padding: 0;
}

.moreposts {
				height: 320px;
				width: 200px;
				margin: 5px;
				float: left;
}

.morepostsimage {
				height: 75px;
				width: 190px;
				border: 1px #636363 solid;
}

.morepostsimage img{
				border: 0;
}

.morepostsmeta {
							width: 190px;
							height: 25px;
							margin: 0;
							background: url(images/overlay.png) repeat scroll 0% 0%;;
							display: block;
							color: #ffffff;
							font-size: 10px;
							position: relative; 
							top:-25px;
}

.morepostsmeta .metadate {
							color: #ffffff;
							font-size: 10px;
							padding: 5px 5px 0;
							float: left;
							height: 5px;
}

.morepostsmeta .commentcount {
							color: #ffffff;
							font-size: 10px;
							padding: 5px 5px 0;
							float: right;		
							height: 5px;					
}

.morepoststext h2 a:link, .morepoststext h2 a:visited {
							color: #216477;
							font-size: 14px;
							clear: both;
}

.morepoststext {
				height: 250px;
				width: 190px;
				margin: 5px;
				font-size: 11px;
}

.posts {
			 width: 630px;
}

.posts h1 {
			  font-size: 20px;
				color: #412744;
				text-transform: uppercase;
}

.postsimage {
				height: 250px;
				width: 630px;
				border: 1px #636363 solid;
}

.postsmeta {
					 color: #636363;
					 font-size: 14px;
					 margin-bottom: 10px;
}

.postsmeta a:link, .postsmeta a:visited {
					 color: #636363;
					 border-bottom: #888888 1px solid;
}

.poststext {
					 width: 630px;
}

.poststext img {
					 border: 0;
					 margin: 5px;
					 max-width: 630px;
					 height: 100%;
}

.poststext .date {
			 		float:left;
					width:60px;
					height:70px;
					background: url('images/date.png');
					margin-right:10px;
}

.poststext .date .month {
					 text-align:center;
					 text-transform: uppercase;
					 color:#ffffff;
					 font-weight: bold;
					 font-size:12px;
					 padding-top: 6px;
					 width: 60px;
					 border-bottom: #ffffff 1px dotted;
}

.poststext .date .day {
					 text-align:center;
					 color:#ffffff;
					 font-size:18px;
					 font-weight: bold;
					 width: 60px;
}

.poststext .date .year {
					 text-align:center;
					 color:#ffffff;
					 font-weight: bold;
					 font-size:10px;
					 padding-bottom: 6px;
					 width: 60px;
					 border-top: #ffffff 1px dotted;
}

.alignright {
						float: right;
}

.alignleft {
					 float: left;
}

.postsfoot {
}

.break {
			 padding: 5px;
			 clear: both;
			 width: 600px;
}


.recentPosts {
						 padding-left: 6px;
						 padding-right: 6px;
						 padding-bottom: 6px;
						 width: 45%;
						 float: left;
						 background: url('images/hr.png') no-repeat scroll top left;
}

.recentTitle {
						 background: url('images/recent.png') no-repeat;
						 height: 25px;
}

.popularPosts {
						 padding-left: 6px;
						 padding-right: 6px;
						 padding-bottom: 6px;
						 float: right;
						 width: 45%;
						 background: url('images/hr.png') no-repeat scroll top left;
}

.popularTitle {
						 background: url('images/popular.png') no-repeat;
						 height: 25px;
}

#cloud {
			 	background: url('images/hr.png') no-repeat scroll top left;
}

.tagsTitle {
						 background: url('images/tags.png') no-repeat bottom left;
						 height: 45px;
}

.relatedPosts {
							padding-left: 6px;
							padding-right: 6px;
							padding-bottom: 6px;
							width: 45%;
							float: right;
							background: url('images/hr.png') no-repeat scroll top left;
}

.relatedTitle {
						 background: url('images/related.png') no-repeat;
						 height: 25px;
}

.recentPosts ul, .popularPosts ul, .relatedPosts ul {
								list-style: none;
								list-style-image:url('images/heart.png');
}

.recentPosts ul li, .popularPosts ul li, .relatedPosts ul li {
							 padding: 3px;
							 border-bottom: 1px #636363 dotted;
							 list-style: none;
							 list-style-image:url('images/heart.png');
}

/* Comments */

h3#comments {
						 background: url('images/comments.png') no-repeat 5px 35px;
						 height: 70px;
}

h3#comments .number {
						 font-size: 60px;
						 font-weight: bold;
						 color: #636363;
						 /* for IE */
  					 filter:alpha(opacity=60);
  					 /* CSS3 standard */
  					 opacity:0.6;
}

h3#respond {
						 background: url('images/reply.png') no-repeat left top;
						 height: 25px;
}

.reply a, .reply a:visited  {
			 width:75px;
			 background: url('images/grey.png');
			 color:#636363;
			 display:block;
			 margin-bottom:15px;
			 padding:5px;
			 text-align:center;
			 border:1px solid #957a3d;
}

.reply a:hover {
			 color: #d2cbba;
			 border:1px solid #d2cbba;
			 color:#464646;
}

.commentlist li {
						 margin: 0 0 18px 0;
						 padding: 15px;
						 border-bottom:1px solid #d2cbba;
						 border-top:1px solid #d2cbba;
						 list-style:none;
						 background: url('images/grey.png');
}

.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4, .commentlist li.depth-5 {
						 border: 0;
						 border-left:1px solid #d2cbba;
						 list-style:none;
						 margin-left:15px;
						 background:none;
}

.commentlist code {
						 background:#e0e0e0;
						 padding:3px;
}
	
.avatar {
				margin: 3px 10px 0 0;
				float:left;
				padding:2px;
				border:1px solid #636363;
				background:#FFF;	
}

.comment-author-admin .avatar {
				margin: 3px 10px 0 0;
				float:left;
				padding:2px;
				border:1px solid #216477;
				background:#FFF;	
}

.commentmetadata {
				
}

.commenter {
					font-size: 14px;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					color: #636363;
}

.comment-author-admin .commenter {
					font-size: 14px;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					color: #216477;
}
 
.comment-date a, .comment-date a:visited {
				color:#636363;
				font-size: 11px;
				text-decoration:none
}

.commentmetadata a:hover, .commentmetadata a:active  {
				text-decoration:underline;
				color:#216477;
}

#commentform input#url, #commentform input#email, #commentform input#author {
			background: url('images/textfield.png') no-repeat scroll top left;
			width: 490px;
			height: 30px;
			color: #636363;
		 	font-size: 14px;
			font-weight: bold;
			border: 0;
			padding: 15px;
}

#commentform textarea {
			background: url('images/textbox.png') no-repeat scroll top left;
			width: 578px;
			height: 226px;
			color: #636363;
		 	font-size: 14px;
			border: 0;
			padding: 15px;
}

#commentform input#submit {
				text-align:center;
				border: #636363 1px solid;
				background: none;
}

#commentform input#submit:hover {
				border: #ffffff 1px solid;
				color: #ffffff;
} 

.required {
					color: #cc0000;
					font-size: 10px;
}

/* Sidebar Left */

#sidebar-left {
				 width: 150px;
				 float: left;
				 position: absolute;
				 top: 505px;
				 left: 10px;
}

#sidebar-left h2 {
					font-size: 16px;
		 			font-weight: bold;
					padding-top: 5px;
					color: #636363;
					border-bottom: #636363 1px solid;
}

#sidebar-left ul {
					list-style-type: none;
}

#sidebar-left ul li {
					font-size: 11px;
					color: #636363;
}

#sidebar-left ul li a:link, #sidebar-left ul li a:visited {
					color: #216477;
}

#sidebar-left ul li a:hover, #sidebar-left ul li a:active {
					color: #111111;
}

/* Sidebar Right */

#sidebar-right {
				 float: right;
				 position: absolute;
				 top: 150px;
				 left: 950px;
				 width: 272px;
				 z-index: 3;
}

#sidebar-right .sideright .sideTitle {
					background: url('images/sidebar-top.png') no-repeat scroll top left;
					height: 80px;
					width: 272px;
					border: 0;
}

#sidebar-right .sideright .sideTitle h2 {
					font-size: 18px;
		 			font-weight: bold;
					text-align: right;
					color: #636363;
					text-decoration: none;
					border: 0;
					padding-top: 45px;
					padding-right: 35px;
}

#sidebar-right .sideright .sidebox {
				  background: url('images/sidebar-bkg.png') repeat-y scroll top left;
					width: 272px;
}

#sidebar-right .sideright .sidebox .sideText {
					padding: 5px 20px 0;
}

#sidebar-right .sideright .sidebot {
				  background: url('images/sidebar-bottom.png') no-repeat scroll top left;
					height: 110px;
					width: 272px;
}

#sidebar-right .sideright .sidebox ul {
					list-style-type: none;
}

#sidebar-right .sideright .sidebox ul li {
					font-size: 11px;
					color: #636363;
					margin-left: 15px;
}

#sidebar-right .sideright .sidebox ul li a:link, #sidebar-right .sideright .sidebox ul li a:visited {
					color: #216477;
}

#sidebar-right .sideright .sidebox ul li a:hover, #sidebar-right .sideright .sidebox ul li a:active {
					color: #111111;
}

.search {
				background: url('images/search.png') no-repeat scroll top left;
				height: 272px;
				width: 267px;
}

#sidebar-right .search h2 {
					font-size: 18px;
		 			font-weight: bold;
					padding-top: 45px;
					text-align: right;
					padding-right: 30px;
					color: #636363;
					text-decoration: none;
					border:0;
}

#search-box {
				border: 0px;
				background: none;
				position: relative;
				top: 30px;
				left: 70px;
				height: 40px;
				width: 150px;
				color: #636363;
		 		font-size: 30px;
				font-weight: bold;
				text-align:center;
}

#searchsubmit {
				text-align:center;
				border: #636363 1px solid;
				background: none;
				position: relative;
				top: 80px;
				left: 100px;
}

#searchsubmit:hover {
				border: #ffffff 1px solid;
				color: #ffffff;
}

/* Footer */

#ads {
			width: 650px;
			position: relative;
			clear: both;
			height: 85px;
			z-index: 2;
			background: url('images/hr.png') no-repeat scroll top left;
}

#ads .ads-img {
				 position: relative;
				 top: 25px;
				 left: 2px;
				 height: 19px;
				 width: 152px;
				 background: url('images/ad.png') no-repeat;
				 padding-bottom: 5px;
}

#copyright {
				text-align: center;
				font-size: 10px;
				position: relative;
				top: 50px;
}

/* Web Portfolio */

.webContent {
				height: 220px;
				width: 200px;
				margin: 5px;
				float: left;
}

.webContentImage {
				height: 107px;
				width: 190px;
				border: 1px #636363 solid;
				background: #000000;
}

.webContentImage img {
				border: 0;
				padding: 0;
				margin: 0;
}


.webTitle {
							margin-bottom:0;
							color: #216477;
							font-size: 14px;
							padding: 0;
							font-weight: bold;
							border-bottom: 1px #216477 solid;
}

.webContentText {
				height: 25px;
				width: 190px;
				margin: 5px;
				font-size: 11px;
}