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

*/

@font-face {  
	  font-family: "titillium";  
	  src: url('http://u.foolz.us/images/TitilliumTitle12.otf') format("OpenType");  
	}


@charset "UTF-8";
body {margin: 0px;}

body {
	background-color: #fff; 
	font-family: 'Titillium','Arial';
	padding: 0px;
	margin: 0px;
	}
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 #999;}


/* 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;
	}
	
body{
	background: #a0eeff;
	margin:0; padding:0;
	}



#content {
	width:800px;
	height:400px;
	background:#fdfdfd;
	position:relative;
	left:50%;
	margin-left:-400px;
	-webkit-border-bottom-rightradius:50px; border-bottom-right-radius:50px; -moz-border-radius-bottomright:50px;
}

#iam{
	width:450px;
	 font-size:30px;
	position:absolute;
	top:30px;
	left:350px;
	z-index:5000;
	}
	
#avatar{position:relative; bottom:0px;right:60px;}
#avatar img{width:400px;height:400px;}

#lasttweet{font-size:18px; position:absolute; bottom:30px; right:50px; width:400px;}