/*
Theme Name: Slantmouth Redux
Theme URI: http://slantmouth.com
Description: Sleeker! Sexier! Slantier?
Version: 2.0
Author: The Colonel
Author URI: http://slantmouth.com
*/

/* DISCLAIMER: If you're looking at this, and you're in IE 7, it's totally screwed: we know. 
Unfortunately, our time here at Slantmouth is generally spent generating quality content, and not fixing bugs on crappy browsers that shouldn't exist. 
Use Firefox. Please! Regardless, IE7 bugs are being worked on... sort of. By sort of, we mean not. Until the next version of the site. Unfortunately for you, I just fell in love with the design again. HA!*/

/* Here lies the Global Text stuff, you know... the stuff that's smeared all over.*/

body {
	padding: 0;
	margin: 0 auto;
	width: 802px;
	margin-top: 0px;
	font-family: georgia;
	font-size: 13px;
	color: #474747;
	background: #9E5252 url(images/bgPattern.jpg) repeat-y center;


}


a {
	color: #763233;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #333333;
}

a:visited {
	color: #777777;

}

h1 {
	padding: 0;
	margin: 0;
}

blockquote {
padding-top: 15px;
*margin-top: 0px;
width: 460px;
*width: 400px;
margin-left: 0px;
background: url('http://slantmouth.com/images/block-top.gif') no-repeat top;
}

blockquote p{
padding: 12px;
padding-top: 0px;
padding-bottom: 20px;
background: #cccccc url('http://slantmouth.com/images/block-bottom.gif') no-repeat bottom;
*margin-top: 25px;
}




.bodyText {
	text-align: left;
	padding: 0;
	line-height: 20px;
	border-bottom: 2px solid #cccccc;
	margin: -10px 20px 10px;
	*margin: 10px;
}

.bodyBreaker {border-bottom: 1px dashed rgb(102, 102, 102); margin-bottom: 10px; width: 460px;}

.back {
	float: left;
	padding: 15px;
	padding-top: 5px;
}

.next {
	float: right;
	padding: 15px;
	padding-top: 5px;
}

.more {
	text-align: right;
	margin-top: -15px;
}

img {
	border: #474747 2px solid;
	margin-top: 2px;
}

/* Take note of the elegant container, which holds in all the content 
and needs to be redone because it sucks. I hate it! (I really love it, for the most) */

#container {
	width: 802px;
	margin: 0 auto;
	height: 100%;
	text-align: center;

_margin-left: 2px;
}


/* Groovy header include stuff lives here, like a champ. */
.head {
	background: url(images/header.jpg) no-repeat;
	padding: 0;
	margin: 0;
	width: 802px;
	height: 215px;
	text-align: center;
}

.subhead {
	padding-top: 185px;
	height: 35px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	text-weight: bold;
}

.menu {
	background-color: #e7a3a4;
	height: 30px;
	width: 802px;
	text-align: left;
	vertical-align: middle;
}

.menu ul {
	padding: 8px 0;
	padding-right: 25px;
	padding-left: 25px;
	margin: 0;
	text-align: center;
}

.menu li {
	list-style: none;
	border-right: 1px solid white;
	display: inline;
	font-weight: bold;
	padding: 0 20px;

}

.menu li a {
	color: #763233;

}

.breaker {
	margin: 0;
	margin-bottom: -2px;
	margin-top: -1px;
	padding: 0px;
	line-height: 20px;
	width: 802px;
	height: 12px;
	background: url(images/middleBreak.gif) no-repeat;
	margin-left: 0;
	*margin-bottom: -5px;
}

/* Greetings first column, you keep our articles safe. We love you. */

.column1 {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
	border-right: #000000 solid 6px;
	min-height: 1375px;
}



.cabImg {
	float: left; 
	margin: 5px 15px 150px 0px;
	border: #474747 2px solid;
}

.headline {
	font-weight: bold;
	font-size: 18px;
	font-variant: small-caps;
	line-height: 25px;
	text-align: left;
	color: #000000;
	margin-left: 20px;
	*margin: 0px;
	*margin-left: 10px;
}

.title {
	font-weight: bold;
	padding: 0;
	margin-left: 25px;
	font-size: 14px;
	font-variant: small-caps;
	text-align: left;
	color: #474747;
}

.title a {	
	color: #474747;
}

/* Hello, Column 2! Tell the people of our News and/or Archives! */

.column2 {
	float: left;
	text-align: center;
	width: 295px;
	*margin: 0;
	padding: 0;
	margin-right: 1px;
	*margin-left: 2px;
	*width: 293px;

}

.archivesHead {
	font-weight: bold;
	font-size: 20px;
	font-variant: small-caps;
	padding-bottom: 10px;
	text-align: center;
	color: #000000;
}

.archiveDate {
	font-weight: bold;
	font-size: 20px;
	font-variant: small-caps;
	text-align: center;
	color: #000000;
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 7px;
	margin: 0px 20px 10px;
	*margin: 10px;
}

.newsText {
	text-align: left;
	color: #474747;
	padding: 5px 0px;
	margin: 0 20px 10px;
	*padding: 0px;
}

.smallBreaker {
	margin-bottom: -2px;
	padding: 0px;
	margin-left: 1px;
	width: 296px;
	*width: 290px;
	height: 12px;
	float: left;
	background: url(images/breakerSmall.gif) center no-repeat;
	*margin-bottom: -5px;
}

.smallBreakerBottom {
	margin-bottom: 5px;
	clear: left;
	margin-left: 1px;
	*margin-left: 3px;
	width: 296px;
	*width: 290px;
	padding: 0px;
	height: 12px;
	background: url(images/breakerSmallBottom.gif) center no-repeat;
	*margin-top: -5px;

}

.column1small {
	float: left;
	text-align: center;
	width: 147px;	
	margin: 0;
	*padding: 0;
	padding-bottom: 5px;
	border-right: 4px solid black;
	*width: 146px;
	
	
}

.column2small {
	float: left;
	text-align: center;
	width: 143px;
	margin: 0;
	*padding: 0;
	padding-bottom: 5px;
	*width: 141px;
	*display: inline;
}

.archives {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.archivesList {
	font-size: 13px;
	text-align: center;
	margin: 0;
	line-height: 20px;
	padding: 5px 0;
	color: #474747;
}

.archivesList li{
	list-style: none;

}



/* Twitter! I be brand spankingly new! */

#twitter_div {
	width: 295px;
	*width: 293px;
}

#twitter_update_list {
	padding-left: 15px;
	*padding-left: 0px;
}





/* Of course, the obligatory footer. Footing it up since the dawn of the Interweb. */

#footer {
	width: 784px;
	height: 45px;
	clear: both;
	color: #763233;
	text-align: left;
	padding: 10px 10px;
	font-size: 12px;
	border-top: 1px #474747 solid;
	background: #e7a3a4;
	line-height: 20px;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
	text-align: right;
}

/* Specialized prop because IE is a flaming turd. */

.prop {
    height: 1500px;
    float:right;
    width:1px;
}

/* Lightbox stuff for our much-loved images, which I still need to customize */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
*border-right: #ffffff 2px solid;
*border-left: #ffffff 2px solid;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac, because it are the suxorz\*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* Huzzah! You made it to the end of the CSS, and while we know it's not perfect, but it's ours, so we love it anyhow. 
Questions? Comments? Kudos? Curses? Blame The Colonel! (thecolonel@slantmouth.com) */