/* Athena's Cosplay | Alex McClung | March, 2007 */

/****** Base styles ******/

*  {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, .nav, .footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1 { font-size: 218%; color: #9E4281; }
h2 { font-size: 164%; color: #50016B; font-weight: bold; }
h3 { font-size: 145%; }
h4 { font-size: 118%; color: #50016B; font-weight: bold; margin-top: 1.5em; }
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.5em;
	background: #D1C0A1 url(/images/wallpaper.gif);
}
span.sub, p.sub, span.sub2, p.sub2 { font-size: 75%; margin-bottom: 0px; line-height: 0em; }
span.sub2, p.sub2 { margin-top: 3px; display: block; }

a, a.anav:hover, a.anav:visited {
	color: #5E774D;
	border-bottom: 0px;
	text-decoration: none;
}
a:hover {
	color: #94BC1A;
	text-decoration: none;
}
ul {
	list-style-image: url(/images/bul.gif);
	list-style-type: disc;
	padding-left: 30px; 
}
ol {
	padding-left: 30px;
}
ol.spaced li, ul.spaced li { margin-bottom: 1em; }
img { border: 0; }
div.hr {
  height: 12px;
  background: url(/images/hr.gif) no-repeat scroll center;
  margin-top: 15px;
  margin-bottom: 25px;
}
div.hr hr {
  display: none;
}
p { margin-bottom: 1.5em; }

/****** Forms ******/

label {
	color: #666666;
}
input, textarea {
	border: 3px double #d1d9c0;
	border-top-color: #d1d9c0;
	border-left-color: #a1b280;
	
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	background: #FFFFFF url(/images/input_shadow.gif) repeat-x top;
	padding: 3px;
}
input:hover, textarea:hover {
	border: 3px double #E4E6B3;
	border-top-color: #E4E6B3;
	border-left-color: #C8CC66;
}
input:focus, textarea:focus {
	border: 3px double #CAE7B2;
	border-top-color: #CAE7B2;
	border-left-color: #94CE64;
	background: #FFFFF0 url(/images/input_shadow_focus.gif) repeat-x top;
}
input[type="submit"] {
	background: #FFFFFF url(/images/background_form_element.gif) repeat-x top;
	padding: 0.25em;
	color: #666666;
	cursor: pointer;
}
input[type="submit"]:hover {
	color: #000000;
}
input[type="submit"]:active {
	position: relative;
	left: 1px;
	top: 1px;
}

/****** Color ******/

.dk_purp { color: #50016B; }
.lt_purp { color: #9E4281; }
.tan     { color: #D1C0A1; }
.dk_grn  { color: #5E774D; }
.lt_grn  { color: #94BC1A; }
.grey    { color: #999999; }

/****** Navigation ******/

#nav {
	margin-left: 0px;
	background: url(/images/navbg.gif) no-repeat top;
	font-size: 18px;
	height: 73px;
	width: 740px;
	padding-top: 10px;
	text-align: center;
}
#nav ul {
	list-style: none;
	margin-left: 89px;
}
#nav li { display: inline; }
#nav a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 24px;
	float: left;
	margin-left: 20px;
}
#nav #home a            { background: url(/images/nav/Home.gif)        no-repeat top; width: 46px; }
#nav #home a:hover      { background: url(/images/nav/Home_h.gif)      no-repeat top; }
#nav #creations a       { background: url(/images/nav/Creations.gif)   no-repeat top; width: 71px; }
#nav #creations a:hover { background: url(/images/nav/Creations_h.gif) no-repeat top; }
#nav #modeling a        { background: url(/images/nav/Modeling.gif)    no-repeat top; width: 73px; }
#nav #modeling a:hover  { background: url(/images/nav/Modeling_h.gif)  no-repeat top; }
#nav #tutorials a       { background: url(/images/nav/Tutorials.gif)   no-repeat top; width: 67px; }
#nav #tutorials a:hover { background: url(/images/nav/Tutorials_h.gif) no-repeat top; }
#nav #about a           { background: url(/images/nav/About.gif)       no-repeat top; width: 48px; }
#nav #about a:hover     { background: url(/images/nav/About_h.gif)     no-repeat top; }
#nav #links a           { background: url(/images/nav/Links.gif)       no-repeat top; width:43px; }
#nav #links a:hover     { background: url(/images/nav/Links_h.gif)     no-repeat top; }

/****** Structure ******/

.container {
	background: url(/images/bg.gif) repeat-y center top;
	margin: 0 auto;
	width: 780px;
	height: 100%;
}
.banner {
	height: 210px;
	margin-left: 10px;
	margin-right: 10px;
}
.contents {
	padding-left: 20px;
	padding-right: 20px;
}
.creations_icon {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	max-height: 120px;
	width: 120px;
	clear: none;
}
.creations_title .sub {
	line-height: 0.75em;
}
.dyn_content {	padding: 20px; }
.divider {
	background: url(/images/hbar.gif) no-repeat top;
	width: 698px;
	height: 24px;
	margin-top: -11px;
	margin-bottom: 20px;
}
.sidebar_divider {
	background: url(/images/shbar.gif) no-repeat top;
	width: 150px;
	height: 24px;
	margin-top: -15px;
	margin-bottom: 0px;
}
.footer {
	width: 740px;
	background: url(/images/footer.gif) no-repeat bottom center;
	text-align: center;
	font-size: 10px;
	color: #50016B;
	padding-bottom: 5px;
}
.sidebar {
	float: right;
	width: 150px;
	margin-left: 30px;
	height: 100%;
}
.maincol {
	width: 500px;
}

/****** Misc styles ******/

.small {
	font-size: 10px;
	color: #999999;
}
.journal_date {
	background: url(/images/datebg.gif) no-repeat top center;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
}
.journal_date_month {
	text-align: center;
	font-size: 10px;
	position: relative;
	padding-left: 1px;
	top: -2px;
}
.journal_date_day {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 0.5em;
	position: relative;
	top: -5px;
}
.journal_entry_time {
	font-size: 12px;
	color: #999999;
	position: relative;
	top: -3px;
}
.journal_entry {
	margin-left: 40px;
}
.gallery_img {
	width:  120px;
	height: 100px;
	margin: 0 15px 25px 0;
	float: left;
}
.a_img       { opacity: 1.0; filter: alpha(opacity=100);  }
.a_img:hover { opacity: 0.75; filter: alpha(opacity=75);  }
.constructed_date {
	color: #666666;
	margin-top: -30px;
	margin-bottom: -1em;
}
.error {
	color: #990000;
	margin-bottom: 1em;
	background: #f7d3cd url(/images/input_shadow.png) repeat-x top;
	border: 1px solid #660000;
	padding: 5px;
}
.clear { clear: both; }

/****** Admin Links ******/

.admin_links {
	border: 1px dashed #999999;
	background: #EFEFEF;
	padding: 0.25em;
}
a[href *="/admin/"] {
	padding: 5px 20px 5px 20px;
	font-size: 10px;
}
a[href *="/admin/data_add.php"] {	 background: transparent url(/images/icons/add.gif) no-repeat center left;    }
a[href *="/admin/data_edit.php"] {	 background: transparent url(/images/icons/edit.gif) no-repeat center left;   }
a[href *="/admin/data_delete.php"] { background: transparent url(/images/icons/delete.gif) no-repeat center left; }