/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.


/* New Brooklyn Ink 11/7/11 - Alex A */

.hib-link {
	font-size: 16px;
	}


*/
 /* 9/11 Special Project */    

#sidebar h4{
font-size: 14px;
margin-bottom:20px;
}

#sidebar strong{
font-size:22px;
font-family:futura, helvetica, sans-serif;
text-align:center;
margin-bottom:0;
padding-bottom:0;
}

#sidebar p{
font-size:12px;
font-family:helvetica, sans-serif;
text-transform:lowercase;
line-height:8px;
margin-bottom:10px;
}

 /* The Brooklyn Ink Redesign CSS */    
     
.clear{
clear:both;
}
 
body{
background:none;
background-color:#C8C8C8;
}
          
#page{
	border-color:darkgrey;
}
#header{
			height:163px; 
			border-top:0px black solid;

		}             
		        
.datebox{
			float:left;
			height:20px;
		margin-bottom:26px;
	         /*widget margin bottom to 21px to adjust for search */

		}
		
#header h1 a{
			height:163px;
			
		}            

		/*add #access div */

.access{
			height:30px;  
			border-top:2px solid #808080;     
			border-bottom:2px solid #808080;  
			float:left;
			margin-bottom:20px;
			width:980px; 
			font-family:"American Typewriter";
		}

#columns h3{   
			font-family:"Baskerville",Georgia,Times,"Times New Roman",serif;
			font-weight:normal;   
		    font-size:19px;
		}  

#columns h2{   
			font-family:"Baskerville",Georgia,Times,"Times New Roman",serif;
			font-weight:normal;   
		    font-size:19px;
		} 
		 
.underStories{
			margin-top:2px;
		}  
		
h3 a {
			color:black;  
			outline-width:0px;  
			outline-color:white;  
			font-weight:normal; 
			font-size:20px;  
			padding-left:2px; 
   
		}          

#centercol p, .box p {
		padding-bottom:0px;  
		font-size:13px;
		}               
	   
		                     
	  
#columns h3 a:hover{
			background-color:black;
			color:white; 
			text-decoration:none;
		}                 

#linkcat h3{
			color:orange;
		}

#columns h2 a{
			//font-family:"Baskerville",Garamond,Times,serif; 
			font-family: "Times New Roman", Garamond, Times, serif;
			font-weight:normal;   
			  
			text-transform:none;  
			color:black;  
			font-size:27px; 
	 
			
		}                   
#centercol h2{
			margin-bottom:0;
}

#columns h2 a:hover{
			color:black;
		  
			
		}       
#line{
		margin-top:35px;
		margin-bottom:5px; 
		
	}
#columns h4{
			font-family:Helvetica,Arial,sans-serif; 
         }

#columns h5 a{
	color:black;    
	font-size:14.5px;
}                  

#columns h5 a:hover{
	//background-color:#B10E16; 
	//color:white;    
	text-decoration:none;

	
}
			/* TD: Change color to black in datebox span DONE */

		             
		
#columns h5{
			font-family:"Garamond","Baskerville",Times,serif;
			
		}   
		    /* Done #wiredatestyle does not exist. it needs to be added to the span class or something for the live wire dates */

.wiredate{
			  font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; 
		      color:#989898;
		font-size:smaller;
		padding-top:5px;     
		padding-bottom:5px;

		}                       
               /*change the h3 tag in date to something */
.datebox h3 p{
			font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; 
			color:#B10E16;   
			font-weight:none;

		}
		         /* Change blogbox to #blogboxwire    */   
		
		                /* inherited from .blogbox */   
	   

.blogboxwire .blogtext{
					overflow:auto;
					margin:10px 10px 10px 6px;
					border:none;
				}

.blogboxwire .blogtext p{
					margin-bottom:0.5em;  
					font-family:"Times New Roman",Georgia,serif;     
					font-size:12.5px; 
					color:black;
					margin-top:0.5em;
		      	}   
		                /*remove <strong> tag in index.php */
.blogboxwire .blogtext a{
  					color:#B10E16;
			      	}

.blogboxwire ul{
					margin:0;
					padding:0 0 0 0;
				}

.blogboxwire li{
					border-bottom: solid #cccccc 1px;
					padding:10px 0 7px 0;
					list-style-type:square;
				}

.blogboxwire .top,
.blogboxwire .bot{
					background: url(images/box-top.gif) no-repeat top;
					clear: both;
					height: 20px;
				}
.blogboxwire .bot{
					background: url(images/box-bot.gif) no-repeat top;
				}
.blogboxwire .spacer{
					height: 1%;
					padding: 0 10px;
				}
         
		
.blogboxwire{
			background color:white;
			border-top:1px solid #808080;
			border-right:none;
			border-bottom:none;
			border-left:none;      
			float:left;
			padding-top:0;
			margin-top:3px;   
			width:250px;

		}      
		/* done add in php a smaller or something or other, maybe size 14 and rmove the >> */
.blogboxwire li{
			font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; 
			font-size:13.5px; 
			color:#B10E16;  
	   
		}                  
		
		/* DONEadd spann font-size:smaller to read more */
                   
/* Donesearch change the margin to 25px*/
  
        /* done hib blog box */    

.blogboxhib{
			border:1px solid #ccc;
			background-color:none;
            float:left; 
			margin-top:3px;
			margin-bottom:15px;                     
		}     
.blogboxhib .blogtext{
				overflow:auto;
				margin:10px 13px 6px 13px;
				border:0px #ccc solid;
			}

.blogboxhib .blogtext p{
				margin-bottom:1em; 
				margin-top:.5em; 
				font-family:"Times New Roman",Georgia,serif;     
				font-size:12.5px; 
				color:black;
	      	}   
	                /*remove <strong> tag in index.php */
.blogboxhib .blogtext a{
				color:#B10E16;

		      	}

.blogboxhib ul{
				margin:0;
				padding:0 0 0 0;
			}

.blogboxhib li{
				border-bottom: solid #cccccc 0px;
				padding:10px 0 7px 0;
				list-style-type:square;
			}

.blogboxhib .top,
.blogboxhib .bot{
				background: url(images/box-top.gif) no-repeat top;
				clear: both;
				height: 20px;
			}
.blogboxhib .bot{
				background: url(images/box-bot.gif) no-repeat top;
			}
.blogboxhib .spacer{
				height: 1%;
				padding: 0 10px;
			}
     
.blogboxhib li{
					font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
					font-size:13.5px; 
					color:#B10E16;       
					     
				
				}      
.blogboxhib .blogtext ul li a{
				  word-spacing:3px;      
				    margin-bottom:1em;   
				}
                  /* NOT add style width on blogtext for wire to 230px */
	    
   
          

/* end hib box */       

.clearBoth{
	margin-top:5px;
	margin-bottom:5px;
}
                 /* done change before featured stories <div style="border-top:0px solid #CACACA" class="clearBoth">&nbsp;</div>   */
/* done insert before previous top stories <div style="margin-top:40px;border-top:1px solid #CACACA" class="line">&nbsp;</div>    */
.topStories{
			background-color:white;  
			border:none; 
			margin-top:0;

		}                  

.continue-tags{
			background-color:none;
background:none;
			border-bottom:0px solid #ccc; 
			padding-bottom:0px;
padding-left:0px; 
		  /*kill read more? put in excerpt? */                
		}

       
 #previous{
	width:150;
	height:100;
        }          

 /* begin menu css */    

#home
{
  display: block;
  width: 67px;
  height: 30px;
  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/home.png") no-repeat 0 0;    
float:left;

}

#home:hover
{ 
  background-position: 0 -29px;
}

#home span{
  display: none;
} 


#news
{
  display: block;
  width: 211px;
  height: 30px;
  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/news.png") no-repeat 0 0;          
float:left;  

}

#news:hover
{ 
  background-position: 0 -30px;
}

#news span
{
  display: none;
}              

#writers
{
  display: block;
  width: 156px;
  height: 30px;
  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/writers.png") no-repeat 0 0;  
float:left;  

}

#writers:hover
{ 
  background-position: 0 -30px;
}

#writers span
{
  display: none;
}     

#twitt
{
  display: block;
  width: 174px;
  height: 30px;
  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/twitt.png") no-repeat 0 0;  
float:left;  

}

#twitt:hover
{ 
  background-position: 0 -30px;
}

#twitt span
{
  display: none;
}     

#follow{
	  display: block;
	  width: 163px;
	  height: 30px;
	  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/follow.png") no-repeat 0 0;    
	float:left;  

	}
           

#follow img{
	padding:7px 6px 0px 6px;
	
}
#splatt:hover
	{ 
	  background-position: 0 -30px;
	}

#follow span
	{
	  display: none;
	}  



#splatt
{
  display: block;
  width: 207px;
  height: 30px;
  background: url("http://thebrooklynink.com/wp-content/uploads/2010/11/splatt.png") no-repeat 0 0;    
float:left;  

}

#splatt:hover
{ 
  background-position: 0 -30px;
}

#splatt span
{
  display: none;
}           

             
 /* end menu css */  

.entry ul li{
border-bottom: 1px dotted #FFFFFF !important;
border-bottom-width: 1px !important;
border-bottom-style: dotted !important;
border-bottom-color: #FFFFFF !important;
}

.linkcat{
margin-bottom:15px;
}

.linkcat ul {
padding-left:10px;
}

.date-comments {
border-bottom: 1px solid #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom:0;
padding-bottom:0;
}

#postcol p, .box p {
line-height:22px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
padding-top:5px;

.morningbanner{
width:420px:
height:75;
padding-bottom:10px;
padding-left:15px;
}

.noBORDER{
border:0px;
}

.social_media{
float:right;
}