/*
-------------------------------------------------------- 
The Miscellaneous Youth Network (MYN)
Author: Krystal Beisick - www.krystalbeisick.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
margin: 0 0 1.5em 0;
padding: 0 0 0 0;
background: url(exports/backgrounds/bg_body.jpg);
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#bodywrap {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
background: url(exports/backgrounds/bg_grad.jpg) top repeat-x;
}

div#header {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 397px;
background: url(exports/backgrounds/bg_splatter.gif) top repeat-x;
}

div#headerwrap {
margin: 0 auto;
padding: 163px 0 0 0;
width: 800px;
background: url(exports/header.jpg) top no-repeat;
}

div#banner {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 800px;
height: 222px;
text-align: left;
background: url(exports/banner.jpg) top no-repeat;
}

div#wrap {
margin: 0 auto;
padding: 0 0 0 0;
width: 800px;
text-align: left;
}

div#leftsmall {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 275px;
float: left;
text-align: justify;
}

div#leftlarge {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 490px;
float: left;
text-align: justify;
}

div#rightlarge {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 490px;
float: right;
text-align: justify;
}

div#rightsmall {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 275px;
float: right;
text-align: justify;
}

div.fixer {
clear: both;
}

div.center {
text-align: center;
}

div.right {
text-align: right;
}

.nobottom {
margin-bottom: 0;
}

/* NAVIGATION
-------------------------------------------------------------*/

ul#nav {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 113px;
position: relative;
}

ul#nav li {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 113px;
display: block;
position: absolute;
left: 0;
}

ul#nav li a {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 113px;
display: block;
}

ul#nav li#home { height: 26px; top: 27px; }
ul#nav li#about { height: 37px; top: 53px; }
ul#nav li#learn { height: 37px; top: 90px; }
ul#nav li#events { height: 31px; top: 126px; }
ul#nav li#zine { height: 34px; top: 156px; }
ul#nav li#contact { height: 35px; top: 189px; }

ul#nav li#home a { height: 26px; background: url(exports/nav/nav_home.jpg) no-repeat; background-position: top; }
ul#nav li#about a { height: 37px; background: url(exports/nav/nav_about.jpg) no-repeat; background-position: top; }
ul#nav li#learn a { height: 37px; background: url(exports/nav/nav_learn.jpg) no-repeat; background-position: top; }
ul#nav li#events a { height: 31px; background: url(exports/nav/nav_events.jpg) no-repeat; background-position: top; }
ul#nav li#zine a { height: 34px; background: url(exports/nav/nav_zine.jpg) no-repeat; background-position: top; }
ul#nav li#contact a { height: 35px; background: url(exports/nav/nav_contact.jpg) no-repeat; background-position: top; }

ul#nav li#home a:hover { background-position: bottom; }
ul#nav li#about a:hover { background-position: bottom; }
ul#nav li#learn a:hover { background-position: bottom; }
ul#nav li#events a:hover { background-position: bottom; }
ul#nav li#zine a:hover { background-position: bottom; }
ul#nav li#contact a:hover { background-position: bottom; }

/* CONTENT
-------------------------------------------------------------*/

img {
margin: 0 0 15px 0;
padding: 0 0 0 0;
border: none;
}

a {
color: #f7fb94;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin: 0 0 15px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 11px;
}

p.posted {
padding-left: 20px;
background: url(exports/icon_posted.gif) left no-repeat;
color: #8c3064;
}

p.bio:first-letter {
font-size: 24px;
}

p.bio:first-line {
text-transform: uppercase;
font-weight: bold;
}

p#footer {
margin-top: 15px;
text-align: center;
}

li.comment {
list-style-image: url(exports/icon_comment.gif);
}

h1 {
margin: 0 0 15px 0;
padding: 0 0 0 0;
text-align: left;
color: #fff;
font-size: 22px;
font-weight: lighter;
}

h2 {
margin: 0 10px 15px 10px;
padding: 0 0 0 0;
height: 20px;
color: #fff;
background: url(exports/h2bg.gif) left no-repeat;
font-size: 15px;
}

ul {
margin: 0 0 15px 35px;
padding: 0 0 0 0;
color: #fff;
font-size: 11px;
}

li {
margin: 0 0 8px 0;
padding: 0 0 0 0;
}

label {
width: 125px;
float: left;
font-weight: bold;
}

input {
padding: 2px;
width: 350px;
color: #fff;
border: 1px solid #54626C;
background: url(exports/backgrounds/bg_light.jpg);
}

input.sendbtn {
width: 80px;
height: 25px;
color: #fff;
background: #54626C;
background: url(exports/backgrounds/bg_light.jpg);
}

input.donate {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
width: auto;
border: none;
background: none;
}

textarea {
padding: 2px;
width: 350px;
color: #fff;
border: 1px solid #54626C;
background: url(exports/backgrounds/bg_light.jpg);
}

table, tr, td {
margin: 0 0 15px 0;
padding: 0 0 0 6px;
vertical-align: top;
color: #fff;
font-size: 11px;
}

td.eventdate {
padding: 6px;
width: 160px;
color: #8c3064;
background: url(exports/backgrounds/bg_light.jpg);
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

td.eventtitle {
font-size: 22px;
}

td.symbol {
padding: 6px;
width: 160px;
vertical-align: middle;
background: url(exports/backgrounds/bg_light.jpg);
}

td.symbol img {
margin-bottom: 0;
}

/* LIGHT BOX
-------------------------------------------------------------*/

div.light {
margin: 0 0 15px 0;
padding: 0 0 0 0;
background: url(exports/backgrounds/bg_light.jpg);
}

div.light p {
margin: 0 10px 15px 10px;
}

div.light h1 {
margin: 0 10px 15px 10px;
}

div.light li {
margin: 0 10px 8px 10px;
}

/* CONTACT MYN BOX
-------------------------------------------------------------*/

div#contactmyn {
margin: 0 0 15px 0;
padding: 0 0 0 0;
width: 275px;
height: 220px;
background: url(exports/contactmyn.gif) left no-repeat;
}

div#contactmyn p {
margin-left: 80px;
}

h2.phone {
margin-left: 80px;
padding: 0 0 0 22px;
background: url(exports/icon_phone.gif) bottom left no-repeat;
}

h2.email {
margin-left: 80px;
padding: 0 0 0 22px;
background: url(exports/icon_email.gif) left no-repeat;
}

/* MEET THE KINGS
-------------------------------------------------------------*/

a.king-tn {
	margin: 0 15px 15px 0;
	padding: 0;
	widht: 246px;
	height: 86px;
	display: block;
	float: left;
}

a.king-tn-last {
	margin: 0 0 15px 0;
	padding: 0;
	widht: 246px;
	height: 86px;
	display: block;
	float: left;
}

div.king-full {
	margin: 0 15px 0 0;
	padding: 0;
	width: 252px;
	float: left;
}

div.king-bio {
	margin: 0;
	padding: 0;
	width: 533px;
	float: left;
}