/*  
Theme Name: October_Phresh
Theme URI: 
Description: 2-column body - White board
Version: 2.0
Author: Phresh
Author URI: http:www.phresh.cc
*/



.commentbubble{
width: 85px;
height: 70px;
background: url('images/comment-bubble.gif') no-repeat;
font-size: 20px !important;
text-align: center;
font-family: georgia;
float: right;
letter-spacing: -2px;
}

.commentbubble:hover{
width: 85px;
height: 70px;
background: url('images/comment-bubble.gif') no-repeat;
background-position: 0px -80px;
font-size: 20px !important;
text-align: center;
font-family: georgia;
}

.commentbubble .number{
display: block;
padding-top: 19px !important;
border-bottom: 0px;
margin-top: -15px;
color: #999;
}

.commentbubble .number:hover{
background-color: transparent !important;
color: #e8ad4a;
}

.commenttext{
font-size: 9px;
font-family: arial;
color: #999;
letter-spacing: 0px;
}









body {
	background:#fff url(http://www.hostilehumor.com/wp-content/themes/october_phresh/images/paper_background.gif) repeat;
	margin:0px auto;
	padding:0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	color: #222;
	text-align: left;
	text-decoration: none;
	}
a:link {background: #ffffcc; text-decoration: none; color: #ff6600;}
a:active {color: #ff6600; text-decoration: none;}
a:visited {color: #ff6600;}
a:hover {text-decoration: underline;}



#notepad { 
		font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
		
        background-image: url('http://www.hostilehumor.com/img/lineTest2.gif');  /* http://www.made-in-england.org/wp-content/themes/made-in-england-0.2/images/blueline.gif */
        -o-background-size: auto 1.2em; /* opera */ 
        -webkit-background-size: auto 1.2em; /* safari & chrome */ 
        background-size: auto 1.2em; /* css3 */ 
		line-height: 1.8em; 
      } 
      #notepad p { 
        line-height: 1.2em; 
      } 


.byline {
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style:italic;
	color: #555;
	padding-top: 0px;
	}
.byline a:link {color: #555; text-decoration: none; background:none;}
.byline a:active {color: #555; text-decoration: none;}
.byline a:visited {color: #555;	text-decoration: none;}
.byline a:hover {background: #ffffcc; color: #ff6600; text-decoration: underline;}	
	
.crawl	{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	letter-spacing: normal;
	color: #999;
	text-align: left;
	text-decoration: none;
}	
	
	

#info_box{
width: 95%;
padding: 15px 10px 15px 10px;
background-color:#ddd}	

#tag_box{
width: 300px;
padding: 0px 10px 0px 0px;}	
	
.postdate {
	font-family: Georgia,;
	font-style:italic;
	font-size: 12px;
	color: #222;}
.postdate a:link {color: #666;}	
.postdate a:visited {color: #666;}
.postdate a:hover {color: #593200;}
.postdate a:active {color: #666;}
.postdate {text-decoration: none;}

.category {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color: #222;}
.category a:link {color: #222;}	
.category a:visited {color: #222;}
.category a:hover {color: #9900cc;}
.category a:active {color: #222;}












#containHead{
margin:0 auto;
width:900px;}


#hostileHead{
margin:0 auto;
float:right;
height:177px;
width:800px;
background: url(http://www.hostilehumor.com/wp-content/themes/october_phresh/images/batslap_bkgnd.png) top right no-repeat;}

#logoBatslap{
height:98px;
width:319px;
margin:30px 0px 0px 30px;
}



#menuHead{
float:left;
width:90px;}

.menu_lk a:link {background: none; text-decoration: none;}
.menu_lk a:hover {text-decoration: none;}




#pgHead {
margin:0 auto;
padding:0px 50px 0px 50px;

	width:800px;
	height:170px;
	background:#0f2335 url(http://www.hostilehumor.com/wp-content/themes/october_phresh/images/hostile_batman.png) top right no-repeat;}
	

#hhLogo {
padding:15px 0px 0px 40px;
height:140px;
}
	
	
#pgLink {
margin:0 auto;
padding:40px 0px 10px 0px;
border-bottom: 1px solid #ccc;
width:900px;
font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #111;}
	

#containFoot{
margin:0 auto;
width:900px;}

.footer {
margin:0 auto;
padding:0px 10px 0px 10px;
font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -.1em;
	text-transform:uppercase;
	text-decoration: none;
	color: #1c0e09;}	
	
.footer a:link {color: #1c0e09; text-decoration: none;}
.footer a:visited {color: #1c0e09; text-decoration: none;}	
.footer a:hover {color: #e8ad4a;text-decoration: underline;}


.linkText {
margin:0 auto;
padding:0px 10px 0px 10px;
font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -.1em;
	text-transform:uppercase;
	text-decoration: none;
	color: #111;}	
	
.linkText a:link {color: #111; text-decoration: none;}
.linkText a:visited {color: #111; text-decoration: none;}	
.linkText a:hover {color: #102c4b;text-decoration: underline;}		
		
	
/*--HOME PAGE--*/

.hometitle {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	line-height:101%;
	color: #122733;
	text-transform: capitalize;
	padding:0px 0px 5px 0px;
	}
.hometitle a:link {color: #122733; text-decoration: none;}
.hometitle a:visited {color: #122733; text-decoration: none;}	
.hometitle a:hover {color: #006699;text-decoration: underline;}	
	
.hometext {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #111;
} 

.main_content {
	font-family: Verdana, Arial, Lucida Grande, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 1.8em;
	text-decoration: none;
	color: #222;
	padding:0px 0px 20px 0px;
} 
.main_content a:link {background: #ffffcc; text-decoration: none; color: #ff6600;}
.main_content a:hover {text-decoration: underline;}





.main_image {padding-bottom: 15px; border:none;}

.mostrecent {
	font: Verdana; 
	font-size: 11px; 
	color: #666; 
	line-height:1.0em; 
	text-decoration: none;
	background:url("http://www.hostilehumor.com/wp-content/themes/october_phresh/images/blueLine.gif") 0 -1px;}
.mostrecent a:link {background: #ffffcc; text-decoration: none; color: #ff6600;}
.mostrecent a:visited {background: #ffffcc; text-decoration: none; color: #ff6600;}
.mostrecent a:hover {text-decoration: underline;}
.mostrecent ul, ol {margin: -4pt 0pt 0pt 15pt; padding: 0pt;}


#cats { clear: both; font: Verdana, ; font-size: 11px; color:#666;line-height:1.4em; padding:-15px 20px 20px 20px;}
#cats h2 { font: Verdana, ; color:#666; font-size: 11px !important; font-weight: normal; margin: 0 !important;}
#cats ul { padding: 0px 50 0 15px; margin: 0px; }
#cats ul li { padding: 0px 50px 0px 5px; background: url(../images/bullets/star.png) no-repeat 0 5px; }
#cats a:link {background: #ffffcc; text-decoration: none; color: #ff6600;}
#cats a:visited {color:#555; font-weight:normal;}
#cats a:hover {text-decoration: underline;}
#cats ul, ol {margin: -4pt 20pt 0pt 15pt; padding: 0pt;}

.cats {
	font: Verdana; 
	font-size: 11px; 
	color: #666; 
	line-height:1.4em; 
	text-decoration: none;
	background:url("http://www.hostilehumor.com/wp-content/themes/october_phresh/images/blueLine.gif") 0 -1px;}
.cats a:link {background: #ffffcc; text-decoration: none; color: #ff6600;}
.cats a:visited {background: #ffffcc; text-decoration: none; color: #ff6600;}
.cats a:hover {text-decoration: underline;}


/* POST TITLE */

.posts h2 { 
	margin: 0;
	font-family: Georgia ,Arial, Helvetica, sans-serif, Myriad Pro, Lucida Grande, Lucida Sans, Verdana;
	font-size: 22px;
	width:370px;
	line-height:101%;
	color: #1c0e09;
	text-transform: uppercase; }
.posts h2 a:link {color: #1c0e09;	text-decoration: none;	 text-transform: uppercase; background:none;}
.posts h2 a:visited {color: #1c0e09; text-decoration: none; text-transform: uppercase;}
.posts h2 a:hover {color: #e8ad4a;	text-decoration: none; text-transform: uppercase;}
/* END POST TITLE */

#related-posts { clear: both; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px;}
#related-posts h2 { font-family:Arial, Helvetica, sans-serif; color:#222; font-size: 100% !important; font-weight: bold; margin: 0 !important;}
#related-posts ul { padding: 0px 0 0 15px; margin: 0px; }
#related-posts ul li { padding: 5px 0 0 5px; background: url(../images/bullets/star.png) no-repeat 0 5px; }
#related-posts a:link {color: #882721; text-decoration: none;}
#related-posts a:visited {color: #555; text-decoration: none; font-style:italic;}
#related-posts a:hover { color: #006699; text-decoration: underline; font-weight:bold;}
#related-posts a:active {color: #882721; text-decoration: none;}	
.related-posts {
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial;
	font-size: 25px;
	font-style: normal;
	text-decoration: none;
	text-transform:uppercase;
	color: #4b246c;
}	

#recentpost_img{
background: url(http://www.phresh.cc/img/tag-recent_headlines.png) left no-repeat;}

p {
	margin: 0 0 15px 0;
	font-size: 12px;
	color:#222;
	line-height: 1.6em;
	}

a:link, a:active, a:visited, a:hover {color: #8a4601; text-decoration: none;}
.post-info {color: #FFFFFF;font-size: 0.9em;background: #909090;padding: 4px 8px 4px 8px;}


/*WORDPRESS CODES & OTHER EXTRAS*/
blockquote {
	background: #f1ecdd;
	border: 1px solid #aaa;
	color: #333; 
	font-family: arial;
	font-style:italic;
	font-size: small;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	}


#reader_comment {
font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-style:italic;
color:#666;
font-size:18px;
font-weight:bold;
width:100%;
margin-bottom:20px 0px 20px 0px;
padding:5px 0px 20px 0px;
text-transform:capitalize;
vertical-align:middle;}


.video {margin: 20px 0px 10px 0px; } /* See "C-Murder Found Guilty of Murder, Again, 8/12/09" for example*/


excerpt {
	color: #474747;
	font-family: arial;
	font-style:normal;
	font-size: 90%;
	line-height:115%;
}

#breaker {border-top: solid 1px #999; padding: 1em 0 1em 0;} /* Line Break */

.borderRT { border-right: 1px solid gray;} /* Line Break */
/* END WORDPRESS CODES & OTHER EXTRAS */

/*--END INDEX PAGE--*/


/*--ARCHIVES PAGE--*/

.smarty { clear: both; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px;}
					
.smarty h2 { 
	font-family:"Lucida Grande", "Lucida Sans", verdana, Arial, Helvetica, sans-serif; 
	color:#222; 
	font-size: 150% !important; 
	font-weight: bold; 
	font-style:normal; 
	margin: 0 !important; 
	padding: 25px 0px 5px 0px}
.smarty	h2 a:link {color: #222; text-decoration: none; text-transform:capitalize}
.smarty h2 a:visited {color: #555; text-decoration: none; font-style:italic; text-transform:capitalize}		
.smarty h2 a:hover { color: #222; text-decoration: underline; font-weight:bold; text-transform:capitalize}
.smarty h2 a:active {color: #222; text-decoration: none; text-transform:capitalize}	
					
.smarty ul { margin: 0;}
.smarty ul li { padding: 5px 0 0 5px; background: url(../images/bullets/star.png) no-repeat 0 5px;  font-size: 13px; }
.smarty	a:link {color: #006699; text-decoration: none;}
.smarty a:visited {color: #555; text-decoration: none; font-style:italic;}		
.smarty a:hover { color: #882721; text-decoration: underline; font-weight:bold;}
.smarty a:active {color: #222; text-decoration: none;}	

/*-- END ARCHIVES PAGE --*/



#main-table {
	margin:0px auto;
	width:940px;
	}
	
	#container {
	margin:0px auto;
	width:940px;
	}
	
#content {
	background-color:#fff;
	float:left;
	padding:20px 20px 20px 20px;
	text-align: left;
	text-decoration: none;
	width:550px;
	}

.pgtitle {
	height:35px;
	width:83px;
	background: url(http://www.phresh.cc/img/pgtitles/pgtitle_headlines.png) top no-repeat;}
		
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	
}


.respond-A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;}


.respond-B {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	text-transform:capitalize;
	}
	
.commenthead {
background-color:#111;
height:15px;
	padding:2px 3px 2px 3px;
	}



.postmeta 

{
font-size: 9pt;
line-height: 10pt;
font-family:verdana;
color: #999999
margin-top: 8px;
margin-bottom:15px;
padding-top:30px

}




.prablack1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.prablackbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.prablackbold2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.prabmar1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #DD0000;
}
A.prabmar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #DD0000;
	text-decoration:none;
	
}
.parahead1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660000;
}
	
.parahead2nor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000066;
}
.parahead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #660000;
}
.add {
	font-family: Verdana, Arial, Helvetica;
	font-size: 7px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
}
.parahead4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #999999;
	}
.form {
	border: #3E679B 1px solid;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}


.item {
	clear:both;
	margin-bottom:25px;
	overflow: hidden 
}
.item BLOCKQUOTE {
	padding:5px;
	margin: 15px 40px;
	background-color:#dff3ff;
}
.item UL {
	margin: 10px 40px
}
.item OL {
	margin: 10px 40px
}


A.nlink:link
{
	font-family: Verdana;
	text-decoration:none;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

A.nlink:visited {
	font-family: Verdana;
	text-decoration:none;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #000001;
}

A.nlink:hover {
	font-family: Verdana;
	text-decoration:none;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #0066FF;
}

A.nlink:active {
	font-family: Verdana;
	text-decoration:none;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #0066FF;
}

.shortfield
{
  BORDER-COLOR: #000000;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  WIDTH: 55px;
  HEIGHT: 20px;
  FONT-SIZE: 12px;
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #FFFFFF;
}

.field
{
  BORDER-COLOR: #003366;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  WIDTH: 120px;
  HEIGHT: 18px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #003366;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #eeeeee;
}

a.navigation img {
 display: block;
 padding: 2px;
 padding-left: 25px;
  margin-bottom: 2px;
  opacity: .7;
  filter: alpha(opacity=70);
}

a.navigation:hover img {
background: url(images/bullet.jpg) no-repeat;
background-position:center left;
opacity: 1;
filter: alpha(opacity=100);
}

<!-- TESTING 9/23/09 -->
ul.thumb_recent { 
    list-style:none; 
    margin:30px 0 0 0; 
    padding:0; 
    } 
     
ul.thumb_recent li { 
    float:left; 
    margin:0 5px 0 0; 
    position:relative; 
    } 
     
ul.thumb_recent li img {border:3px solid #7BA2C7;} 
ul.thumb_recent li a:hover img {border:3px solid #666;} 
ul.thumb_recent li span { 
    text-decoration:none; 
    display:none; 
    text-align:left; 
    position:absolute;  
    top:-15px; 
    left:0px; 
    width:400px; 
    color:#666; 
    text-transform:uppercase; 
    font-family:arial; 
    font-size:11px; 
    } 
 
ul.thumb_recent li a:hover span {display:block;}