/*
Colors
Green regular: 8C968C
Green light: 96A096
verylight: A7B1A7
*/
/* General */

html, body { margin: 3px; padding: 3px; background: #96A096 url("/lovesongs/main/images/backgrounds/bgblue.gif") repeat-y; }
html, body, td { font: 8pt verdana, arial, helvetica, serif; color: #000; }

/* Elements */
a:link { color: #566056; text-decoration: none; }
a:visited { color: #636D63; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
acronym { border-bottom: 1px dashed #CCC; cursor: help; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }
h2 { font-size: 19pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; letter-spacing: 1px; }
ul { position: relative; left: -20px; margin-top: 0px; margin-bottom: 0px; }
ol { position: relative; left: -15px; margin-top: 0px; margin-bottom: 0px; }
ul li { margin-bottom: 2px; }
ol li { margin-bottom: 2px; }
dl, dt, dd { margin-top: 0px; margin-bottom: 0px; }
dl dt { font-weight: bold; }
dl dd { position: relative; left: -25px; margin-bottom: 15px; }
small { font-size: 8pt; }
form { margin: 0px; }
fieldset { padding: 20px; }
select option { vertical-align: middle; }
hr { display: none; }

#header { height: 180px; background-image: url(logo.gif); background-repeat: no-repeat; background-position: 20px 10px; margin: 0px; letter-spacing: 1px; margin-bottom: 20px; }
#header h1 { background-image: none; position: absolute; top: 60px; z-index: 10; font: 82px trebuchet ms, arial, verdana; letter-spacing: 8px; }
#header h1 a:link, #header h1 a:visited { color: #6A796F; }
#header h1 a:hover { color: #718076; }
#header div.adbanner { position: relative; z-index: 60; text-align: center; margin: 0px; }
#header div.adbanner img { border: 1px solid #000; width: 468px; height: 60px; }
/* No Ads */
#delme #header div.adbanner { visibility: hidden; }


#header #messagebar { position: relative; z-index: 20; top: 66px; border: 1px solid #546359; color: #B6C0B6; padding: 3px 8px; background-color: #849389; border-bottom: 0px #000 solid; -moz-border-radius: 4px 4px 0px 0px; }
#header #messagebar a:link, #header #messagebar a:visited { color: #CAD4CA; }
#header #messagebar #messagebreakdown { color: #5C6B61; }
#header #messagebar #messagebreakdown acronym { border: 0px #000 solid; }

div.navigationbar { border: 1px solid #546359; padding: 8px 2px; background-color: #9FA99F; -moz-border-radius: 0px 0px 4px 4px; }
#header div.navigationbar { position: relative; z-index: 20; top: 66px; }
div.navigationbar ul { margin-left: 0; padding: 10px 20px; display: inline; }
div.navigationbar ul li { list-style: none; display: inline; }
div.navigationbar ul li a:link, div.navigationbar ul li a:visited { padding: 5px 11px; background-color: #9FA99F; border: 1px solid #9FA99F; -moz-border-radius: 4px; }
div.navigationbar ul li a:hover { border: 1px solid #546359; background-color: #B0BAB0; text-decoration: none; }


h2.guide { display: none; }

#sidebar { float: left; width: 18%; margin: 0px; }
#sidebar h3 { font: 10pt trebuchet ms, arial, verdana; letter-spacing: 3px; }
#sidebar h3 a:link, #sidebar h3 a:visited { display: block; background-color: #849389; color: #C4CEC4; border: 5px solid #9FA99F; padding: 2px 10px; -moz-border-radius: 8px; }
#sidebar h3 a:hover { text-decoration: none; background-color: #7A897F; }
#sidebar h4 { font-size: 8pt; font-weight: bold; }
#sidebar div.sidebarlist { background-color: #9FA99F; border: 1px solid #546359; margin-bottom: 20px; }
#sidebar div.sidebarlist div { padding: 10px; letter-spacing: 1px; margin: 0px 0px 0px 0px; }
#sidebar div.sidebarlist div .compact { letter-spacing: 0px; }
#sidebar div.sidebarlist div ul { position: relative; left: 0px; margin: 0px 0px 10px 0px; padding-left: 0px; list-style: none; }
#sidebar div.sidebarlist div a:link, #sidebar a:visited { border-left: 6px solid #8C968C; padding-left: 5px; }
#sidebar div.sidebarlist div a:hover { border-left: 6px solid #738278; }

#communitybar { float: right; width: 20%; margin: 0px; line-height: 16px; padding-left: 0px; background-color: #9FA99F; border: 1px solid #546359; }
#communitybar #searchbox { padding: 10px; }
#communitybar h3 { font: 10pt trebuchet ms, arial, verdana; letter-spacing: 3px; }
#communitybar h3 a:link, #communitybar h3 a:visited { display: block; background-color: #849389; color: #C4CEC4; border: 5px solid #9FA99F; padding: 2px 10px; -moz-border-radius: 8px; }
#communitybar h3 a:hover { text-decoration: none; background-color: #7A897F; }
#communitybar h4 { font-size: 8pt; font-weight: bold; }
#communitybar div.section { background-color: #9FA99F; padding: 10px; margin: 0px 0px 0px 0px; }
#communitybar #listshoutbox input { margin-top: 3px; }

table.pollvote { border: 0px; margin: 15px 0px 5px 0px; padding: 0px; width: 100%; border-collapse: collapse }
table.pollvote tr { padding: 0px; background-color: #99A399; }
table.pollvote tr td { border: 1px solid #000; }
table.pollvote td.pollvalue { background-color: #8C968C; padding: 0px 3px; font-weight: bold; }

#content { float: left; width: 57%; padding: 0px 10px; margin: 0px 0px 0px 10px; }
#content h2 { font-size: 16px; }
#content h3 { font-family: trebuchet ms, arial; letter-spacing: 2px; }

#content table.thumbnails { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
#content table.thumbnails td.header { padding: 1px; background-color: #849389; }
#content table.thumbnails td { border: 1px solid #546359; padding: 10px; text-align: center; }
#content table.thumbnails tr.alternate td { background-color: #919B91; }
#content table.thumbnails td.footer { padding: 8px; background-color: #9AA49A; letter-spacing: 1px; }

#content table.sectionitem { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
#content table.sectionitem td { border: 1px solid #546359; }
#content tr.sectionheader td { padding: 8px; background-color: #849389; letter-spacing: 1px; }
#content tr.sectionheader img.avatar { float: right; }
#content tr.sectionheader h4 { font: 17px trebuchet ms, arial; font-weight: bold; }
#content tr.sectionheader td.sectioninfo { width: 100%; border-right: 0px #000 solid; }
#content tr.sectionheader td.sectionavatar { border-left: 0px #000 solid; }
#content td.sectioncontent { font-size: 12px; padding: 8px; text-align: justify; }
#content td.sectionfooter { padding: 8px; background-color: #9AA49A; letter-spacing: 1px; }

#footer { clear: both; font-size: 8pt; letter-spacing: 1px; padding: 10px 0px 10px 10px; margin: 10px 0px 0px 0px; }
#footer address { font-style: normal; }
#footer address a:link, #footer address a:visited { text-decoration: none; }
#footer #disclaimer { margin-top: 5px; }


/* Login and Signup */
#signin { display: none; }
#signin fieldset { padding: 10px; }
#signin div { clear: both; padding-top: 2px; }


/* Images */
img.emoticon { vertical-align: middle; width: 12px; height: 12px; }
img.icon { vertical-align: middle; width: 16px; height: 16px; }
img.linkbutton { height: 31px; width: 88px; }
img.middle { vertical-align: middle; }
img.iconstatus { vertical-align: middle; width: 16px; height: 16px; margin: 3px 8px 3px 0px; }

/* All */
.sectionbox { border: 1px dotted #DDD; background-color: #F5F5F5; padding: 10px; }
.sectionbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.sectionbox table td { background-color: #F9F9F9; }
.importantbox { border: 1px dashed #E7C1BC; background-color: #FFF5F5; padding: 10px; }
.importantbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.abovefold { postition: absolute; top: 100px; left: 300px; }
.nomargin { margin: 0px; }
.hot { color: #C00; }
.nounderline { text-decoration: none; }
.skiplink { display:none }
.clear { clear: both; }

/* Userpages */
#userpage div.usersection { border: 1px solid #546359; padding: 10px; margin-bottom: 10px; }
#userpage table.sectionitem { border: 1px solid #546359; border-collapse: collapse; width: 100%; margin-bottom: 10px; }
#userpage table.sectionitem td { padding: 10px; background-color: #9FA99F; vertical-align: top; }
#userpage table.sectionitem tr.sectionheader td { border: 1px solid #546359; background-color: #849389; padding: 2px 10px; }

#userpage table.sectionitem td.sectionusername { padding-left: 10px; width: 100%; font-size: 10pt; }
#userpage table.sectionitem td.sectionusername div { text-indent: 18px; letter-spacing: 1px; }

/* GOOD! */
#userpage #userpageheader { margin-bottom: 0px; padding: 10px; border: 1px solid #546359; border-bottom: 0px solid #000; background-color: #849389; -moz-border-radius: 4px 4px 0px 0px; }
#userpage #userpageheader img { float: left; }
#userpage #userpageheader div.username { margin-left: 70px; letter-spacing: 2px; }
#userpage #userpageheader div.username div { margin-left: 20px; }
#userpage div.navigationbar { margin-bottom: 20px; letter-spacing: 0px; }


#userpage table.sectionitem table.info { width: 100%; border-collapse: collapse; float: left; margin: 0px 0px 20px 0px; }
#userpage table.sectionitem table.info thead th { background-color: #8D9C92; padding: 5px; }
#userpage table.sectionitem table.info th { padding: 1px 5px; text-align: left; }
#userpage table.sectionitem table.info td { padding: 1px 5px; }
#userpage table.sectionitem table.info tbody td { font-size: 10pt; text-align: justify; }
#userpage table.sectionitem table.info tbody.tabulardata th { vertical-align: top; }
#userpage table.sectionitem table.info tbody.tabulardata td { font-size: 8pt; text-align: left; vertical-align: top; }
#userpage table.sectionitem table.info tbody td.frame { vertical-align: middle; text-align: center; }
#userpage table.sectionitem table.info tbody td.frame img { margin: 20px 0px; }
#userpage table.sectionitem table.info span.date { float: right; }
#userpage table.sectionitem table.info span.cost { float: right; }

#userpage table.sectionitem table.info tbody.list td { padding: 8px 5px; }
#userpage table.sectionitem table.info tbody.list tr.alternate td { padding: 5px 5px; background-color: #A6B0A6; }

#userpage table.sectionitem tr.sectionheader h3 { font: 13pt trebuchet ms, arial; color: #C4C7C4; letter-spacing: 2px; }
#userpage table.sectionitem table.info h4 { font: 10pt trebuchet ms, arial; letter-spacing: 2px; font-weight: bold; }
#userpage table.sectionitem table.info h5 { font: 15pt trebuchet ms, arial; letter-spacing: 1px; font-weight: bold; }
#userpage table.sectionitem tr.sectioncontent td { width: 50%; }

#userpage table.sectionitem td#deviousthoughts { padding: 10px 0px; }
#userpage table.sectionitem table.sectionitem { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
#userpage table.sectionitem table.sectionitem td { border: 1px solid #546359; }
#userpage table.sectionitem tr.sectionheader td { padding: 8px; background-color: #849389; letter-spacing: 1px; }
#userpage table.sectionitem tr.sectionheader img.avatar { float: right; }
#userpage table.sectionitem tr.sectionheader h4 { font: 17px trebuchet ms, arial; font-weight: bold; }
#userpage table.sectionitem tr.sectioncontent td.sectioninfo { width: 100%; }
#userpage table.sectionitem tr.sectioncontent td.sectioninfo { width: 100%; border-right: 0px #000 solid; }
#userpage table.sectionitem tr.sectioncontent td.sectionavatar { border-left: 0px #000 solid; }
#userpage table.sectionitem td.sectioncontent { font-size: 12px; padding: 8px; text-align: justify; }
#userpage table.sectionitem td.sectionfooter { padding: 8px; background-color: #9AA49A; letter-spacing: 1px; }

/* Devious thoughts */
#userpage table.sectionitem tr.sectioncontent td table.sectionitem td.sectioncontent { padding: 10px; }
#userpage table.sectionitem tr.sectioncontent td table.sectionitem td.sectionfooter { font-size: 8pt; padding: 5px; }


/* Tabs */
#deviantprofile #profilespace { background-color: #A6B0A6; }
#tab-pane-1 { width: 100%; }
#tab-pane-1 div.tab-page { background-color: #9FA99F; border: 1px solid #546359; }
#tab-pane-1 th { background-color: #9FA99F; }
#tab-pane-1 h4 { background-color: #8D9C92; border: 1px solid #546359; cursor: pointer; cursor: hand; }


/*
- CSS for version 5+ browsers
- CSS for links are indented
*/

/* General */
/* - Only 5+ browsers understand scrollbar CSS */
html, body {
	scrollbar-face-color: #9FA99F;
	scrollbar-shadow-color: #76857B;
	scrollbar-highlight-color: #CED8CE;
	scrollbar-3dlight-color: #546359;
	scrollbar-darkshadow-color: #546359;
	scrollbar-track-color: #96A096;
	scrollbar-arrow-color: #000;
}
/* Forms */
input.formbutton, input.formbuttonover, input.formbuttondown { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #A6B0A6; border: #000 1px solid; color: #000; cursor: pointer; cursor: hand; font-weight: normal; padding-left: 1px; padding-right: 1px; -moz-border-radius: 4px; }
 input.formbutton     { background-color: #A6B0A6; }
 input.formbuttonover { background-color: #C1CBC1; }
 input.formbuttondown { background-color: #C1CBC1; }
input.formboxdisabled { background-color: #EEEEEE; border: #CCCCCC 1px solid; color: #333; }
textarea.formbox, input.formbox, select.formselect { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #BDC4BD; border: #000 1px solid; color: #000; letter-spacing: 0px; scrollbar-track-color: #BDC4BD; }
input[type="text"]:hover, input[type="text"]:focus { background-color: #FFF; }
textarea:hover, textarea:focus { background-color: #FFF; }