/*
Theme Name: FoOlMatik
Theme URI: http://foolrulez.org/blog/2009/08/foolmatik-released/
Description: A theme where everything moves yet everything is clear. Two posts are featured on the homepage and many other entries are shown at the same time in smaller boxes. AJAX lets you browse categories from homepage, and the option page lets you place ads and deactivate functions easily. For the latest version check the <a href="http://foolrulez.org/blog/2009/08/foolmatik-released/">thread@FoOlRulez</a>.
Version: 0.8.2
Author: Woxxy
Author URI: http://foolrulez.org/
Tags: silver, dark, fixed-width, two-columns, widgets,threaded-comments, right-sidebar, theme-options, Gravatars, AJAX

	The CSS, HTML and design is released under GPLv3:
	http://www.opensource.org/licenses/gpl-3.0.html

*/
@charset "UTF-8";
body{}

body{
	background-color: #000; 
	font-family: Arial, Helvetica, sans-serif;
	}
img {border:none}

p img {
	padding: 0;
	max-width: 100%;
	}


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;
	}

.alignright {
	float: right;
	}

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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

blockquote{
padding-left: 5px;
border-left: 3px solid #777;}


/* Header */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
	
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
//	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #cc3300;
	}
	
a:hover{
//	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #555	;}
	
h1, h2, h3 {
	font-weight: bold;
	}

#world {
	text-align: center;
	width: 900px;
	margin: auto;
}
#topheader{width:900px;clear:both;}
#topbothtitles{float:left;}
#toptitle{float:left;color:#fff; font-size:30px; font-family: Arial black;}
#toptitle a{float:left; font-size:40px; font-family: Arial black;}
#topsubtitle{float:left; margin:0 0 10px 35px;color:#fff; font-size:10px; clear:left;}

#bordertopad{background-color:#777; float:right; padding:3px 4px 3px 4px; margin:0 0 3px 0;}
#outertopad{background-color:#fff; float:right;padding: 2px}
#topad {background-color: #fff; margin: auto; padding: 2px 3px 2px 3px;}

/*Navigation*/

#navbar {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 900px;
	height: 30px;
	clear:both;
}

#navright{background:#fff; background: rgba(255,255,255,0.65);float:left; padding:9px; width:409px; height:60px; color:#000; text-align:left; background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;}


#navig {
	float: right;
	width:440px;
	}

	
#nav {
	float: left;
	list-style-type: none;
	margin: 0;
	height: 30px;
	margin-left:30px;
	}


	
#nav a{
	color: #000;
	}
	
.page_item {
	float: left;
	padding:9px;
	margin:10px 20px 0 0;
	}




#search {
	width:100%;
	text-align:center;
	height:30px;

	margin-bottom:-13px;}
	
#search input {
	text-align:center;
	border: 1px solid #ddd;
	width: 390px;
	margin-right:30px,
	height: 16px;
	margin: 0 auto;
	background: #fff;
}

.categlist{
	margin-left:45px;
	margin-top: 4px;
	float:left;
	color:#000;
	font-size:10px;
	line-height:10px;
}
.categlist a{
	color:#000;
}

.categlist ul{
float:left;
}


/* HOME */




.featurelatest{text-align:center;
	margin:2px;
	}

#left {

	margin: 0px 5px 0 0;
}


.featurebox{ width:900px;  margin-top:15px; background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;	-webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px;
}

.featurebox a{ color:#000;}

.featuretitle {
	text-align: center;
	font-size: 32px;
	line-height:93%;
	}
	
.featuretitle a {
	font-family:'animeaceB',Arial Black;
	font-size: 26px;
	margin: 0 2px 0 2px;
}
.featuretime {
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.featureexcerpt {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	background: #fff;
	padding: 3px 15px 3px 15px;
	text-align: justify; text-justify: newspaper;
	background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;
	-webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px;
	-webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topright:0px;

	
}

.featuremeta {
	position: relative;
	top: 20px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.featurepic {
background:#fff; background: rgba(255,255,255,0.65);
	float:left;
	text-align:left;
}
.featurepic img {max-width: 250px; max-height: 220px; 
}



.featurereadmore a{
	font-family:arial;
	font-size:12px;
	color: #000; }
	
	
	








.whitebox{background: #fff; color:#000; width:468px; height: 274px; float:right; text-align:left; font-size:12px; background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;	overflow:hidden;
}
.whitebox a {color:#000; text-decoration:none;}
.inwhitebox{margin:10px 6px 10px 6px;line-height:17px;}
#whitead {margin-top:6px;}

.pair{background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;}
.odd{}


.clearer{clear:both;}
.clearerl{clear:left;}
.clearerr{clear:right;}
.clearerbord{clear:both; border-bottom:1px solid #fff;}
.clearerb{clear:both;}













#right{
	width: 432px;
	float: left;
	margin-top:10px;
}

#themiddleones {margin:10px 0 0 0;height:85px;}

.rightones{float:left; clear:left; margin: 10px 0 0 0;}

.block{
background:#fff; background: rgba(255,255,255,0.65); 
	color: #000;
	float:left;
	height:68px;
	background: rgba(255,255,255,0.65); -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -moz-border-radius-topright:6px;
	overflow:hidden;}
	
.block a {color: #000; }
.block:hover {color: #000; background:#fff;}
.block:hover a {color: #000; background:#fff;}

.thumbnail {float:left;}
.thumbnail2 {float:left;}

.thumbnail img { margin: 0 3px 0 0; float: left; width: 68px; height: 68px;}

#morebutton{margin:2px 0 0 0; color:#000; text-align:right;  font-size: 12px; width:422px; padding: 2px 5px 2px 0; background:#fff; background: rgba(255,255,255,0.65); 
-webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px;

}
#morebutton a{color:#000; background:#fff; background: rgba(255,255,255,0.65);}
#morebutton:hover{color:#000; background:#fff;}


#topexcerpt {background-color: #777;
padding: 0px 2px 7px 1px;
margin: -1px 1px 0 0;
}



.moreposts {
	font-size:12px;
	width: 208px;
	height:64px;
	padding:2px;
}




#commentnumber {position: relative;
				top: 63px;
				left: 40px;
				font-size: 10px;}



#olderbutton {
	font-size: 22px;
	clear: both;
}





#adbanner {margin: 3px 0 3px 0;}


#excerptsbig{	
	height:520px;
	background-color:#777;
	padding: 0px 0px 0 10px;
	margin: 0 1px 0 0;
}

#excerptsbig2{	
	height:520px;
	background-color:#777;
	padding: 0px 0px 0px 10px;
	margin: 0 1px 0 0;
}

.morepostsbig {
	margin-bottom: 4px;
	width: 370px;
	height: 79px;
	background-color: #fff;
}

.moretitlebig, .moretitlebig a{
	position:relative;
	left:2px;
	height: 24px;
	text-align: left;
	width: 360px;
	font-size:12px;
}

#realexcerpt { position:relative;
	left:6px;
	bottom:4px;
	width: 360px;
	height: 30px;
	font-size: 9px;
	text-align: left;
	margin-right:2px;
}

.commentnumberbig {float:right;
				text-align:right;
				font-size: 12px;}

.thumbnailbig img { float: left; width: 79px; height: 79px;border-right: 2px solid #000;}


/* FOOTER */

#footer {
	width: 900px;
	text-align:right;
	clear: both;
	color:#fff;
}

#credits {
	clear: both;
	font-size:11px;
}
#creditsleft {
	margin-bottom: 3px;
}	
#creditsright {
	float:right;
	margin-bottom: 3px;

}

#footeradborder{
width:900px;
background-color: #777;
padding-top:10px;
padding-bottom:10px;
}

#footerad{
	text-align:center;
	margin:0px 0 0 10px;
	width: 870px;
	background: #fff;
	clear: both;
	padding: 5px;}








/* SINGLE */




#single{
	margin:10px 0 5px 0px;
	width: 900px;
	float:left;
	}

#singlepage{
	width: 100%;
	float: left;
	background:#fff; background: rgba(255,255,255,0.65);
		background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;

	}

#singletitle a {
	font-family:'animeaceB',Arial Black;
	font-size: 28px;
	color: #000;
	text-decoration: none;
	margin:4px;
	line-height:30px;
}
#singletime {
	font-family: Verdana;
	margin: 2px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin:4px;
}
#singletime a {color:#000;}

#singlecontent {
	background: #fff;  background: rgba(255,255,255,0.65); 
	-webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;
	-webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px;
	-webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topright:0px;
	text-align: justify;
	padding:10px;
	font-size: 14px;
	color: #222;
	text-decoration: none;
}

#singlemeta {
	position: relative;
	top: 20px;
	font-family: verdana;
	margin: 2px;
	font-size: 12px;
	color: #222;
	text-decoration: none;
		margin:4px;

}

#singlepic {text-align:left;
		float:left;
		background:#fff; background: rgba(255,255,255,0.65);
		margin-bottom:5px;
}

#singlenavi {
	background: #fff;
}

#singlesidebar{
display:none;
	background:#fff; background: rgba(255,255,255,0.65);
	text-align:left;
	float:right;
	width:310px;
	-webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;
	background: rgba(255,255,255,0.65);
	}

	
#singlesidebar li {
	width: 300px;
	float:left;
	list-style-type:none;
	font-size: 12px;
	margin-top:0px;
	padding: 5px 5px 5px 5px;
	
}

#singlesidebar  li li{ border-bottom: none;
}
#singlesidebar  li ul li{ border: none; margin-left:-30px;width:280px;}

#singlewhite{background:#fff; background: rgba(255,255,255,0.65);}

#singlenavleft{
	float:left;
	padding:3px;}
#singlenavright{
	float:right;
	padding:3px;
	}
#singlenavboth{border-top:2px solid #bbb;}

#singlead{
	width: 900px;
	background: #fff;
	padding:5px 0 5px 0;
	float:left;}

#singleauthor{ border-bottom:1px solid #bbb; background:#fff; background: rgba(255,255,255,0.65); -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; border-top:none; margin:0px 2px 10px 2px;}
#singleauthormeta{background:#000; color:#fff; padding:5px;-webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-topleft:6px;-webkit-border-top-right-radius:6px; border-top-right-radius:6px; -moz-border-radius-topright:6px;}
#singleauthoravatar{float:right; margin: 5px; border:2px solid #000;}
#singleauthortext{padding:5px;min-height:41px;}



/* COMMENTS (also in functions.php) */
#commentsys {float:left;width:900px; margin:10px 0 0; text-align:left; clear:both;}
#innercommentsys {float:left;width:900px; text-align:left; text-align:left;}
ol.commentlist { width:900px; list-style:none; margin:0 0 0 0px; padding:0; text-indent:0; text-align:left;}
ol.commentlist li {  padding:0px 0px 5px 0px; margin: 0 0 10px 0px; min-height:80px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;}
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:5px;background:#000; color:#fff; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; }
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:#fff; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { float:right; border:2px solid #000; }
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-size:10px; color:#fff; text-align:left; background:#000; padding:0 0 5px 10px; margin-top:-5px;}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#fff; }
ol.commentlist li p { font:normal 14px/1.4 helvetica,arial,sans-serif; margin:0 0 1em;  padding:10px 0 0 10px;}
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; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px; margin: 0 0 5px 5px; text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0px 0em 0px; text-indent:0; }
ol.commentlist li ul.children li { border-bottom:1px solid #bbb;}
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 10px 10px 20px;}
ol.commentlist li ul.children li.depth-3 { margin:0 10px 10px 20px;}
ol.commentlist li ul.children li.depth-4 { margin:0 10px 10px 20px;}
ol.commentlist li ul.children li.depth-5 { margin:0 10px 10px 20px;}
ol.commentlist li ul.children li.depth-5 div.reply{ display:none; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; background: rgba(255,255,255,0.65);}
ol.commentlist li.odd { background:#fff; background: rgba(255,255,255,0.65);}
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 {}


#comment{width:98%;}
#comments{display:none;}
#respond{height:1%; margin:10px 10px 10px 10px; padding:5px 0px 5px 5px; background:#fff; background: rgba(255,255,255,0.65);-webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;background: rgba(255,255,255,0.65);}
/* PAGED (Page 2, Page3,...) */

#center {
	width: 920px;
	clear: both;
	background: #000;}
	

.pagedposts img {
	height:130px;
	width:130px;
	
}

.pagedposts {
	float:left;
	margin: 20px 20px 0px 0px;
	width: 440px;
	height: 130px;
	background:#fff; background: rgba(255,255,255,0.65);
	-webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;
	-webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px;
	-webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px;
	background: rgba(255,255,255,0.65);
}


#pagedexcerpt{
	font-size: 10px;
	text-align: left;
	width: 380px;
}
#pagedtitle{
	font-family: Arial black;
	text-align: left;
	width: 380px;
}


#pagedcommentnumber {
				text-align:right;
				position: relative;
				top: 110px;
				right: 3px;
				font-size: 14px;}

	
#pagedthumbnail{
	float: left;
	margin-right: 5px;
}

#pagednavi{
	float: right;
	margin: 10px 20px 5px;
}

#pagednaviout{background-color:#fff;
	padding:2px;}
	
#pagednaviborder{background-color:#777;
	padding:5px;}


#pagedad{
	margin:10px 0 0 10px;
	width: 870px;
	background: #fff;
	clear: both;
	padding: 5px;
	float:left;}



/* sidebar in posts */

.sidebar{
	text-align:left;
	font-size:12px;
	height: 503px;
	width: 357px;
	padding:10px 5px 5px 5px;
	margin:0 11px 0 11px;
	background: #fff;
	}

.sidebar li {	list-style-type: none;
	border-bottom: 2px solid #777;
}

.sidebar li li {	list-style-type: none;
	border-bottom: none;
}


/* 404 */
#message404 {font-size: 12px;
color: #fff;
margin-bottom: 3px;
clear:both;}

#evenmorebottom{color:#cc3300;}