/*
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: #000;
	}
	
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;
}


/*Navigation*/

#navig{
	width:900px; 
	background:#fff;background: rgba(255,255,255,0.65); background:transparent;
	clear:both;
	font-size:18px;
	margin-top: 0px;
	border-bottom:1px solid #999;
	}
	
	
.navigtop{float:right; width:700px;}
.navigtop a{color:#000;}
.navigtop li{list-style:none;}
.navigtop li a{float:right;  font-size:13px; font-weight:bold; 
text-align:center;color:#000; font-weight:bold; border:1px solid #ddd; margin:3px 0px 0px 20px;
line-height:12px; height: 14px;font-size:13px; width:90px; padding:4px;
-webkit-border-radius:14px; border-radius:14px; -moz-border-radius:14px;}
.navigtop li a:hover{text-decoration:none; background: rgba(255,255,255,0.65);!important; color:#000;text-shadow: none;}
.current_page_item a{text-decoration:none; border:1px solid #999 !important;background: rgba(255,255,255,0.65); color:#000 !important;}
.current-cat a{text-decoration:none; border:1px solid #999 !important;background: rgba(255,255,255,0.65); color:#000 !important;}




#searchform{float:left;}
#s{ height:20px; width:200px; border: 1px solid #999; text-align:center; background:rgba(255,255,255,1.0);
-webkit-border-radius:14px; border-radius:14px; -moz-border-radius:14px; position:relative; top:3px;}





#lcomments{width:150px; padding:5px; text-align:left;
	background:#fff; background: rgba(255,255,255,0.65);
	margin-top:8px;
	}
	
#lcomments a{color:#000;}
	
#lcommentstitle{height:35px; font-size:18px; line-height:34px;}

.lcommentstopic{font-size:11px; margin-bottom:7px; padding-bottom:8px; font-style:"Verdana"}
.lcommentstopic a {font-size: 12px; font-style:"Arial";}



/* HOME */




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

#left {
	float:right;
	width:900px;
}


.featurebox{ width:450px; height:154px; overflow:hidden; float:left; background:#fff;background: rgba(255,255,255,0.65);background:transparent;
border-bottom:1px solid #999;padding-top:4px; }

.featurebox a{ color:#000;}

.featuretitle {
	text-align: center;
	font-size: 18px;
	margin:10px;
		font-weight:bold;

	}
	
.featuretime {
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.featureexcerpt {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background: #fff;
	padding: 1px 15px 3px 10px;
	text-align: left;
	background: rgba(255,255,255,0.65);
	margin:0 10px 0 10px;
	background:transparent;
	text-align: justify;

	
}

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

.featurepic {
	float:right;
	text-align:left;
	width:150px; height:150px;
	margin:0px 5px 5px 15px;
	border-left:1px solid #ddd;padding:0 0 0 5px;
	opacity:0.4;
	-webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.featurebox:hover .featurepic{
opacity:1.0;
-webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    }




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






.stickybox{ width:900px; overflow:hidden; float:left; background:#fff;background: rgba(255,255,255,0.65); background:transparent;
border-bottom:1px solid #999;}

.stickybox a{ color:#000;}

.stickytitle {
	text-align: center;
	font-size: 26px;
	margin:10px;
	font-weight:bold;
	}
	
.stickytime {
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.stickyexcerpt {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background: #fff;
	padding: 1px 15px 3px 15px;
	text-align: left;
	background: rgba(255,255,255,0.65);
	background:transparent;
	text-align: justify;

}

.stickyexcerpt a {text-decoration:underline;}

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

.stickypic {
	float:right;
	text-align:left;
	margin:5px 5px 5px 15px;
	padding-left:5px;
	border-left: 1px solid #ddd;
}




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






	
	
	





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








/* 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{
	width: 900px;
	float:right;
	
	}

#singlepage{
	width: 900px;
	background:#fff; background: rgba(255,255,255,0.65);background:transparent;
	
	

	}

#singletitle a {
	font-family:Arial;
	font-weight:bold;
	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); background:transparent;
	text-align: justify;
	font-size: 14px;
	color: #222;
	text-decoration: none;
	font-size:12px;
	
}
#singlecontent a {text-decoration:underline;}

#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:right;
		margin:5px;
}

#singlenavi {
	background: #fff;
}

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

	
#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 #999; background:#fff; background: rgba(255,255,255,0.65); background:transparent; border-top:none; margin:0px 2px 10px 2px;}
#singleauthormeta{background:#000; color:#fff; padding:5px;}
#singleauthoravatar{float:right; margin: 5px; border:2px solid #000;}
#singleauthortext{padding:5px;min-height:41px;}



/* COMMENTS (also in functions.php) */
#commentsys {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; border-bottom:1px solid #999; }
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; }
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; padding: 5px;}
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);background:transparent;}
ol.commentlist li.odd { background:#fff; background: rgba(255,255,255,0.65);background:transparent;}
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);background:transparent;}
/* 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);
	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;
	text-align:center;
}

#pagednavi{
	clear:both;
	text-align:center;
	width:727px;
	background:#fff;
	background:rgba(255,255,255,0.65);background:transparent;
	padding:5px;
	margin-left:80px;
	margin-top:8px;
	
}

#pagednavi a{color:#333;}

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

.page {border:1px solid #999 !important;}
.nextpostslink{border:1px solid #999 !important;}
.pages{border:1px solid #999 !important;}
.last{border:1px solid #999 !important;}
.extend {border:1px solid #999 !important;}

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