/*
Theme Name: PSDCORE v2
Theme URI: http://www.psdcore.com/
Description: Custom theme for my Photoshop blog :D
Version: 1.0
Author: James Hewett
Author URI: http://www.jameshewett.com/
*/



/* ------------------------------------------ */
/* {00} RESETS
/* ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}

/* ------------------------------------------ */
/* {01} GLOBAL ELEMENTS
/* ------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #666;
	background: #161616 url(images/background.jpg) repeat-x;
	}
a {
	color: #1d4071;
	text-decoration: underline;
	}
a:hover {
	color: #222;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.clear {
	clear: both;
	}
#backgroundimage {
	background: url(images/backgroundimage.jpg) center top no-repeat;
	min-height: 1000px;
	}
#container {
	width: 1000px;
	margin: 0 auto;
	}

/* ------------------------------------------ */
/* {02} HEADER
/* ------------------------------------------ */
#header {
	width: 1000px;
	height: 162px;
	background: #2c2c2c url(images/headerbg.jpg);
	position: relative;
	}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	}
#navigation {
	position: absolute;
	top: 53px;
	left: 450px;
	}
#navigation ul li {
	float: left;
	margin: 0 25px;
	}
#navigation ul li a {
	color: #e5e8ea;
	text-decoration: none;
	font-size: 18px;
	}
#navigation ul li a:hover {
	color: #fff;
	}
#subnavigation {
	position: absolute;
	top: 135px;
	left: 0;
	}
#subnavigation ul li {
	float: left;
	margin: 0 10px;
	}
#subnavigation ul li a {
	color: #a0a0a0;
	text-decoration: none;
	font-size: 13px;
	}
#subnavigation ul li a:hover {
	color: #fff;
	}
#rightlinks {
	position: absolute;
	top: 135px;
	right: 0;
	padding-right: 10px;
	}
#rightlinks a.rss {
	color: #a0a0a0;
	text-decoration: none;
	font-size: 13px;
	padding-left: 20px;
	margin-right: 15px;
	background: url(images/rss.jpg) left no-repeat;
	}
#rightlinks a.rss:hover {
	color: #fff;
	}
#rightlinks a.contact {
	color: #a0a0a0;
	text-decoration: none;
	font-size: 13px;
	padding-left: 22px;
	margin-right: 15px;
	background: url(images/mail.jpg) left no-repeat;
	}
#rightlinks a.contact:hover {
	color: #fff;
	}
#rightlinks a.twitter {
	color: #a0a0a0;
	text-decoration: none;
	font-size: 13px;
	padding-left: 20px;
	margin-right: 15px;
	background: url(images/twitter.jpg) left no-repeat;
	}
#rightlinks a.twitter:hover {
	color: #fff;
	}

/* ------------------------------------------ */
/* {03} CONTENT
/* ------------------------------------------ */
#left {
	width: 700px;
	float: left;
	}
#content {
	width: 670px;
	padding: 15px 15px 0 15px;
	margin-top: 11px;
	background: #fff url(images/contenttop.jpg) top no-repeat;
	}
#content h1 {
	font-size: 36px;
	margin-bottom: 5px;
	border-bottom: 1px #ccc solid;
	line-height: normal;
	}
.postcontent h2 {
	font-size: 18px;
	color: #191919;
	font-weight: bold;
	line-height: normal;
	padding: 5px 0 0 0;
	}
.postcontent h3 {
	font-size: 24px;
	color: #191919;
	font-weight: bold;
	line-height: normal;
	padding: 7px 0 0 0;
	}
#contentbottom {
	width: 700px;
	height: 15px;
	background: #fff url(images/contentbottom.jpg) bottom no-repeat;
	}
.postcontent .tutorialimage, .postcontent .articleimage {
	text-align: center;
	}
.postcontent .tutorialimage img, .postcontent .articleimage img {
	background: #eee;
	border: 1px #aaa solid;
	padding: 5px;
	margin: 5px 0;
	}
.postcontent {
	overflow:auto;
	}
.postcontent p {
	padding: 7px 0;
	}
.postcontent ul {
	list-style: inside;
	padding: 0 0 10px 20px;
	}
.postcontent ol {
	list-style: decimal;
	padding: 0 0 10px 20px;
	}
.postshort img.thumbnail {
	float: left;
	width: 200px;
	height: 200px;
	}
.postshort p.bubble {
	float: right;
	background: #fff url(images/postbubble.jpg);
	width: 43px;
	height: 31px;
	text-align: center;
	padding: 7px 0 0 0;
	}
.postshort p.bubble a {
	font-size: 15px;
	color: #525252;
	font-weight: bold;
	text-decoration: none;
	}
.postshort p.bubble a:hover {
	color: #222;
	}
.postshort h2 {
	float: left;
	margin: 0 0 0 10px;
	width: 417px;
	}
.postshort h2 a {
	color: #525252;
	font-size: 36px;
	line-height: 38px;
	text-decoration: none;
	}
.postshort h2 a:hover {
	color: #222;
	}
.postshort p.details {
	float: left;
	margin: 10px 0 0 10px;
	font-size: 14px;
	color: #666;
	background: #e8e8e8;
	padding: 2px 7px;
	}
.postshort p.details a {
	color: #666;
	text-decoration: none;
	}
.postshort p.details a:hover {
	text-decoration: underline;
	}
.postshort .description p {
	float: left;
	margin: 10px 0 0 10px;
	width: 460px;
	}
.divider {
	background: url(images/divider.jpg) bottom no-repeat;
	clear: both;
	height: 35px;
	width: 670px;
	padding-top: 10px;
	}
.wp-pagenavi {
	clear: both;
	font-weight: bold;
	padding: 0 10px 5px 10px;
	text-align: right;
	}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #bbb;
	margin-left: 3px;
	text-decoration: none;
	}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	}
.wp-pagenavi .pages {
	float: left;
	}
#endpost {
	width: 670px;
	height: 260px;
	margin-top: 5px;
	background: #1b1b1b url(images/endpostbg.jpg) no-repeat;
	}
#endpost p {
	color: #e8f2f9;
	}
#endpost a {
	color: #e8f2f9;
	text-decoration: underline;
	}
#endpost .col {
	width: 200px;
	margin-left: 20px;
	float: left;
	}
#endpost h3 {
	padding: 15px 0 0 0;
	height: 42px;
	color: #fff;
	font-size: 24px;
	}
#endpost ul {
	list-style: square;
	padding: 5px 10px 0 15px;
	color: #eee;
	}
#endpost ul li {
	margin-bottom: 3px;
	line-height: 18px;
	}
#endpost ul li a {
	color: #eee;
	text-decoration: none;
	}
#endpost ul li a:hover {
	color: #eee;
	text-decoration: underline;
	}
#endpost img {
	margin: 6px 0 6px 12px;
	}
.premiumjoinnow {
	width: 160px;
	height: 40px;
	display: block;
	margin: 15px 0 0 20px;
	background: url(images/premiumjoinnow.png) no-repeat top;
	text-indent: -9999px;
	}
.premiumjoinnow:hover {
	background: url(images/premiumjoinnow.png) no-repeat bottom;
	}

/* ------------------------------------------ */
/* {03-1} CONTENT - Two Column List
/* ------------------------------------------ */
ul.twocolumn li {
	float: left;
	list-style: none;
	width: 50%;
	text-align: center;
	padding-bottom: 20px;
	}
ul.twocolumn img {
	margin; 0 auto;
	background: #eee;
	border: 1px #aaa solid;
	padding: 5px;
	margin: 5px 0;
	}
ul.twocolumn a.button {
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #32312f;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;
	}
ul.twocolumn a.button:hover {
	background: #1d4071;
	border-color: #1d4071;
	}


/* ------------------------------------------ */
/* {04} SIDEBAR
/* ------------------------------------------ */
#right {
	float: left;
	width: 300px;
	}
#sidebar {
	width: 290px;
	margin: 10px 0 0 10px;
	}
#sidebar p {
	margin: 0 15px;
	}
#sidebar p.tagcloud a {
	color: #8f8f8f;
	text-decoration: none;
	}
#sidebar p.tagcloud a:hover {
	color: #222;
	}
#sidebar h3 {
	padding: 18px 0 0 65px;
	height: 42px;
	color: #525252;
	font-size: 24px;
	}
#sidebar h3.ads {
	background: url(images/sponsors.jpg);
	}
#sidebar p.adbanners {
	width: 300px;
	}
#sidebar h3.rssfeeds {
	background: url(images/rssfeeds.jpg);
	}
#sidebar h3.popular {
	background: url(images/popular.jpg);
	}
#sidebar h3.search {
	background: url(images/search.jpg);
	}
#sidebar h3.tagcloud {
	background: url(images/tagcloud.jpg);
	}
#sidebar h3.archives {
	background: url(images/archives.jpg);
	}
#sidebar h3.friends {
	background: url(images/friends.jpg);
	}
#sidebar h3.recent {
	background: url(images/recent.jpg);
	}
#sidebar h3.hosted {
	background: url(images/hosted.jpg);
	}
#sidebar ul {
	list-style: square;
	padding: 0 10px 0 30px;
	color: #ccc;
	}
#sidebar ul li {
	margin-bottom: 3px;
	line-height: 18px;
	}
#sidebar ul li a {
	color: #8f8f8f;
	text-decoration: none;
	}
#sidebar ul li a:hover {
	color: #222;
	text-decoration: underline;
	}
#sidebar h3.premiummembers {
	color: #f1f1f1;
	}
.sidebox {
	background: #fff url(images/sideboxbg.jpg) bottom no-repeat;
	width: 290px;
	margin-top: 10px;
	padding-bottom: 10px;
	}
.darksidebox {
	background: #2c3135 url(images/darksideboxbg.jpg);
	height: 200px;
	width: 290px;
	}
.darksidebox ul li {
	color: #e8f2f9;
	}
.darksidebox p {
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
	color: #e8f2f9;
	}
.darksidebox p a {
	color: #e8f2f9;
	text-decoration: none;
	font-weight: normal;
	}
.darksidebox p a:hover {
	text-decoration: underline;
	}
#s {
	padding: 4px;
	margin-left: 15px;
	font-size: 15px;
	border: 1px #bbb solid;
	width: 180px;
	}
#searchsubmit {
	color: #1d4071;
	background: #eee;
	text-align: center;
	cursor: pointer;
	display: inline;
	padding: 4px;
	margin-left: 5px;
	font-size: 13px;
	border: 1px #bbb solid;
	}
#searchsubmit:hover {
	background: #ddd;
	}

/* ------------------------------------------ */
/* {05} COMMENTS
/* ------------------------------------------ */
h3#comments, #respond h3 {
	line-height: normal;
	padding: 10px 0;
	font-size: 24px;
	color: #191919;
	font-weight: bold;
	line-height: normal;
	}
.button { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font-size: 15px; padding:5px 10px;  text-align:center; margin-top: 15px; text-transform: uppercase; }
.button:hover { background:#1d4071; border:1px solid #17355f; }
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#1d4071; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#1d4071; border:1px solid #17355f; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist li.comment-author-admin {background: #eaf1fa; border: 1px solid #85a8da;}


/* ------------------------------------------ */
/* {06} FOOTER
/* ------------------------------------------ */
#footer {
	margin-top: 10px;
	background: #26292d url(images/footerbg.jpg);
	color: #b6b6b6;
	font-size: 13px;
	height: 35px;
	text-align: center;
	padding-top: 15px
	}
#footer a {
	color: #b6b6b6;
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}