/*  
Theme Name: Simple Paper magOwl Edit
Theme URI: http://www.blogohblog.com
Description: Simple Paper is designed and built by Jai Nischal Verma of <a href="http://www.blogohblog.com/" title="free wordpress themes">Blog Oh Blog</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my link under your footer.
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0; padding:0;}
body{background:#1d1d1d; font-family:Arial, Helvetica, sans-serif;}
/*
body{background:url(images/stripe.png); font-family:Georgia, "Times New Roman", Times, serif;}
*/
#container{background:#323232; width:1113px; margin:auto; border:1px solid #999;}
#wrapper{width:872px; background:url(images/wrapper.gif) repeat-y; float:left; padding:0 0 10px 0;}
#wrapper2{width:872px; background:url(images/wrapper2.gif) repeat-y; float:left; padding:0 0 10px 0;}
#c1{width:551px; float:left; padding:18px 15px 0 20px;}
#c2{float:right; width:253px; padding:5px 12px 0 17px;}
#c3{float:left; width:120px;}
#c4{ width:800px; float:left; padding: 18px 15px 0 20px;}
#oads{width:300px; margin-bottom:10px; padding:0 0 20px 0;}
#oads ul {}
#oads ul li { float:left; padding-right:5px;}
#oads ul li.last { float:right; padding:0px; }

/**************** Logo/Header *********************/

#logo a{font-size:36px; color:#1d1d1d; text-decoration:none; text-transform:none; letter-spacing:1px; font-weight:normal;}
#description{font-size:14px; color:#C14109; font-weight:strong;}

.piclogo {width:550px; height:150px; float:left; padding:0 0 0 0; margin:0 0 0 0;}



/**************** Links *********************/
a:link, a:visited {color:#0b9ec0; text-decoration:none;}

/**************** Navigation *********************/
#nav{position:fixed; width:120px;}
/*
#menu{width:120px; float:left; padding:1px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
#menu ul li{font-size:10px; list-style:none; margin:0 0 1px 0; text-transform:uppercase;}
#menu ul li a{color:#999; text-decoration:none; display:block; padding:0 0 0 10px; line-height:26px; background:#1d1d1d;}
#menu ul li a:hover{color:#fff;}
#menu ul li.current_page_item a{color:#fff;}
#menu ul li.owlrss{color:#1d1d1d; text-decoration:none; padding:0 10px 0 0; line-height:26px; background:#C14109;}
#menu ul li.owlrss a{color:#C14109;}
#menu ul li.owlrss a:hover{color:#C14109}
*/



#menu {width:120px; float:left; padding:1px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
#menu ul {width:120px; font-size:10px; text-transform:uppercase; margin:0 0 1px 0; list-style:none; white-space:nowrap;}
#menu li {width:120px; font-size:10px; list-style:none; margin:0 0 1px 0; text-transform:uppercase;}
#menu li {width:120px; display:inline;}
#menu ul ul {width:120px; position:absolute; left:-9999px;}
#menu ul#toplevel {width:120px; position:absolute; left:0; top:0;}
#menu a {display:block; font:bold 10px Arial,Helvetica,sans-serif; color:#999; line-height:26px; text-decoration:none; padding:0 0 0 10px; background:#1d1d1d; border:0px ;} 
#menu li a.fly {background:#1d1d1d url(images/arrow.gif) no-repeat center right;}
#menu li a.fly:hover {background:#1d1d1d url(images/arrowh.gif) no-repeat center right;}
#menu li a:hover {color:#fff;} 
#menu li:hover > a {color:#fff;}
#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu table { left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

#menu ul li.owlrss{color:#1d1d1d; text-decoration:none; line-height:26px; background:#C14109;}
#menu ul li.owlrss a{color:#C14109; border-right:10px #C14109 solid;}
#menu ul li.owlrss a:hover{color:#f95711; border-right:10px #f95711 solid;}
/*
#menu ul li{font-size:10px; list-style:none; margin:0 0 1px 0; text-transform:uppercase;}
#menu ul li a{color:#999; text-decoration:none; display:block; padding:0 0 0 10px; line-height:26px; background:#1d1d1d;}
#menu ul li a:hover{color:#fff;}
#menu ul li.owlmenu {color:#999;}
#menu ul li.owlmenu a {color:#999;}
#menu ul li.owlmenu a:hover {color:#fff;}
#menu ul li.owlmenu2 {color:#999;}
#menu ul li.owlmenu2 a {color:#0b9ec0;}
#menu ul li.owlmenu2 a:hover {color:#fff;}
#menu ul li.owlrss{color:#1d1d1d; text-decoration:none; padding:0 10px 0 0; line-height:26px; background:#C14109;}
#menu ul li.owlrss a{color:#C14109;}
#menu ul li.owlrss a:hover{color:#C14109}

        <div>
		<img src="http://www.sowl.org/wp-content/uploads/2008/12/magowl_medium-150x150.jpg" width="120" height="120" >
		<li class="owlmenu"><a href="http://localhost/johnny23/">Home</a></li>
		<li class="owlmenu"><a href="http://localhost/johnny23/about/">About</a></li>
		<li class="owlmenu"><a href="http://localhost/johnny23/artists/">Artists</a></li>
		</div>
		<div id="omenu2">
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">Boxguts</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">C-Plex</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">Jak Progresso</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">Jedi</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">LoDeck</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">Mike220</a></li>
			<li class="owlmenu2"><a href="http://localhost/johnny23/artists/boxguts/">Will Taubin</a></li>
		</div>
		<ul>
		<li class="owlmenu"><a href="http://localhost/johnny23/store/">Store</a></li>
		<li class="owlmenu"><a href="http://localhost/johnny23/media/">Media</a></li>
		<li class="owlmenu"><a href="http://localhost/johnny23/links/">Links</a></li>
		<li class="owlmenu"><a href="http://localhost/johnny23/contact/">Contact</a></li>
		<li class="owlrss"><a href="<?php bloginfo ('rss2_url'); ?>">RSS</a></li>




#omenu2{width:100px; float:right; padding:1px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
#omenu2 ul li{font-size:10px; list-style:none; margin:0 0 1px 0; text-transform:uppercase;}
#omenu2 ul li a{color:#999; text-decoration:none; display:block; padding:0 0 0 10px; line-height:20px; background:#3f3f3f;}
#omenu2 ul li a:hover{color:#fff;}
*/

#omenu{width:120px; padding:1px 0 0 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold; line-height:20px; margin-top:15px;}
#onav{position:fixed; float:right;line-height:20px;}
#omenu li{font-size:10px; list-style:none; margin:0 0 1px 0; text-transform:uppercase; line-height:20px;}
#omenu li a{color:#999; text-decoration:none; display:block; padding:0 0 0 10px; line-height:20px; background:#3f3f3f; border-left:25px #323232 solid;}
#omenu li a:hover{color:#fff;}
#omenu ul.li.omyspace{}
#omenu ul li.omyspace a{color:#999;}
#omenu ul li.omyspace a:hover{color:#0b9ec0;}
#omenu li.otwitter{}
#omenu li.otwitter a{color:#999;}
#omenu li.otwitter a:hover{color:#0b9ec0;}
#omenu ul.li.ofacebook{}
#omenu ul li.ofacebook a{color:#999;}
#omenu ul li.ofacebook a:hover{color:#0b9ec0;}
#omenu ul.li.oscloud{}
#omenu ul li.oscloud a{color:#999;}
#omenu ul li.oscloud a:hover{color:#0b9ec0;}
#omenu ul.li.oblip{}
#omenu ul li.oblip a{color:#999;}
#omenu ul li.oblip a:hover{color:#0b9ec0;}


/**************** Entry *********************/
#content{margin:40px 0 0 0; padding:0 0 20px 0;}
.date{background:url(images/date.jpg); width:41px; height:51px; float:left; text-align:center; color:#fff; font-size:24px; margin:0 20px 15px 0;}
.date span{font-size:13px; line-height:20px;}
.post{margin:0 0 40px 0;}
.post h2 a{color:#1d1d1d; font-size:24px; font-weight:strong; float:left; margin:10px 0 15px 0; text-decoration:none;}
.post h2 a:hover {color:#0b9ec0;}
.post p{font-size:12px; color:#1d1d1d; line-height:20px; margin:0 0 5px 0;}
.post p a{color:#0b9ec0; text-decoration:none;}
.post p a:hover{color:#C14109}
img {border:none;}
img.alignright {float:right; border:none; margin: 3px 0 3px 5px;}
img.alignleft {float:left; border:none; margin: 3px 5px 3px 0;}
img.aligncenter {display: block; border:none; margin: 3px auto;}
a img.alignright {float:right; border:none; margin: 3px 0 3px 5px;}
a img.alignleft {float:left; border:none; margin: 3px 5px 3px 0;}
a img.aligncenter {display: block; border:none; margin: 3px auto;}
.meta{background:#fafafa; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:20px; padding:4px 0 4px 0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.meta a{color:#0b9ec0; text-decoration:none;}
.meta a:hover{color:#0b9ec0; text-decoration:underline;}
.note{background:url(images/note.gif) no-repeat left; padding:0 0 0 16px; margin:0 15px 0 0;}
.com{background:url(images/comment.gif) no-repeat left; padding:0 0 0 16px; margin:0 15px 0 2px;}
.tags{background:url(images/tags.gif) no-repeat left; padding:0 0 0 16px;}
.socio{background:url(images/comment.gif) no-repeat left; padding:0 0 0 16px; margin:0 15px 0 0;}
.post ul, .post ol{margin:10px 0 10px 40px; font-size:12px; color:#1d1d1d; line-height:22px;}
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px dotted #0b9ec0; }
blockquote cite { margin: 5px 0 0; display: block; }
code {display:block; margin:10px; color:#0b9ec0; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; font-size:11px;}
.post h2.center{text-align:center; float:none; margin:0; padding:0; color:#1d1d1d;}
.alignleft a, .alignright a {font-size:11px;}

/**************** Sidebar *********************/
#subscribe{height:35px;}
#subscribe a{color:#6e9193; font-size:13px; text-transform:uppercase; float:left; text-decoration:underline;}
#rss{font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 0;}
#ls{background:url(images/serach.gif); width:214px; height:28px; float:left; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 5px 0 5px; color:#999999;}
#submit{float:left;}
#sidebar2{position:fixed; list-style:none; padding: 0 0 0 0; margin: 0 0 0 0;}
#sidebar{padding:20px 0 0 0;}
#sidebar p{font-size:12px}
#sidebar ul, #sidebar ul ul{list-style:none;}
#sidebar ul li h2{font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; border-bottom:1px dotted #1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#sidebar ul li ul{margin:0 0 20px 0;}
#sidebar ul li ul li a{color:#666666; font-size:12px; text-decoration:none; line-height:20px;}
#sidebar ul li ul li a:hover {color:#1d1d1d; background:url(images/tags.gif) right no-repeat; padding-right:22px;}

/**************** Footer *********************/
#footer {border-top:1px dotted #1d1d1d; padding:15px 0 0 0; width:550px; margin:0 0 0 20px;}
#footer p{font-size:11px;} 
#footer a{color:#0b9ec0; text-decoration:none;}

#footer2 {border-top:1px dotted #1d1d1d; padding:15px 0 0 0; width:799px; margin:0 0 0 20px;}
#footer2 p{font-size:11px;} 
#footer2 a{color:#0b9ec0; text-decoration:none;}

/**************** Comments *********************/
#comments, #comment h2, #pac{font-size:14px; color:#1d1d1d; margin:0 0 20px 0; border-bottom:1px dotted #666; padding:0 0 10px 0;}
#comdiv{background:#eeeeee; width:500px; font-size:11px; margin:10px 0 20px 0;}
#comtp{background:url(images/comment_top.gif) no-repeat top; width:460px; padding:15px 20px 0 20px;}
#combt{background:url(images/comment_bot.gif); width:500px; height:13px;}
#comdiv p{font-size:11px; line-height:20px; padding:10px 0 0 0;}
.commentlist li{list-style:inside decimal; font-size:11px;}
.commentlist li a{color:#0b9ec0;}
#author, #email, #url{padding:5px; color:#6e9292; width:200px; margin:10px 0 0 0; font-size:12px; background:#eeeeee; border:0; font-family:Georgia, "Times New Roman", Times, serif;}
#comment{width:500px; height:150px; margin:10px 0 20px 0; padding:5px; font-size:12px; background:#eee; border:0; font-family:Georgia, "Times New Roman", Times, serif; color:#6e9292;}
small{font-size:11px;}
.search{font-size:17px; color:#1d1d1d;}
#submit2{padding:5px; font-family:Georgia, "Times New Roman", Times, serif; background:#f5f5f5; border:1px solid #ccc;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** My Shite *********************/
p.owlclear{clear:both;}
.oclear{clear:both;}
.releases{background:#dddccd; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}
.releases2{background:#f2f1e7; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}
.releases3{border-bottom:1px dotted #1d1d1d; padding-top:5px; padding-bottom:5px;}
.releases4{padding-top:5px; padding-bottom:5px;}

.owlon{background:#ebeade; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}
.owloff{background:#ffffff; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}

#orotate, #orotate ul li, #orotate ul li a, #orotate ul li a:hover, #orotate img, #orotate ul li img { list-style:none; padding: 0 0 0 0; margin: 0 0 0 0;}

/*
#oboxed{width:255px; background:#e0e0e0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:3px 3px 3px 3px; margin:0 0 7px 0;}
*/
#onewsl{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 0 0; margin:0 0 0 0;}
#onewsl ul li{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#onewsl h2{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 0px 0; margin:0 0 0px 0;}
#onewsl ul li a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#C14109; padding:0 0 5px 0; margin:0 0 7px 0;}

#stwit{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#stwit ul li{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#stwit h2{font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; border-bottom:1px dotted #1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#stwit ul li a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#C14109; padding:0 0 5px 0; margin:0 0 7px 0;}

#ocom{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0; list-style: none;}
#ocom ul li{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
#ocom h2{font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; border-bottom:1px dotted #1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0; list-style: none;}
#ocom ul li a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#C14109; padding:0 0 5px 0; margin:0 0 7px 0;}
#ocom a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#C14109; padding:0 0 5px 0; margin:0 0 7px 0;}


#tab { width:236px; background:#fafafa;}

.mycomment{background-color: #B3FFCC !important; width:500px; height:150px; margin:10px 0 20px 0; padding:5px; font-size:12px; border:0; font-family:Georgia, "Times New Roman", Times, serif; color:#6e9292;}
#comtpadmin{background:url(images/comment_top_admin.gif) no-repeat top; width:460px; padding:15px 20px 0 20px;}
#combtadmin{background:url(images/comment_bot_admin.gif); width:500px; height:13px;}
#comdivadmin{background:#befcff; width:500px; font-size:11px; margin:10px 0 20px 0;}
#comdivadmin p{font-size:11px; line-height:20px; padding:10px 0 0 0;}

#shoppagelinks, #shoppagelinks a, #shoppagelinks a:hover, #shoppagelinks a, #shoppagelinks ul li, #shoppagelinks ul li a, #shoppagelinks ul li a:hover {float: right;}
#shoppagelinks2, #shoppagelinks2 a, #shoppagelinks2 a:hover, #shoppagelinks2 a, #shoppagelinks2 ul li, #shoppagelinks2 ul li a, #shoppagelinks2 ul li a:hover {margin: 0 0 0 25px;}

img.avatar {
float: left;
margin-right:5px;
padding: 0px 5px 5px 5px;
}

/*
ul.twitter {}
li.twitter-item {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d; border-bottom:1px dotted #1d1d1d; padding:0 0 5px 0; margin:0 0 7px 0;}
p.twitter-message: each one of the paragraphs (if msgs > 1)
.twitter-timestamp: the timestamp span class
a.twitter-link: the tweet link class
a.twitter-user: the @username reply link class
*/

/**************** Socials *********************/
.owlsocials {font-size:16px; font-weight:bold; margin-bottom:5px; background-color:#; padding:5px 5px 5px 10px;}
.owlsocials a {margin-right:10px; color:#BFBCB3;}
.obtn_email {background:url(images/oemail.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_email:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_comment {background:url(images/ocomment.gif) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_comment:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_delicious {background:url(images/odelicious.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_delicious:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_digg {background:url(images/odigg.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_digg:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_reddit {background:url(images/oreddit.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_reddit:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_technorati {background:url(images/otechnorati.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_technorati:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_furl {background:url(images/ofurl.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_furl:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_twitter {background:url(images/otwitter.gif) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_twitter:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_blip {background:url(images/oblip.ico) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_blip:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_myspace {background:url(images/omyspace.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_myspace:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_facebook {background:url(images/ofacebook.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}
.obtn_facebook:hover {filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.obtn_stumble {background:url(images/ostumbleupon.png) left no-repeat; padding-left:30px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4;}

#oweb{margin-bottom:5px; background-color:#; padding:5px 5px 5px 10px;}
