/*  
Theme Name: Jakesville Bitchin' Hippo
Theme URI: http://jakesville.com/design/
Description: 4-in-1 column theme with Flash Headers and Nav.  Design by <a href="http://jakesville.com/design/">jake carvey</a>.
Version: 1.0
Author: Jake Carvey
Author URI: http://jakesville.com/

The CSS, XHTML, JS and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* Overall */

body{ 
margin:0;
background-color:#666;
font-family:sans-serif;
	}

form {
display:inline;
margin:0;
padding:0;
}

a:link, a:visited {
text-decoration:none;
color:#aa0000;
}

a:hover {
color:#dd6600;
}

#wrapper{
	width:726px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom:10px;
	position:relative;
	padding:10px;
	border: 2px solid #aa6600;
}
.content {
}

/* Top menu */

#menucontainer {
position:relative;
/* height:210px; */
}

#menucontainer ul {
list-style:none;
margin:0;
padding:0;
}

#menucontainer ul li {
display:block;
position:relative;
float:left;
}

#menucontainer ul li a:link, #menucontainer ul li a:visited {
display:block;
position:relative;
float:left;
padding:160px 30px 20px 30px;
font-size:11px;
line-height:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#cc0000;
text-decoration:none;
}

#menucontainer ul li a:hover {
background-image:url(pic/menubghover.jpg);
padding:160px 29px 20px 29px;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:3px solid #DDDDDD;
color:#EEE;
}

#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited {
background-image:url(pic/menubghover.jpg);
border-bottom:3px solid #aa0000;
color:#ffffff;
}

#menucontainer ul .current_page_item a:hover {
border-left:0;
border-right:0;
padding:160px 30px 20px 30px;
color:#DDDDDD;
}


/* header */

#headerPics {
height:264px;
}

#flashPics {
	height: 264px;
	width: 726px;
}

/* Main content */

#maincontainer {
position:relative;
padding-left:2px;
}

#maincontainer h2 {
color:#440000;
text-transform:uppercase;
margin: 10px 0px;
color:#990000;
}

#maincontainer .post p {
margin:0 0 10px 5px;
}

#maincontainer .post em {
	color:#332;
}

#maincontainer .post p, #maincontainer .post ul, #maincontainer .post ol {
color:#222;
font-size:14px;
line-height:20px;
}

#maincontainer .post blockquote {
font-style:italic;
border-left:3px solid #DDDDDD;
margin-left:27px;
padding-left:10px;
}

#maincontainer .post {
color:#AAA;

}

#maincontainer .post h1 {
color:#DDDDDD;
text-transform:uppercase;
font-size:15px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}

#maincontainer .post h2 {
color:#DDDDDD;
text-transform:uppercase;
font-size:16px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}

#maincontainer .post h3 {
color:#DDDDDD;
text-transform:uppercase;
font-size:11px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}


#postone {
position:relative;
width:450px;
float:left;
margin:10px;
}

#posttwo {
position:relative;
width:220px;
float:right;
margin:10px;
}


#pagepost {
position:relative;
float:left;
width:500px;
left:50%;
margin:20px 0 20px -250px;
}

#postone img, #posttwo img, #pagepost img, .excerpt img {
display:block;
border:0;
}

.postdata {
  color:#AAA;
  font-size:10px;
  font-style:italic;
  margin: 6px;
/*  position: absolute; *.
  bottom: 0;
  /*right: 0;*/
  text-align: left;`
}

img.alignleft  {
margin-right: 20px;
}

img.alignright {
margin-left: 20px;
}

/* page posts */

#pageColumn1 {
	width: 174px;
	background-image:url(images/headers/header_column1.gif);
	float:left;
	margin-left:20px;
	margin-right:16px;
	background-repeat: no-repeat;
}

#pageColumn1 h2{
color:#FFFFFF;
margin: 12px 0px 0px 24px;
min-height:48px;
font-size:18px;
line-height: 18px;
}

#pageColumn2 {
width: 460px;
float:right;
}

#pageColumn2  blockquote {
font-style:italic;
border-left:3px solid #DDDDDD;
margin-left:27px;
padding-left:10px;
}

/* excerpts */
.excerpt{
	position:relative;
	width:157px;
	min-height:480px;
	float:left;
	margin:0px 8px 20px 0pt;
	background-color:#ddd;
	padding:8px;
}

.excerpt h2{
	height:46px;
	padding:2px;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #AA0000;
	font-size:18px;
	letter-spacing:-2px;
	overflow:hidden;
}

.excerpt h3 {
color: #FFFFFF;
margin: 0px 0px 5px 20px;
padding-top:12px;
font-size:1.2em;
font-weight:light;
letter-spacing:-2px;

}

.excerptHeader {
text-transform:lowercase;
margin-left: -8px;
margin-right: -8px;
margin-top: -13px;
margin-bottom: 8px;
background-image:url(images/headers/header_excerpt.gif);
height: 48px;
line-height:18px;
}

.excerpt p{
	font-size:10px;

}

.excerptCat{
	position:relative;
	margin:8px 8px 20px 0pt;
	background-color:#ddd;
	padding:8px;
}

.excerptCat img {
	float:left;
	margin:0px 20px 0px 0px;
}

.catHeader{
	padding:10px;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #AA0000;
	font-size:18px;
	letter-spacing:-2px;
	text-transform:uppercase;
	font-weight:bold;
	color:#990000;
}

#videoEntry {
  margin:20px 16px 20px -40px;
  border: 2px solid #aa6600;
}


#videoEntry p {
  margin: 0px;

}


/* Comments */

.commentodd {
background-color:#333;
border-left:2px solid #DDDDDD;
}

.commenteven {
background-color:#444;
border-left:2px solid #DDDDDD;
}


.commentodd, .commenteven {
position:relative;
/* width: 380px; */
}

.commentcontent {
padding:5px 15px 5px 15px;
}

.commentcontent p {
font-size:11px;
line-height:17px;
color:#EEE;
}

.commentcontent .commentinfo {
color:#AAA;
}

.commentcontent blockquote {
font-style:italic;
border-left:3px solid #DDDDDD;
margin-left:17px;
padding-left:10px;
}

.commentcontent ul, .commentcontent ol {
margin-left:15px;
}

#comment {
width: 210px;
}


/* Bottom content */

#bottomcontainer {
position:relative;
clear:both;
float:left;
width:100%;
background-color:#ddd;
}


#bottomcontainer .pageLink {
	background-image:url(images/bottom_template.gif);
	background-repeat: no-repeat;
}

#bottomcontainer .pageLink a{
color:#EEE;
font-weight:bold;
}

#bottomcontainer .content {

}

#bottomcontainer h2 {
color:#223300;
text-transform:uppercase;
font-size:13px;
margin:0 0 5px 10px;
letter-spacing:3px;
font-weight:normal;
}

#bottomcontainer ul {
	list-style-position: outside;
	list-style-image: url(images/bullet_8x16.png);
	margin:0 0 12px 24px;
	padding:0;
	border-bottom:3px solid #DDDDDD;
}

#bottomcontainer ul li {

position:relative;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
line-height:20px;
padding: 0px;
border-bottom:1px dashed #AAAAAA;
color: #EEE;
}

#bottomcontainer ul li a:link, #bottomcontainer ul li a:visited {
color:#268;
text-decoration:none;
}

#bottomcontainer ul li a:hover {
color:#001155;
}

#column1 {
position:relative;
float:left;
width:130px;
}

#column1 img {
border:0;
}

#column2 {
position:relative;
float:left;
margin-left:30px;
width:280px;
}

#column3 {
position:relative;
float:right;
width:280px;
}

.bottomsmallright a:link, .bottomsmallright a:visited, .bottomsmallleft a:link, .bottomsmallleft a:visited {
}

.bottomsmallright a:hover, .bottomsmallleft a:hover {
color:#ADC32A;
}



.pageLinkRight {
float:right;
height:25px;
font-size:12px;
text-align:right;
margin-right:20px;
line-height:25px;
padding-bottom:12px;
}

.pageLinkLeft {
float:left;
height:25px;
font-size:12px;
text-align:left;
margin-left:10px;
line-height:25px;
padding-bottom:12px;
}

.pageLinkCenter {
height:20px;
font-size:12px;
text-align:center;
line-height:25px;
float:left;
}

.bottomsmallright {
height:25px;
font-size:12px;
text-align:right;
margin-right:20px;
line-height:25px;
padding-bottom:12px;
}

.bottomsmallleft {
height:25px;
font-size:12px;
text-align:left;
margin-left:10px;
line-height:25px;
padding-bottom:12px;
}

.bottomsmallcenter {
height:20px;
font-size:12px;
text-align:center;
line-height:25px;
}

.bottomsmallcenter {
padding:12px 6px;
margin:12px 6px;
/* border:1px dotted #FF9900; */
}

html>body .bottomsmallcenter {
padding:12px 6px;
margin:12px 6px;
}

#s {
background-color:#eee;
color:#c37f2f;
border:1px dashed #c37f2f;
text-align:center;
height:20px;
}

#ssubmit {
height:20px;
width:60px;
vertical-align:middle;
}

/* Footer */

#footer {
position:relative;
clear:both;
width:100%;
padding:0px;
height:30px;
background-color:#eee;
}

#footer p {
color:#666;
font-size:11px;
line-height:30px;
text-align:center;
margin:0;
}

#footer img {
border:0;
}

#footer a:link, #footer a:visited {
color:#666;
}

#footer a:hover {
color:#666;
text-decoration:underline;
}

#postone input {
width:380px;
}

#postone #mailsubmit {
width:100px;
}

#postone textarea {
width:380px;
height:100px;
}

.clearboth {
clear:both;
}

#flashNav {
	height:64px;
}