@charset "UTF-8";
/*
Title: MadSkillsMedia
Author: plantassassin@gmail.com

Reset Styles borrowed from my awesome Web Design professor, Paul Lindale.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, center, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, font, img, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}


/* Alma's Stylesheet */


body { background: #eee; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; }
	
code { font-family: "Lucida Console", Monaco, monospace; }

blockquote { padding: 1em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1em; }

acronym { border-bottom: solid 1px #003; }

small { font-size: 1em; }

em { font-style: italic; }

del { font-style: italic; text-decoration: line-through; }

strong { font-weight: 500; }

h1 { font-size: 2em; font-weight: 400; }

h2 { font-size: 1.7em; font-weight: 400; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

hr { display: none; }

#header { background: #000 url("top-bg.png") repeat-x bottom; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #F93;  margin: 0; border-bottom: solid 5px #600; }

#header h1 { padding: 40px 0 0 160px; }

#header p { font-size: 1.2em; padding: 0 0 0 130px; line-height: 1.5em; }

#header a:link { color: #f60; }
#header a:visited { color: #f60; }
#header a:hover { color: #eee; }
#header a:active { color: #000; }

#buttons { position: absolute; top: 0; text-align: center; left: 0; width: 100%; }

#buttons img { border: 0; padding: 1em 5px 0 5px;}

#main { margin: 0; }

#main p { margin: 1em 2em; text-align: justify; font-size: 1.2em; }

#main a {font-weight: 500; }

#main .entry { margin: 0; padding: 2em 180px 1em 210px; width: auto; overflow: auto; }

#main h2 { margin: 0; text-align: right; }

.entry h2 { background-color: #ddd;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;   margin-right: 2em;  padding: .5em; }

#main a:link { color: #036; }
#main a:visited { color: #036; }
#main a:hover { color: #030; text-decoration: underline; }
#main a:active { color: #fff; }

.eee { background: url("eee.png") no-repeat top right; }
.ddd { background: url("ddd.png") no-repeat top left; }

#gray { background-color: #ddd; margin: 0; padding:  1em 180px 1em 210px; width: auto; overflow: auto; }

#yellow { background-color: #CC9; margin: 0; padding: 1em 180px 2em 210px; width: auto; overflow: auto; }

#yellow li { margin: 1em 1.5em 0 0; list-style: none; text-align: right; font-size: 1.5em; border-bottom: solid 1px #330; }
#yellow li li { font-size: .8em; text-align: left; margin: 0; border-top: solid 1px #330; border-bottom: 0px; }

#yellow a:link { color: #300; }
#yellow a:visited { color: #300; }
#yellow a:hover { color: #930; text-decoration: underline; }
#yellow a:active { color: #F93; }

#yellow li a:link { color: #300; display: block; font-weight: 400; line-height: 1.5em; }
#yellow li a:visited { color: #300; display: block; font-weight: 400; line-height: 1.5em; }
#yellow li a:hover { color: #630; text-decoration: none; background: #ddd; display: block; font-weight: 400; line-height: 1.5em;}
#yellow li a:active { color: #ddd;  }



#col1 { width: 33%; float: left; }
#col2 { width: 34%; float: left; }
#col3 { width: 33%; float: left; }


#footer { color: #F93; background: #000; margin: 0; border-top: solid 5px #f93; padding: 1em 180px 1em 210px; }
#footer p { text-align: center; }
#footer a:link { color: #FFF; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #FC6; text-decoration: underline; }
#footer a:active { color: #000; }

#left { background: url("left.png") top left no-repeat; width: 210px; height: 784px; position: absolute; top: 0;left: 0; z-index: 10 }

#right { background: url("right.png") top right no-repeat; width:150px; height: 470px; position: fixed; top: 0; right: 0; z-index: 11; margin: 0;}

#right li { margin: 0; padding: 0; list-style: none; display: block; }

#right a { display: block; text-indent: -9999px; }

#b1 { right: 0px; top: 30px; width: 135px; height: 49px; position: absolute; z-index: 15;}
#b2 { right: 0px; top: 61px; width: 127px ; height: 51px; position: absolute; z-index: 16;}
#b3 { right: 0px; top: 89px; width: 119px; height: 56px; position: absolute; z-index: 17; }
#b4 { right: 0px; top: 114px; width: 111px; height: 62px; position: absolute; z-index: 18; }


#b1 a { height: 49px; }
#b2 a { height: 51px; }
#b3 a { height: 56px; }
#b4 a { height: 62px; }


#b1 a:hover { background: url("b1.png") no-repeat;}
#b2 a:hover { background: url("b2.png") no-repeat;}
#b3 a:hover { background: url("b3.png") no-repeat;}
#b4 a:hover { background: url("b4.png") no-repeat;}

#comments { }
#comments p { color: #663; font-size: 1em; }
#comments h3 { font-size: 1.3em; text-align: left; font-weight: 400; border-bottom: solid 1px #000; }
#comments img { float: right; width: auto; margin: 20px -100px auto auto;}
#comments li { list-style: none; }

.admin { background: #CC9 url("admin.png") top right no-repeat;; -webkit-border-radius: 10px;  -moz-border-radius: 10px; padding: 1em 150px 1em 1em;; margin: 2em; }
.comment { background: #eee url("comment.png") top right no-repeat; -webkit-border-radius: 10px;  -moz-border-radius: 10px; padding: 1em 150px 1em 1em; margin: 2em; }
.track { background: url("track.png") top right no-repeat; padding: 1em; margin: 2em; }
.ping { background: url("ping.png") top right no-repeat; padding: 1em; margin: 2em; }

.postmetadata { font-size: 1em; text-align: right; }

.navigation { font-size: 1em; text-align: right; margin: 0; padding: 2em 180px 1em 210px; width: auto; overflow: auto; }