/*
File:			custom.css
Description:	Custom styles for Thesis

Designed by Shatterboxx Media (www.shatterboxx.com) 

Specifically for Almie Rose of Apocalypstick 

*/

/* Background */

body.custom {
	background:#000 url(images/bg.png) repeat scroll 50% 0;
	}
	
/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/*Header*/
.custom #header #logo a { 
	display: block;
	height: 104px; 
	width: 733px; 
	background: transparent url('images/logo.png') no-repeat; 
	outline: none; 
	left:6.6em;
	position:relative;
	top:-3.5em;
	}
	
.custom #logo {height: 0em;}
	
.custom #header #logo a:hover {background-position: 0 -120px;}
	
.custom #header {
	background: none !important; 
	height: 25px; position: relative;
	border-bottom: 1px solid #000;
	}

/* Add lips to header */

#lips {
	background:url("images/lips.png") no-repeat scroll 0 0 transparent;
	height:386px;
	left:-4.3em;
	position:absolute;
	top:-18em;
	width:341px;
	}


/* Create "White Space" at top of site */

.custom #page {
	margin-top: 16em;
	border: 1px solid #000;
	padding-right: 0em;
	padding-left: 0em;
	}
	
/* Border between content boxes */

.custom #content_box {
	background:url(images/dot-ddd.png) repeat-y scroll 30em 0 transparent;
	}
	
/* Post Formatting */

.post_box { margin-left: 0em; margin-right: 3em;}

.custom .headline_area h1, .headline_area h2 {
	border-bottom:1px solid #c50016;
	width:29em;
	}

.custom .headline_area {
	margin-bottom: 1em;
	position: relative;
	}
	
/*Post Headlines*/
.custom h2 a {
	color: #c50016;
	font-weight: 600;
	}
	
.custom h2 a:hover {
	color: #000;
	text-decoration: none;
	}

/*After click Ñ headline*/
.custom h1 {
	color: #c50016;
	}
	
/*After Click on Post Comments*/

.custom .format_text .to_comments { 
	color: #c50016;
	font-size: 0.757em;
	height: 30px;
	background: transparent url(images/comment_bottom.png) no-repeat;
	padding-top: .25em;
	margin-bottom: 0em !important;
	}

.custom .format_text .to_comments span { 
	color: #c50016; 
	font-size: 1.657em;
	}

.custom .format_text .to_comments span.bracket { 
	display: none;
	}

.custom .format_text .to_comments a { 
	color: #c50016; 
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px; 
	padding-left: 3.2em;
	}

.custom .to_comments a:hover { 
	color: #000;
	}
	
.custom .format_text .to_comments a:hover span {color: #000;}

/*Intro Comment Styles*/

.custom .comments_intro p { 
	color: #c50016; 
	}
		
.custom .comments_intro a { 
	text-decoration: none; 
	}
		
.custom .comments_intro a:hover { 
	text-decoration: none;
	color: #c50016;
	}

.custom .comments_intro span { 
	color: #c50016; 
	}

.custom .comments_intro span.bracket { 
	display: none;
	}
	
	.custom dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text  {
		border-color:#c50016;
		padding: .5em;
		}
		
		.custom .children {background: #fff; padding-top: 1em;}
		
		.custom dl#comment_list dd p.reply a {color:#c50016; }
		
		.custom dl#comment_list dl dd .format_text { }

	/* Date At Top of Post */
		
		div#date_container {
		float: right;
		width: 54px;
		height: 113px;
		background: transparent url(images/date.png) no-repeat;
		position: absolute;
		left: 62.6em;
		}
		
	#date_container span {
		text-align: center;
		}
		
	#date_container .month {
		color: #000;
		float: left;
		font-size: 1.1em;
		text-align: center;
		text-transform: uppercase;
		width: 54px;
		text-align: center;
		height: 7px;
		margin-top: .45em;
		}
		
	#date_container .day {
		color: #000;
		float: left;
		font-size: 2.3em;
		clear: both;
		width: 54px;
		height: 22px;
		text-align: center;
		}
		
	#date_container .year {
		color: #000;
		float: left;
		clear: both;
		font-size: 1.1em;
		width: 54px;
		text-align: center;
		}		
/* Comments Link at top of post*/

	div#comment_container {
		position: absolute;
		width: 0em;
		}


	/* Comment Bubble*/ 
	p.comments_link {
		background:transparent url('images/comment.png') no-repeat scroll 0 0;
		display:block;
		height:40px;
		width:46px;
		left:630px;
		position:relative;
		top:55px;
		text-align: center;
		}
	
	p.comments_link span {
		width: 56px;
		}
		
	p.comments_link span a {
		color:#c50016;
		font-size:2em;
		font-family: "Georgia";
		font-style: italic;
		font-weight: 600;
		line-height:1.5em;
		}
		
	p.comments_link span a:visited {
		color: #c50016;
		}
		
	p.comments_link span a:hover {
		color: #000;
		text-decoration: none;
		}
		
.custom dl#comment_list .bypostauthor  {
	background:#fce3ed;
	}
	
.custom #commentform input.form_submit {
	color: #000;
	background: #fff;
	border: 1px solid #c9000d !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
.custom #commentform input.form_submit:hover {
	color: #c9000d;
	border: 1px solid #000 !important;
	}
	
.custom .prev_next {border-top: 1px solid #000 !important}
		
/* Byline Styling */

.custom .headline_meta {
	color: #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: .8em;
	background: url(images/categories_bottom.png) no-repeat;
	padding-left: 3em;
	padding-top: .4em;
	height: 22px;
	}
	
.custom .headline_meta a {
	color: #c50016;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
	border-bottom: none !important;
	}
	
.custom .headline_meta a:hover {color: #000; text-decoration: underline;}


/* Sidebar Formatting */

.custom #sidebars {margin-top: 13em; padding-left: 1em}

.custom .sidebar ul.sidebar_list { padding-left: 0em;}


/*Twitter Widget*/

.custom #twitter_div {
	background:transparent url(images/twitterbubble.png) no-repeat scroll 0 0;
	display:block;
	height: 200px;
	width: 255px;
		}
	
	li.widget_twitter {
		list-style-type: none;
		margin-left: 1.2em;
		}

.custom li.widget_twitter ul {
	width: 242px;
	height: 140px;
	}
		
.custom li.widget_twitter ul li {
	list-style-type: none;
	color: #000;
	font-size:1.3em;
	line-height:1.538em;
	margin-left:1em;
	padding-top:1em;
	width: 17.5em;
	overflow: hidden;
	}
	
.custom li.widget_twitter ul li a {
	color: #c50016;
	}
	
.custom li.widget_twitter ul li a:hover {
	color: #000;
	text-decoration: none;
	}
	
div#tweet_button {
	left:0em;
	position:relative;
	top:0em;
	}

div#tweet_button a {
	display: block;
	height: 66px; 
	width: 199px;
	background: url('images/follow.png') no-repeat;
	outline: none;
	margin-left: 6em;
	margin-bottom: 2em;
	}
	
	div#tweet_button a:hover {
		background-position: 0 -67px;
		}
		
/*Custom Navigation*/

#customNav { 
	float:left;
	height:32px;
	left:27.5em;
	list-style:none outside none;
	position:relative;
	top:-2.5em;
	width:616px;
	}

	#customNav li { 
	float: left; 
	height: 32px; 
	text-indent: -5000px; 
	}
	
	#customNav li a { 
	display: block; 
	background: url('images/nav.png'); 
	outline: none; 
	width: 154px; 
	height: 32px; 
	}
	
	#customNav li#home a { background-position: 0 0;  }
	#customNav li#home a:hover { background-position: 0 -32px; }
	#customNav li#home a.active { background-position: 0 -64px; }

	#customNav li#about a { background-position: -154px 0;  }
	#customNav li#about a:hover { background-position: -154px -32px; }
	#customNav li#about a.active { background-position: -154px -64px; }
	
	#customNav li#contact a { background-position: -308px 0;  }
	#customNav li#contact a:hover { background-position: -308px -32px; }
	#customNav li#contact a.active { background-position: -308px -64px;}
	
	#customNav li#films a { background-position: -462px 0; }
	#customNav li#films a:hover { background-position: -462px -32px; }
	#customNav li#films a.active { background-position: -462px -64px; }
	
/* Post Images */

.custom img.aligncenter, img.center, img.left, img.alignleft, img.right, img.alignright, .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright, a img, .avatar img {
	background: #fff;
	border: 1px solid #000;
	padding: 1em;
	}
	
.custom .format_text .wp-caption {
	font-size: 1.2em;
	}
		
/*Main LINKS*/
	
.custom a, a:visited { 
	color: #c50016;
	text-decoration: none; 
	}

.custom a:hover { 
	color: #000; 
	text-decoration: underline; 
	}
	

/*---:[ Sidebar Formatting ]:---*/
		
	.custom .sidebar h3 { 
		text-transform: uppercase; 
		color: #000; 
		padding-bottom: .8em;
		background: transparent url(images/sidebarheading.png) no-repeat 0px bottom;
		}
		
	.custom .sidebar a, a:visited {color: #c50016;}
		
	.custom .sidebar a:hover {color: #000;}
		
	.custom li.widget ul li {margin-left:0.5em;}
	
/* Subscribe Stuff */

#subscribe_stuff {
	height:135px;
	margin-left:1.9em;
	width:225px;
	}

#rss_sub a {
	display: block;
	background: transparent url('images/rss.png') no-repeat;
	width: 100px;
	height: 141px;
	outline: none;
	float: left;
	margin-right: 1.7em;
	}
	
#rss_sub a:hover {
	background-position: 0 -142px;
	}
	
#email_sub a {
	display: block;
	background: transparent url('images/email.png') no-repeat;
	width: 100px;
	height: 141px;
	outline: none;
	float: left;
	}
	
#email_sub a:hover {
	background-position: 0 -142px;
	}
	
/* Footer */
	
.custom #footer {border-top: 1px solid #000; height: 10.6em;}

/* Icons & Disclaimer in Footer */

ul#footer_icons {
	
	}

ul#footer_icons li {
	list-style: none;
	}
	
li#footer_twitter {
	width: 200px;
	}
	
	
li#footer_twitter a {
	display: block;
	background: transparent url(images/footer_twitter.png) no-repeat;
	height: 132px;
	width: 97px;
	outline: none;
	border-bottom: none !important;
	margin-top: .2em;
	float: left;
	position: relative;
	left: 3em;
	}
	
li#footer_twitter a:hover {background-position: 0 -135px;}


li#footer_email a {
	display: block;
	background: transparent url(images/footer_email.png) no-repeat;
	height: 132px;
	width: 154px;
	outline: none;
	border-bottom: none !important;
	float: left;
	position: relative;
	left:9em;
	}
	
li#footer_email a:hover {background-position: 0 -135px;}


li#footer_copyright {
	background: transparent url(images/copyright.png) no-repeat;
	margin-top: 2em;
	height: 132px;
	width: 194px;
	overflow: hidden;
	float: left;
	position: relative;
	left: 15em;
	}
	
li#footer_copyright p {
	color: #000;
	text-align: left;
	margin-left: 5.5em;
	font-size: 1.3em;
	margin-top: 2em;
	}
	
p.sboxx {
	margin-top: 4em;
	margin-left: .2em !important;
	}
	
p.sboxx a {
	color: #c50016 !important;
	border-bottom: 1px solid #c50016 !important;
	}
	
p.sboxx a:hover {
	color: #000 !important;
	border-bottom: 1px solid #000 !important;
	text-decoration: none !important;
	}
	
	
	
#footerimage {
	background: transparent url(images/footerimage.png) no-repeat;
	height: 169px !important;
	width: 317px !important;
	left:21.1em;
	position:relative;
	top:-3em;
	float: left;
	}
	
/* Sidebar Tales As Old As Time */

img.talestime_picture {
	width: 200px;
	height: 165px;
	padding: .5em;
	border: 1px solid #c50016;
	}
	
p.picture {
	margin-bottom: .3em !important;
	}
	
ul#talestime li {
	margin-bottom: 2.5em;
	}
	
a#talestime_link {
	text-align: center;
	}
	
.custom #content {width:65.2em;}