/*
Theme Name: Lux's Blog
Description: This is my own theme
Version: 0.1
Tags: two-columns, fixed-width, green, white, light
Author: Luxregina
Author URI: http://www.luxgames.net
*/

body {
	margin: 0;
	background: center top fixed no-repeat url(images/site3backG.gif);
	margin: 0 0 0 150px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: #a5c4d2;
}
#container:after, #content .post .entry:after, #content .post .meta:after, #content .navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#page {
	margin: 0 auto; padding: 0 10px;
	width: 792px;
}
#header {
	position: relative;
	margin: 0 0 0 0px; padding: 10px 0 0 48px;
	background: left bottom no-repeat url(images/lux_header.png);
	height: 217px;
	font-family: Arial;
}
#header a {
	color: #ffff32;
	font-size: 14px; font-weight: bold;
	text-decoration: none;
}
#header a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#header h1 {
	margin: 180px 0 0 20px;
	font-size: 18px;
}
#header p {
	margin: 5px 0 0 100px;
	font-size: 14px; font-weight: bold;
	color: #ffea9c;
}
#header ul {
	position: absolute;
	top: 145px; left: 40px;
	margin: 0; padding: 0;
	list-style-type: none;
	width: 792px; height: 45px; line-height: 35px;
	overflow: hidden;
	/*background: no-repeat url(images/bckheaderul.png);*/
}
#header li {
	display: inline;
	margin: 0 0 0 20px;
	font-size: 14px;
}
#container {
	width: 792px;
	background: repeat-y url(images/lux_bckpage.png);
	margin: 0px 0px 0px 48px;
}
#content {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 565px;
}
#content a {
	color: #9ad900;
	font-weight: bold;
}
#content .post {
	position: relative;
	margin: 0 0 20px 0;
}
#content .post .title {
	position: relative;
	margin: 0 0 0 -32px; padding: 0px 0px 0px 40px;
	width: 618px; height: 46px; line-height: 25px;
	background: no-repeat url(images/lux_bckcontentposttitle.png);
	font-size: 14px; font-weight: bold;
	text-transform: uppercase;
}
	
	#content .title .the_category{
		display: block;
		position: absolute;
		right: 70px;
		top: 0;
		padding-left: 25px;
		background-repeat:no-repeat;
		background-position:0 3px ; 
	}
	
	#content .title  .Uncategorized{
		background-image: url(images/news.gif);
	} 
	
	#content .title  .OPINIONS{
		background-image: url(images/opinion.gif);
	} 
	#content .title  .NEWS{
		background-image: url(images/news.gif);
	} 
	#content .title  .PLAYTEST{
		background-image: url(images/playtest.gif);
	} 
	#content .title  .WEB{
		background-image: url(images/web.gif);
	} 
	#content .title  .GRAPHICS{
		background-image: url(images/graphics.gif);
	} 
	#content .title  .BLOG{
		background-image: url(images/blog.gif);
	} 
	#content .title  .INSPIRATION{
		background-image: url(images/inspiration.gif);
	} 
	#content .title  .INDUSTRY{
		background-image: url(images/industry.gif);
	} 

#content .post .title a {
	color: #3b3b3b;
	text-decoration: none;
}
#content .post .title a:hover {
	text-decoration: underline;
}
#content .post .icon {
	background: url(images/gameArt.gif);
	width: 18px; height: 18px;
}
#content .post .entry {
	margin: 0px 0px 0px 20px;
	width: 525px;
}
#content .post .entry a {
	text-decoration: none;
}
#content .post .separator {
	background: url(images/lux_commentSeparator.gif);
	width: 531px; height: 1px;
	margin: 0px 0px 0px 15px;
}
#content .post .meta {
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 0px;
	color: #c5c5c5;
}
#content .post .meta a {
	color: #9ad900;
	font-weight: bold;
	text-decoration: none;
}
#content .post .meta a:hover {
	text-decoration: underline;
}
#content .post .meta div {
	width: 525px;
}
#content .post .meta .categories {
	float: right;
}
#content .post .meta .tags {
	float: right;
	text-align: right;
}
#content .post .comments {
	position: relative;
	/*top: 15px; right: 60px;*/
	padding: 10px 15px 0 0;
	font-size: 11px;
	text-transform: uppercase;
}
#content .post .comments a {
	color: #3b3b3b;
	text-decoration: none;
}
#content .post .date {
	position: absolute;
	top: 5px; right: 0;
	width: 50px; height: 48px;
	text-align: center; line-height: 24px;
	font-family: Arial; font-size: 18px; font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
#sidebar {
/* check this with Rob - it's not logical 
	position: absolute;
	top: 100px;
	margin: 0 0 0 565px;*/
	float: left;
	margin: 0 0 0 0; /*same - not logical*/
	padding: 0 0 0 0;
	width: 179px;
	background-image: url(images/lux_sidePane1Repeat.gif);
	background-repeat:no-repeat;
}
#sidebar ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
#sidebar .static {
	background: url(images/lux_sidePane1Repeat.gif);
}
#sidebar .static form {
	margin: 0 0 0px 0;
}
#sidebar .static form input {
	vertical-align: top;
	border: 0;
}
#sidebar .static form .text {
	/*margin: 0 5px 0 0; padding: 4px 5px 0 5px;*/
	width: 150px; height: 20px;
	background: no-repeat url(images/bcksidebarstatictext.png);
}
* html #sidebar .static form .text {
	background-attachment: fixed;
}
#sidebar .static form .btn {
	width: 65px; height: 24px;
	background: no-repeat url(images/bcksidebarstaticbtn.png);
	font-size: 16px; font-weight: bold;
	color: #fff;
	cursor: pointer;
}
#sidebar .static ul {
	margin: 0 0 0 0;
}
#sidebar .static li {
	float: left;
	padding: 0 0 0 39px;
	height: 32px; line-height: 32px;
	background: no-repeat;
	font-size: 12px; font-weight: bold;
	text-transform: uppercase;
}
#sidebar .static .posts {
	margin: 10px 15px 10px 20px;
	width: 85px;
	background-image: url(images/lux_RSS.png);
}
#sidebar .static .comments {
	width: 105px;
	background-image: url(images/bcksidebarstaticcomments.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#sidebar .static li a {
	color: #1c5113;
	text-decoration: none;
}
#sidebar .separatorS1S2 {
	background-image: url(images/lux_sidePanel2Title.png);
	height: 106px;
	width: 179px;
	/*display:none;*/
}
#sidebar .bottomS2 {
	background: no-repeat url(images/lux_sidePanel2Bottom.png);
	height: 106px;
}
#sidebar .light {
	background-image: url(images/lux_sidePane1Repeat.gif);
	background-repeat:repeat-y;
}
#sidebar .light li {
	margin: 0 0 0 10px;
	width: 160px;
	font-size: 11px; font-weight: bold;
	color: #3b3b3b;
}
#sidebar .light li li {
	margin: 10px 0 10px 0;
	width: 160px;
}
#sidebar .light ul, #sidebar .light .widget_tag_cloud div, #sidebar .light .textwidget, #calendar_wrap {
	padding: 0px 0px 10px 10px;
}
#sidebar .light ul ul {
	margin: 0 0 0 0; 
	padding: 0;
}
#sidebar .light a {
	color: #9dcd29;
	text-decoration: underline;
}
#sidebar .light a:hover {
	color: #9dcd29;
	text-decoration: none;
}
#sidebar .light li li a {
	text-decoration: underline;
}
#sidebar .light li li a:hover {
	text-decoration: none;
}
#sidebar .light h3 {
	position: relative;
	margin: 0 0 0 0; padding: 10px 0 0 10px;
	/*height: 20px; line-height: 35px;*/
	/*background: no-repeat url(images/lux_sidePanel2TitleRepeat.gif);*/
}
#sidebar .grey {
	background: url(images/lux_sidePane2Repeat.gif);
}
#sidebar .grey li {
	width: 179px;
	font-size: 10px; font-weight: bold;
	color: #fff;
}
#sidebar .grey li li {
	margin: 10px 0 10px;
	width: 130px;
}
#sidebar .grey ul, #sidebar .grey .widget_tag_cloud div, #sidebar .grey .textwidget, #calendar_wrap {
	padding: 0px 0px 10px 10px;
}
#sidebar .grey ul ul {
	margin: 0 0 0 15px; padding: 0;
	background: none;
}
#sidebar .grey a {
	color: #9dcd29;
	text-decoration: underline;
}
#sidebar .grey a:hover {
	color: #ffff32;
	text-decoration: none;
}
#sidebar .grey li li a {
	text-decoration: underline;
}
#sidebar .grey li li a:hover {
	text-decoration: none;
}
#sidebar .grey h3 {
	position: relative;
	margin: 0 0 0 0; padding: 10px 0 0 10px;
	/*height: 20px; line-height: 35px;*/
	/*background: no-repeat url(images/lux_sidePanel2TitleRepeat.gif);*/
}
#footer {
	width: 565px;
	margin: 0 0 0 48px; padding: 20px 0 0 0;
	height: 85px;
	text-align: center; line-height: 35px;
	background: no-repeat url(images/lux_footer.png);
	font-family: Arial; font-size: 10px;
	/*color: #fff;*/
}
#footer a {
	color: #9ad900;
	font-weight: bold;
	text-decoration: none;
}

#content .navigation {
	margin: 0px 10px 0px 10px;
	width: 565px;
	font-weight: bold;
}
#content .navigation a {
	text-decoration: none;
}
#content .navigation a:hover {
	text-decoration: underline;
}
#content .postnavigation {
	/*margin: 15px 0 0 0;*/
}

.commentlist, .children {
	margin: 10px 0px 10px 100px; padding: 0;
	list-style-type: none;
}
.children {
	margin: 10px 0 0 10px;
	}

.separator {
	background: url(images/lux_commentSeparator.gif);
	width: 531px; height: 1px;
	margin: 0px 0px 0px 15px;
}
/*.commentlist .top{
	background: no-repeat url(images/lux_commentTop.png);
}*/

.commentlist .comment {
	margin: 0px 0px 15px 0px;
	/* 
	padding: 5px 20px 5px 30px;
	background-color: #916d6d;
	border: #c39494 10px solid;*/
	
	background-image:url(images/lux_commentTop.png);
	background-repeat:no-repeat;
	
	/*background: url(images/lux_commentRepeat.png);*/
}
.comment .comment-body{
	background-image: url(images/lux_commentBot.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom: 9px;
}

.comment .comment-body .comment-author,.comment .comment-body .comment-meta{
padding: 5px 20px 10px 30px;

}
.comment .comment-body p{
	background-image: url(images/lux_commentRepeat.png);
	background-repeat:repeat;
	display:block;
	padding: 5px 20px 10px 30px;
}

.commentlist .avatar {
	float: left;
	margin: 0px 5px 5px -90px;
	/*border: #c39494 1px solid;*/
}
#author, #email, #url, #comment {
	margin: 0 25px 0 20px; padding: 2px;
	background-color: #fff !important;
	border: #9ad900 5px groove;
}
#comment {
	width: 500px;
}
#comments, #respond h3 {
	text-align: center;
	font-size: 15px;
}
a#cancel-comment-reply-link {
	font-weight: bold;
}

/* A few generic styles used across the site */

a img {
	border: 0;
}

td {
	vertical-align: top;
}

input, textarea, select {
	vertical-align: middle;
	margin: 0 0 0 10px;
	font-family: Arial, sans-serif; font-size: 12px;
	color: #000;
}
input[type="text"], input[type="password"] {
	padding: 2px;
	background-color: #fff !important;
	border: #9ad900 1px solid;
}
textarea, select {
	padding: 2px;
	background-color: #fff !important;
	border: #9ad900 1px solid;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #9ad900;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #9ad900;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 0 none;
	/*text-align: center;*/
	/*background-color: #f3f3f3;*/
	padding-top: 4px;
	/*margin: 5px 5px 5px 5px;
	color: #000;*/
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color: #000;
}