/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* Body
-------------------------------------------------------------- */

body { 
	font-family: Helvetica, Arial, sans-serif;
	background-color: #046380;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	line-height: 1.5em;
}

a:link, a:visited {
	color: #363942;
  text-decoration: underline;
}
a:hover, a:active {
  color: #363942;
	text-decoration: none;
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: Helvetica, Arial, sans-serif;
	font-weight: normal; 
}
h3,h4,h5,h6 {
	font-family: "Lucida Grande", 'Lucida Sans', Tahoma, Arial, sans-serif;
}

h1 {  }
h2 { font-size: 2em; line-height: 1em; margin-bottom: 0.5em; color: #b64926; font-weight: bold;}
h3 { font-size: 1.1em; line-height: 1; margin-bottom: 1em; text-transform: uppercase; font-weight: bold; background-color: #3b3b3b; color: #eee; padding: 4px 8px;}
h3 a {color:#eee !important;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } Use this if the image is at the top of the <p>.
img         { margin: 0 0 1.5em; }*/

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic;}
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

/* Other elements
-------------------------------------------------------------- */

hr {
	display: none;
}

/* Main
-------------------------------------------------------------- */

.container {
	margin: 8px auto;
	text-align: left;
	width: 600px;
	background-color: #3b3b3b;
	padding: 8px;
}

.header {
	padding: 0 0 0 0;
	overflow: hidden;
}
h1 {
	float: left;
	margin: 2px 0 8px 0;
	padding: 0;
	text-indent: -999999px;
}
h1 a {
	display: block;
	width: 138px;
	height: 27px;
	background-image: url('/images/glitchee.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.header .dashboard {
	float: right;
	background-color: transparent;
	overflow: hidden;
	font-size: 1.2em;
	padding: 0 0 8px 0;
	color: #eee;
}
.dashboard a {
	color: #eee;
}
.dashboard a:hover {
	background-color: #eee;
	color: #333;
}
.mainnav {
	overflow: hidden;
	font-size: 1.2em;
	background-color: #efecca;
	padding: 4px 4px 0 4px;
}
.mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mainnav ul li {
	margin: 0 4px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.mainnav ul li a {
	display: block;
	padding: 6px 10px;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
.mainnav ul li.selected a {
	background-color: #fff;
}
.mainnav ul.right li {
	margin: 0 0 0 4px;
}

.content {
	padding: 16px 8px 0 8px;
	background-color: #fff;
	border-right: 4px solid #efecca;
	border-left: 4px solid #efecca;
	font-size: 1.2em;
	overflow: hidden;
}
.postslist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.postslist li {
	margin: 0 0 1em 0;
	padding: 0;
}
.postbox {
	padding: 8px;
	background-color: #eee;
}
.postbox .postdownload {
	background-color: #bbb;
	padding: 4px;
	color: #222;
	overflow: hidden;
}
.postdownload .postplayer {
	float: left;
}
.postdownload .posttrack {
	float: right;
	width: 250px;
	margin: 0;
}
.postdownload .posttrack a {
	display: block;
	padding: 4px;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;
	background-color: #eee;
	overflow: hidden;
}
.postbox .postbody {
	padding: 1em 0 0 0;
	overflow: hidden;
}
.postbox .postmeta {
	margin: 0;
	padding: 0;
	font-style: italic;
}
.personname {
	margin-bottom: 0;
}
.personmeta {
	
}
.commentmeta {
	color: #555;
	font-style: italic;
	
}
.commentmeta a {
	color: #555;
}
.footer {
	padding: 8px;
	border-top: 1px solid #efecca;
	border-right: 4px solid #efecca;
	border-bottom: 4px solid #efecca;
	border-left: 4px solid #efecca;
	font-size: 1.2em;
	background-color: #fff;
	overflow: hidden;
}
.footer p {
	margin: 0;
}

input#openid_url {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.right { float: right;}
.left { float: left;}


/* Custom classes
-------------------------------------------------------------- */

.flash p {
	padding: 10px;
	margin: 0 0 1.5em 0;
}


/* Form classes
-------------------------------------------------------------- */

.fieldWithErrors {
	padding: 2px;
	border: 1px solid red;
}
.errorExplanation {
	padding: 2px;
	border: 1px solid red;
}




/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin: 1em 0; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }