/*  

Theme Name: Grid Focus Public

Theme URI: http://5thirtyone.com/

Description: Grid aligned left

Version: 1.0

Author: Derek Punsalan

Author URI: http://is.derekpunsalan.com/



Notes: Inspired and created for minimalist, content focused blogs 

or websites. Customize, edit, poke, prod, and adapt to your own 

style. Please leave credit where credit is due so that others may

find the source for your site and adapt a suitable version for their

own website.

*/



*{margin:0;padding:0;list-style:none;}

html,body{background:url(images/tw3.jpg) repeat;color:#333;text-align:center;} 

body{font:11px arial,helvetica,verdana,sans-serif;}

h1{font-size:22px;}

h2{font-size:18px;}

h3{font-size:16px;}

h4{font-size:14px;}

a{color:#000;text-decoration:none;}

a:hover{font-style:none;color:#333;}

a img{border:none;padding:4px;}

#wrapper{background:#fff;border:3px solid #EEE;margin:10px auto;text-align:left;width:800px;padding:15px;} 

blockquote{border:none;background:#eeeeee;

margin:15px 30px 0pt 10px;

padding-left:10px;}





/* masthead / footer - navigation and categories */

#masthead{height:80px; margin-bottom:5px;padding:5px 5px;background:url(images/head.jpg) no-repeat;}

#masthead h1 a{text-transform:uppercase;width:400px;float:left;margin:5px 0 0 0;}

#masthead h1 a em{font-style:normal;color:#555;}

#authorBlurb img{float:right;border:none;margin:5px 0px 0 0;padding-right:5px;}

#authorIntro a{font-weight:bold;} 

#authorIntro{font-weight:bold;color:#000;font-style:italic;line-height:1.2em;float:right;margin:-5px 0 5px 0;padding-right:5px;}

ul.nav{list-style:none;background:#EEE;}

.nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;}

.nav li a{font-size:12px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 10px 5px;width:99px;text-transform:uppercase;font-weight:bold;}

.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}

.nav li a:hover{background:#333;color:#eee!important;width:95px;}

* html .nav li a:hover{background:#333;width:99px;}

.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}

.nav li.skip a{width:100px;}

li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}

li.top a{width:100px;}

.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}





/* main - middle content and columns */

#mid{}#mainCol{float:left;margin:15px 0px 0 0;width:520px;}



/*page special mid temp*/

#mainColp{float:left;margin:15px 0 0 0;width:535px;}



/* style individual sidebars */

#midCol a{font-weight:bold;}

#midCol{background:#eee;color:#444;float:left;margin:15px 5px 25px 15px;width:250px;line-height:1.1em;}

#midCol p{color:#777;}

#midCol p{font-size:9px;}

#searchWrap{float:right;margin:20px 5px 0 5px;}

.middle_links{float:left;margin:12px 0 0 5px;}

#searchWrap input{vertical-align:middle;}

#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:220px;}

.middle_links h4{margin-bottom:7px;}

#midCol ul{list-style:none;margin:8px 0 4px;display:block;}

.middle_links ul li{background:#fafafa;color:#7F7F7F;padding:4px 0 4px 16px;margin:2px;width:215px;}

.middle_links img{padding:2px;}

#tertCol{float:left;width:120px;margin:15px 0 0 5px;}

#tertCol p{color:#777;}

#elseWhere{margin:0 0 20px 0;}

#elseWhere h3{margin-bottom:7px;}

ul#imgLinks{list-style:none;margin:7px 0;}



/*

#imgLinks li{color:#ffffff;line-height:1.2em;padding:0 0 1px;}

#imgLinks li a img{border:none;color:#333;font-weight:bold;}

#imgLinks li a:hover img{border-color:#DDD;}

*/



/* wordpress entries styling - main content column */

.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}

.postMeta span.date{background:#FFF;color:#7f7f7f;padding:0 2px 0 4px;}

.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}

.postMeta span.comments a,

.postMeta span.date a{color:#7f7f7f;}

.post{margin:0 0 5px 0;}

.post h2{line-height:1.2em;margin-bottom:7px;}

.post h2 a{width:100%;display:block;outline:none;}

.entry h3{margin:1em 0;}

.post .entry{font-size:12px;line-height:1.4em;overflow:hidden;}

.post .entry p{margin:1em 0;text-align:justify;}

.post .entry a{text-decoration:none;color:#6131BD;}

.entry {text-align: justify;}

.entry blockquote{margin:0 1.3em 0;padding:10px;}

.entry ul{margin:0 1.3em 0;list-style:none;}

.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}

.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}

.entry ol{margin:0 1em 0 3em;}

.entry ol li{margin:0 0 7px 0;}

.entry a 

{color:#6131BD;}

.entry a:hover{font-style:none;font-weight:bold;}

.entry table tr { padding: 15px 0; }

.entry table tr.alt { background: #eee; }

.entryr {text-align:right;font-style:italic;}

#line{
border-bottom:1px solid #000000;
margin:2px 10px;
}
#leftB
{
float:left;
font-size:25px;
font-weight:bold;
margin:5px;
padding:15px 5px;
text-align:center;
width:120px;
}

#rightB
{float:right;width:330px;
margin:5px;
padding:5px 5px 5px 15px;
font-size:12px;
border-left:1px solid #000000;
}
#rightB ul{
padding:5px;
margin: 2px 4px;
background:#eeeeee;}
#rightB li{list-style:square inside;padding:2px 5px}
.clear{clear:both;}
/* style pagination buttons */

#more_reading {color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right;}

#more_reading p, #more_reading img {vertical-align: middle;}

#more_reading a img {border: none;margin:0 0 3px 2px;}



/* style me some comments and inputs */

#comments{width:630px;padding:12px 0 0 0;}

#comments h3,

h3#respond{color:#555;margin-bottom:7px;}

ol.commentslist{list-style:none;margin:5px 0 12px;}

.commentslist li{background:#eee;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}

.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}

.commentslist li.alt{background:#FFF;}

.commentslist li:hover{border-color:#888;}

.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}

.comment_text p,

.comment_text ul,

.comment_text ol,

.comment_text blockquote{margin:1em 0;}

.comment_text ul,

.comment_text ol,

.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}

p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}

.commentslist li.author{background:#333;color:#CCC;}

.commentslist li.author a{color:#DDD;}

.commentslist li.author a:hover{color:#FFF;}

#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}

p.nocomments{margin:0 12px 0 7px;}

p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}

p.nocomments a:hover{color:#FFF;}

ol.pingslist{margin:1.5em 2em;font-size:12px;}

.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}

.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}

#commentform p{margin:1em 0;}

#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}

#author,

#email,

#url,

#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}

#comment{width:630px;overflow:auto;}

#commentform p small{font-size:10px;color:#7F7F7F;}

.commentslist code{background:transparent;}



/* footer - text string and links */

#footer p {padding-top: 7px; }

#footer p a{font-weight:normal;color:#333;font-size:10px;}
#footer ul.nav {margin-top:10px;}


/* float rules */

.floatleft{float:left;margin:3px 7px 0 0;}

.floatright{float:right;margin:3px 0 0 7px;}

.right{float:right;margin:2px;}

.left{float:left;margin:2px;}

.clear{clear:both;}

.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.fix {display:inline-block;} 

* html .fix{height:1%;}

.fix {display:block;}



/*Misc Img Classes, and fixes*/

.adicon{border:1px solid #ccc;margin:1px;} 

.adtext{text-align:center;font-weight:bold;font-size:12px;list-style:none;}



.img-shadow {

clear: both;

float:left;

background: url(http://www.catavino.net/images/shadowAlpha.png) no-repeat bottom right !important;

background: url(http://www.catavino.net/images/shadow.gif) no-repeat bottom right;

margin: 20px 17px 0 17px !important;

margin: 20px 8px 0 8px;

}



.img-shadow2 {

clear: both;

float: right;

background: url(http://www.catavino.net/images/shadowAlpha.png) no-repeat bottom right !important;

background: url(http://www.catavino.net/images/shadow.gif) no-repeat bottom right;

margin: 20px 0 0 17px !important;

margin: 20px 0 0 8px;

}



.img-shadow img {

display: block;

position: relative;

background-color: #fff;

border: none;

margin: -6px 6px 6px -6px;

padding: 4px;

}

.img-shadow2 img {

display: block;

position: relative;

background-color: #fff;

border: none;

margin: -6px 6px 6px -6px;

padding: 4px;

}

div.clearer {

clear: left;

line-height: 0;

height: 0;

}

#butt{display:block;border:1px solid #ddd;}

#butt {width:240px;background:#fafafa;margin:-5px 0px;}

#butt a{text-decoration:none;padding:2px;}

#butt a:hover{font-style:none;}

#butt p{font-size:10px;font-weight:bold;text-align:center;margin:1px;padding:2px;}

#butt img{border:none;vertical-align:middle;}

.linkp a{text-decoration:none;}

#twitter_update_list{list-style:none;list-style-image: url(images/twit.ico);}

.ad a:hover{font-color:#000;font-style:italic;}

/* Front Page
=================================== */

#front-page  { 
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	overflow: hidden;
}

#front-page #discussions { 
	margin-left: 170px;
margin-bottom:10px;
	width: 540px;
}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {
	color: #333;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#front-page #discussions ul { padding: 0 0 10px 14px; }

.sticky { background: #a1d29a; }

/* Topic Page
=================================== */

.infobox {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 1em;
}

.infobox ul {
	margin: 10px 0 10px 12px;
	padding: 0;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

#topic-tags {
	border-left: 1px solid #ccc;
	float: right;
	padding: 0 0 0 1em;
}

#thread {
	background: #eee;
	list-style: none;
	margin: 0 0 0 100px;
	padding: 0;
}
#thread li {
	padding: 1.5em 1.0em;
	line-height: 1.5em;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	margin-left: -110px;
	overflow: hidden;
	position: absolute;
	width: 95px;
}

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }


#thread .post blockquote {
	margin: 0 0 0 4ex;
	padding: 0 0 0 1ex;
	border-left: 5px solid #ccc;
}

.poststuff {
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

.postform {
	background: #f0f0f0;
	padding: 1em;
	margin-bottom: 1em;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 720px;
	display: block;
}

.postform label { display: block; }

#manage-tags { 
	margin: 10px 0; 
	list-style: none; 
}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

.submit { text-align: left;margin:10px; }

.topiclink { display: block; }

.topictitle {
	font-size: 26px;
	font-weight: normal;
	display: inline;
}
/* Other
=================================== */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {
	border: 1px solid #ccc;
	font-weight: normal;
}
#content .nav a:hover {
	border: 1px solid #999;
}
#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}

#latest td, #forumlist td, #favorites td { padding: 5px 10px; font-weight:bold;}

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #e4f3e1; }

#latest th, #forumlist th, #favorites th {
	border-bottom: 1px solid #aaa;
	background: #ddd;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-transform: uppercase;
}

#latest, #forumlist, #favorites {
	background: #f7f7f7;
	margin-bottom: 2em;
	width: 100%;
}

.bozo { background: #eeee88; }

.alt.bozo { background: #ffff99; }

.deleted { background: #ee8888; }

.alt.deleted { background: #ff9999; }

/* Profile Page
=================================== */

#profile-menu {
	list-style: none;
	right: 0;
}

#profile-menu li {
	font-size: 1.1em;
	background-color: #eee;
	padding: 4px 7px;
	display: inline;
	border-top: 3px double #9e9e9e;
}

#profile-menu li.current {
	background-color: #ddd;
	border-top: 1px solid #9e9e9e;
}


#userinfo {
background:#EEEEEE;
margin:10px 0px 10px 25px;
margin-left:25px;
padding:5px;
width:50%;}

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; } 

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Profile Edit
=================================== */

fieldset { 
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px; 
	margin-bottom: 15px;
	width: 720px;
}

legend { 
	font-weight: bold;
	padding: 0 15px;
}

fieldset table { 
	text-align: left;
	margin: 0 15px;
}

fieldset table td { padding: 2px 0; }

fieldset p { 
	font-size: 11px;
	margin: 10px 16px;
}

#main { 
	font-size: 1.2em;
	width: 760px;
	margin: 0 auto 25px;
	position: relative;
}

.bbcrumb {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	padding: 5px 0 20px;
}

.notice { 
	border: 2px solid #4c9545; 
	background: #abd8a2; 
	color: #4c9545; 
	font-size: 1.1em; 
	font-weight: bold;
	padding: 10px 15px; 
	margin: 0 0 1.1em; 
}

.notice p { margin-bottom: 0; }

/* Login Form
=================================== */

.login { 
	font-weight: bold;
	color: #444;
	width: 100%;
}

.login p { padding: 0 0 5px; }

.login label {
	display: block;
	padding-right: 10px;
}

.login #submit {
	margin-top: 1.4em;
}

.login {
	line-height: 1.3;
	font-weight: normal;
margin:0px 0px 10px;
}

form.login input { 
	margin-top: 3px;
	border: 1px solid #999;
}

.left { float: left; }

.right { float: right; }

.delete:hover {
	background: #c00;
	color: #fff;
}
.bbpress_login { font-size: 12px; padding: 5px; background-color: #FAFAFA; color: #666; border: 1px solid #EAEAEA; margin: 10px 10px 15px 10px;}
#topic-move{margin:5px 0px;}
#viewdiv{margin:0px 0px 5px 0px;}
 a.report_post {color:red;}  
#tagsF{
	background: #ffffff;
	margin-bottom: 1em;
	width: 50%;
}
#tagsF.sp {width: 10px;
background:#dddddd;}