/*
Theme Name: Phlashers United
Theme URI: http://phlashers.com
Description: Phlashers theme by Johnimbong Design. Follow me on twitter: johnimbong.
Version: v0.3
Author: John Imbong
Author URI: http://johnimbong.com
*/

@import url("code/style-reset.css");

/* _global */ 
html, body {height:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(images/bg.gif) top right repeat-y #681014; line-height:17px;}
#wrapper {color:#333; min-height:100%; margin:auto; position:relative;}
* html #wrapper {height:100%}
#liquidwrap {min-height:100%; position:relative; margin-right:279px;}

#content h1 {color:#000; font-size:30px; font-weight:none; text-decoration:none; margin-top:25px;}
#content h1.header {color:#FFF; font-size:30px; font-weight:none; text-decoration:none; margin:0 25px 5px 24px; background:url(images/sidebar-logingr.gif) 0 -20px repeat-x #000; padding:5px 10px 5px 10px;}
h2.h1 {margin-top:25px;}
h2.h1 a, h2.h1 a:visited {color:#000; font-size:30px; font-weight:none; text-decoration:none;}
h2.h1 a:hover {border:2px solid #000; border-width:0 0 2px 0;}
p {margin-bottom:10px;}

/* Sidebar */ 
#sidebar {float:right; width:279px; overflow:visible;}
#sidebar h2 {color:#FC0; font-size:18px; font-weight:normal; line-height:35px;}
#sidebar h3 {color:#958380; font-size:10px; text-transform:uppercase; line-height:25px;}
.divtop {border:1px solid #5a4d49; border-width:1px 0 0;}
.divbtm {border:1px solid #241f1d; border-width:0 0 1px;}
.sb_pad {padding:0 9px;}
.textfield {height:18px; font-size:14px;}
.search {width:210px; margin:2px 7px 0 0; float:left;}
.sign-in {width:175px;}

#sb_rss {height:72px; background:url(images/sidebar-rssgr.gif) repeat-x;}
#sb_rss p {color:#000;}
#sb_rss div {float:left;}
.rssboy {position:relative; top:3px; left:20px;}
.rss_text {margin:0 0 0 30px;}

#sb_login {background:url(images/sidebar-logingr.gif) 0 0 repeat-x #000; border:1px solid #666666; border-width:1px 0 0; padding-bottom:20px; color:#FC0;}

ul.cpanel {margin-left:10px;}
ul.cpanel li ul {padding-top:5px;}
ul.cpanel li ul li {background:url(images/sidebar-signinbg.gif) 0 5px no-repeat; padding:1px 10px; margin-bottom:2px;}
ul.register span {line-height:22px;}
ul.register li {margin-bottom:5px;}

ul.reg_btn {float:right; margin:5px 12px 0 0; text-align:right;}
* html ul.reg_btn {margin-right:4px;}
label.rem_me {padding-right:42px; display:block; float:left; position:relative; top:1px;}
* html label.rem_me {padding-right:41px;}

ul.reg_options {clear:both; margin-left:82px; padding-top:7px;}
* html ul.reg_options {margin:-27px 0 0 86px;}
ul.reg_options li {float:left; padding:0 5px;}
ul.reg_options li.div {border:1px solid #FC0; border-width:0 1px 0 0;}
#send {width:57px; height:27px; background:url(images/sprite-send-sb.gif) 0 0 no-repeat; border:none; cursor:pointer;}
#send:hover {background-position:0 -27px;}

#sb_search {background:url(images/sidebar-searchgr.gif) 0 0 repeat-x; height:81px;}
form label span {display:block; width:70px; float:left;}
#submit {width:30px; height:27px; background:url(images/sprite-searchbtn.gif) no-repeat; display:block; border:none;}
#submit_white {width:30px; height:27px; background:url(images/sprite-searchbtn_white.gif) no-repeat; display:block; border:none;}
#submit:hover, #submit_white:hover {background-position:0 -27px; cursor:pointer;}

#sb_ads ul {float:left;}
#sb_ads li {margin-bottom:4px; border:1px solid #000; width:125px; height:125px;}
* html #sb_ads li {border:none;}
.admargin {margin-right:4px;}
.advtext {margin-left:194px; padding-bottom:20px;}

#sb_recent {width:100%; height:auto; background:url(images/sidebar-gradient.gif) 0 -1px repeat-x;}
#sb_recent h2 {padding-left:9px;}
#sb_recent ul {border:1px dashed #958380; border-width:0 0 1px 0;}
#sb_recent li {border:1px dashed #958380; border-width:1px 0 0; background:url(images/sidebar-signinbg.gif) 9px 10px no-repeat; padding:7px 9px 7px 21px;}
#sb_recent ul.peek {border:none;}
#sb_recent ul.peek li {border:none; background:none;}
#sb_recent p {padding:7px 0 0 21px;}
#sb_recent .divbtm {padding-top:10px;}

#sb_badges {width:100%; overflow:hidden; background:url(images/sidebar-gradient.gif) 0 -1px repeat-x; color:#6e5e5a; font-size:10px; padding-bottom:100px;}
#sb_badges .divbtm {padding-bottom:100px;}
#sb_badges li {float:left; margin-right:15px;}
#sb_badges a {display:block;}
#sb_badges p {clear:both; padding-top:10px;}
* html #sb_badges p {clear:both; padding-top:5px;}
#sb_badges p a {display:inline;}

#sb_login a, #sb_login a:visited {color:#FFF; text-decoration:none;}
#sb_login a:hover {text-decoration:underline;}
.advtext a, .advtext a:visited {color:#FFF; text-decoration:none;}
.advtext a:hover {text-decoration:underline;}
#sb_recent a, #sb_recent a:visited {color:#FFF; text-decoration:none;}
#sb_recent a:hover {text-decoration:underline;}	
#sb_badges a, #sb_badges a:visited {color:#6e5e5a; text-decoration:none;}
#sb_badges a:hover {text-decoration:underline;}

/* Header */ 
#header {background:url(images/header-bg.gif) 0 0 repeat-x #FFF; padding-bottom:49px;}
#header-sbsh {float:right;}
* html #header-sbsh {float:right; position:absolute; right:278px; color:#FFF;}
#logo {position:relative; left:25px; width:302px; height:78px; background:url(images/header-bg-logo.gif) 0 0 repeat-x;}
#logo img {margin-left:18px;}

#navi ul {position:absolute; margin:7px 0 0 25px; font-size:14px;}
#navi li {float:left;}
#navi a, #navi a:visited {padding:14px 12px; display:block; color:#FFF; text-decoration:none;}
#navi a:hover {background:url(images/navi-bghover.gif) repeat-x;}
* html #navi a {width:1%;}

/* Content */ 
#content {padding:20px 0 90px; font-size:13px; line-height:16px;}
#content .post {margin:0 25px 5px; background:#FFF; padding-top:4px;}
	/*--post_head--*/
	#content .post_head {padding:0 30px;}
	#content .post_cat {color:#666666; border:1px solid #CCC; border-width:0 2px 2px; padding:3px 7px 5px; display:inline;}
	/*--post_entry--*/
	#content .post_entry h2, #content .post_entry h3 {color:#333; padding-bottom:5px;}
	#content .post_entry h2 {font-size:20px; font-weight:normal; border-bottom:1px solid #666666; margin:30px 0 10px;}
	#content .post_entry h3 {text-index:40px; margin:20px 0 0;}
	#content .post_entry img {display:block;}
	#content .post_entry {border:1px solid #CCC; border-width:4px 0 0; padding-top:15px; margin:25px 30px 0;}
	#content .post_entry ul, #content .post_entry ol {margin-bottom:7px;}
	#content .post_entry ul {margin-left:20px;}
	#content .post_entry ol {list-style:decimal; margin-left:40px;}
	#content .post_entry ul li, #content .post_entry ol li {margin-bottom:3px;}
	#content .post_entry ul li {background:url(images/bulletgray.gif) 0 4px no-repeat; padding-left:15px;}
	#content .post_entry ol li {}
.post_meta {margin:15px 0 10px;}
.post_comcount {padding:7px 10px; background:#000; position:relative; z-index:1; float:left;}
.post_minimeta {position:relative; top:7px; left:8px;}
a.more-link, a:visited .more-link {display:block; width:123px; height:26px; background:url(images/post-arr.gif) 110px 6px no-repeat #757575; margin:20px 0 0 0;  line-height:24px; padding-left:8px; color:#FFF; text-decoration:none;}
a.more-link:hover {text-decoration:underline;}

.post_footer {margin-top:30px; padding:10px 30px 35px; border:1px dashed #999; border-width:1px 0 0;}
.post_wantmore {float:left; position:relative; z-index:1;}
.post_footer ul {float:left; margin-left:10px; position:relative; z-index:1;}
* html .post_footer ul {margin-top:1px;}
.post_footer li {margin-bottom:3px;}

.post_nextprev {padding:10px 0 0 25px; width:197px; margin: 0 auto;}
* html .post_nextprev {width:222px;}
.post_nextprev div {float:left; padding:7px 10px; margin-right:3px;}

.post_cat a, .post_cat a:visited {color:#999; text-decoration:none;}
.post_cat a:hover {color:#000;}
.post_comcount a, .post_comcount a:visited {color:#FFF; text-decoration:none;}
.post_comcount a:hover {text-decoration:underline;}
.post_author a, .post_author a:visited {color:#666666; text-decoration:none; font-weight:bold;}
.post_author a:hover {color:#000; text-decoration:underline;}
.post_entry a, .post_entry a:visited, .post_footer a, .post_footer a:visited {color:#C00;}
.post_entry a:hover, .post_footer a:hover {color:#39F;}
.post_continue a, .post_continue a:visited {color:#FFF; text-decoration:none;}
.post_continue a:hover {text-decoration:underline;}
.post_nextprev a, .post_nextprev a:visited {color:#FFF; text-decoration:none;}
.post_nextprev a:hover {text-decoration:underline;}
p.post_edit a, p.post_edit a:visited {color:#C00; text-decoration:none; font-size:10px; text-transform:uppercase;}
p.post_edit a:hover {text-decoration:underline;}
.post_archive a, .post_archive a:visited {color:#FFF; text-decoration:none;}
.post_archive a:hover {text-decoration:underline;}

/* Footer */ 
#footer {height:60px; background:url(images/footer-bg.gif) top right repeat-y #4d3d38; color:#999;}
#footer_wrap {padding:10px 0 0 30px;}
#footer li.div {border:1px solid #000; border-width:0 1px 0 0;}
#footer ul {margin-left:-10px;}
#footer li {float:left;}
#footer li a {padding: 0 10px;}
#copyright {font-size:10px; clear:both; margin-top:17px;}
#footer a, #footer a:visited {color:#999; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ITEM: Comments */ 
.more {padding-bottom:80px;}
* html .less {padding-bottom:1px;}
#comments {color:#FC0; margin:-5px 12px 0; position:relative;}
#comments h3 {color:#FFF; font-size:18px; font-weight:normal;}
#comments h3.comment_headcount {background:#000; padding:7px 30px;}
#comments table {background:#525252; width:100%;}
#comments table td {border-bottom:1px solid #393939;}
#comments table tr.alt td {background-color:#424242;}
#comments table td p {margin:0; padding:10px 10px 10px 0;}
#comments table td.username {width:150px; padding:0 34px 0 30px; color:#999999;}
#comments table td.username span {font-weight:normal; font-size:11px; display:block; margin-top:5px; text-transform:uppercase; color:#666666;}
#comments table td.username .comments_arr {width:34px; height:17px; background:url(images/comments-arr.png) 0 0 no-repeat; position:absolute; margin:10px 0 0 152px; margin-left:61px\9;}
#comments table td.message {padding:0 20px 10px; color:#333; background:url(images/comments-gradient.gif) center bottom repeat-x #858585!important;}
	/*--commentform--*/
	#commentform {background:#999; color:#000; margin:-2px 12px 0; border:1px solid #000; border-width:1px 0 0; padding:15px 0 20px 25px;}
	#commentform h3 {color:#000; margin-bottom:4px;}
	#commentform ul {margin-top:15px;}
	#commentform li {padding:2px 0; background:none; list-style:none; padding:5px 0; margin:0;}
	.commentfield {width:200px; margin-right:10px;}
	.commenttextfield {width:260px; height:100px;}
	#addcomment {display:block; width:57px; height:27px; background:url(images/sprite-send-comments.gif) 0 0 no-repeat; border:none; margin-left:208px;}
	#addcomment:hover {background-position:0 -27px;}

#comments h2 a, #comments h2:visited {color:#FC0; text-decoration:none;}
#comments h2 a:hover {text-decoration:underline; cursor:pointer;}
#commentform a, #commentform a:visited {color:#C00; text-decoration:none;}
#commentform a:hover {color:#09F; text-decoration:underline;}

.clr_gray {color:#999!important;}