/* Janelle Brown CSS */

/* Globals */
body
{
	margin-left:auto;
	margin-right:auto;
	width:720px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#474545;
}

img
{
	border: none;
}

a, a.under
{
	color:#24b7c4;
	text-decoration:none;
}

a:hover, a.under:hover
{
	color:#24b7c4;
	text-decoration:underline;
}

a.under
{
	text-decoration:underline;
	font-size:90%;
}

a.bluebutton
{
	color:#fff;
	background-color:#72cde4;
	font-size:90%;
	text-decoration:none;
	padding: 5px 8px 5px 8px;
}

a.bluebutton:hover
{
	color:#fff;
	text-decoration:underline;
}

a.black
{
	color:#474545;
}

a.black:hover
{
	text-decoration:underline;
}


div.content
{
	width:720px;
}

/* Header and Nav */
#header
{
	height:216px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:25px;
	border-style:none
}

#header img
{
	position:absolute;
	z-index:-1;
}

#logo a
{
	position:absolute;
	float:left;
	margin-top:6px;
	margin-left:14px;
	color:#474545;
	font-size:38px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
}

#logo a:hover
{
	text-decoration:none;
}

#nav
{
	position:relative;
	left:300px;
	top:17px;
}

#nav ul
{
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

#nav li
{
	display:inline;
}

#nav a
{
	float:left;
	text-decoration:none;
	color:#24b7c4;
    padding:0.2em 0.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

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

#nav a#selected
{
	/* grey */
	color:#727475;
}

/* Footer */
#footer
{
	clear:both;
	padding-top:20px;
	text-align:center;
	color:9e9999;
	font-size:90%;
}

/* Main Content */
#content
{
	clear:both;
	margin-top:14px;
}

h1
{
	
}

h2
{
	clear:both;
	color:#c53731;
	font-size:120%;
	border-bottom: 1px dotted #000000;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-topk: 5px;
}


/* Home Page */
#homecontent
{
	clear:both;
}

div.homebottom
{
	float:left;
	width:236px;
	padding-top:10px;
}

div.imagenavbar
{
	clear:both;
	background-color:#73CDE5;
	text-align:center;
	width:236;
	height:60;
	padding-top:8px;
	padding-bottom:8px;
}

div.imagenavbar a
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
}

div.imagenavbar a:hover
{
	text-decoration:underline;
}

/* Clips */

div.clipsection, div.clipsectionnoimage, div.novelsection, div.section
{
	clear:both;
}

div.clipheader, div.titleheader
{
	clear:both;
	background-color:#72cde4;
	color:#FFF;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	/*width:100%;*/
	padding-top:6px;
	padding-bottom:2px;
	position:relative;
	margin-bottom:20px;
}

div.titleheader a
{
	color:#FFF;
}

div.titleheader a:hover
{
	text-decoration:underline;
}

div.section p
{
	width:720px;
}

div.clipsection img
{
	clear:both;
	float:left;
	/*width:142px;*/
	/*height:215px;*/
	margin-right:20px;
	margin-bottom:10px;
}

div.clipsection p
{
	float:left;
	width:550px;
	margin-top:0px;
}

div.clipsectionnoimage
{
	float:left;
	width:100%;
	margin-top:0px;
}

.date
{
	/*color:#c53731;*/
	/*font-weight:bold;*/
	
}

div.novel
{
	text-align:center;
	width:50%;
	float:left;
}

/** Novels **/

div.novelsection img
{
	clear:both;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

div.novelsection p
{
	float:left;
	width:528px;
	margin-top:0px;
	text-align:left;
}