/*  
Theme Name: Panedia Wallpaper
Theme URI: http://panedia.com
Description: The first version of WP theme for Panedia '
Version: 0.1
Author: Jim Whimpey
Author URI: http://jimwhimpey.com/
*/


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPERS, site wide things
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	html { padding: 0; margin: 0; }
	
		body {
			background: #000;
			margin: 0;
			padding: 0;
			font-family: Georgia, Times, serif; 
			}
		
			#wrapper { 
				background: #FFF;
				width: 100%;
				min-width: 1005px;
				}
			
			a { color: #BC1B26; text-decoration: none; }
		
				a:hover { color: #000; }




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header { 
		background: #000;
		padding: 20px 0 20px 20px;
		margin: 0;
		position: relative;
		}
	
		#skip, h1 span, #blurb { display: none; }
	
		h1 {
			width: 544px;
			height: 46px;
			background: url("./images/header.gif");
			margin: 0 0 20px 2px;
			}
			
			h2#blurb { display: none; }
			
		#searchbox {
			width: 263px;
			height: 43px;
			position: absolute;
			top: 10px;
			left: 582px;
			color: #666;
			}
			
		#contact {
			position: absolute;
			top: 24px;
			left: 825px;
			margin: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			font-size: 12px;
			}
			
			#contact a { color: #fff; }
			
				#contact a:hover { color: #BC1B26; }
			
			#searchbox p { 
				margin: 10px 0 0 10px;
				padding: 0;	
				}
			
				#searchbox label { 
					font: italic 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
					padding: 0 5px 0 0;	
					}
			
				#searchbox input { width: 165px; }
				
		#screens { margin: 0 0 20px 0; }
				
				
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MENU
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#menu {
		background: #B0ACA4 url("./images/corner_menu_left_top.gif") no-repeat top left;
		height: 32px;
		list-style: none;
		font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 0;
		padding: 0 0 0 12px;
		}
		
		#menu li {
			float: left;
			margin: 0;
			height: 32px;
			padding: 0 7px;
			}
			
			#menu li a { 
				display: block;
				height: 22px;
				padding: 10px 10px 0 10px;
				color: #000;
				}
				
				#menu li a:hover, .selected { 
					background: #E1DBD8;
					color: #333;
					}
				
				
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ACCOUNT BAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#accountbar {
		height: 70px;
		background: #E1DBD8 url("./images/corner_menu_left_bottom.gif") no-repeat bottom left;
		font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 17px 0 0 0;
		margin: 0;
		position: relative;
		}
		
		#header .thinner { 
			height: 26px;
			padding: 10px 0 0 26px;
			}
			
			#header .thinner p { 
				width: 500px;
				margin: 0;
				}
				
			#header .thinner * { position: relative; }
			
			#header .thinner p strong { font-style: italic; }
		
		#accountbar * { position: absolute; }
		
			#accountbar h2 {
				font-size: 11px;
				font-weight: normal;
				margin: 0;
				top: 15px;
				left: 20px;
				}
			
				#accountbar form {
					top: 30px;
					left: 20px;
					}
			
					#accountbar label {
						color: #4A433A;
						display: block;
						}
						
						#lblPasswordP, #txtPasswordP { left: 170px; }
						
					#txtUsernameP, #txtPasswordP { 
						top: 15px; 
						width: 160px;
						}
				
					#button_login {
						top: 15px;
						left: 341px;
						}
		
			#signup {
				width: 274px;
				height: 56px;
				background: url("./images/button_hover_signup.png");
				top: 5px;
				left: 440px;
				}
			
				#signup a {
					display: block;
					width: 273px;
					height: 56px;
					background: url("./images/button_signup.png");
					}
				
					#signup a:hover { background: url("./images/button_hover_signup.png"); }
			
			#free {
				width: 101px;
				height: 101px;
				background: url("./images/button_hover_free.png");
				top: -35px;
				left: 750px;
				}
				
				#free a {
					display: block;
					width: 101px;
					height: 101px;
					background: url("./images/button_free.png");
					}
					
					#free a img { border: none; }
					
					#free a:hover { background: url("./images/button_hover_free.png"); }
		



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content {
		background: #FFF;
		padding: 20px 0 30px 20px;
		width: 81%;
		min-width: 813px;
		float: left;
		}
		
		.singlepost { 
			width: 760px !important; 
			min-width: 760px !important;
			}
			
			.singlepost .entry {
				font-size: 12px;
				line-height: 1.6em;
				margin: 0 0 25px 0;
				}
					
				.membershipentry ul { margin: 0 0 0 340px; }
				
					.membershipentry ul li { margin: 0 0 5px 0; }

			#tos input, #tos label { display: inline !important; }
			
			#freedailysubscribe {
				position: absolute;
				top: -36px;
				left: -20px;
				}
				
				#freedailysubscribe a img { border: none; }
		
		#content h2 {
			font-weight: normal;
			font-size: 25px;
			margin: 0 0 5px 0;
			}
		
		.subline {
			font-style: italic;
			font-size: 12px;
			margin: 0 0 30px 0;
			}
			
		.page { 
			width: 580px !important;
			min-width: 580px !important;	
			padding-right: 20px !important;
			}
			
			#months18 {
				border: 2px solid #05B32C;
				padding: 20px;
				margin: 0px 0 35px 0;
				font-size: 20px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
				}
				
				#months18 span { font-size: 11px; }
				
			#bigerror {
				border: 2px solid #BB1622;
				color: #BB1622;
				padding: 20px;
				margin: 0px 0 25px 0;
				font-size: 14px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
				}
		
			.page h2 { margin: 0 0 25px 0 !important; }

			.page .entry, .page form { font: normal 12px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
		
			.page .entry p { margin: 0 0 20px 0; }
			
			.page dt {
				font-weight: bold;
				font-style: italic;
				margin: 0 0 5px 0;
				}
				
			.page dd {
				margin: 0 0 30px 10px;
				}
				
			.page ol { margin: 20px 0 25px 0; }
			
			#contactform {
				border: 1px solid #D5D5D5;
				padding: 10px 20px;
				width: 530px;
				}
			
				#contactform label {
					font-style: italic;
					display: block;
					color: #666;
					}
				
					#contactform input[type=text], #contactform textarea {
						padding: 5px;
						width: 500px;
						}
					
						#contactform textarea { height: 230px; }
					
					


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMPETITIONS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.competitions h3 { margin: 70px 0 0 0; font-size: 16px; }
	
	.competitions h4 {
		font-size: 13px;
		margin: 0 0 10px 0;
		}				
	
	.competitions p { 
		margin: 0 0 10px 0 !important;
		font-size: 11px;	
		}
		
		.divider { 
			height: 7px;
			background: url("./images/divider.png") no-repeat;
			margin: 22px 0;	
			}
				
		.flickrtag { 
			padding: 2px 4px;
			border: 1px solid #FF0084;
			color: #0063DC;
			}
			
		.flickr img { margin: 8px 12px 12px 0; }
		
					
					
					
					
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		LOGIN and ACCOUNT CREATION FORMS and SCREEN TELL US FORMS	
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#loginform, #membershipform, #screenform {
		border: 1px solid #D5D5D5;
		padding: 10px 20px;
		width: 300px;
		margin: 0 0 30px 0;
		}
		
		#loginform label, #membershipform label, #screenform label {
			color: #666;
			font-style: italic;
			display: block;
			}
			
		#loginform input[type=text], #loginform input[type=password], #membershipform input[type=text], #membershipform input[type=password] {
			width: 280px;
			padding: 5px;
			}
			
		#membershipform input#txtCoupon { width: 180px; }
	
	#forgottenform input[type=text] { width: 300px; }
	
	#tellusdetails {
		font-size: 13px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin: 0 0 15px 0;
		}
	
	.editdetails { float: left; }
	
	#screenform {
		width: 180px;
		float: right;
		}
			
			
			



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		WALLPAPER LISTINGS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.wallpaper {
		float: left;
		margin: 0 0 22px 0;
		width: 270px;
		height: 175px;
		position: relative;
		}
		
		.wallpaper h3 {
			margin: 0 0 5px 0;
			font: normal 15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			}
			
			.wallpaper h3 a { color: #000; }
			
				.wallpaper:hover h3 a { color: #BC1B26; }
			
					.wallpaper:hover h3 a:hover { color: #000; }
				
		.wallpaper .meta { position: relative; }
				
			.wallpaper .meta {
				font: normal 11px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
				margin: 0;
				}
				
		.wallpaper .icon {
			position: absolute;
			height: 11px;
			width: 100px;
			background-position: center right;
			background-repeat: no-repeat;
			right: 18px;
			top: 5px;
			margin: 0;
			}
			
			.wallpaper .free { background-image: url("./images/icon_free.png"); }
			
			.wallpaper .members { background-image: url("./images/icon_members.png"); }
			
			.wallpaper .freetoday { background-image: url("./images/icon_freetoday.png"); width: 81px; height: 15px; top: 2px; right: 18px; }
			
				.wallpaper:hover .free { background-image: url("./images/icon_free_hover.png"); }
				
				.wallpaper:hover .members { background-image: url("./images/icon_members_hover.png"); }
		
		.thumbnail { margin: 0; }
		
		.thumbnail a img { border: none; }
		
		.wallpaper form p { margin: 0; }
		
		.wallpaper .meta { color: #CCC; }
		
			.wallpaper .meta a { color: #ECCCD8; }
			
			.wallpaper:hover .meta { color: #000; }
			
				.wallpaper:hover .meta a { color: #BC1B26; }
				
					.wallpaper:hover .meta a:hover { color: #000; }
				
		.pagebar {
			font: normal 12px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			}
			
			.pagebar a {
				padding: 3px 8px;
				border: 1px solid #DDD;
				}
				
				.pagebar a:hover { background: #EEE; }
				
				.break { 
					letter-spacing: 0.5em;
					color: #666;	
					}
				
				.this-page { 
					padding: 0 8px;
					font-weight: bold;	
					}
				
				
				
		



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ARCHIVES and SEARCH
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content h2.pagetitle { margin: 0 0 30px 0; }




		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SINGLE WALLPAPER PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.post { 
		width: 750px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin: 0;	
		}

		.post h2 {
			font-weight: normal;
			font-size: 25px;
			margin: 0 0 5px 0;
			font-family: Georgia, Times, serif; 
			position: relative;
			}
			
			.post h2 .icon {
				position: absolute;
				height: 11px;
				width: 100px;
				background-position: center right;
				background-repeat: no-repeat;
				right: 0;
				top: 15px;
				margin: 0;
				}
			
				.post .free { background-image: url("./images/icon_free_hover.png"); }
			
				.post .members { background-image: url("./images/icon_members_hover.png"); }
		
		.post .crumbs {
			font-size: 12px;
			margin: 0 0 5px 0;
			font-style: italic;
			font-family: Georgia, Times, serif; 
			}
			
		.post h3 {
			margin: 0 0 10px 0;
			font-size: 18px;
			}
			
		.post .user_information {
			font-size: 12px;
			line-height: 1.6em;
			margin: 0 0 25px 0;
			}
			
			.post .user_information span { font-weight: bold; }
			
		.download_table {
			font-size: 12px;
			margin: 0 0 25px 0;
			padding: 0;
			width: 100%;
			border-bottom: 1px solid #000;
			}
			
			.download_table a { text-decoration: underline; }
			
			.download_table th {
				text-align: left;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				background: #E0E0E0;
				padding: 10px;
				}
				
				.screens { font-style: italic; }
			
			.download_table td { padding: 10px 6px; }
			
				.download_table td.download_td { padding: 0; }
			
				.download_table td.download_td a { 
					display: block;
					padding: 10px 6px;
					}
					
					.download_table td.download_td a:hover {
						color: #000;
						text-decoration: none;
						background: #AAA;
						}
				
				.size { 
					width: 80px;
					color: #666;
					text-align: right;
					}
					
				.col1, .col3 { background: #EDEDED; }
				
					.col1 { width: 120px; }
				
				.col2 { background: #F8F8F8; }
				
				.right { padding-right: 20px; }
			
			.original { margin: 0 0 25px 0; }
			
				.original td {
					color: #666;
					padding: 10px 5px 5px 5px;
					}
		
			.download_table tr.highlight td, .download_table tr.highlight td a { background: #F4EE89; }
			
				.inline_highlight { background: #F4EE89; font-weight: normal !important; padding: 2px; }
			
				.download_table tr.highlight td.size { color: #000; }
		
		#meta_holder {
			width: 200px;
			padding: 40px 0 0 0;
			float: right;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			}
		
			#meta {
				font-size: 12px;
				margin: 0 0 30px 0;
				padding: 0;
				list-style: square;
				}
			
				#meta li {
					margin: 0 0 8px 20px;
					}
					
		
					
					
					
					

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#sidebar {
		width: 14%;
		padding: 20px 0 0 0px;
		float: left;
		display: inline;
		margin: 0 0 40px 0;
		background: #fff;
		min-width: 100px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}
		
		.fixed {
			margin-left: 20px !important;
			width: 170px !important;
			}
		
		#sidebar h2 {
			font-size: 14px;
			margin: 0 0 10px 0;
			}
		
		#tags { margin: 0 0 30px 0; }
		
		#categories, #mostdownloaded {
			font-size: 13px;
			list-style: square;
			margin: 0 0 30px 0;
			padding: 0;
			}
			
			ol#mostdownloaded  { 
				list-style-type: decimal;
				margin-left: 10px;
				}
				
			.compsbar ol, .compsbar ul {
				font-size: 12px;
				padding: 0;
				margin: 0 0 30px 22px;
				}
				
				.compsbar ol li, .compsbar ul li { margin: 0 0 5px 0; }
			
			#categories li, #mostdownloaded li {
				margin: 0 0 5px 20px;
				padding: 0;
				}
				
				
				
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
				
	#commments_holder {
		width: 750px;
		float: left;
		margin: 0 0 30px 0;
		padding: 40px 0 0 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		font-size: 12px;
		}
					
		#nocomments { margin: 0 0 30px 0; }
		
	#commentform {
		border: 1px solid #D5D5D5;
		padding: 10px 20px;
		width: 480px;
		}
		
	#commentform label {
		display: block;
		color: #666;
		}
		
		#commentform input[type=text], #commentform textarea {
			padding: 4px;
			width: 452px;
			}
	
	#commentlist {
		padding: 0 0 30px 0;
		line-height: 1.7em;
		list-style: none;
		}
		
		#commentlist li { margin: 0 0 40px 0; }
			
			.comment_entry {
				padding: 10px 20px;
				border: 1px solid #D5D5D5;
				}
			
			.author { font-weight: bold; }
			
			.author_link { font-size: 10px; }
		
		



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#footer { 
		height: 50px;
		padding: 0;
		clear: both;
		}

		#footer div { float: right; }

			#footer div a img  {
				padding: 5px 8px;
				background: #fff;
				margin: 0 30px 0 0;
				}

	#footer p {
		width: 600px;
		float: left;
		margin: 14px 0 0 20px;
		color: #666;
		font: italic 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}		
		
		#footer p a { color: #FFF; }
		
			#footer p a:hover { color: #888; }





/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MISC
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	/* 	The big clump of elements that use Lucida Grande
		as their typeface. */
		
	.error {
		color: #8C0010;
		border: 1px solid #8C0010;
		background: #FFDDE5;
		padding: 12px;
		font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		line-height: 1.8em;
		}
		
	.confirm {
		color: #008123;
		border: 1px solid #008123;
		background: #CFFFDC;
		padding: 12px;
		font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}
		
	.edit { 
		clear: both;
		font-size: 10px;
		margin-top: 30px;	
		}
	
	.clear { clear: both; }