/*  
Theme Name: Aspire
Theme URI: http://www.infocreek.com/webdesign/aspire.html
Description: Aspire is a gorgeous 3-column wordpress theme ( Blogger version available ) designed by <a href="http://www.infocreek.com">InfoCreek </a>.
Author: InfoCreek.com
Author URI: http://www.infocreek.com/
Tags: fixed width, clean, valid XHTML, widget ready, options page, gravatar, right sidebar.
Version: 1.1.3


*/

/*-----------------------------------------------
Read This >>> Advance footer style

You may also want to download wp-pagenavi - a free plugin that adds advance paging navigation to the footer of your WordPress blog. 

Read more about this plugin at: http://lesterchan.net/wordpress/readme/wp-pagenavi.html

Enjoy!

----------------------------------------------- */

* {margin:0px; padding:0px;}
body {center top; text-align:center; background-repeat:repeat-x; background-color:#000; font-size:12px; color:#000000; line-height:155%; font-family: Verdana, Arial, Helvetica, sans-serif;}

img {border: medium none;}
blockquote {padding: 5px 20px; text-align: left; color:#602600}
blockquote blockquote {padding: 2px 10px; text-align: left; color:#602600; font-style:italic;}
a {text-decoration:none; color:#e00000; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none;}

p {padding:7px 0;  line-height: 155%;}
.border {border:1px solid red;}
h1, h2, h3, h4 { font-family: "Trebuchet MS";}
hr {border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;}

input {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
textarea {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
select {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
#head_outer {position:relative; background:#000 url(images/header-sliver.jpg) center 9px repeat-x;}
#head {position:relative; width:960px; height:250px; text-align:left; margin:0 auto;}
.header {width:960px; margin:0 auto; padding:1px 0 0 0; height:249px; background: url(images/header-bg.jpg) center top no-repeat;}
	.logo {position:absolute; left:0px; top:215px; width:627px;}
	.logo h1 {font: bold 26px/120% Georgia; color:#602600; padding:0 0 10px 20px; margin-right:16px;}
	.logo .description {position:absolute; right:20px; top:30px; font: bold italic 18px/120% Georgia; color:#602600;}
	.logo h1 a, .logo h1 a:hover {color:#602600; text-decoration:none;}
	.logo a b {}
	#menu {position:absolute; left:10px; top:232px;}
	#menu ul {list-style:none;}
	#menu ul li {display:block; float:left; padding:0 17px;}
	* html #menu ul li {display:inline;}
	#menu ul li a {color:#ffffff;}
	.searchbox {width:290px; font-size:11px; color:#97712c; margin:0 0 30px 10px;}
	#searchform .label {display:block; padding:0px 0px 2px 5px; color:black; font-size:1.2em;}
		.search {width:150px; height:20px; float:left;}
	#searchform input {border:none; background:transparent url(images/go-button.gif) left top no-repeat; font-weight: bold; color:#ceb978; width:30px; height:20px; float:right;}
	#searchform .search #s {border:none; background:transparent; color:#ceb978; width:125px; height:auto !important; margin:3px 0 0 4px; float:left;}

.autv_logo {
	width:550px;
	height:142px;
	display:block;
	margin:55px auto 0;
	text-indent:-9999px;
	overflow:hidden;
}

#body_container {
	margin:0 auto;
	background:url(images/autv-bg.jpg) center 250px no-repeat;
}

#main_and_sidebar {
	background:url(images/body-bg.jpg);
	width:960px;
	margin:0 auto;
}

#main-menu {
	list-style:none;
	background:#000;
	height:32px;
	margin:0;
}

#main-menu li {
	float:left;
}

#main-menu li a {
	display:block;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/menu-bg.png) top left no-repeat;
}

#main-menu .tattoos { width:117px; margin-left:35px;}
#main-menu .tattoos a { width:117px; background-position:-35px 0}
#main-menu .tattoos a:hover { background-position:-35px -32px}
#main-menu .music { width:94px; margin-left:94px;}
#main-menu .music a { width:94px; background-position:-246px 0;}
#main-menu .music a:hover { background-position:-246px -32px}
#main-menu .horror { width:121px; margin-left:85px;}
#main-menu .horror a { width:121px; background-position:-425px 0;}
#main-menu .horror a:hover { background-position:-425px -32px}
#main-menu .skate { width:89px; margin-left:118px;}
#main-menu .skate a { width:89px; background-position:-664px 0;}
#main-menu .skate a:hover { background-position:-664px -32px}
#main-menu .art { width:70px; margin-left:104px;}
#main-menu .art a { width:70px; background-position:-857px 0;}
#main-menu .art a:hover { background-position:-857px -32px}






#content {position:relative; width:640px; text-align:left; float:left; margin:0; padding:0}
#main {position:relative; margin:0;width:640px;}
	.content {position:relative; width:640px; background: url(images/content-bg.jpg); padding-top:8px;} 
	.cont-r {position:relative; background: url(images/border.gif) right top repeat-y;}
	.cont-l {position:relative; background: url(images/border.gif) left top repeat-y;}
	.cont-bot {position:relative; background: url(images/content-bottom-bg.jpg) left bottom no-repeat; top:0px; bottom:0px; min-height:380px;}
	#.grad-hack {position:relative; width:627px; overflow:hidden; margin-top:-80px; padding-bottom:20px}
	.begin {background: url(images/begin.gif) 10px 0px no-repeat; position:absolute; top:0px; left:0px; width:100%; height:40px;}
	
	.content h1 {font: 20px "Trebuchet MS"; color:#000000; letter-spacing:-1px; padding-top:10px;}
	.content h2 {font:bold 18px "Trebuchet MS"; color:#000000; padding:10px 0px 2px 20px;}
	.content h3 {font:bold 16px "Trebuchet MS"; color:#000000; padding:10px 0px 2px 20px;}
	.content h4 {font:bold 14px "Trebuchet MS"; color:#000000; padding:7px 0px 2px 15px;}
	.content h5 {font:bold 12px "Trebuchet MS"; color:#000000; padding:5px 0px 2px 10px;}
	.content h6 {font:bold 10px Verdana; color:#602600; padding:5px 0px 2px 0px;}
	.content h2.pagetitle {position:absolute; top:0px; right:30px; padding:0px; font-size:12px;}
	.post {padding:24px 10px 33px 10px; background: url(images/post-devider.jpg) no-repeat;}
	.post1 {padding:0px 10px 33px 10px;position:relative; z-index:100;}
	* html .post {position:relative;}
	* html .post1 {position:relative; height:350px;}
	.content .title {padding:0px;}
	.content .date {font:normal 24px/47px Georgia; margin-right:10px; color:#ffffff; float:left; width:59px; height:56px; overflow:hidden; text-align:center; background: url(images/date-bg.gif) no-repeat;}
	.content .date .month {font: 14px/16px Arial; color:#4c2604; margin:-10px 0px 0 0; text-transform:lowercase;}
	.content h1 a, .content h1 a:hover {color:#800; text-decoration:none;}
	.content p.author {color:#240f02; padding:0px 0px 0px 0px; font-size:11px;}
	.entry {position:relative; padding:0 0 10px 0; clear:both;}
	.entry img.left, .entry img[align="left"], .entry img.right, .entry img[align="right"] {border:1px solid #99ba09; margin:0px 5px 5px 5px; max-width:603px}
	.entry img {border:1px solid #99ba09; margin:0px 5px 0px 5px; max-width:603px}
	.entry img.wp-smiley {border:none; margin:0px 2px 0px 2px; max-width:603px}
	.postmetadata {padding:5px 75px 0px 20px; text-align:right; background: url(images/num-comm-right.jpg) 100% 5px no-repeat; margin-right:15px; clear:both;}
	* html .postmetadata {display:inline-block;}
	*:first-child+html .postmetadata {display:inline-block;}
	.postmetadata .comm-num-left {padding:5px 0px 7px 75px; float:right; background: url(images/num-comm-left.jpg) no-repeat;}

	.addcomment {position:absolute; right:28px; top:2px; font-size:10px; z-index:100;}
		.addcomment a {padding:0px 4px; line-height:100%; background-color:#900; font-size:10px; color:#ffffff;}
		.addcomment a:hover {background-color:#a00; text-decoration:none;}
	.backtotop {position:relative; text-align:right; padding-right:10px; margin-top:-10px; z-index:100;}
		.backtotop a {padding:0px 4px 1px; line-height:100%; background-color:#900; font-size:10px; color:#ffffff;}
		.backtotop a:hover {background-color:#a00; text-decoration:none;}

	.content h2.center {padding:25px 0; text-align:center;}
	.wp-pagenavi {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; font-size:11px; color:#ca9417 !important; text-decoration:none; border:none !important;}
	.wp-pagenavi span.pages {float:left; font-size:11px; padding: 0px 4px 0px 4px !important; line-height:16px; margin: 0px 3px 0px 0px !important; color: #ca9417 !important; border: none !important;	background:#602600 !important;}
	.wp-pagenavi span.current {float:left; font-size:11px; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#ca9417 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi span.extend {float:left; font-size:11px; background:none !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
	.wp-pagenavi2 {position:absolute; left:10px; bottom:-22px; z-index:300; font-size:11px;}
	.wp-pagenavi2 a, .wp-pagenavi2 a:link, .wp-pagenavi2 a:active  {float:left; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:16px; padding:0 4px; color:#602600; margin:0 3px 0 0; border:none;}
	.wp-pagenavi2 a:hover {background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}

#main ul {position:relative; list-style:none; padding:5px 20px;}
#main ul li {display:block; padding:2px 0px 2px 12px;  background: url(images/marker.gif) 0px 7px no-repeat;}
#main .sociable ul li {background:none;}
#main ol {padding: 5px 40px; list-style: decimal}
#main ol li {padding:2px 0px 2px 0px;}

#main .top_content_adclient {
	width:600px;
	height:80px;
	background:#333;
	display:block;
	margin:0 auto 10px;
	font-size:2em;
	color:white;
	text-align:center;
}

#comments {}
#comments a {}
#comments h4 {padding-left:20px;}
.nocomments {padding: 0 20px 30px 20px;}
.message-bottom {position:relative; background: url(images/message-bottom.gif) left bottom repeat-x;}
.message-top {position:relative; background: url(images/message-top.gif) 0 5px repeat-x;}
.message-right {position:relative; background: url(images/message-right.gif) 100% 0px repeat-y;}
.message-left {position:relative; background: url(images/message-left.gif) 0 0 repeat-y;}
.mes-br {position:relative; background: url(images/message-br.jpg) right bottom no-repeat;}
.mes-bl {position:relative; background: url(images/message-bl.jpg) left bottom no-repeat;}
.mes-tr {position:relative; background: url(images/message-tr.jpg) right top no-repeat;}
.mes-tl {position:relative; background: url(images/message-tl.jpg) left top no-repeat; width:100%;}
	.message-by {padding:15px 0 5px 0; font:16px/18px "Trebushet MS"; color:#602600; text-align:center;}
	.avatar-place {position:absolute; right:17px; top:17px; width:50px; height:50px;}
	.message-count {text-align:center;}
	.message-count span {display:inline-block; border:1px solid #8a5f3b; font:12px/14px Georgia; position:relative; padding:0 5px;}
	.message-count span b.count-l {position:absolute; left:-74px; top:1px; height:14px; width:72px; line-height:0px; font-size:0px; background: url(images/message-number-right.gif) left top no-repeat;}
	.message-count span b.count-r {position:absolute; right:-76px; top:1px; height:14px; width:74px; line-height:0px; font-size:0px; background: url(images/message-number-left.gif) right top no-repeat;}
	.message-entry {position:relative; padding:10px 20px 20px 20px;}
	.message-entry p {overflow:hidden;}
	* html .message-entry p {width:100%;}
		.message-time {font-size:11px; line-height:20px; color:#efe7c6; height:20px; width:auto; margin:10px 0 0 10px; text-align:right; color:#666;}
		.message-time span {display:block; height:20px; padding:0;}
	

#response {position:relative;}
#response h4 {padding:20px 0px 5px 20px;}
#response div.form {width:100%; position:relative; border:1px solid ;}
* html #response div.form {width:100%;}
#response div.form #commentform {padding:10px;}

	.inputs {position:relative; width:49%; float:left;}
		.input {position:relative;}
		.input b {color:#e00000;}
		.inputs input {position:relative; background:#fff; border:1px solid #666; width:99%; padding:2px; margin-bottom:5px;}
	.message {position:relative; width:49%; float:right; text-align:center;}
	.message .input {margin-bottom:0px; text-align:center;}
	.message textarea {background:white; border:1px solid #666; width:99%; height:92px; padding:1px;}
	.submit {text-align:right; margin-top:10px;}
	* html .submit {margin-top:0px;}
	*:first-child+html .submit {margin-top:0px;}


#sidebars {float:right; background-color:#ccc; width:320px; background-image:url(images/body-bg.jpg); text-align:left;}
#sidebars #searchform #s {border:1px solid #666; background:white; background-image:none; color:black; padding:3px 0; width:250px; height:auto !important; margin:0px 0 0 0px;}
#sidebar-left {width:140px; float:left; margin:0 16px 0 10px;}
#sidebar-right {width:140px; float:left; clear:all; overflow:hidden;}

#sidebars .double {
	margin:10px 0;
	clear:both;
}

#sidebars .ad {
	width:300px;
	margin:10px auto;
}

.sb-bot {position:relative; margin:0 0 0 10px; width:145px; float:left; }
.sb-top {position:relative; background:url(images/sidebar-top.png) center top no-repeat; padding-bottom:0px; }
.sb-right {position:relative; background:url(images/sb-border.gif) right top repeat-y;}
.sb-left {position:relative; background:url(images/sb-border.gif) left top repeat-y;}
.sb-rb {position:relative; background:url(images/sidebar-rb.jpg) right bottom no-repeat;}
.sb-lb {position:relative; background:url(images/sidebar-lb.jpg) left bottom no-repeat;}
.sb-rt {position:relative; background:url(images/sidebar-rt.jpg) right top no-repeat; width:100%}
.sb-lt {position:relative; background:url(images/sidebar-lt.jpg) left top no-repeat; padding:10px 10px 15px 10px; overflow:hidden;}

#sidebars h2 {position:relative; font:bold 20px "Trebuchet MS"; color:#800; margin:0 -3px; background:url(images/sidebar-title-line.jpg) center bottom no-repeat; padding:11px 0 0 0;}
#sidebars a {color:#800;}
#sidebars ul {display:inline-block; position:relative; padding:3px 0 0px 0; list-style:none; background:none}
#sidebars ul li {display:block; position:relative; font-size: 12px; color:#240f02; padding:0px 0px}
* html #sidebars ul li {display:inline-block;}
*:first-child+html #sidebars ul li {display:inline-block;}
#sidebars ul li a {color:#000; padding:2px 0px 2px 0px; display:block; background: url(images/sb-marker.gif) 3px 7px no-repeat;}
#sidebars ul li.current-cat a {color:#e00;}
#sidebars ul li a:hover {color:#e00;}
#sidebars ul li p a {color:#800; display:inline; background: none; padding:0px;}
#sidebars ul li p a:hover {color:#602600; display:inline; background:#c18c35 none; padding:0px;}
#sidebars ul li ul {padding:0px 0 0px 0px; list-style:none;}
#sidebars ul li ul li a {padding:2px 0px 2px 25px; background: url(images/sb-marker.gif) 13px 7px no-repeat;}
#sidebars ul li ul li a:hover {background:#c18c35 url(images/sb-marker-hover.gif) 13px 7px no-repeat;}
#the_scene {
	float:right;
}



#wp-calendar {width:100%; font-size:11px; font-family:Georgia; text-align:center;}
#wp-calendar td {font-size:11px; text-align:center;}
#wp-calendar td a {display:block; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; color:#602600;}
#wp-calendar td a:hover {display:block; background:#602600 url(images/page-num-bg.gif) 0 0 no-repeat; color:#ca9417; text-decoration:none;}
#recentcomments li a {background:none !important; padding:0 0 0 0;}
.textwidget iframe {position:relative; margin:0 -5px 10px -5px;}

.logo-bottom {position:absolute; right:30px; bottom:15px; z-index:1000;}


a:hover abbr {border:none;}


#footer {width:960px; margin:0 auto; text-align:left; clear:both}
#footer a {color:#602600;}
.copy {position:relative; padding:25px 0px 15px 0px; font-size:11px; z-index:100; width:590px; text-align:right;}
.valid {position:absolute; right:-350px; top:22px; font-size:11px; background:#ca9417 url(images/page-num-bg.gif) 0 0 no-repeat; line-height:22px; padding:0 7px;}

.ping-track {position:relative; border:1px solid #666; padding:10px;}


.up {text-transform:uppercase;}
.b {font-weight:bold;}
.center {text-align:center;}
.l, .left {float:left;}
.r, .right {float:right;}
.textleft {text-align:left !important;}
.clear {clear:both;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* Gallery Stuff */