/*
Theme Name: Nobilis Erotica 
Version: 1.1 - Destinations
Author: hot glue media
Author URI: http://hotgluemedia.com

CSS grid based on Blueprint (http://code.google.com/p/blueprintcss/) with special thanks to the Blueprint CSS Grid Generator at http://kematzy.com/blueprint-generator/
*/

/* CSS Reset  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* General Styles */


body {
	font-size: 11px;
	line-height: 125%;
	font-family: garamond, times, serif;
	color: #000;
	background: #000;
	text-align: left;
	margin: 1.5em 0;
}

h1, h2, h3, h4 {
	font-weight: bold;
	color: #000;
	line-height: 100%;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 11px;
}

p {
	margin: 0 0 .5em 0;
}

a:link, a:active, a:focus {
	text-decoration: none;
	color: #b40820;
	border: none;
}

a:hover {
	color: #5d5d5d;
	text-decoration: underline;
}

a:visited {
	color: #5d5d5d;
}

blockquote {
	color: #000;
	text-align: right;
	margin: 0 0 .5em 0;
	padding: .5em 0 0 0;
	clear: both;
	font-size: 16px;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

li ul, li ol {
	margin: 0 1.5em;
}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

img.alignleft {
	float: left;
	margin: 5px 10px 0 0;
}

img.alignright {
	float: right;
	margin: 5px 0 0 10px;
}

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

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#headerl {
	height: 70px;
	background: url('img/headerl.png') no-repeat;
}

#headerm {
	height: 70px;
	background: url('img/headerm.png') no-repeat;
}

#headerr {
	height: 70px;
	background: url('img/headerr.png') no-repeat;
}

#footer {
	width: 900px;
	height: 25px;
	background: url('img/footer.png') no-repeat;
}

/* Grid Styles */

.container {
	width: 900px;
	margin: 0 auto;
}

.container2 {
	width: 440px;
	background: #fff;
	margin: 0 auto;
}

.showgrid {
	background:url(imgs/grid.png);
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5 {
	float:left;
}

div.side1 {
	background: url('img/sideart/1.png') no-repeat;
	height: 50px;
}

div.side2 {
	background: url('img/sideart/2.png') no-repeat;	
	height: 175px;
}

div.side3 {
	background: url('img/sideart/3.png') no-repeat;
	height: 50px;
}

div.side4 {
	background: url('img/sideart/4.png') no-repeat;
	height: 175px;
}

div.side5 {
	background: url('img/sideart/5.png') no-repeat;
	height: 448px;
}

div.side6 {
	background: url('img/sideart/6.png') repeat-y;
	min-height: 10px;
}

div.mainupdatesheader {
	background: url('img/headers/mainupdates.png') no-repeat;
	height: 50px;
}

div.mainscheduleheader {
	background: url('img/headers/mainschedule.png') no-repeat;
	height: 50px;
}

div.mainprojectsheader {
	background: url('img/headers/mainprojects.png') no-repeat;
	height: 50px;
}

div.mainbooksheader {
	background: url('img/headers/mainbooks.png') no-repeat;
	height: 50px;
}

div.mainupdates {
	background: url('img/backgrounds/mainupdates.png') no-repeat;
	height: 175px;
}

div.mainschedule {
	background: url('img/backgrounds/mainschedule.png') no-repeat;
	height: 175px;
}

div.mainprojects {
	background: url('img/backgrounds/mainprojects.png') no-repeat;
	height: 175px;
}

div.mainbooks {
	background: url('img/backgrounds/mainbooks.png') no-repeat;
	height: 175px;
}

div.page {
	background: url('img/backgrounds/page.png') no-repeat;
	height: 448px;
}

div.commentborder {
	background: url('img/backgrounds/commenttop.png') repeat-y;
	height: 10px;
}

div.comments {
	background: url('img/backgrounds/comment.png') repeat-y;
}

div.excerpt {
	background: #fff;
}

.span-1 {
	width: 180px;
}

.span-2 {
	width: 360px;
}

.span-3 {
	width: 540px;
}

.span-4 {
	width: 720px;
}

.span-5, div.span-5 {
	width: 900px;
	margin: 0;
}

div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right:1px solid #5d5d5d;
}

div.colborder {
	padding-right: 168px;
	margin-right: 167px;
	border-right:1px solid #5d5d5d;
}


.box {
	padding: .5em 2em 1.5em 1.5em;
	margin-bottom: 1.5em;
}

.box2 {
	padding: 1.5em 2em 1.5em 1.5em;
	margin-bottom: 1.5em;
}

.box3 {
	padding: 1.5em 2em 1.5em 18em;
	margin-bottom: 1.5em;
}

.box4 {
	padding: 0 0 2em 0;
	text-align: justify;
	font-size: 13px;
	margin-bottom: 1.5em;
}

.box5 {
	padding: 1.5em 2em 1.5em 1.5em;
	margin-bottom: 1.5em;
	text-align: justify;
	font-size: 13px;
}

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

.clearfix, .container {
	display:inline-block;
}

* html .clearfix, * html .container {
	height:1%;
}

.clearfix, .container {
	display:block;
}

.clear {
	clear:both;
}

/* Contact Form Styles */
#contactfm {
	margin: 1em 0 0 0;
	width: 475px;
	font-size: 1em;
}

#contactfm p {
	margin: 0;
	padding: 0;
}

#contactfm label {
	float: left;
	text-align: right;
	width: 150px;
	padding: 5px 5px 0 0;
}

#contactfm input {
	padding: 2px;
	width: 170px;
	margin: 5px 5px 1px 0;
	border: 2px solid #b3b3b3;
}

#contactfm textarea {
	padding: 0 0 2px 2px;
	width: 300px;
	margin: -10px 0 5px 0;
	border: 2px solid #b3b3b3;
}

#contactfm textarea:focus, #contactfm input:focus {
	border: 2px solid #5d5d5d;
}

#contactfm input.submit-button {
	width: 100px;
	float: right;
	font-family: garamond, times, serif;
	margin: 0 15px 0 10px;
	color: #b40820;
}

/* Top Navigation Menu Styles */

#navlist {
	list-style: none;
	width: 900px;
	float: right;	
	margin: 0;
}

#navlist li {
	width: 150px;
}

#navlist li.drop {
	display: inline;
	width: 150px;
}

#navlist li a {
	display: inline;
	width: 150px;
	height: 34px;
	cursor: pointer;
	float: left;
}

/*Sprite definitions for top nav */

#navlist li a.leftnav {
	background: url('img/navlist/left.png');
	width: 150px;
	height: 34px;
}

#navlist li a.blogs {
	background: url('img/navlist/blogs.png');
}

#navlist li a.podcasts {
	background: url('img/navlist/podcasts.png');
}

#navlist li a.books {
	background: url('img/navlist/books.png');
}

#navlist li a.about {
	background: url('img/navlist/about.png');
}

#navlist li a.rss {
	background: url('img/navlist/rss.png');
}

#navlist li:hover a {
	background-position: 0 34px;
}

#navlist a:hover {
	background-position: 0 34px;
	white-space: normal;
	position: relative;
	float: left;
	width: 150px;
}

#navlist table { /* Leave this for legacy IE compatibility */
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	border-collapse: collapse;;
	margin: -1px;
}

#navlist li:hover {
	position: relative;
	width: 150px;
	float: left;
}

/* Comment Styles */

ol.commentlist {
	margin: 1em 0 1em 0;
}

.commentlist li {
	list-style: none;
}

.commentlist li .avatar {
	float: left;
	padding: 4px;
	background: #fff;
}

#commentform {
	margin: 1em 0 0 0;
	width: 500px;
}

#commentform label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 5px;
	font-size: 1.2em;
}

#commentform input {
	padding: 2px;
	width: 170px;
	margin: 5px 5px 1px 0;
	border: 2px solid #b3b3b3;
}

#commentform textarea {
	padding: 2px;
	width: 300px;
	margin: 5px 5px 1px 0;
	border: 2px solid #b3b3b3;
}

#commentform textarea:focus, #commentform input:focus {
	border: 2px solid #5d5d5d;
}

#commentform input.submit-button {
	width: 150px;
	float: right;
	font-family: garamond, times, serif;
	margin: 0 28px 0 10px;
	font-size: 1.2em;
	color: #b40820;
}

/* CSS Charts, with thanks to Alen Grakalic at cssglobe.com */

#chartlist ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

#chartlist li {
	margin: 0;
	padding: 0;
}

.csschart {
	margin: 0;
	padding: 0;
	background:url('img/csschart/bg.png') no-repeat;
	width:175px;
	height:14px;
	position:relative;
	float:none;
	display:block;
}

.csschart span {
	position:absolute;
	display:block;
	width: 10px;
	z-index:1;
	height:100%;
	background:url('img/csschart/progress.png') repeat-x;
} 

.csschart span.p0{width:0%;}
.csschart span.p1{width:1%;}
.csschart span.p2{width:2%;}
.csschart span.p3{width:3%;}
.csschart span.p4{width:4%;}
.csschart span.p5{width:5%;}
.csschart span.p6{width:6%;}
.csschart span.p7{width:7%;}
.csschart span.p8{width:8%;}
.csschart span.p9{width:9%;}
.csschart span.p10{width:10%;}
.csschart span.p11{width:11%;}
.csschart span.p12{width:12%;}
.csschart span.p13{width:13%;}
.csschart span.p14{width:14%;}
.csschart span.p15{width:15%;}
.csschart span.p16{width:16%;}
.csschart span.p17{width:17%;}
.csschart span.p18{width:18%;}
.csschart span.p19{width:19%;}
.csschart span.p20{width:20%;}
.csschart span.p21{width:21%;}
.csschart span.p22{width:22%;}
.csschart span.p23{width:23%;}
.csschart span.p24{width:24%;}
.csschart span.p25{width:25%;}
.csschart span.p26{width:26%;}
.csschart span.p27{width:27%;}
.csschart span.p28{width:28%;}
.csschart span.p29{width:29%;}
.csschart span.p30{width:30%;}
.csschart span.p31{width:31%;}
.csschart span.p32{width:32%;}
.csschart span.p33{width:33%;}
.csschart span.p34{width:34%;}
.csschart span.p35{width:35%;}
.csschart span.p36{width:36%;}
.csschart span.p37{width:37%;}
.csschart span.p38{width:38%;}
.csschart span.p39{width:39%;}
.csschart span.p40{width:40%;}
.csschart span.p41{width:41%;}
.csschart span.p42{width:42%;}
.csschart span.p43{width:43%;}
.csschart span.p44{width:44%;}
.csschart span.p45{width:45%;}
.csschart span.p46{width:46%;}
.csschart span.p47{width:47%;}
.csschart span.p48{width:48%;}
.csschart span.p49{width:49%;}
.csschart span.p50{width:50%;}
.csschart span.p51{width:51%;}
.csschart span.p52{width:52%;}
.csschart span.p53{width:53%;}
.csschart span.p54{width:54%;}
.csschart span.p55{width:55%;}
.csschart span.p56{width:56%;}
.csschart span.p57{width:57%;}
.csschart span.p58{width:58%;}
.csschart span.p59{width:59%;}
.csschart span.p60{width:60%;}
.csschart span.p61{width:61%;}
.csschart span.p62{width:62%;}
.csschart span.p63{width:63%;}
.csschart span.p64{width:64%;}
.csschart span.p65{width:65%;}
.csschart span.p66{width:66%;}
.csschart span.p67{width:67%;}
.csschart span.p68{width:68%;}
.csschart span.p69{width:69%;}
.csschart span.p70{width:70%;}
.csschart span.p71{width:71%;}
.csschart span.p72{width:72%;}
.csschart span.p73{width:73%;}
.csschart span.p74{width:74%;}
.csschart span.p75{width:75%;}
.csschart span.p76{width:76%;}
.csschart span.p77{width:77%;}
.csschart span.p78{width:78%;}
.csschart span.p79{width:79%;}
.csschart span.p80{width:80%;}
.csschart span.p81{width:81%;}
.csschart span.p82{width:82%;}
.csschart span.p83{width:83%;}
.csschart span.p84{width:84%;}
.csschart span.p85{width:85%;}
.csschart span.p86{width:86%;}
.csschart span.p87{width:87%;}
.csschart span.p88{width:88%;}
.csschart span.p89{width:89%;}
.csschart span.p90{width:90%;}
.csschart span.p91{width:91%;}
.csschart span.p92{width:92%;}
.csschart span.p93{width:93%;}
.csschart span.p94{width:94%;}
.csschart span.p95{width:95%;}
.csschart span.p96{width:96%;}
.csschart span.p97{width:97%;}
.csschart span.p98{width:98%;}
.csschart span.p99{width:99%;}
.csschart span.p100{width:100%;}