/*  
Theme Name: The Drew Blog Design 2008 (2 column)
Theme URI: http://www.marketingforgood.net
Description: Marketing for Good/Service
Version: 2.0
Author: DK
Author URI: http://www.marketingforgood.net
*/


body {
margin:0px;
padding:0px;
background: #FFFFFF;
}

body p {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 14px;
color: #666666;
margin-top:.2em;margin-bottom:1.0em
}

body a {
color: #222222;
text-decoration: underline;
}

body a:hover {
color: #FF0000;
text-decoration: underline;
}


.WrapperHeader {
padding:10px 10px 40px 10px;
width:920px;
}

.WrapperBody {
padding:10px 10px 20px 10px;
width:920px;
}

input.StandardBox {
background-color: #FFFFFF;
font-family:Arial, sans-serif;
color:#333333;
font-size:10px;
text-indent:1px;
width:120px;
height:15px;
border:1px solid #666666;
}

/* ----------HEADER---------- */
.TopRedStripe {
width:100%;
background: #FF0000;
padding: 5px 0px 5px 0px;
}

#header h1 {
padding:0;
margin:0;
}

#header h2 {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 13px;
line-height: 19px;
color: #888888;
font-weight: bold;
text-decoration: none;
padding:0px 0px 0px 10px;
margin:0px;
}

#header .callout {
color: #555555;
}

#header a {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 13px;
line-height: 19px;
color: #888888;
font-weight: bold;
text-decoration: none;
}

#header a:hover {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 13px;
line-height: 19px;
color: #888888;
font-weight: bold;
text-decoration: none;
}
/* ----------//HEADER---------- */




/* ----------POST CONTENT---------- */
	/* CONTENT: cat title */
#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
text-transform: capitalize;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 0px;
}

#content h1.Cat_MGood {color: #336600;}
#content h1.Cat_MService {color: #CC9900;}
#content h1.Cat_MBad {color: #663300;}
#content h1.Cat_Musings {color: #FF6600;}
#content h1.Cat_Articles {color: #006699;}
#content h1.default {color: #111111;}


#content h1 a {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-size: 12px;
line-height: 18px;
text-transform: capitalize;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding:0px 0px 0px 14px;
}

#content h1.Cat_MGood a {
color: #336600;
background: url(images/caticon_mgood.gif) no-repeat left 26%;
}

#content h1.Cat_MService a {
color: #CC9900;
background: url(images/caticon_mservice.gif) no-repeat left 26%;
}

#content h1.Cat_MBad a {
color: #663300;
background: url(images/caticon_mbad.gif) no-repeat left 26%;
}

#content h1.Cat_Musings a {
color: #FF6600;
background: url(images/caticon_musings.gif) no-repeat left 26%;
}

#content h1.Cat_Articles a {
color: #006699;
background: url(images/caticon_articles.gif) no-repeat left 26%;
}

#content h1.default a {
color: #111111;
background: url(images/caticon_default.gif) no-repeat left 26%;
}

#content h1.Cat_MGood a:hover 		{color: #11330E;}
#content h1.Cat_MService a:hover 	{color: #B68513;}
#content h1.Cat_MBad a:hover 		{color: #3F2005;}
#content h1.Cat_Musings a:hover 	{color: #C04E00;}
#content h1.Cat_Articles a:hover 	{color: #004462;}
	/* CONTENT: cat title */
	
	
	
	
	/* CONTENT: post title */
#content h2 {
font-family: Arial, Helvetica sans-serif;
font-size: 15px;
line-height: 18px;
color: #000000;
text-transform: normal;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 3px 0px 0px 0px;
}

#content h2 a{
font-family: Arial, Helvetica sans-serif;
font-size: 13px;
line-height: 18px;
color: #FFFFFF;
background: #666666;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 1px 4px 1px 3px;
}

#content h2 a:hover {
background: #454545; 
}
	/* //CONTENT: post title */
	

	/* CONTENT: top stats */
#content h3 {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 11px;
color: #999999;
font-weight: bold;
white-space: nowrap;
margin: 0px;
padding: 2px 0px 0px 0px;
}

#content h3 a{
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 11px;
color: #999999;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
border-bottom: dotted 1px #FFFFFF;
}

#content h3 a:hover{
color: #666666;
border-bottom: dotted 1px #666666;
text-decoration: none;
}
	/* //CONTENT: top stats */

	/* CONTENT: continue links */
#content h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #FF0000;
text-transform: capitalize;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

#content h4 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #FF0000;
text-transform: capitalize;
font-weight: bold;
text-decoration: none;
padding-bottom:1px;
}

#content h4 a:hover {
border-bottom: dotted 1px #FF0000;
padding-bottom:0px;
}

#content h4.comment a {
background: url(images/icon_comment.png) no-repeat left 26%;
padding:0px 0px 0px 18px;
}


#content h5 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #FF0000;
text-transform: capitalize;
font-weight: bold;
text-decoration: none;
margin-top: 4px;
padding-bottom:1px;
}




	/* //CONTENT: continue links */

#content p {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
color: #555555;
padding:0;
}


	/*---post: the space and delineation between whole entries*/
#post {	
padding: 5px 14px 35px 0px;
border-bottom:1px solid #EDEDED;
}
	/*---post: the space and delineation between whole entries*/
/* ----------//POST CONTENT---------- */




/* ACTUAL POST: styles within the actual post */
#ActualPost {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 19px;
color: #555555;
padding:0px;
}

#ActualPost p {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 19px;
color: #555555;
padding:0;
}

#ActualPost img {
float: left;
width:150px;
padding: 2px 2px 2px 2px;
border:1px solid #555555;
margin:0px 14px 10px 0px;
}

#ActualPost a {
color: #222222;
text-decoration: none;
border-bottom:1px dotted #222222;
}

#ActualPost a:hover {
color: #FF0000;
text-decoration: none;
border-bottom:1px dotted #FF0000;
}

#ActualPost h2 { /*delete this?*/
font-family: Arial, Helvetica sans-serif;
font-size: 13px;
line-height: 18px;
color: #000000;
text-transform: normal;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

#ActualPost h2 a { /*delete this?*/
color: #FFFFFF;
background: #777777;
font-weight: bold;
text-decoration: none;
border: 0 !important;
margin: 0;
padding: 0px 2px 0px 2px;
}

#ActualPost h2 a:hover { /*delete this?*/
background: #888888; 
}

#ActualPost li {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #555555 !important;
padding-bottom:5px;
}

#ActualPost blockquote {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #999999 !important;
font-style: italic !important;
}
/* //ACTUAL POST: styles within the actual post */








/* ---------COMMENTS--------- */
#readcomments {
padding:20px 0px 0px 0px;
}

#readcomments p  { /* this actually controls the comment text*/
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 13px;
color: #444444;
font-weight: normal;
padding:0px 0px 0px 0px !important;
margin:0px 0px 3px 0px !important;
}

.comment_author {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #333333;
font-weight: bold;
padding:0px 0px 0px 0px;
}

.comment_author a {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #222222;
font-weight: bold;
text-decoration: none;
border-bottom: dotted 1px #222222;
}

.comment_author a:hover {
color: #FF0000;
text-decoration: none;
border-bottom: dotted 1px #FF0000;
}

.comment_date {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 15px;
color: #AAAAAA;
font-weight: bold;
padding:0px 0px 9px 0px;
margin:0px;
}

.comment_number{
float: right;
font-family: Arial, sans-serif;
font-size: 24px;
line-height: 15px;
color: #DEDEDE;
font-weight: bold;
padding:0px 5px 0px 0px;
}

p.addremarks {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #ff0000;
font-weight: bold;
text-transform: uppercase;
padding:2px 0px 4px 0px;
margin:0px;
}

.commentform {
padding-bottom: 10px;
}

.commentform label {
font-family: Arial, sans-serif;
color: #666666;
font-size: 11px;
line-height: 18px;
font-weight: normal;
white-space: nowrap;
padding: 0px 10px 0px 10px;
}

.commentform input {
background-color: #FFFFFF;
font-family:Arial, sans-serif;
color:#333333;
font-size:10px;
text-indent:1px;
height:18px;
width: 194px;
border:1px solid #666666;
}

.commentform textarea {
width: 490px;
height: 100px;
border:1px solid #666666;
font-family:Arial, sans-serif;
color:#333333;
font-size:10px;
}

.commentformtop h2 {
font-family: Arial, sans-serif;
font-size: 9px;
line-height: 9px;
color: #666666;
font-weight: bold;
padding-right:3px;
}

p.commentrules {
font-family: Arial, sans-serif !important;
font-size: 10px !important;
line-height: 11px !important;
color: #999999 !important;
}

span.LoggedInAs {
background-color: #FFCC33;
font-family: Arial, sans-serif !important;
font-size: 10px !important;
line-height: 11px !important;
color: #555555 !important;
padding:3px 5px 3px 5px !important;
}
/* ---------//COMMENTS---------*/







/* ---------SIDEBAR--------- */
	/* BIO BOX */
.BioBox {
background: url(images/homeboxes_bg.jpg) repeat-x bottom left;
border: 2px solid #CCCCCC;
padding: 5px;
}

.BioBox td {
padding: 5px;
}

.BioBox p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 14px;
color: #999999;
padding:5px 0px 5px 0px !important;
}
	/* //BIO BOX */



	/*generic sidebar*/
#sidebar h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #999999;
text-transform: uppercase;
padding: 20px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

#sidebar p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #999999;
padding:0px;
margin:0px;
}

#sidebar a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #999999;
padding:0px;
margin:0px;
text-decoration: underline;
}

#sidebar a:hover {
color: #FF0000;
}

#sidebar .SubscribeRSS {
padding-top:6px;
}

#sidebar .SubscribeRSS a {
background: url(http://www.thedrewblog.com/wp-content/themes/2col_html/images/icon-rss.gif) no-repeat 36% right;
padding: 3px 20px 3px 0px;
text-decoration:none !important;
}
	/*//generic sidebar*/


	/* CATEGORY LIST ONLY */
#sidebar td.CategoryList {
padding:0px 0px 0px 0px;
}

#sidebar td.CategoryList p {
margin:0px;
padding:0px 0px 7px 0px;
}

#sidebar td.CategoryList img {
padding-right:3px; 
width:10px;
}

#sidebar td.CategoryList a {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 12px;
padding:0px;
font-weight: bold;
text-decoration: none;
}

#sidebar a.Cat_MGood {color: #336600;}
#sidebar a.Cat_MService {color: #CC9900;}
#sidebar a.Cat_MBad {color: #663300;}
#sidebar a.Cat_Musings {color: #FF6600;}
#sidebar a.Cat_Articles {color: #006699;}
#sidebar a.default {color: #111111;}

#sidebar a.Cat_MGood:hover {color: #11330E;}
#sidebar a.Cat_MService:hover {color: #B68513;}
#sidebar a.Cat_MBad:hover {color: #3F2005;}
#sidebar a.Cat_Musings:hover {color: #C04E00;}
#sidebar a.Cat_Articles:hover {color: #004462;}
#sidebar a.default:hover {color: #111111;}
	/* CATEGORY LIST ONLY */



#sidebar p.postlist {
font-family: Arial,Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #777777;
}

#sidebar p.postlist a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #777777;
text-decoration: underline;
}

#sidebar p.postlist a:hover {
color: #FF0000;
}



td.TagCloudWords {
padding: 30px 0px 10px 0px;
}

td.TagCloudWords a {
text-decoration:none !important;
padding-bottom:4px;
}
/* ---------//SIDEBAR--------- */








/* ---------FOOTER--------- */
div.footer_CategoryBar {
background: url(images/footer_bg.jpg) repeat-x bottom left;
width:100%
text-align:center;
margin-top:20px;
}

div.footer_CategoryWrapper {
padding: 10px 0px 15px 12px;
width:920px;
}

table.footer_CatDefintion td{
padding: 10px 35px 5px 0px;
width:140px;
}

#footer p {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 13px;
color: #333333;
margin: 0px;
padding: 0px 0px 2px 0px;
}

#footer p a {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 13px;
color: #333333;
text-decoration:none;
}

#footer p a img {
border:0px;
width:10px;
}

#footer p.Cat_MGood a 		{color: #336600; font-weight:bold;}
#footer p.Cat_MService a 	{color: #CC9900; font-weight:bold;}
#footer p.Cat_MBad a 		{color: #663300; font-weight:bold;}
#footer p.Cat_Musings a 	{color: #FF6600; font-weight:bold;}
#footer p.Cat_Articles a 	{color: #006699; font-weight:bold;}

#footer p.Cat_MGood a:hover 	{color: #11330E;}
#footer p.Cat_MService a:hover 	{color: #B68513;}
#footer p.Cat_MBad a:hover 		{color: #3F2005;}
#footer p.Cat_Musings a:hover 	{color: #C04E00;}
#footer p.Cat_Articles a:hover 	{color: #004462;}

#footer div.copyright {
border-top:20px solid #FF0000;
padding: 5px 0px 20px 0px;
}

#footer div.copyright p {
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 13px;
color: #FF0000;
}
/* ---------//FOOTER--------- */




/*GENERIC and RANDOM*/
form {
margin: 0px;
padding: 0px;
}

.dropdown { 
background-color: transparent; 
} 

p {
font-family:  Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #666666;
}

#excerpt p {
margin: 0;
padding: 0;
}

p.closed { /*delete?*/
margin: 0 !important;
padding: 0 !important;
}

a.readmore { /*delete?*/
font-family:  Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #666666 !important;
text-decoration: none !important;
}
/*GENERIC*/



.wrapper {
    width: 920px;
    margin: 0 auto;
}

.blogBody {
    float: left;
    width: 700px;
    margin-right: 20px;
    display: block;
    }
    
.sidebar {
    float: left;
    width: 200px;
    display: block;
    margin-top: 75px;
}

.widget {
    margin-bottom: 20px;
}


.twtr-ft {
    visibility: hidden;
    }