/* Anthology Creative: Base CSS */
/* Version 1.0 */
/* Last Revised: Oct. 7, 2008 */
/* Last Revised: Jul. 10, 2009 - js */

/* 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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:27px}h2{font-size:24px}h3{font-size:18px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}ol{list-style:decimal}ul{list-style:none}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* BASE 
****************************************************************************************************/
body { font-family: "Lucida Grande", "Lucida Sans", Arial, Sans-serif; }

a:link, a:visited { color: #333; }

a:hover, a:active { color: #666; }

.left         { float:left; }
.right        { float:right; }
.center       { text-align:center; margin:0 auto; display:block; }
img.left      { margin-right:1em; }
img.right     { margin-left:1em; }
img.center    { margin:0 auto; display:block;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

/* FORMS 
****************************************************************************************************/
.flashError { text-align: left; display: block; padding: 14px; font-weight:bold; font-size:14px; background: #FFC2C8 url('../images/icons/error.png') no-repeat 10px 16px; color: #A80500; margin-bottom: 24px; border:1px solid; }

.flashError p { margin:0 0 10px 20px; }

.flashError li { margin:0 0 6px 35px; list-style-type:circle; font-size:12px; font-weight:normal; }

.itemError { background: #FFC2C8 url('../images/icons/error-small.png') no-repeat 4px 2px; color: #A80500; padding:3px 8px 4px 22px; font-size:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid; width:175px; position:absolute; top:17px; left:240px; }

form ul li.large .itemError { left:295px; }

form ul li.birthday .itemError { left:270px; }

form ul li.medium .itemError {left:115px; }

form ul li.small .itemError { left:65px; }

.flashNotice { text-align: left; display: block; padding: 14px 14px 14px 32px; font-size:14px; font-weight:bold; background: #FFEB8F url('../images/icons/warning-triangle.png') no-repeat 10px 16px; color: #6F4000; margin-bottom: 24px; border:1px solid; }

.flashConfirm { text-align: left; display: block; padding: 14px 14px 14px 32px; font-size:14px; font-weight:bold; background: #D3FFB9 url('../images/icons/okay.png') no-repeat 10px 16px; color: #166F00; margin-bottom: 24px; border:1px solid; }

form fieldset { padding: 10px; display: block; border: 1px solid #eee; margin-bottom: 18px; }

form fieldset legend { font: bold 11px Arial, Sans-serif; color: #999; padding: 0px 3px 0px 3px; }

form fieldset legend span { color:#A80500; }

form ul li { list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; clear: both; position:relative; }

form ul li label { font-size:11px; font-weight:bold; color: #333; display: block; height:17px; }

form ul li label span { color:#A80500; margin:0 0 0 2px; }

form ul li input { width: 225px; border: 1px solid #aaa; padding: 3px; font-size:12px; color: #333; height:16px; }

form ul li textarea { width: 280px; border: 1px solid #aaa; padding: 3px; font-size:12px; color: #333; }

form ul li.medium input { width:100px; }

form ul li.small input { width:50px; }

form ul li.checkbox input, form ul li.radio input { width:13px; padding:0; margin:0 4px 0 0; float:none; border:none; }

form ul li.checkbox span, form ul li.radio span { margin:0 20px 0 0; float:none; }

form ul li input.button, form ul li input.secondButton { width: auto; padding: 3px 8px 3px 8px; background: #ddd; font: bold 14px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif; color: #333; cursor:pointer; height:auto; }

form ul li input.secondButton { margin-left: 10px; cursor:pointer; }

form ul li select { padding: 3px; }

form ul li select option { padding-right: 2em; }

form ul li input.secondary, form ul li select.secondary { margin: 10px 0px 0px 120px; }

form ul li.noborder { border: none; }

form ul li span.note, form ul li.medium span.note, form ul li.small span.note { color: #333; font-size:10px; display:none; width:175px; position:absolute; top:14px; left:245px; margin:0; }

form ul li.medium span.note { left:120px; }

form ul li.small span.note { left:70px; }

form ul li .focusField { background-color:#EFF5FF; border:1px solid #73A6FF; }

/*  HEADINGS
****************************************************************************************************/
h1#tanHeader {
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	height:0;
}

h1, h2, h3, h4, h5, h6 {
	color:#091a3e;
	font-weight:bold;
}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	color:#091a3e;
	font-weight:bold;
}

/*  LINKS
****************************************************************************************************/
a:link, a:visited {
	color:#3084ca;
	text-decoration:none;
}

a:hover, a:active {
	color:#091a3e;
	text-decoration:underline;
}

a.danger:hover {
	color:#A80500; /* RED */
}

.simpleButton {
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#335218;
	font-weight:bold;
	font-size:14px;
	background:#eeebe5;
	padding:5px 8px;
	cursor:pointer;
	border:1px solid;
	float:left;
	display:inline;
}

a#tanLogo {
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	height:129px;
	width:183px;
	background: url('../images/volumes/logo-tan-story.gif') no-repeat top left;
	float:left;
	display:inline;
}

/*  TYPE
****************************************************************************************************/
.textMedium {
	font-size:14px;
}

.textLarge {
	font-size:16px;
	margin-bottom:30px;
}

.textHighLite {
	background-color:#fff17e; /*light yellow*/
}

/*  WRAPPERS
****************************************************************************************************/
body {
	background: #fff url('../images/volumes/body-bg.jpg') no-repeat center 24px ;
	color:#3e3e3e; /* DARK GREY */
	font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}

#header {
	/*background: url('../images/volumes/header.jpg') no-repeat top center;*/
	height:145px;
	width:960px;
	margin:10px auto 0;
	position:relative;
}

.mainContent {
	float:left;
	display:inline;
	margin:10px 0 20px;
}

/*  HEADER
****************************************************************************************************/
#headerJoinUs {
	margin:30px 177px 0 0;
}

#headerPreOrder {
	position:absolute;
	top:-10px;
	right:-20px;
	width:193px;
}

/*  TOP BAR
****************************************************************************************************/
#topBar {
	display: block;
	background: #091a3e;
	font: normal 14px Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	color: #e8edf1;
	text-align: center;
	padding: 4px 10px 4px 10px;
}

#topBar a {
	color: #e8edf1;
	text-decoration: underline;
}

#topBar a:hover {
	color: #e8edf1;
}

#topBar .topBarArrow {
	margin-left: 4px;
	vertical-align: middle;
}

/*  MAIN CONTENT
****************************************************************************************************/
.leftCol {
	width:130px;
	height:680px;
	margin:0;
	float:left;
	display:inline;
	background: url(../images/volumes/sidebar-shadow-left.jpg) no-repeat top right;
}

.centerCol {
	width:640px;
	margin:0;
	padding:0 10px 0;
	float:left;
	display:inline;
}

.centerCol .extraPad {
	padding:20px 50px 0;
}

.rightCol {
	width:170px;
	margin:0;
	margin-top: 20px;
	padding:0;
	float:left;
	display:inline;
	background: url(../images/volumes/sidebar-shadow-right.jpg) repeat-y top left;
	overflow:hidden;
}

/*  LEFT SIDEBAR ELEMENTS
****************************************************************************************************/
#tabNav a {
	height:60px;
	width:130px;
	text-indent:-9999px;
	display:block;
}

#tabNav a.disabled, #tabNav a.disabled:hover { background-position: left bottom; cursor: default;}
#tabNav a.revealed { background-position: left center; }
#tabNav a:hover, #tabNav a.sel { background-position: left top; }

#tabNav .volume01 { background: url(../images/volumes/tab-volume-01.png) no-repeat top left; }
#tabNav .volume02 { background: url(../images/volumes/tab-volume-02.png) no-repeat top left; }
#tabNav .volume03 { background: url(../images/volumes/tab-volume-03.png) no-repeat top left; }
#tabNav .volume04 { background: url(../images/volumes/tab-volume-04.png) no-repeat top left; }
#tabNav .volume05 { background: url(../images/volumes/tab-volume-05.png) no-repeat top left; }
#tabNav .volume06 { background: url(../images/volumes/tab-volume-06.png) no-repeat top left; }
#tabNav .volume07 { background: url(../images/volumes/tab-volume-07.png) no-repeat top left; }
#tabNav .volume08 { background: url(../images/volumes/tab-volume-08.png) no-repeat top left; }
#tabNav .volume09 { background: url(../images/volumes/tab-volume-09.png) no-repeat top left; }
#tabNav .volume10 { background: url(../images/volumes/tab-volume-10.png) no-repeat top left; }


/*  ENTRIES
****************************************************************************************************/
.entry {
	float:left;
	display:inline;
	width:640px;
	margin:0 0 80px 0;
}

.entryMeta {
	float:left;
	display:inline;
	width:100px;
	margin-right:20px;
	height:100%;
	overflow:hidden;
}

.entryMetaBar {
	width:92px;
	padding:8px 0 0 8px;
	background:#e8edf1 url(../images/volumes/small-bar-cap-top.gif) no-repeat top center;
	float:left;
	display:inline;
	color:#333;
	height:100%;
	font-size:12px;
	font-weight:bold;
}

	.entryMetaBar .section {
		margin:0 0 20px 0;
	}
	
		.entryMetaBar .section span {
			font-size:10px;
			font-weight:normal;
		}
	
	.entryMetaBar img {
		float:left;
		display:inline;
		margin:0 6px 0 0;
	}
	
	.entryMetaBar .author, .entryMetaBar .date {
		font-size:14px;
	}
	
	.entryMetaBar .heading {
		font-family:Arial,sans-serif;
		font-size:10px;
		color:#4e4a47;
	}
	
	.entryMetaBar .comments {
		font-size:14px;
	}
	
		.entryMetaBar .comments span {
			font-size:11px;
		}
		
	.entryMetaBar .tags a {
		font-size:10px;
		font-weight:normal;
		display:block;
	}

.entryContent {
	width:520px;
	float:left;
	display:inline;
	font-family:"Courier New", Courier, monospace;
	color:#222;
}

	.entryContent h2 {
		line-height:1.3em;
	}

/*  RIGHT SIDEBAR ELEMENTS
****************************************************************************************************/
.bannerGuitar {
	margin:0 0 15px 0;
}

.twitterTenth {
	margin:15px 0 0 0;
	overflow:hidden;
	width:170px;
}

.twitterUpdateList li {
	margin:0 0 15px 12px;
	font-size:10px;
	color:#36290f;
	float:left;
	display:inline;
}

	.twitterUpdateList li img {
		float:left;
		display:inline;
		margin:3px 0 0 0;
	}
	
	.twitterUpdateList li p {
		margin:0 0 0 32px;
	}
	
/*  COMMENTS
****************************************************************************************************/
.flashError, .flashNotice, .flashConfirm {
	font-family:Arial,sans-serif;
}

#comments {
	border-top:1px dashed #335218; /* OLIVE GREEN */
	margin: 0 0 20px 120px;
	padding:20px 0 0;
}

	#comments form .itemError, #comments form .note {
		font-family:Arial,sans-serif;
		line-height:14px;
	}
	
	#comments form ul li .focusField { background-color:#bfdca6; border:1px solid #335218; }

	ul.comments {
		width:520px;
		margin:0 0 40px 0;
		float:left;
		display:inline;
	}
	
		ul.comments li {
			margin:0 0 30px 0;
			clear:both;
		}
		
			ul.comments li .author {
				font-size:16px;
				font-weight:bold;
				margin:0 0 7px 0;
				line-height:1em;
			}
			
				ul.comments li .author span {
					font-size:11px;
					font-weight:normal;
					font-family:Arial,sans-serif;
					color:#999;
				}


/*  FOOTER
****************************************************************************************************/
#footer {
	margin:0 auto;
	text-align:center;
}
	#footer .nav a {
		margin-right:8px;
		text-decoration:none;
		font-variant: small-caps;
	}

	#footer .nav a:hover {
		text-decoration:underline;
	}

	#footer .nav a.last  {
		margin-right:0px;
	}
	
	#footer .copyright {
		font-size:11px;
		margin:0px 0px 20px;
	}
	
	#footer .designBy {
		font-size:10px;
	}