/* 

Theme Name: Drunken

Theme URI: n/a

Description: Drunken Boat's Main Theme

*/

body { padding: 0; margin: 0px 20px; text-align: center; background-color:#222222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color:white; }

p { font-size: 1.3em; }

a:link {color: #966966;}

a:visited {color: #966966; }

a:hover {color: #663366; }

a img { border:none; }

ul li {list-style:none;}

#mainContainer { width:1020px; margin: 0 auto; text-align:left;}

#header { width: auto; height:20px; font-size:12px; background-color: #000;}

#navbar { float:right; margin-right:5px; font-size:12px; }

#titlebar { float:left; margin-left:5px; font-size:14px; }

/*-=-=-=-=-=-= Main Content -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#issue {margin-bottom: 10px;}	

.withSidebar {float:left; width: 500px; padding:10px 0;}	

#contentHeader { 
 margin: 0 auto; 
  padding: 0; 
/* 
  background: #000; 
  border: 1px solid #fff; 
 */
/* 
  width: 500px; 
 */
/* 
  height: 30px; 
 */
  line-height: 30px; 
}

#contentHeader h1 { 
  margin: 0; 
  padding: 5px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 1.8em; 
  color: #ff0000; 
} 

#contentHeader h1 a { text-decoration: none; } 

#content p { padding: 0 15px; margin: 10px 0; }

.readMore { margin-left: 330px ; padding: 0 0 0 20px; font-size: 1.3em; font-style: italic; } 

#contentFooter { 
  margin: 10px 0 20px 0; 
  height: 25px; 
  line-height: 25px; 
/* 
  background: #000; 
 */
  width: 500px; 
  border-bottom: 1px solid #666; 
  } 

#contentFooter p { margin: 0; padding: 0 10px; }

/*-=-=-==-=-=-=-=-=- Begin Right Column =-=-=-=-=-=-=-=-=-=-=-=-=*/

.rightColumnContainer {float:right; width: 250px; }

.rightColumn { 
  margin: 10px 20px 0px 20px;
  padding: 5px;
  background: #000;
  border: 1px solid #666; 
} 

.rightColumn p { padding: 10px; margin: 0; } 

.rightColumn h2 {
 margin: 5px 0 0 0;
 background: #000; 
 text-indent: 5px; 
 line-height: 22px; 
 height: 22px; 
/* 
 border: 1px solid #666; 
 */
 font-size: 1.4em; 
 color: #ccc; 
 } 

.rightColumn ul { padding-left: 10px; margin: 10px 0; list-style: none; font-size: 1.3em; font-weight: bold; color: #ccc; }

.rightColumn li { line-height: 18px; padding: 0 0 0 20px; } 

.rightColumn form { margin: 10px 0; } 
 
/*-=-=-=-=-=-=-=-==-==--=-=- Begin Left Column =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.leftColumnContainer { float:left; width: 250px; }

.leftColumn { margin: 10px 20px 0px 20px; padding: 5px; background: #000000; border: 1px solid #666; }

.leftColumn p { padding: 10px; margin: 0; } 

.leftColumn h2 {
 margin: 5px 0 0 0;  
 background: #000; 
 text-indent: 5px; 
 line-height: 22px; 
 height: 22px; 
/* 
 border: 1px solid #666; 
 */
 font-size: 1.4em; 
 color: #ccc; 
 } 

.leftColumn ul { padding-left: 10px; margin: 10px 0; list-style: none; font-size: 1.3em; font-weight: bold; color: #000; }

.leftColumn li { line-height: 18px; padding: 0 0 0 20px; } 

.leftColumn form { margin: 10px 0; }  

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-= Begin Footer =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer { width:1020px; display:block; padding:10px 0; background: #000; border-top: 1px solid black; height: 30px; }

#footer p { margin: 10px 0; } 

#footer a:link { text-decoration: none; }

#footer a:hover { text-decoration: none; } 

 

/* Extra Styles (Colors, sizes, etc) Begin Below 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

			

.small {font-size: 1.1em; }	

.medium { font-size: 1.6em; }

.large { font-size: 2em; }

.red { color: red; }

.bold { font-weight: bold; }

#clear { clear: both; }

/*-=-=-=-=-=-= Comments =-=-=-=-=-=-*/

#commentform textarea { width: 500px; }

.commentlist li .avatar {
	float:left;
}

.commentlist li {
	padding: 5px 10px 10px 5px;
	}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 10px;
}

.commentlist p {
	margin: 10px 0 10px 5px;
}


/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End Images */

/* facebook like button */

.fb-like {
 margin-left: 10px;
 margin-bottom: 10px;
}