/*
Theme Name: Neat!
Theme URI: http://www.aamukaste.org/wpthemes/
Description: Just another stylish dark blue theme.
Version: 0.01
Author: Topi Peltonen
Author URI: http://www.aamukaste.org/
*/

/* ************** STRUCTURE ************** */

body {
	background-image: url("http://www.xjaymanx.com/xjaymanx_2007/Images/shadow_0999_toybox-8.gif");
	font-size: 11px; /* FIX xJAYMANx, Constructfic! 62.5%; Resets 1em to 10px */
	font-family: 'Trebuchet MS', Arial;
	background-color: #343434;
	color: #000000; /* 61636A */
	text-align: left;
	margin: 0;
	padding: 0;
	border: none; /* */
	background-color: #343434;
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: fixed;
}
hr {
	border: 0;
	color: #aaa;
	background-color: #aaa;
	height: 1px;
	/* width: 100%; */
	/* text-align: left; */
}

/* body	 { 
background: url("<?php bloginfo('stylesheet_directory'); ?>/images/bg.jpg") repeat-x top center fixed; border: none; }
*/
/*
#header { 
background: url("<?php bloginfo('stylesheet_directory'); ?>/images/header.jpg") no-repeat bottom center; border: none; 
}
*/
/*
#sidebar { 
background: url("<?php bloginfo('stylesheet_directory'); ?>/images/sidebar.gif") no-repeat top left; border: none; 
}
*/

#header {
	background-image: url("http://www.xjaymanx.com/xjaymanx_2007/Images/xjaymanx_header_0<?php echo(rand(84,90)); ?>.jpg");
	background-repeat: no-repeat;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	border-width: 0px 0px 0px 0px;
}
#header_sub {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 40px;
	border-width: 0px 0px 0px 0px;
}
#header_banner {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 300px;
	border-width: 0px 0px 0px 0px;
}
#header_banner img {
	width: 1000px;
	height: 300px;
}
#header img {
	border: 0px;
}
#header_sub img {
	border: 0px;
}
#header_banner img {
	width: 1000px;
	height: 300px;
}

#header h1 { display: none; }
#header .description { display: none }

#page {
	background-position: center top;
	background-attachment: fixed;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1000px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}

#content {
	background: url(http://www.xjaymanx.com/xjaymanx_2007/Images/left_edge_10.png) left repeat-y;
	float: left;
	background-color: #ffffff;
	margin: 0;
	padding: 20px 16px 20px 16px; /* 20-16-20-16 top right bottom left */
	width: 500px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
}

/* See #sidebar p below */

#sidebar {
	/* background: url(http://www.xjaymanx.com/xjaymanx_2007/Images/left_edge_10.png) left repeat-y; */
	float: left;
	/* background-color: #eeeeee; */
	padding: 10px 20px 20px 24px; /* 10-20-20-24 top right bottom LEFT=24 */
	width: 260px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	font-family: "Trebuchet MS";
	font-size: 11px; /* font-size: 1.1em; */
	font-weight: normal;
}

#widebar {
	/* background: url(http://www.xjaymanx.com/xjaymanx_2007/Images/left_edge_10.png) left repeat-y; */
	float: left;
	/* background-color: #ddd; */
	padding: 10px 20px 20px 20px; /* 10-20-20-20 top right bottom left */
	width: 120px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	font-family: "Trebuchet MS";
	font-size: 11px; /* font-size: 1.1em; */
	font-weight: normal;
}

#footer {
	background-image: url("http://www.xjaymanx.com/xjaymanx_2007/Images-toybox-random/xjaymanx_footer_9.jpg");
	background-repeat: no-repeat;
	text-align: center;
	padding: 0px 0px 0px 0px; /* left+right+width=1000 */
	height: 210px;
	/* width: 1000px; number of cells x width = footer width */
	border-width: 0px 0px 0px 0px;
}
#footer p {
	color: #bbbbbb;
	font-family: "Trebuchet MS";
	font-size: 10px; 
}
#footer a {
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 10px; 
}
#foot_cell_more {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #bbb;
	
	text-align: right;
	text-decoration: none;
	float: left;
	width: 980px; /* should be 1000 minus padding */
	padding: 40px 20px 0px 0px;
	margin: 0px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}
#foot_cell_more a {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
#foot_cell_more a:hover {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
	padding: 5px 0px 5px 0px;
}
#footer_sub {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 40px;
	border-width: 0px 0px 0px 0px;
}
.container {
	filter: alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.00;
}
.container_header {
	filter: alpha(opacity=77);
	opacity: 0.77;
	-moz-opacity: 0.77;
}
.container_footer {
	filter: alpha(opacity=77);
	opacity: 0.77;
	-moz-opacity: 0.77;
}

#navigation {
	background-color: #000000;
	text-align: center;
	line-height: 31px; /* 30+1 to fix FF footer black line */
	width: 1000px; /* need width for IE transparency. weird. */
	margin-left: auto; 
	margin-right: auto;
}
#nav_cell {
	background-color: #000000;
	float: none; /* either float or display inline */
	display: inline;
	width: 140px; /* only works with float */
	line-height: 30px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}
#nav_cell a {
	background-color: #000000;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
#nav_cell a:hover {
	background-color: #333333;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	padding: 5px 10px 5px 10px;
}
#nav_cell a.activecell {
	background-color: #333333;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff; /* removed decoration */
	padding: 5px 10px 5px 10px;
}
#nav_cell_sub {
	background-color: #000000;
	float: none; /* either float or display inline */
	display: inline;
	width: 120px; /* only works with float */
	line-height: 30px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}
#nav_cell_sub a {
	background-color: #000000;
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #aaa;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
#nav_cell_sub a:hover {
	background-color: #333333;
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #aaa;
	text-decoration: underline;
	padding: 5px 10px 5px 10px;
}

#separator {
	clear: both;
	height: 0px;
}

/* **************** LINKS **************** */

a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000; /* 36769C */
	text-decoration: none;
}

a:hover, .entrytext a:hover, #sidebar_boldlinks a:hover, #widebar a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ff0000; /* aaa | 399CC6 */
	text-decoration: underline;
}

#sidebar_boldlinks a {
	text-decoration: none;
	font-weight: bold;
}

h2 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ff0000; /* 000 | 399CC6 */
	text-decoration: underline;
}

/* *************** IMAGES *************** */

img.border10 {
	border: 10px solid #dddddd; 
}

/* Next's that image before the post title */

img.lefth2img {
	margin: 0;
	padding: 0 5px 0 0;
}

/* And next's that image under the titles in sidebar */

img.righth2img {
	margin: 0 0 -12px 0;
	padding: 0;
}

.nopad { padding: 0px; border: 0px; }

/* *************** HEADERS *************** */

h1, h2 {
	background: url("http://www.xjaymanx.com/xjaymanx_2007/Images/bottom_edge_25.png") repeat-x;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 13px; /* 1.5em; */
	padding: 3px 10px 3px 10px;
	color: #000000;
}
h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 13px; /* 1.5em; */
	padding: 3px 0px 3px 0px;
	color: #000000;
}

h2.pagetitle {
	text-align: right;
	background: url("http://www.xjaymanx.com/xjaymanx_2007/Images/bottom_edge_25.png") repeat-x;	
	border-bottom: 0px solid #ddd; /* 454C67 */
	color: #000000;
	margin-top: 0;
	padding: 3px 10px 3px 10px;
	margin-bottom: 30px;
}

#sidebar h2 {
	background: url("http://www.xjaymanx.com/xjaymanx_2007/Images/bottom_edge_25.png") repeat-x;	
	color: #000000; /*36769C*/
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
	border-bottom: 0px solid #bbb;
	padding: 3px 10px 3px 10px;
	background-color: #ddd;	
}

.post h2 {
	background: url("http://www.xjaymanx.com/xjaymanx_2007/Images/bottom_edge_25.png") repeat-x;	
	/* display: inline; removing inline stretches the bar to full length */
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 5px 0px;

}

.post small { 
	padding: 3px 10px 3px 10px;
	display: block; 
	font-size: 11px; /* none */
}
small { 
	padding: 3px 10px 3px 10px;
	font-size: 11px; /* none */
}
p small { 
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #777777;
}

.post h3 {
	font-size: 13px; /* 1.5em; */
	padding: 0;
	margin: 15px 0 0 0;
}

/* ****************** POST ****************** */

.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
#postnav {
float: left;
}

p {
	font-size: 11px; /* font-size: 1.1em;  */
}
.entry nopad {
	background-color: #eee;	
	padding: 0px;
	border-top: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	border-right: 0px solid #ddd;	
}

.entry img {
	background-color: #eee;	
	padding: 24px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}
.entry img.caption {
	background-color: #eee;    
	padding: 0px;   
}
.entry em {
	font-size: 11px; 
}
.entry a {
	text-decoration: none; /* none for those images */
	font-weight: bold; /* bold for those images */
}
.entrytext em {
	font-size: 11px; 
}
.entrytext a {
	text-decoration: none; /* none for those images */
	font-weight: bold; /* bold for those images */
}
.entrytext img {
	background-color: #eee;	
	padding: 24px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.entrytext img.caption {
	background-color: #eee;    
	padding: 0px;   
}
.commentmetadata {
	font-size: 11px; /* 1.1em; */
}

.post {
	font-size: 11px; /* 1.1em; */
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.postmetadata {
	text-align: right;
	padding-bottom: 20px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}

div.caption {
	margin: -5px 0 0;
	background-color: #eee;	
	padding: 12px 24px 12px 24px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

blockquote {
	margin: -5px 0 0;
	background-color: #eee;	
	padding: 12px 24px 12px 24px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

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

code {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	font: 11px 'Courier New', Courier, Fixed; /* 1.1em; */
 	background-color: #eeeeee;
	color: black;
}

.navigation { 
	font-size: 11px; /* 1.1em; */
	margin-bottom: 15px; 
}

/* ************* SIDEBAR LISTS ************** */

.container img.sidebar {
	background-color: #eee;	
	padding: 24px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}
.container img.widebar {
	background-color: #eee;	
	padding: 24px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}

/* That next line puts ' � ' front of the list-items
   in the sidebar, with modern browsers only :| */

#sidebar ul ul li:before { content: "\00BB \0020"; }

#sidebar p {
	font-size: 11px; /* font-size: 1.1em;  */
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none; /* must be none! */
	list-style-image: none;
	/* margin-bottom: 15px; */
}
#sidebar_boldlinks ul li { /* added by me */
	list-style-type: square;
	list-style-image: none;
	margin-left: 40px; 
	text-align: justify;
}
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

/* ol li, #sidebar ul ol li { list-style: decimal outside; } */

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* *************** SEARCHFORM *************** */

#searchform {
	margin: auto 0;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}

form#searchform input:focus {
	border: 2px solid #aaaaaa;
	margin-top: 0px;
	margin-bottom: 0px;
}

#searchform input { 
	background-color: #ffffcc; 
	font: 11px "Trebuchet MS", Verdana, Arial, Sans-Serif; /* 1em; */
	border: 2px solid #dddddd; /* 399CC6 */
	margin-top: 0px;
	margin-bottom: 0px;
}

#searchform #s {
	width: 97%;
	padding: 2px;
}

#searchsubmit { display: none; }

/* **************** COMMENTS **************** */

/* Form */

#respond { margin-top: 30px; }

#commentform input {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 12px;
	
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 14px;
	background-color: #ffffcc; 
	width: 100%;
	padding: 2px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

#commentform #submit {
	margin: 0;
	float: right;
}

#commentform p { margin: 5px 0; }

#commentform img { border: 0px; }

/* Comments */

.jay {
	color: #fff;	
	background-color: #555;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #343434;
}

.jay strong a, .jay a, .commentlist .jay p a {
	color: #fff;
}

.commentlist .jay abbr {
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #343434;
	border-top: 1px solid #111; 
	border-left: 1px solid #111; 
	border-bottom: 1px solid #111; 
	border-right: 1px solid #111; 
}

.commentlist .jay .cluv {
	margin-top: 10px;
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #343434;
	border-top: 1px solid #111; 
	border-left: 1px solid #111; 
	border-bottom: 1px solid #111; 
	border-right: 1px solid #111; 
}

.alt, .jay2 {
	background-color: #ffffee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.alt2 {
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.commentlist {
	padding: 0;
	margin: 0 0 20px 0;
	text-align: justify;
}

.commentlist li {
	margin: 5px 0 3px 0;
	padding: 5px 10px 3px 10px;
	list-style: none;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.commentlist p { margin: 0 0 15px 0; }

.commentlist p a {
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
}

.commentlist strong a {
	font-weight: bold;
	text-decoration: underline;
}

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

.commentmetadata {
	margin: 0;
	display: block;
}

.commentlist abbr {
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.commentlist .cluv {
	margin-top: 10px;
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.commentlist .alt abbr {
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #ffffdd;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.commentlist .alt .cluv {
	margin-top: 10px;
	padding: 3px;
	font-style: italic;
	font-weight: bold;
	background-color: #ffffdd;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* **************** NAVIGATION **************** */

#nav {
	list-style: none;
	padding: 0 0 3px 0;
	margin: 3px 0 0 3px;
}

#nav #current {
	font-weight: bold;
}

#nav a {
	background-color: #FFFFFF;
	color: #000000; /* 61636A */
	font-size: 12px;
	/* font-variant: small-caps; */
	margin-right: 1px;
	padding: 1px 7px 2px 7px;
	text-decoration: none;
	border: 1px solid #000000; /* 454C67 */
}

#nav a:hover, #nav #current {
	background-color: #36769C; /*36769C*/
	color: #FFFFFF;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#pagenavigation {
	width: 200px;
	padding: 5px;
	margin: 10px 0 0 15px;
	background-color: #36769C; /*36769C*/
	color: #FFFFFF;
}

#pagenavigation p {
	padding: 0px;
}

#pagenavigation a {
	color: #FFFFFF;
	text-decoration: none;
}

#pagenavigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#pagenavigation ul {
	margin: 10px 0 0 0;
}

#pagenavigation li {
	margin: 0 0 5px 0;
}

#pagenavigation #navheader {
	font-weight: bold;
	text-decoration: underline;
}