/*  
Theme Name: JonOso.com
Theme URI: http://www.monstersofblog.com/
Description: Wordpress Design by <a href="http://www.monstersofblog.com/">MonstersOfBlog.com</a>.
Version: 1.0
Author: MonstersOfBlog
Author URI: http://www.monstersofblog.com/
*/

body {padding: 0;margin: 0;font-family: "Verdana"; font-size: 12px;text-align: center;color: #808080; background: #000 url('images/bg.jpg') repeat-x top left;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
img {vertical-align: top;}
ul,li {margin:0;padding:0;}
ul ul {margin:0;}
li {list-style:none;}
h1,h2,h3 {margin:0; padding:0;}

.clear {clear:both;}
.floatL {float:left; width:auto;}
.floatR {float:right; width:auto;}
.bg {background: #000; padding:5px 0 10px 20px;}	

#wrapper {width:1000px; margin:auto; text-align:left;}
#header {height:135px; width:1000px; clear:both; background: url('images/head_back.jpg') no-repeat top right;}
	.nav {width:750px; height:45px; clear:both; margin:auto; text-align: center; font: 13px Arial; text-transform: capitalize}
		.nav a {color:#959595;}
			.nav a:hover {color:#fff; text-decoration: none;}

#squeeze {width:990px; padding:20px 0 0 0; margin:auto;}

#left {width:674px; float:left; }
	.post {clear:both; width: 674px; margin: 0 0 0 0; background: url('images/storytitle.jpg') no-repeat top left}
		.post .storytitle {clear:both; height:70px; width:665px; padding-top:5px;}
		.post .storytitle h2 {width:588px; font-size: 24px;font-family: Tahoma; font-weight: normal; float:left; padding:10px 0 0 10px;}
		.post .storytitle h2 a {color:#ff9400;}
			.post .storytitle h2 a:hover {text-decoration: none;}
		.post .storytitle .date {float:left; width:59px; color:#fff; font-size:10px; text-align: center; padding:6px 0 0 0;}
		.post .storytitle .posted {float:left; clear:left; font-size: 11px; padding:0 0 5px 10px; color:#fff;}
		.post .storytitle a {color:#fff;}
		.entry {width:640px; margin:auto; padding:0 0 0 0;}
			.entry a {color:#0090ff;}
			.entry a img {border: 2px solid #2c2c2c; clear:both; margin:auto}
		.post .post_image {clear:both; border:6px solid #2c2c2c;}
		.post_foot {clear: both;padding:10px; text-align: right; color:#a3a3a3; font-size: 11px}
			.post_foot a {color:#0090ff;}
		
.sidebar {width:288px; float:right;}
	.sidebar a {color:#fff;}
	.sidebar h2 {color:#fff;font: 22px Courier New, monospace; background: #000 url('images/orange.jpg') repeat-x top left; text-align: left; height:37px; width:288px; font-weight:400; padding:10px 0 0 20px;}
	.sidebar ul {}
	.sidebar ul li {list-style: none inside; list-style: url('images/bul.jpg') inside}
	.sidebar .bg {background: #000;width:294px; padding:5px 0 0 10px;}
	
.pagi {padding:10px; width:400px; margin:auto;}
	.pagi a {color:#fff;}
	
.foot_posts {background: url('images/btm_bg.jpg') repeat-x top left; height:208px; clear: both;}
	.foot_wrap {width: 882px; margin: auto;}
		.btm_box {float:left; width: 254px; padding:20px 40px 0 0; text-align: left;}
			.btm_box a {color:#0090ff}
			.btm_box .title {height:18px; overflow: hidden;}

#footer {clear:both; width:1000px; height:20px; padding:10px 0 0 10px; font-size: 10px; color:#a9a9a9; margin:auto;}
	#footer a {color:#737373;}
	
/* nav */
	#home {display: block; width: 130px; height: 30px; margin-right:20px; padding:15px 0 0 0;background: url('images/nav.gif') no-repeat 0 0; float:left;}
	#home:hover { background-position: 0 -45px;}
	
	#about {display: block; width: 130px; height: 30px; margin-right:20px; padding:15px 0 0 0;background: url('images/nav.gif') no-repeat 0 0; float:left;}
	#about:hover { background-position: 0 -45px;}
	
	#models {display: block; width: 130px; height: 30px; margin-right:20px; padding:15px 0 0 0;background: url('images/nav.gif') no-repeat 0 0; float:left;}
	#models:hover { background-position: 0 -45px;}
				
	#contact {display: block; width: 130px; height: 30px; margin-right:20px; padding:15px 0 0 0;background: url('images/nav.gif') no-repeat 0 0; float:left;}
	#contact:hover { background-position: 0 -45px;}
	
	#bookmark {display: block; width: 130px; height: 30px; margin-right:20px; padding:15px 0 0 0;background: url('images/nav.gif') no-repeat 0 0; float:left;}
	#bookmark:hover { background-position: 0 -45px;}

/* end nav */



	.widget_text h2 {background: url('images/red.jpg') repeat-x top left;}
	.widget_meta h2 {background: url('images/blue.jpg') repeat-x top left;}
	.widget_links h2 {background: url('images/orange.jpg') repeat-x top left;}
	.widget_categories h2 {background: url('images/red.jpg') repeat-x top left;}
	.widget_calendar h2 {background: url('images/blue.jpg') repeat-x top left;}
	.widget_archive h2 {background: url('images/orange.jpg') repeat-x top left;}
	.widget_recent_comments h2 {background: url('images/red.jpg') repeat-x top left;}
	.widget_pages h2 {background: url('images/blue.jpg') repeat-x top left;}
	.widget_recent_entries h2 {background: url('images/orange.jpg') repeat-x top left;}
	.widget_tag_cloud h2 {background: url('images/red.jpg') repeat-x top left;}