/*
Theme Name: OMGiRock
Theme URI: http://omgirock.com
Description: Grunge layout for OMGiRock.com
Version: 1.0
Author: Louis Ponder
Author URI: http://lponder.com
Tags: grunge, green, orange

*/

/* MAIN STYLES */

body { padding: 0; margin: 0; background: #212e03 url(images/background.jpg) no-repeat center top; width: 100%; display: table; font-family:Verdana, Geneva, sans-serif; color:#606b7a;}

a { color:#ff3906; text-decoration:none;}
a:hover { border-bottom:1px dashed #ff3906; }
a:hover img { border:0; }

.fix { clear:both; }

img.centered 	{ display: block; margin: 0 auto; }
img.aligncenter { display: block; margin: 0 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; padding-left:20px;}
.alignleft 		{ float: left; padding-right:20px; }
.center 		{ text-align: center; }

blockquote { background:url(images/blockquote-01.png) no-repeat 0 25px; padding:0 0 0 60px; margin:0; display:block; font-style:italic; color:#f06541;}

#main { width:914px; margin:303px auto 0 auto; padding:0; background:url(images/notebook-repeat.jpg) repeat-y center 500px;}

#content { width:914px; padding:0; margin:0; background:url(images/notebook-top.jpg) no-repeat center top;}

#left { width:464px; float:left; padding:0 0 0 180px;}

.readmore { border:0; float:right; }

/* SIDEBAR */

#sidebar { width:270px; float:left; position:relative; margin:0; padding:0;}
#sidebar-content { margin:0 0 0 30px;}
#sidebar-content ul { list-style:none; margin:0; padding:0;}
#sidebar-content ul li { margin:0 0 50px 0; }
#sidebar-more { margin:275px 0 0 0;}

#recent-posts .widgettitle { width:220px; height:45px; background:url(images/recentposts.png) no-repeat; text-indent:-9999px; }
#recent-posts ul { margin:0 0 0 5px;}
#recent-posts ul li { margin:0 0 10px 0; padding:0 0 0 25px; width:200px; background:url(images/bullet-03.png) no-repeat;}

/* STICKYNOTE */

.stickynote { width:277px; height:275px; background:url(images/stickynote.png) no-repeat; position:absolute; top:-33px; left:39px; display:block;}
.stickynote a { display:block; text-indent:-9999px; width:100%; height:100%;}
.stickynote a:hover { border:0 !important; }
.stickynote ul { list-style:none; margin:63px 0 0 42px; padding:0; width:193px;}
.stickynote ul li { display:block; height:35px; margin-bottom:1px;}
.stickynote ul .life:hover { background:url(images/overlay-life.png) no-repeat 50px 0;}
.stickynote ul .life-select { background:url(images/overlay-life.png) no-repeat 50px 0 !important;}
.stickynote ul .music:hover { background:url(images/overlay-music.png) no-repeat 40px 0; }
.stickynote ul .music-select { background:url(images/overlay-music.png) no-repeat 40px 0 !important;}
.stickynote ul .thoughts:hover { background:url(images/overlay-thoughts.png) no-repeat 25px 0; }
.stickynote ul .thoughts-select { background:url(images/overlay-thoughts.png) no-repeat 25px 0 !important; }
.stickynote ul .laughter:hover { background:url(images/overlay-laughter.png) no-repeat 25px 0; }
.stickynote ul .laughter-select { background:url(images/overlay-laughter.png) no-repeat 25px 0 !important; }
.stickynote ul .wants:hover { background:url(images/overlay-wants.png) no-repeat 50px 0; }
.stickynote ul .wants-select{ background:url(images/overlay-wants.png) no-repeat 50px 0 !important; }

/* BLOG */

#blog { margin:150px 0; position:relative;}

.post { position:relative; margin:0 0 0 20px; line-height:1.4em;}
.post img { border:0; }
.post-head { width:444px; position:relative;}
/*.post-head a { display:block; width:100%; height:100%; color:#5f6b7a;}
.post-head h2 { }
.post-head .overlay {z-index:1; display:block; width:100%; height:100%; background:url(images/head-overlay.png) repeat-y; position:absolute; }*/
.post-head .titletxt { z-index:0; display:block; }

.postmetadata { font-size:12px;}

.lyrics { padding-left:20px; font-size:12px; }

.musicplayer { text-align:center; display:block;}


/* DATESTAMP FORMATTING */

.datestamp { width:99px; height:88px; position:absolute; left:-118px;}

/* CATEGORY */

.cat-title { position:absolute; top:-110px;}

/* COMMENTS */

#respond .comment-header-out { width:266px; height:47px; margin:30px 0 0 0; background:url(images/comment-header.png) no-repeat; float:right; }
#respond .comment-header-in { width:266px; height:47px; background:url(images/comment-header.png) no-repeat; }
#respond .comment-format { padding: 2px 4px 0 4px; color:#5f6b7a; font-size:16px; font-weight:bold; border:0; font-family:Verdana, Geneva, sans-serif;}

#respond .comment-name { width:156px; height:22px; background: transparent url(images/comment-name.png) no-repeat !important; }
#respond .comment-email { width:156px; height:22px; background: transparent url(images/comment-mail.png) no-repeat !important; }
#respond .comment-url { width:156px; height:22px; background: transparent url(images/comment-website.png) no-repeat !important; }
#respond .comment-box { width:456px; height:183px; background: transparent url(images/comment-box.png) no-repeat !important; }

.commentlist {list-style:none; }
.commentlist p { margin:0 0 10px 0; padding:0;}
.commentlist .comment-avatar { width:72px; height:71px; padding:6px 0 0 7px; background:url(images/avatar-solid.png) no-repeat; float:left;}
.commentlist .comment-avatar-dashed { width:74px; height:73px; padding:8px 0 0 10px; background:url(images/avatar-dashed.png) no-repeat;}
.commentlist .thecomment { width:325px; float:right; }
.commentlist .comment-author { font-weight:bold; font-size:16px; display:block; }
.commentlist .comment-author a { font-style:normal;}
.commentlist .comment-date { font-size:10px; display:block;}
.commentlist .comment-text { margin:10px 0 0 0; display:block;}
.commentlist .commentsep { width:100%; height:8px; margin:10px 0 20px 0; padding:0; background:url(images/border-dash.png) no-repeat; display:block; }

.commentCount { margin:0; padding:0; width:100%; height:28px; }
.commentCount .count-num { margin:0; padding:0; vertical-align:top; float:left;}
.commentCount .msg { margin:0 0 0 10px;}

#respond .comment-submit { float:right;}

.relatedposts { width:100%; margin:20px 0 0 0; padding:35px 0 0 0; background:url(images/related-posts.png) no-repeat; }
.relatedposts ul { list-style:none; }
.relatedposts ul .relatedentry { width:100%; padding:0 0 0 25px; background:url(images/bullet-01.png) no-repeat;}

/* TOP ICONS */
.topicons { width:100%; text-align:center; margin:0 0 20px 0;}
.icon-home { margin-right:40px;}
.icon-rss { }
#text-351735351 { margin:0 !important; }
.topicons a:hover { border:0 !important; }

/* SEARCHFORM */
#searchform #s { padding:4px 5px 0 5px; margin-right:10px; background:url(images/searchbox.png) no-repeat; width:185px; height:29px; border:0; color:#5f6b7a; font-size:22px; text-transform:lowercase; float:left;}
.widget_search { margin:0 0 30px 0 !important;}

/* FRIENDFEED */

.stalkme { margin:20px 0 0px 0; width:220px; height:45px; background:url(images/stalkme.png) no-repeat;}

.friendfeed { border:0 !important; }
.friendfeed a { color:#ff3906 !important; text-decoration:none !important; }
.friendfeed.widget, div.friendfeed.widget div, div.friendfeed.widget span, div.friendfeed.widget img, div.friendfeed.widget table, div.friendfeed.widget tr, div.friendfeed.widget td {
	color:#606b7a !important;
	background-color: transparent !important;}
.friendfeed .info { font-size:10px;}
.friendfeed .entry { font-size:14px !important;}
.friendfeed.widget .feed .entry .comment { white-space:normal !important; }
.friendfeed .cluster { width:220px !important; overflow:hidden !important;}

.friendfeedcomments { width:100%; border:0 !important; margin:0 0 0 0 !important; padding:0 !important; }
.friendfeedcomments ul li.friendfeedcomment { border:0 !important; }
.ff_commentsform label { width:100px !important;}
.ff_newcomment { width:464px !important; height:183px !important; background: transparent url(images/comment-box-ff.png) no-repeat !important; border:0; padding: 2px 4px 0 4px; color:#5f6b7a; font-size:16px; font-weight:bold; border:0; font-family:Verdana, Geneva, sans-serif;}
.ff_authentry input { width:156px; height:22px; background: transparent url(images/comment-name.png) no-repeat !important; border:0; padding: 2px 4px 0 4px; color:#5f6b7a; font-size:16px; font-weight:bold; border:0; font-family:Verdana, Geneva, sans-serif;}
.ff_commentsform h3 { width:360px; height:35px; background:url(images/friendfeed-post.png) no-repeat; text-indent:-9999px;}


/* TWITPIC */
.twitpic { margin:0px 0 0px 0; width:220px; height:45px; background:url(images/mobilepics.png) no-repeat; }
#twitpic_badge_container_v1 { background-color:transparent !important; border:0 !important;}
#twitpic_badge_container_v1 div span a { display:none !important;}
#twitpic_badge_container_v1 div div a img { margin:0 0 30px 0 !important; }
#twitpic_badge_container_v1 div span { font-size:14px !important; display:block !important; margin:0 0 5px 0 !important; color:#606b7a !important; }

/* LAST.FM */

.lastfm { margin:0px 0 20px 0; width:220px; height:45px; background:url(images/lastfm.png) no-repeat; }
.track { width:220px; margin:0 0 20px 0; }
.track .last-art { float:left; width:80px; margin:0 10px 0 0; }
.track .last-art img, .track .last-art a:hover { border:0; }
.track .last-info { width:130px; float:right; }
.track .last-info .artist { color:#ff3906; display:block; }
.track .last-info .title { padding:0 0 0 10px; display:block; }
.track .last-info .title a { color:#606b7a; font-size:12px; font-style:italic; }

/* FOOTER */

#footer { width:100%; padding:80px 0 0 0; background: #fff url(images/footer-bg.jpg) repeat-x; }
.footer-content { margin:0 auto; width:914px; height:454px; background:url(images/footer.jpg) no-repeat;}
.footer-widgets {list-style:none; margin:0 0 0 40px; padding:0;}
.footer-widgets li { width:250px; float:left; }
.footer-widgets li ul { list-style:none; margin:0; padding:0;}
.footer-widgets li ul li { width:210px; margin:0 0 5px 10px; padding:0 0 0 25px; background:url(images/bullet-02.png) no-repeat;}
.footer-widgets .widget-title { display:none;}
.footer-widgets .footer-01 { margin:120px 37px 0 0; height:215px;}
.footer-widgets .footer-02 { margin:87px 54px 0 0; height:210px; }
.footer-widgets .footer-03 { margin:105px 0 0 0; height:215px;}

#wpstats { display:none; }