/* Val'Cielle Styles */ 

h2.about
{
	padding: 0;
	margin: 1em 0 0 0;
}

h3.about
{
	margin: 0;
	padding: 0;
}

.about-bio
{
	margin: 1em 0 0 0;
	width: 330px;
	float: right;
}

.about-img
{
	float: left;
	width: 350px;
}

.character h2, .character h3, .character strong {font-variant: small-caps;}


.character .desc
{
	top: 100px;
	z-index: 30;
	height: 210px;
	overflow: auto;
	position: absolute;
	letter-spacing: -.5px;
}

.character .stats li
{
	display: inline;
	padding: 0 1em;
}

.character h3
{
	font-size: 1em;
	margin: .5em 0 0 0;
}

.character li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.character p, .character ul
{
	margin: 0;
	padding: 0;
	font-size: .75em;
}

.character p {text-indent: 1em;}

.character strong {font-weight: normal;}

.character
{
	color: #FFF;
	width: 685px;
	height: 375px;
	position: relative;
	background: #774D23;
	margin: 0 auto 1em auto;
}

#annuin .i {background: transparent url(../img/c-annuin.jpg) no-repeat scroll 0 0;}

#annuin .desc
{
	right: 10px;
	width: 385px;
}

#hale .i {background: transparent url(../img/c-hale.jpg) no-repeat scroll 0 0;}

#hale .desc
{
	left: 25px;
	width: 400px;
}

#madix .i {background: transparent url(../img/c-madix.jpg) no-repeat scroll 0 0;}

#madix .desc
{
	left: 25px;
	width: 425px;
}

.flatnav li:first-child {border-width: 0;}

.flatnav li
{
	padding: 0 .5em;
	display: inline;
	border: 0 solid #000;
	list-style-type: none;
	border-width: 0 0 0 1px;
}

.flatnav
{
	margin: 0;
	clear: both;
	text-align: center;
	padding: 1em 0;
}

#bottom
{
	font-size: .8em;
	text-align: center;
}

#content
{
	margin: 0 157px 0 0;
	padding: 1em 20px 1em 20px;
	background: #FFF url(../img/valcielle_bkg.jpg) repeat scroll 0 0;
}

.clear {clear: both;}

#comic, #preview {text-align: center;}

#feeds img {vertical-align: middle;}

#feeds
{
	text-align: center;
	line-height: 1.5;
}

.i
{
	top: 0;
	left: 0;
	z-index: 25;
	width: 100%;
	height: 100%;
	position: absolute;
}

#link_home a {width: 102px;}

#link_curr a {width: 106px;}

#link_arch a {width: 110px;}

#link_comp a {width: 144px;}

#link_about a {width: 84px;}

#link_shop a {width: 73px;}

#link_extras a {width: 119px;}

/* CSS Sprites ahoy! Sprite image preloaded at "html" */
#link_home a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll 0 0;}

#link_curr a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -102px 0;}

#link_arch a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -208px 0;}

#link_comp a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -318px 0;}

#link_about a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -462px 0;}

#link_shop a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -546px 0;}

#link_extras a:hover .i {background: transparent url(../img/nav-sprite-hot.jpg) no-repeat scroll -619px 0;}

#link_home .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll 0 0;}

#link_curr .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -102px 0;}

#link_arch .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -208px 0;}

#link_comp .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -318px 0;}

#link_about .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -462px 0;}

#link_shop .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -546px 0;}

#link_extras .i {background: transparent url(../img/nav-sprite.jpg) no-repeat scroll -619px 0;}

.news-post h2
{
	margin-top: 0;
	padding-top: 0;
	font-size: 1.2em;
}

.news-post
{
	width: 72%;
	float: right;
}

.news-poster p
{
	margin-top: 0;
	padding-top: 0;
}

.news-poster
{
	width: 25%;
	float: left;
	font-size: .8em;
	text-align: right;
}

#pagenav a
{
	float: left;
	height: 40px;
	position: relative;
}

#pagenav li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#pagenav ul
{
	height: 40px;
	margin: 0 0 0 146px;
	padding: 0 157px 0 0;
	background: #FFF url(../img/valcielle_rightbumper.jpg) no-repeat scroll top right;
}

#pagenav {background: #FFF url(../img/valcielle_leftbumper.jpg) no-repeat scroll top left;}

#page_inside
{
	margin: 0 0 0 146px;
	background: transparent url(../img/valcielle_rightsidebar.jpg) repeat-y scroll top right;
}

#page {background: transparent url(../img/valcielle_leftsidebar.jpg) repeat-y scroll top left;}

#preview img {border: 2px solid #000;}

.strip-list a {padding: .25em;}

.strip-list li
{
	float: left;
	width: 1.5em;
	margin: .5em;
	background: #FFF;
	padding: .25em 0;
	list-style: none;
	text-align: center;
	border: 1px solid #000;
}

.strip-list
{
	margin: 0;
	padding: 0;
}

.strip-title
{
	clear: both;
	padding-top: 1em;
}

#top .i {background: #FFF url(../img/valcielle_head.jpg) no-repeat scroll 0 0;}

#top 
{
	height: 109px;
	position: relative;
}

#page, #pagenav, #top
{
	padding: 0;
	margin: 0 auto;
	width: 1041px;
}

.title
{
	padding: .25em .5em;
	font-size: 1.5em;
	background: #83B4DC;
}

.center {text-align: center;}

a {color: #133369;}

a img
{
	border: 0;
	text-decoration: none;
}

hr
{
	border: 0;
	margin: 1em 0;
	height: .5em;
	color: #133369;
	padding: .25em 0;
	background: #133369;
}

html
{
	background: #83B4DC url(../img/nav-sprite-hot.jpg) no-repeat scroll 0 -99px;
	font: 100% 'Georgia', 'Bookman Old Style', serif;
}

html, body
{
	margin: 0;
	padding: 0;
}