/*
Theme Name: PlanetPhotoshop Spacey
Theme URI: http://www.planetphotoshop.com/
Description: The Spacey Theme for Planet Photoshop.
Version: 1
Author: Brett Nyquist

*/



/* #) GLOBALS
------------------------------------------------------------- */

html,body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Set 1em = 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../images/background.jpg) center top no-repeat;
	}
	
strong {
	font-weight: bold;
	}
	
small {
	font-size: 90%;
	}

/* -- HEADINGS -- */
h1 { font-size: 218%; font-weight: bold; }
h2 { font-size: 18px; margin: 0 0; padding: 0 0; color: #666666; font-weight: bold; }
h3 { font-size: 145%; font-weight: bold; }
h4 { font-size: 114%; }
h5 { font-size: 103%; }

/* -- LINKS -- */

a {
	color: #32738a;
	}
	
a:hover {
	color: #81c2d9;
	}
	
/* -- IMAGES -- */
img {
	border: 0;
	}
.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
/* -- FLOATS -- */
.flrt, .flrtsp {
	float: right;
	}
.flrtsp {
	margin-left: 2em;
	margin-bottom: 2em;
	}
.fllt, .flltsp {
	float: left;
	}
.flltsp {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	}

/* SITE STRUCTURE
------------------------------------------------------------- */

#container {
	background: # url(../images/layout/sidebar-back.jpg) right top repeat-y;
	/* border-bottom: 8px solid #d3d3d3; 
	text-align: left;
	*/
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 142px;
	width: 920px; /* Set this to the Height of #footer */
	}
#header, #footer{
	width: 920px;
	display: block;
	position: relative;
	}

#header {
	margin: 0 auto;
	position: relative;
	}

/* HEADER
------------------------------------------------------------- 

.title {
	padding: 0;
	position: absolute;
	top: -148px;
	left: -34px;
	margin: 0;
	text-indent: -9999px;
	}

.logo {
	background: url(../images/layout/logo.png) no-repeat top left;
	display: block;
	text-indent: -9000px;
	outline: none;
	width: 279px;
	height: 151px;
	}
-- */

/* NAVIGATION
------------------------------------------------------------- */
ul#navigation {
	background: #000 url(../images/layout/nav-background.jpg) top left repeat-x;
	height: 3.3em;
	margin-bottom: 12px;
	display: block;
	line-height: 10px;
	padding: 0;
	}
	ul#navigation li {
		background: url(../images/layout/nav-rightedge.gif) right top repeat-y;
		margin: 0;
		padding: 0;
		padding-right: 2px;
		list-style: none;
		float: left;
		}
		ul#navigation li.last {
			background: none;
			padding-right: 0px;
			}
			ul#navigation li a {
				position: relative;
				display: block;
				font-size: 1.2em;
				font-weight: bold;
				text-decoration: none;
				color: #dfe0e0;
				padding: 12px 0px 10px 15px;
				text-transform: uppercase;
				text-align: left;
				width: 120px;
				outline: none;
				}
			ul#navigation li a:hover {
				color:#fff;
				background: #000 url(../images/layout/nav-hover.jpg) right top no-repeat;
				}
				
			ul#navigation li a.rss {
				background: #000 url(../images/layout/rss-back.jpg) right top no-repeat;
				width: 131px;
				}
				
			ul#navigation li a.rss:hover {
				background: #000 url(../images/layout/rss-hover.jpg) right top no-repeat;
				}
				
.rss-icon {
	position: absolute;
	top: 0.5em;
	right: 1em;
	}

/* CONTENT
------------------------------------------------------------- */
	
#content {
	font-size: 1.2em;
	display: inline;
	height: auto;
	padding: 15px;
	position: relative;
	margin: 0em auto;
	width: 678px;	
	}
	
#content p {
	font-size: 1.2em;
	line-height: 1.3em;
	}
	
#content_left {
	padding: 0;
	padding-top: 14px;
	margin: 0;
	}
	
#author {
	clear: both;
	padding: 18px;
	background: #f1f1f1;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
	#author p {
		font-size: 12px;
		color: #686868;
		margin-top: 0px;
		}
	
	.author-thumbnail {
		float: left;
		margin-right: 15px;
		margin-top: 5px;
		}
	
/* LEFT COLUMN
------------------------------------------------------------- */

#left-column {
	float: left;
	line-height: 1.8em;
	width: 597px;
	margin: 0;
	margin-top: -12px;
	padding-top: 0px;
	padding-bottom: 40px;
	}
		
#slideshow {
	padding-left: 13px;
	padding-top: 15px;
	}
		
/* RIGHT COLUMN
------------------------------------------------------------- */

#right-column {
		display: inline;
		float: right;
		font-size: 1.2em;
		line-height: 1.8em;
		padding-top: 4px;
		width: 336px;
		margin-right: 15px;
		}
		
		.rightside-component {
			margin: 12px 0;
			}
		

/* FORMS
------------------------------------------------------------- */

.fieldset {
	position: relative;
	padding: 0;
	border:none;
	margin: 0 0;
	}
.fieldset input {
	margin: 0px;
	border: #333 1px solid;
	background-color:#fff;
	vertical-align: middle;
	}
	
	.fieldset input.submit {
		border: none;
		}
	
input.box {
	border: 1px #a2a2a2 solid;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	width: 237px;
	margin-right: 5px;
	padding: 4px 5px 2px 5px;
	height: 19px;
	}
	
.submit {
	background: url(../images/layout/submit.gif) top left no-repeat;
	border: none;
	width: 78px;
	height: 25px;
	text-indent: -9000px;
	}
	
.submit:hover {
	background: url(../images/layout/submit.gif) 0px -25px no-repeat;
	cursor: pointer;
	}
	
.section_header {
	clear:both;
	width:31em;
	height:32px;
	background:url(../../../../../images/layout/section-header.jpg) no-repeat;
	}
	
.section_header h3 {
	margin:0;
	padding:8px 0px 3px 10px;
	}
	
.post_header {
	background: #f1f1f1;
	margin-bottom: 10px;
	padding: 15px 15px;
	}
	
	.post_header h1 {
		font-size: 2.4em;
		letter-spacing: -0.03em;
		color: #000000;
		line-height: 100%;
		height: auto;
		margin: 0;
		margin-top: 13px;
		padding: 0;
		padding-bottom: 15px;
		}
		
	.post-img img {
		background: #fff;
		border: 1px solid #ccc;
		float: left;
		margin-right: 15px;
		padding: 1px;
		}
		
.page_header {
	background: #f1f1f1;
	margin: 0;
	padding: 25px 15px;
	}
	
	.page_header h1 {
		margin: 0 0 0 0;	
		color: %grey;
		line-height:90%;
		}
		
.details {
	background:url(../../../../../images/layout/details.gif) #fff no-repeat;
	display:block;
	height:33px;
	color:#333;
	font-size:11px;
	width:632px; 
	padding-left:6px;
	padding-top:6px;
	margin:0px;
	}
	
.details img {
	vertical-align:middle;
	margin-right: -8px;
	}
	
.details .gap {
	margin-left:15px;
	}
	
.spacer {
	padding: 0 5px;
	}
	
.tutorial {
	padding: 5px 15px;
	margin: 0px;
	clear: both;
	}
	
.tutorial p {
	font-size: 1.2em;
	margin-top:5px;
	padding-top:0;
	}
		
.tutorial img.imgrt {
	border-left: 2px solid #ccc;
	margin: 0px 0 10px 15px;
	padding: 15px 0 20px 20px;
	}
	
.bookmarks {
	margin-top:15px;
	height:20px;
	color:#333;
	padding-top:5px;
	font-size:11px;
	}
		
/* BLOG ENTRIES
------------------------------------------------------------- */
.blog-entry {
	font-size: 1.2em;
	padding: 20px 14px 0px 15px;
	}
	
	img.blog-pic {
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
		}
		
	h2.entry-title {
		color: #000;
		display: inline;
		font-size: 2.6em;
		line-height: 26px;
		letter-spacing: -2px;
		word-spacing: -0.03em;
		}
		
	h2.entry-title a.black {
		color: #000;
		text-decoration: none;
		}
		
	h2.entry-title a.black:hover {
		color: #32738a;
		text-decoration: underline;
		}
		
	.blog-entry p.entrydate {
		margin: 0px;
		padding: 0;
		}
		
	.blog-entry p.entrydate small {
		color: #666;
		}
		
	.blog-entry p {
		margin: 0;
		padding: 5px 0px;
		}
		
	.blog-entry hr {
		height: 0px;
		border: 1px solid #ccc;
		border-top: none;
		margin-top: 4px;
		}
		
	a.gap {
		color: #8e8e8e;
		line-height: 1.9em;
		padding: 0em 10px;
		text-decoration: none;
		}
		
	a.gap:hover {
		text-decoration: underline;
		}
		
	img.entry-icon {
		float: none;
		vertical-align: middle;
		margin-left: -0.25em;
		margin-right: 3px;
		margin-bottom: 0.05em;
		}
		
#page-buttons {
	text-align: right;
	margin-right: 15px;
	padding-bottom: 40px;
	}
	
	.paging a {
		padding: 0 1px;
		}
		
	.paging img {
		margin-left: 10px;
		vertical-align: middle;
		}
		
/* TIP OF THE DAY MODULE
------------------------------------------------------------- */
.tipoftheday {
	background: url(../images/layout/tip-background.jpg) top left no-repeat;
	border-bottom: 1px solid #b0b0b0;
	clear: both;
	}
	
	.tip-content {
		float: right;
		margin-top: 15px;
		padding-bottom: 10px;
		padding-top: 0px;
		width: 290px;
		}
	
	.tip-img {
		float: left;
		}
		
	.tipoftheday h3 {
		color: #393939;
		font-size: 1.4em;
		letter-spacing: -0.03em;
		line-height: 15px;
		margin-right: 30px;
		margin-bottom: 0;
		padding-bottom: 1px;
		}
		
	.tipoftheday h3 a {
		color: #393939;
		text-decoration: none;
		}
		
	.tipoftheday h3 a:hover {
		color: #32738a;
		text-decoration: underline;
		}
				
	.tipoftheday p {
		line-height: 1.4em;
		margin-bottom: 0px;
		margin-right: 10px;
		margin-top: 4px;
		}
	
	
		
.tip-signup {
	background: url(../images/layout/signup-back.gif) top left repeat-x;
	padding: 10px 0px 10px 10px;
	position: relative;
	}
	
	.tip-tile {
		position: absolute;
		bottom: 0;
		right: 0;
		}
	
	.tip-signup .tip-box {
		background: #fff url(../images/layout/tip-box-back.gif) top left repeat-x;
		border: 1px solid #747474;
		color: #666;
		font-size: 13px;
		font-weight: bold;
		padding: 3px;
		width: 165px;
		vertical-align: middle;
		}
		
	.tip-signup .join {
		background: url(../images/layout/join-button.gif) top left no-repeat;
		border: none;
		height: 24px;
		width: 70px;
		vertical-align: middle;
		}
		
	.tip-signup .join:hover {
		background: url(../images/layout/join-button.gif) 0px -24px no-repeat;
		cursor: pointer;
		}
		

/* TUTORIALS
------------------------------------------------------------- */

#napp-sponsor {
	padding: 5px 15px;
	background: #dddddd;
	margin-top: 0px;
	margin-right: -1px;
	}
	
	#napp-sponsor p {
		margin: 0;
		font-size: 11px;
		color: #777777;
		}
		
	#napp-sponsor p a:hover {
		color: #777777;
		}
		
	#napp-sponsor img.napp-sponsored-logo {
		float: left;
		margin-right: 10px;
		vertical-align: middle;
		}
	

.article img {
	margin: 1.5em .3em;
	}
	
/* BROWSE RESULTS
------------------------------------------------------------- */

ul.browse {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.4em;
	}
.browse li {
	padding:8px 10px 8px 8px;
	display: block;
	margin: 10px 15px 10px 15px;;
	min-height: 75px;
	font-size:1.2em;
	background:#f5f5f5;
	border-top: #e5e5e5 1px solid;
	}
.browse .thumbnail {
	float: left;
	margin: 0 .8em 0 0;
	}
	
	.browse-content {
		background: #f5f5f5;
		border-top: #e5e5e5 1px solid;
		clear: both;
		font-size: 1.2em;
		margin-right: 15px;
		margin-bottom: 10px;
		margin-left: 15px;
		padding: 10px;
		}
		
	.browse-content .thumbnail {
		float: left;
		margin: 0 0.8em 1.4em 0;
		}
		
	.browse-content h3 {
		display: inline;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		}
		
	.browse-content p {
		margin: 0;
		padding: 0;
		}
		
	.browse-img {
		background: #e8e8e8;
		border:#ccc 1px solid;
		float:left;
		width:60px;
		height:60px;
		padding: 1px;
		margin-right:8px;
		}
	
.browse h3 {
	margin: 0 0;
	padding:0 0;
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: -0.03em;
	}
.browse .date {
	font-size: .9em;
	color: #3870ee;
	}	
.browse a {
	color: #000000;
	text-decoration:none;
	border-bottom: #000000 1px solid;
	}
.browse a:hover {
	color: #32738a;
	text-decoration:none;
	border-bottom: #32738a 1px solid;
	}
.browse img {
	float:left;
	margin-right:8px;
	clear:both;
	}

/* SEARCH RESULTS
------------------------------------------------------------- */

.searched h2 {
	margin-bottom:10px;
	padding:.2em 0 .9em 0em;
	border-bottom:#333 1px solid;
	width:635px;
	}
.searched ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#search_results li {
	display: block;
	margin: .2em 0 1em 0;
	padding: 0;
	font-size:1.2em;
	}
ul#search_results li h3 {
	margin:0 0;
	padding:0 0;
	font-size:18px;
	line-height:normal;
	}
#search_results li p {
	margin: .2em 0 1em 0;
	font-size:12px;
	}
#search_results a {
	color:#000000;
	text-decoration:none;
	border-bottom:#000000 1px solid;
	}
#search_results a:hover {
	color:#32738a;
	text-decoration:none;
	border-bottom:#32738a 1px solid;
	}
.highlight {
	background-color:#FFFF00;
	font-weight:bold;
	}
	
/* RESOURCES
------------------------------------------------------------- */

.resource {
	width:30.6em;
	}
.resource ul {
	width:306px;
	font-size:1.2em;
	font-weight:bold;
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}
.resource li {
	display: block;
	min-height:5px;
	margin:.1em 0 .5em .2em;
	padding:.5em;
	background:url(../../../../../images/layout/tutorial-background.jpg) repeat-x;
	border:#CCCCCC 1px solid;
	}
.resource p {
	margin: 0 0 15px 0;
	padding:0 0;
	font-size:12px;
	}
.resource a {
	color:#000000;
	text-decoration:none;
	border-bottom:#000000 1px solid;
	}
.resource a:hover {
	color:#32738a;
	text-decoration:none;
	border-bottom:#32738a 1px solid;
	}
	

/* SOCIAL BOOKMARK LINKS
------------------------------------------------------------- */
ul.bookmarks {
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	clear: both;
	float: left;
	font-size: 1.1em;
	list-style-type: none;
	margin: 10px 0 0 3px;
	padding:0px 0 5px 10px;
	width: 623px;
	}
ul.bookmarks li {
	float: left;
	}
ul.bookmarks li a {
	color:#666;
	display: block;
	float: left;
	margin-right: 1.2em;
	padding: .2em;
	text-decoration: none;
	}
ul.bookmarks li a:hover {
	color:#32738a;
	}
ul.bookmarks img {
	vertical-align:bottom;
	}
	
/* SPECIFICS OF REVIEWS
------------------------------------------------------------- */

.specs {
	font-size:18px;
	font-weight:bold;
	color:#666;
	height:30px;
	padding-left:0px;
	}
.specs .icons {
	margin-left:20px;
	margin-right:3px;
	vertical-align:bottom;
	}
		
/* FOOTER
------------------------------------------------------------- */

#contact-form {
	background: #f1f1f1;
	border-top: 2px solid #32738a;
	margin-top: 20px;
	padding: 15px;
	}
	
	#contact-form label {
		clear: both;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		}
		
	#contact-form input, #contact-form textarea, #contact-form select {
		border: 1px solid #a4a4a4;
		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		margin-bottom: 10px;
		padding: 5px;
		}
		
	#contact-form textarea {
		overflow: auto;
		width: 97%;
		}

/* FOOTER
------------------------------------------------------------- */

#footer {
	clear: both;
	height: 6em;
	color:#999;
	margin: 0em auto;
	width: 94em;
	text-align:left;
	padding-top: 2em;
	padding-left: 1em;
	}
	
	#footer .internal-links a, #footer .external-links a {
		color: #b0b0b0;
		text-decoration: none;
		}
		
	#footer .internal-links a:hover, #footer .external-links a:hover {
		color: #32738a;
		text-decoration: underline;
		}
	
	.internal-links ul, .external-links ul {
		color: #b0b0b0;
		font-size: 1.2em;
		font-weight: bold;
		letter-spacing: 0.02em;
		margin: 0;
		margin-bottom: 5em;
		padding: 0;
		border-left: 3px solid #0c4255;
		}
		
		.internal-links ul li, .external-links ul li {
			list-style: none;
			padding-left: 2em;
			line-height: 20px;
			}
			
.internal-links, .external-links {
	float: left;
	margin-right: 8em;
	}
	
.copyright {
	color: #707070;
	float: right;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: right;
	}
	
	.copyright p {
		margin: 0;
		padding: 0;
		}
	
.backtotop {
	float:right;
	background:url(../../../../../images/layout/up-button.gif) no-repeat;
	width:50px;
	height:25px;
	}
.backtotop:hover {
	background:url(../../../../../images/layout/up-button-over.gif) no-repeat;
	}

/* ADS
------------------------------------------------------------- */

#leaderboard {
	position: absolute;
	right: 0px;
	top: -116px;
	}

#ads-336x280 {
	margin: 1.4em auto;
	margin-bottom: 12px;
	}

/* HACKS
------------------------------------------------------------- */

.clear {
	clear: both;
	height: 1px;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}	/* Hides from IE-mac \*/
.clearfix {display: block;}