/*
-----------------------------------------------

Title:   CAPs styles for blog pages
Author:  TMF Creative Services Group
Updated: 5/26/2009

----------------------------------------------- */

/* Shell */
body#blog .columnWrapper,
body#addNewPost .columnWrapper {
	border-top: 1px solid #d2d9db;
}
.columnWrapper{

}
#blogMain {
	width: 39em;
	float: left;
	border-right:1px solid #D3DAE4;
	padding-right:.3em; 
}
#headerContainer{
	background-color:#F4F7FB;
}
.blogPost {
	margin: 0 0 -1px 5px; /* negative margin hides last post's top border */
	padding: .9em 0em 2em .7em;
	border-bottom:1px solid #D2D9DB;
	position:relative; /* IE6 Peekaboo Bug */
	overflow:hidden;
}
#blogSideBar {
	padding:.7em;
	width: 7.3em;
	float: right;
}
#comments,
#commentsForm {
	padding: .9em 1em .7em 1em;

}

/* Tabs */
body#blog .tabsMain,
body#addNewPost .tabsMain {
	margin: 0 0 .6em 0;
	padding: 0;
}
body#blog .tabsContents,
body#addNewPost .tabsContents {
	margin: 0;
	padding: 0;
}

/* Headings */
body#blog #pagebody h2,
body#addNewPost #pagebody h2 {
	margin: 0;
	padding: .8em 1em;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
body#blog h2 a,
body#addNewPost h2 a {
	color: #59ae08;
	text-decoration: none;
}
.blogPost h3,
body#addNewPost h3 {
	color: #09549e;
	margin: 0 0 .1em 0;
	padding: 0;
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif;
}
#blogMainRSS h3
{
	padding:0;
	margin:0;
}
.blogPost h3 a {
	color: #c91e6;
	margin-bottom: .4em;
}
.blogPost .reportThis {
    font-size:0.7em;
}
body#blog #pagebody h4,
body#addNewPost #pagebody h4 {
	font-size: .8em;
	padding-top:15px;
}
body#addNewPost h4 {
	margin-bottom: .1em;
}
body#blog h4 a,
body#addNewPost h4 a {
	color: #333;
	font-weight: normal;
	text-transform: none;
}

.blogPost label{
	font-size:1em;
	font-weight:bold;
	padding-right:10px;
}


/* Paragraphs */
body#blog p.timestamp, body#addNewPost p.timestamp{
	color: #999;
	margin-bottom: .2em;
	text-transform: uppercase;
	font-size: .6em;
}
#blogMain .blogPost p{
	font:.8em arial,sans-serif;
	margin:1em 0;
	line-height:1.4em;
}
p#guidelines {
	margin-right: .3em;
	margin-left:1em;
	padding-top: .5em;
	color: #666;
	float: right;
	width: 13em;
}
p#disclaimer{
	color: #666;
}
p#guidelines strong {
	display: block;
}
#previewPost {
	margin: .3em 0 .8em 0;
	padding: 1.1em 1.1em .3em 1.1em;
	background-color: #f8f8f8;
	border: 1px solid #eee;
}
#previewPost p {
	font:.8em arial,sans-serif;
	line-height:1.2em;
	margin:.8em 0;	
}
p.noPost {
	padding: .9em 1em 0 1em;
}

/* Lists */
#blogSideBar h3{
	font-size:.8em;
	color:#0F436C;
	padding:0;
	margin-top:20px;
}	
#blogSideBar h5{
	font-size:.8em;
	color:#000;
	padding-top:1em;
	margin:0;
}
#blogSideBar li {
	margin: .2em;
	list-style-type: none;
	line-height: 1.7em;
	font-size: .7em;
}
#blogSideBar li.addPost {
	padding-left: 1.9em;
	background: url("//g.foolcdn.com/art/ratings/icon_add_post.gif") no-repeat 0 1px;
}
#blogSideBar li.home {
	padding-left: 1.9em;
	background: url("//g.foolcdn.com/art/ratings/house.png") no-repeat 0 1px;
}

/* Comments */
#comments dl {
	position:relative; /* IE6 Peekaboo Bug */
}
#comments dt {
	margin-bottom: .3em;
	padding: .5em .7em .5em 2.5em;
	font-size: .7em;
	background: #fefadd url("//g.foolcdn.com/art/ratings/icon_comment.gif") no-repeat 5px 5px;
}
#comments dd {
	margin: 0 0 0.8em 0;
	padding: 0 .5em;
	color: #333;
	line-height: 1.2em;
}
#comments dd p {
	font-size:0.8em;
}

#comments dd .reportThis {
    font-size:0.7em;
}

/* Forms */
body#blog #blogMain textarea{
	font-size: .8em;
}
body#blog #blogMain input.text {
	font-size:1.3em;
}

body#addNewPost #blogMain textarea,
body#addNewPost #blogMain input.text {
	font-size: 1em;
}

#commentsForm textarea {
	width:22em;
	height:15em;
	background-color:#fffff0;
	border:solid 1px #ccc;
	float: left;
}
#commentsForm input.button {
	margin-top: .5em;
}
body#addNewPost #blogMain label {
	margin-bottom: .3em;
	display: block;
	font-weight: bold;
}
body#addNewPost #blogMain input.text, 
body#addNewPost #blogMain textarea {
	width: 515px;
	border: 1px solid #ccc;
}
body#addNewPost #blogMain input.text {
	margin-bottom: .7em;
	height: 18px;
}
body#addNewPost #blogMain textarea {
	height:178px;
}
body#addNewPost #blogMain input.button {
	margin-top: .7em;
}

#blogMain input.title{
	width:400px;
}
ul#addfeed li{
	list-style:none;
	display:inline;
	padding:10px;
	float:left;
}	
#getRSS{
	float:right; 
	margin:10px 10px 0;
}	
#blogMainRSS {
	width: 30em;
	float: left;
	margin:15px 30px 60px 15px  ;
}
#rssurl{
	padding:6px;
	font-size:18px;
	border:3px solid #ccc;
	margin-bottom:3em;
}
ul.blogToolBox{
	padding:1px;
	border:0px solid #d6dede;
	margin-bottom:.7em;
}	
#mainContent .tabsMain .tabsContents #blogMainRSS p{
	font-size:0.8em;
}
.rssGraphic{
	margin:0; 
	padding:0; 
	display:inline;
}	
.archiveMonth{
	font-size:0.7em;
	display:block;
}


/* Tag Tickers */

body#addNewPost .blogpost fieldset{
	border-color:#ccc;	
}
#tagTickers{
	width:33em;
}
body#addNewPost #blogMain #tagTickers label{
	display:inline;
}
body#addNewPost #blogMain #tagTickers input{
	width:15em;
	margin-bottom:0;
}
body#addNewPost #blogMain #tagTickers .small{
	display:inline;
}
body#addNewPost .timestamp a:link{
	cursor:text;
}
body#addNewPost .timestamp a:hover{
	color: #09549e;
}





/* Blog Stats */
#sideBar .topTenListforTickers{
	border:1px solid #ccc;	
}
#sideBar .topTenListforTickers h3{
	margin:0;
	padding:3px 3px 3px 7px;
	color:#fff;
	background:#62AC12 url(//g.foolcdn.com/art/ratings/h3_green_bg.gif) repeat-x scroll center top;
}
#pagebody #sideBar .topTenListforTickers table {
	margin:0;	
	padding:0;
	margin-top:5px;
}
#sideBar .topTenListforTickers td{
	padding-left:8px;
}
#sideBar .topTenListforTickers p{
	padding:4px 4px 4px 8px;
	background-color:#F4F7FB;
	margin:0;
}
/* Fixes Newest Blog Posts in the Sidebar */ 
.listSubTitle{
	display:none;
}
.recentPostUser{
	color:#999; 
	font-size:10px;
}


/* Preview Post */
body#addNewPost #blogMain fieldset.preview{	
	border:1px solid #FCE3A2; 
	padding:20px; 
	margin:20px 10pt 10px 0; 
	text-align:left;
	background-color:#FFFFF0;
}
body#addNewPost fieldset.preview h3{
	text-decoration:underline;
}
body#addNewPost fieldset.preview legend{
	display:inline; 
	color:orange; 
	font-size:11px;
}
body#addNewPost #tagTickers {	
	border:1px solid #ccc; 
	padding:0 0 5px; 
	margin:10px 10px 10px 0; 
	text-align:center;
	width:592px;
	background-color:#F4F7FB;
}



/* Editorial Submission */
body#addNewPost #editorialSubmission {
    	border:1px solid #ccc; 
	padding:10px;
	margin:10px 10px 10px 0; 
	background-color:#F4F7FB;
	font-size:12px;
}

body#addNewPost #editorialTrigger input {
    float:left;
    position:relative;
    top:1px;
    *top:-4px; /* IE sigh */
}


body#addNewPost #editorialTrigger label {
    padding-left:5px;
    float:left;
}

body#addNewPost #editorialTrigger .small {
    display:inline;
}

body#addNewPost #editorialPanel {
    margin-top:15px;
}



/* Blog Aggregator */
#blogAggregator h3{
	font-size:1em;
}
#blogAggregator li p {
	font-size:.8em;
}
#blogAggregator .pitchRecs p {
	font-size:.7em;
	margin:0;
}
#blogAggregator small {
	font-size:.6em;
	text-transform:uppercase;
	color:#999;
	display:block;
	margin:.4em 0 .6em;
} #blogAggregator small a.author {
	text-transform:none;
}
#blogAggregator .pitchRecs {
	float:right;
}

#featuredPost h3 {
	font-size:1.4em;
} #featuredPost .featured_summary {
	margin:20px;
} #featuredPost .featured_summary p {
	font-size:.8em;
}

#newestBlogPosts, 
#mostRecdBlogPosts {
	width:23.25em;
	float:left;
	/* Removes border and background colors from theme*/
	border:none;
	background:none;
}
#newestBlogPosts .pitchRecs,
#mostRecdBlogPosts .pitchRecs {
	width:42px;
	margin-top:25px;
}
#newestBlogPosts ul, 
#mostRecdBlogPosts ul  {
	margin-top:20px;
	padding:5px;
	list-style:none;
} #newestBlogPosts ul li, 
  #mostRecdBlogPosts ul li{
	margin-bottom:20px;
}
#newestBlogPosts {
	margin-right:20px;
}
#newestBlogPosts #lnkViewMoreResults{
	font-size:.8em;
	margin-left:.5em;
}


/* Blog Aggregator Sidebar Lists */
.sidebarTopTenList{
	margin-bottom:1em;
}
.sidebarTopTenList h3, .viewMore{
	font-size:.7em;
}
.sidebarTopTenList li{
	line-height:1.3em;
	font-size:.7em;
	list-style:none;
	padding:0;
	margin:.6em 0;
}
.sidebarTopTenList li img{
	vertical-align:middle;
}

/* Blog Tools */
.blogTools{
	margin:8px 0 15px;
	font-size:12px;
	text-align:left;
	padding-top:5px;
}
.blogTools a{
	padding:3px 0 3px 16px;
	line-height:19px;
	color:#666;
}
.blogTools a.removeFollow{background:transparent url(//g.foolcdn.com/art/ratings/followed.gif) no-repeat 0 6px;}
.blogTools a.addFollow{background:transparent url(//g.foolcdn.com/art/ratings/unfollowed.gif) no-repeat 0 6px;}
.blogTools a.share{background:transparent url(//g.foolcdn.com/art/ratings/shareGreySm.gif) no-repeat 0 5px;}
.blogTools a.email{background:transparent url(//g.foolcdn.com/art/ratings/emailGreySm.gif) no-repeat 0 5px;}
.blogTools a.report{background:transparent url(//g.foolcdn.com/art/ratings/reportSm.gif) no-repeat 0 5px;}

/* Blog Post Follow Checkbox */
.followCheckbox{
	margin-left:8px;
	position:relative;
	top: 2px;
}
/* this sucks fix this for real */
* html .followCheckbox {
	top:-6px;
}
*+html .followCheckbox {
	top:-6px;
}

.followCheckbox label {
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
	padding-left:4px;
}
.followCheckbox input{
}


/* Submit to Fool Editorial */
#editorialSubmission{
	margin:15px 15px 15px 0;
	padding:15px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#editorialSubmission input{
	vertical-align:middle;
}
#editorialSubmission label{
	font-size:0.8em;
	font-weight:bold;
}
#editorialSubmission .small{
	margin-top:5px;
}

#editorialPanel{
	margin:15px 0;
}
#editorialPanel label{
	display:block;
	margin-bottom:5px;
}
#editorialPanel textarea, #editorialPanel input{
	font-size:16px !Important;
}
#editorialPanel textarea{
	width:400px;
	height:100px;
}