/*  
Theme Name: Jaded Revulsion
Theme URI: http://www.latenightrabbit.com/
Description: One upon a midnite habit...
Version: X.X
Author: Wittle Bunny
Author URI: http://www.latenightrabbit.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
.current-cat
	{
	background: url(images/bg-navigation-arrow.gif) top center no-repeat;
	}
	
#navigation .current-cat a,
#navigation .current-cat a:visited
	{
	color: #999;
	}
	
.current-cat a,
.current-cat a:visited
	{
	color: #aa0018;
	}

body
	{
	padding: 0;
	margin:0 auto;
	/*background: #272727*/
	font-size: 70%;
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", verdana, arial, sans-serif;
	}

a {text-decoration: none;}

a:hover {text-decoration: none;}
	
a img {border: none;}
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
	{
	margin: 1em 0;
	}
	
h1
	{
	font-size:1.5em;
	font-weight:normal;
	}
	
h1 a:hover
	{
	border-bottom: none;
	text-decoration: none;
	}
	
h2, h3
	{
	font-size:1.15em;
	/*color: #fff;*/
	font-weight:normal;
	}

p {line-height: 1.75em;}

ul li
	{
	list-style-type: square;
	margin: 0.5em 0 0.5em 2em;
	}
	
blockquote
	{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #ccc;
	color: #ccc;
	}
	
pre
	{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	}
	
table
	{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
	}
	
table th, table td {padding: 0.3em 0.75em}

table th
	{
	background: #ccc;
	color: #000;
	text-align: left;
	}
	
table td
	{
	background: #333;
	color: #fff;
	}
	
table caption
	{
	text-align: left;
	color: #fff;
	margin-bottom: -1em;
	margin-top: 1em;
	}
	
li, dd
	{
	margin-left: 5%;
	}
	
fieldset {padding: .5em;}

select option {padding: 0 5px;}

div {position: relative;}

/* COSMETICS
------------------------------------------------------------------------------------------------ */
.hide, .print-logo, .close-button
	{
	display:none;
	}
	
.left {float:left;}

.right {float: right;}

.clear 
	{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height:1px;
	}
	
.rule
	{
	border-top: 1px solid #ccc;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
	}
	
/* THIS CLASS SETS THE WIDTH AND POSITION FOR ALL ROWS
------------------------------------------------------------------------------------------------ */
.inside
	{
	padding: 0;
	margin:0 auto;
	width: 900px;
	/*min-width:65em;
	max-width:85em;*/
	}

/* HEADER
------------------------------------------------------------------------------------------------ */
#header
	{
	padding: 0 1em;
	/*border: 1px #f00 solid;*/
	height: 80px;
	}
	
#header .inside
	{
	padding: 1em 0 2em 0;
	/*border: 1px #333 solid;*/
	width: 100%;
	}
	
#header h2
	{
	font-size: 2.25em;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0.25em 0;
	float: left;
	}
	
#header h2 a, #header h2 a:active, #header h2 a:visited
	{
	width: 260px;
	height: 50px;
	text-indent: -1000em;
	display: block;
	}

#header p
	{
	padding:1em 0;
	margin: 0;
	line-height: 2em;
	color: #666;
	}
	
/* NAVIGATION
------------------------------------------------------------------------------------------------ */
#navigation
	{
	/*background: #000 url(images/navigation.png) top repeat-x;*/
	margin: 0 auto;
	display: block;
	height: 25px;
	overflow: hidden;
	}
	
#navigation ul
	{
	list-style: none;
	margin: 0;	
	/*padding-left:30px;
	font-weight:normal;		
	font-family: "lucida sans unicode", Georgia, Tahoma, arial, Serif;
	text-transform:uppercase;*/
	font-size: 1em;
	}
	
#navigation ul li
	{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;  
	white-space: nowrap;	
	/*font-weight: bold;*/
	}
	
#navigation ul li a, #navigation ul li a:visited
	{
	display: block;
	padding: 5px 30px;
	letter-spacing: 1px;
	border: 0;  
	text-decoration: none; 
	color: #aa0018;
	}
	
#navigation ul li a:hover, #navigation ul li a:active
	{
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:.50;
	background: #000;
	border-top: 1px #333 dotted;*/
	text-decoration: none;
	background: url(images/bg-navigation-arrow.gif) top center no-repeat;
	color: #999;
	}
	
#navigation li.current_page_item a, #navigation li.current_page_item a:visited
	{
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:.50;
	background: #000;
	border-top: 1px #333 dotted;*/
	background: url(images/bg-navigation-arrow.gif) top center no-repeat;
	color: #999;
	}
	
.navigation a, .navigation a:visited
	{
	text-decoration: none; 
	color: #aa0018;
	}

.navigation a:hover, .navigation a:active
	{
	text-decoration: underline;
	color: #999;
	}

/* OPEN/CLOSE BUTTON
------------------------------------------------------------------------------------------------ */
#slidebar {zoom :1;}

a.silderButtonNav
	{
	display: block;
	margin-top: 8px;
	padding: 2px 5px 3px 5px;
	font-size: .8em;
	text-decoration: none;
	background: #393939;
	color: #fff;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right:1px solid #333;
	text-decoration: none;
	}
	
*html a.silderButtonNav
	{
	width:80px;
	text-decoration: none;
	}
	
a.silderButtonNav:hover
	{
	background: #000;
	color: #fff;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right:1px solid #333;
	text-decoration: none;
	}
	
/* PRIMARY
------------------------------------------------------------------------------------------------ */
#primary
	{
	background: #0C0C0C;
	padding: 2em 0 2em 0;
	color: #808080;
	/*min-height: 400px;*/
	}
	
#primary.onecol-stories .primary
	{
	float:left;
	width:50%;
	}
	
#primary.onecol-stories .secondary
	{
	float: right;
	width:40%;
	margin:0 0 0 10%;
	}
	
#primary.twocol-stories .story
	{
	float:left;
	width:48%;
	margin:0 0 0 3.9%;
	display:inline;
	}
	
* html #primary.twocol-stories .story {margin-left: 2%;}

#primary.twocol-stories .first, * html #primary.twocol-stories .first
	{
	margin: 0;
	}
	
/* STORY
------------------------------------------------------------------------------------------------ */
.story h3
	{
	margin: 0 0 1em 0;
	font-size: 1.15em;
	font-weight: normal;
	color: #ccc;
	}
	
.story h3 a
	{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}
	
.story h3 a:hover
	{
	border-bottom: none;
	color: #999;
	text-decoration: none;
	}
	
.story .details
	{
	margin: 1em 0;
	padding: 0.5em 0;
	text-align: right;
	font-size: 0.9em;
	}
	
.story .details a
	{
	color: #666;
	text-decoration: none;
	}
	
.story .details a:hover {color: #fff;}

/* SINGLE POST STYLES
------------------------------------------------------------------------------------------------ */
#primary .primary
	{
	float: right;
	width: 65%;
	}
	
#primary .secondary
	{
	float: left;
	width: 30%;
	margin-right: 3%;
	padding-top: 0.65em;
	display: inline;
	}
	
* html #primary .secondary {margin-right: 2%;}

.secondary .featured ul {padding: 0;margin: 0;}
.secondary .featured p
	{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 0.5em 0 0.6em 0;
	line-height: 1.5em;
	margin:1em 0 0 0;
	}
	
.secondary .featured dl
	{
	margin:0 0;
	border-bottom: 1px solid #333;
	padding: 0.5em 0 0.6em 0;
	}
	
.secondary .featured dl h3
	{
	margin: 0;
	padding: 0;
	color: #aaa;
	font-size: 1em;
	}
	
.secondary dt
	{
	display: inline;
	margin: 0;
	padding: 0;
	color: #aaa;
	}
	
.secondary dd
	{
	display: inline;
	margin: 0;
	padding: 0;
	}
	
.secondary dd a {color: #808080;}
.secondary dd a:hover {color: #fff;}

.secondary .related_post
	{
	display: inline;
	margin: 0;
	padding: 0;
	}
.secondary .related_post a {color: #808080;}
.secondary .related_post a:hover {color: #fff;}
.single-post h1, .single-post h2 {margin-top: 0;}
.archive-post h1, .archive-post h2 {margin-top: 0;}

#primary code
	{
	display: block;
	border: 1px solid #333;
	background: #272727;
	color: #fff;
	padding: 0.2em 0.2em 0.2em 1em;
	margin: 1em 5% 0 5%;
	}

/* PAGING
------------------------------------------------------------------------------------------------ */
#paging
	{
	text-align: right;
	margin-top: 0.5em;
	background: #e9e9e9;
	padding: 0.2em;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
#paging a, #paging a:visited
	{
	/*border: 1px solid #999;*/
	color: #aa0018;
	}
	
#paging a:hover, #paging a:active 
	{
	color: #999;
	text-decoration: underline;
	}

/* SECONDARY ITEMS
------------------------------------------------------------------------------------------------ */
#secondary
	{
	background: #000;
	padding: 1px 2em;
	border-top: 1px solid #1c1c1c;
	}
	
#primary .secondary .admin-tools {margin:1em 0;}

#preview
	{
	margin:1em 0;
	padding: 0.5em;
	border:1px solid #333;
	}
	
#preview p {margin:1em 0 0 0;}

#errors {color: #f00; font-weight: bold;}

/* COMMENTS
------------------------------------------------------------------------------------------------ */
.comment-head
	{
	border-bottom: 1px solid #1c1c1c;
	padding: 0.8em 2em 1.0em 2em;
	}
	
.comment-head .num-comments
	{
	font-size: 1.5em;
	margin: 0;
	/*color: #fff;*/
	}
	
.comment-head a
	{
	text-decoration: none;
	color: #868686;
	}
	
.comment-head .details
	{
	font-size: 0.95em;
	}
	
ol#comments
	{
	list-style-type: none;
	margin: 2em 0;
	}
	
ol#comments li
	{
	list-style-type: none;
	margin: 2em 0;
	}
	
#comments cite
	{
	float: left;
	width: 31%;
	font-style: normal;
	text-align: right;
	}
	
* html #comments cite {width: 30.6%;}
#comments cite span {display: block;}
#comments cite .author{font-size: 1.2em;}
#comments cite .author a {text-decoration: none;}
#comments cite .admin-tools {margin: 5px 0;}

#comments cite .admin-tools a
	{
	float: right;
	margin: 0 5px;
	padding: 0px 3px 3px;
	background: #666;
	border: 1px solid #999;
	text-decoration: none;
	}
	
#comments cite.pingback
	{
	display: block;
	padding-top: 68px;
	background: url(images/trackback_pingback.gif) 100% 0 no-repeat;
	}
	
#comments .content
	{
	float: left;
	width: 60%;
	margin-left: 1.9%;
	/*border-left: 1px solid #868686;*/
	min-height: 50px;
	height: auto !important;
	height: 50px;
	overflow: hidden;
	}
	
#comments .mycontent
	{
	float: left;
	width: 60%;
	margin-left: 1.9%;
	/*border-left: 1px solid #868686;*/
    background-color: #ccc;
    color: #999;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	overflow: hidden;
	}
	
#comments .commentbody {padding: 2% 0 0 2%;}

#comments .counter
	{
	position: absolute;
	top: -10px;
	right: -3px;
	font: lighter 50px 'century gothic', 'lucida grande', arial, helvetica, Sans-Serif;
	color: #bdbdbd;
	text-align: right;
	padding: 0;
	}
	
#comments .mycontent .counter
	{
	position: absolute;
	top: -10px;
	right: -3px;
	font: lighter 50px 'century gothic', 'lucida grande', arial, helvetica, Sans-Serif;
	color: #bdbdbd;
	text-align: right;
	padding: 0;
	}
	
#comments .content p {margin: 0 0 1em 0;}
#comments .content h3
	{
	margin: 0;
	font-size: 1em;
	}
	
#comments .mycontent p {margin: 0 0 1em 0;}

#comments .mycontent h3
	{
	margin: 0;
	font-size: 1em;
	}

#comment-form
	{
	margin: 1em 0 5em 35.4%;
	width: 36em;
	}
	
input.textfield
	{
	width: 15em;
	margin: 5px 0;
	}
	
textarea.commentbox
	{
	width: 28em;
	height: 10em;
	padding: 0.25em;
	margin: 5px 0;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	}
	
label.text
	{
	position: relative;
	left: 0.5em;
	top: -0.5em;
	}
	
.formactions input.submit
	{ 
	cursor: pointer;
	/*float: right;*/
	margin: .5em 0 0 0;
	padding: 0.25em 0.5em;
	display: block;
	border: 1px solid #3d3d3d;
	background: #272727;
	color: #ccc;
	}
	
.formactions input.submit:hover
	{ 
	background: #ccc;
	color: #272727
	}
	
*html .formactions input.submit {padding: 0;}

.formactions .spinner
	{
	/*float: right;*/
	margin: -8px -20px 0 0;
	}
	
/* ANCILLARY ITEMS
------------------------------------------------------------------------------------------------ */
.ancillary
	{
	background: #000 url(images/bg_ancillary.jpg) top repeat-x;
	padding:2em 0;
	}
	
.ancillary .sidebar
	{
	float: left;
	padding: 1%;
	width: 28%;
	margin: 0 0 0 2.5%;	
	background: transparent url(images/transparent_bg.png) repeat left top;
	}
	
* html .ancillary .sidebar {background: none;}
.ancillary .twice-length {width: 65%;}
.ancillary .thrice-length {width: 100%;}

.ancillary .first
	{
	clear: both;
	margin: 0 0 0 2.4%;
	}
	
* html .ancillary .first
	{
	clear: both;
	margin: 0;
	}
	
.ancillary .block-separator
	{
	clear: both;
	height: 2.5em;
	}
	
.ancillary .sidebar h2, .ancillary .sidebar h3
	{
	margin: 0 0 2em 0;
	color: #f90;
	}
	
.divider {border-bottom: 1px solid #3d3d3d;}

ul.sidebar li
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.dates, ul.counts, ul.blogroll ul, ul.pages, ul.sidebar li.widget ul
	{
	list-style-type: none;
	margin:1.5em 0 2em 0;
	border-top: 1px solid #3d3d3d;
	}
	
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li, ul.sidebar li.widget ul li
	{
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #3d3d3d;
	}
	
ul.dates .date
	{
	color: #858585;
	padding: 0 1.5em 0 0;
	}
	
ul.counts .count
	{
	float: right;
	color: #858585;
	}
	
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a, ul.sidebar li.widget ul a
	{
	color: #bfbfbf;
	text-decoration: none;
	}
	
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover, ul.sidebar li.widget ul a:hover
	{ 
	color: #fff;
	}
	
ul.blogroll {margin-top: 0;}

ul.blogroll li
	{
	list-style-type: none;
	margin: 0;
	}
	
ul.pages ul {margin: 0;}
ul.pages ul li{
	border: none;
	margin-left:2em;
	list-style-type:square;
}

ul.recent-comments li a
	{
	color: #f90;
	}

/* FOOTER
------------------------------------------------------------------------------------------------ */
#footer
	{
	clear: both;
	/*color: #939393;*/
	margin:1.5em 0 3em 0;
	}
	
#footer .inside
	{
	/*background:url(images/footer_black.gif) 50% 0 repeat-x;*/
	padding:1em 0;
	}
	
#footer p
	{
	margin: 0;
	font-size:0.9em;
	}

#footer p.copyright {float: right;}

#footer p.attributes {float:left;}

#footer p.attributes a
	{
	padding: 0 1em 0 0;
	text-decoration: none;
	color: #525252;
	}
	
#footer p.attributes a:hover
	{
	color: #fff;
	}

/* UTLIITIES
------------------------------------------------------------------------------------------------ */
#utilities
	{
	float: right;
	width: 200px;
	margin: 1em 0 0 0;
	text-align: right;
	}

/* TEXTSIZE
------------------------------------------------------------------------------------------------ */
#textsize
	{
	margin: 0;
	/*filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: .40;*/
	}
	
#textsize:hover
	{
	/*filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.00;*/
	}
	
#textsize a 
	{
	text-decoration: none;
	}
	
/* SEARCH
------------------------------------------------------------------------------------------------ */
#search
	{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: .40;
	}
	
#search:hover
	{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.00;
	}
	
#search .searchimg
	{
	float: left;
	width: 14px;
	height: 13px;
	background: url(images/search.gif) 0 0 no-repeat;
	position: relative;
	top: 4px;
	}
	
#search input
	{ 
	width: 175px; 
	font-size: 0.9em; 
	/*background: #ccc;*/
	margin-top: 2px;
	border: 1px #999 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
	
#search input:focus {background: #fff;}

#searchform {margin: 1em 0;}
	
#searchform #s
	{
	background: #222;
	border: none;
	border-bottom: 1px solid #333;
	margin-bottom: 4px;
	width: 98%;
	color: #666;
	padding: 0.25em;
	}
	
#searchform #searchsubmit
	{
	background: #000;
	color: #666;
	border: none;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

/* LEGACY TYPO CSS
------------------------------------------------------------------------------------------------ */
#search-results
	{
	width: 30%;
	background: #333;
	padding: 0;
	float: right;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: .90;
	border-top: 1em solid #000;
	}
	
#search-results h3
	{
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 1em 0;
	background: #000;
	}
	
#search-results small
	{
	display: block;
	text-align: left;
	font-size: 0.9em;
	padding: 0.5em 1em 0.7em 1em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
	}
	
#search-results small a {color: #ccc;}

#search-results ul li
	{
	list-style-type: none;
	padding: 0 1em 0.5em 1em;
	margin: 0.5em 0;
	}
	
#search-results ul li:hover {background: #202020;}
#search-result ul {margin: 0;}

#search-results ul li a
	{
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	}
	
#search img.archives-icon
	{
	margin: 0 7px 0 0;
	top: 1px;
	}