html,body {
background: #FFF;
padding: 0;
margin: 0;
font: 14px/20px Arial, sans-serif;
color: #333;
}

#header {
background: url("/images/bg-band.png");
height: 170px;
text-align: center;
}

/* ----------------- MENU ----------------- */

#nav {
padding: 10px 20px 0 20px;
margin: 0 auto 0 auto;
width: 840px;
height: 30px;
list-style: none;
}

#nav li {
position: relative;
float: left;
height: 30px;
padding-right: 25px;
}

#nav li a {
display: block;
font: normal 16px/30px Arial,Helvetica,sans-serif;
padding-left: 5px;
color: #555;
}

#nav li a:hover {
text-decoration: none;
border-bottom: 0;
}

li.orange a { border-left: 10px solid #FFBD80; }
li.green a { border-left: 10px solid #9FE573; }
li.pink a { border-left: 10px solid #FB7EA5; }
li.blue a { border-left: 10px solid #72C0E6; }
li.blue a:hover { border-left: 10px solid #35A5DB; color:#35A5DB; }
li.green a:hover { border-left: 10px solid #77DA37; color: #62B42D;}
li.orange a:hover { border-left: 10px solid #FF9B41; color: #FF9B41;}
li.pink a:hover { border-left: 10px solid #FB407B; color: #FB407B;}

/* ----------------- SECOND LEVEL MENU ----------------- */

#nav li ul  {
position: absolute;
left: -999em;
top: 30px;
width: 200px;
padding: 0;
margin: 0;
list-style: none;
}

#nav li:hover ul {
left: auto;
}

#nav ul li {
width: 100%;
height: 30px;
}

#nav ul li a {
width: 100%;
line-height: 30px;
background-color: #FFF;
}

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

#content {
width: 840px;
min-height: 500px;
margin: 0 auto 0 auto;
padding: 10px 20px 0 20px;
}

#article {
width: 560px;
float: left;
}

h1 {
color: #0278B4;
padding: 0 0 5px 0;
border-bottom: 1px solid #DDD;
margin: 0 0 20px 0;
font: normal 26px/26px Arial,Helvetica,"Trebuchet MS", sans-serif;
}

/* HEADING 2 */

h2 {
color: #1793D1;
padding: 0;
margin: 20px 0 20px 0;
font: normal 20px/20px Arial,Helvetica,sans-serif;
}

h2 a, h2 a:visited {
color: #0280BF;
}

h2 a:hover {
color: #1793D1;
border: 0;
text-decoration: none;
}

h2.section {
color: #0278B4;
border-bottom: 1px solid #DDD;
padding: 0 0 5px 0;
margin-top: 30px;
font: normal 26px/26px Arial,Helvetica,sans-serif;
}

/* HEADING 3 */

h3 {
color: #000;
margin: 0 0 20px 0;
font: normal 18px/20px Arial,Helvetica,sans-serif;
}

h3 a, h3 a:visited {
color: #189CDE;
}

h3 a:hover {
color: #0280BF;
text-decoration: none;
border: 0;
}

hr {
height: 1px;
color: #DDD;
background-color: #DDD;
border: 0;
}

p {
margin: 0 0 20px 0;
}

form {
margin: 18px 0 18px 0;
}

img {
border: 0;
vertical-align: middle;
}

img.framed {
border: 1px solid #DDD;
padding: 1px;
margin-right: 10px;
}

small {
font-size: 12px;
line-height: 12px;
color: #999;
display: block;
margin: 20px 0 0 0;
}

#content ul {
padding-left: 20px;
}

#content li {
margin-bottom: 20px;
}

blockquote {
border-left: 3px solid #AAA;
padding-left: 5px;
margin: 0 0 0 20px;
font-style: italic;
color: #555;
}

.box {
font-size: 13px;
line-height: 17px;
position: relative;
border: 1px solid #DDD;
margin-top: 40px;
padding: 0 17px 17px 17px;
}

.box p, .box ul {
margin: 17px 0 0 0;
}

.box li {
margin-bottom: 10px !important;
}

.box h2 {
position: absolute;
top: -15px;
background: #FFF;
color: #000;
padding: 0 7px 0 7px;
margin: 0;
font: normal 22px/22px Arial,Helvetica,sans-serif;
}

/* ----------------- SUMMARY ----------------- */

.summary {
margin: 0 0 30px 0;
}

.summary p {
margin-bottom: 10px;
padding-left: 25px;
}

.summary h2 {
margin: 0 0 10px 0;
padding-left: 25px;
background: url("/images/star.png") no-repeat center left;
}

.summary h3 {
margin: 0;
padding-left: 25px;
background: url("/images/star.png") no-repeat center left;
}

.summary small {
margin-top: 0;
padding-left: 25px;
}

/* ----------------- LINKS ----------------- */

a, a:visited {
/*color: #FF2063;*/
color: #0278B4;
text-decoration: none;
}

a:hover {
color: #F34579;
border-bottom: 1px dotted #F34579;
}

a.ext {
padding-right: 14px;
background: url("/images/offsite.gif") no-repeat center right;
}

a.noborder:hover {
border: none;
}

/* ----------------- TABLES ----------------- */
/* nicetable-class needed to preserve commentform-table */

.nicetable table {
margin: 20px 0 20px 0;
border-collapse: collapse;
}

.nicetable th {
text-align: left;
background: #EEE;
border: 1px solid #CCC;
padding: 0 2px 0 2px;
}

.nicetable td {
border: 1px solid #CCC;
padding: 0 2px 0 2px;
}

/* ----------------- SIDEBAR ----------------- */

#sidebar {
width: 240px;
float: right;
padding: 28px 0 0 0;
}

#sidebar a {
color: #FF2063;
}

#sidebar form {
margin: 0;
}

.sideblock {
background: #F8F8F8;
margin: 0 0 30px 0;
padding: 15px 20px 15px 20px;
width: 200px;
border: 1px solid #CCC;
border-radius: 12px;
-moz-border-radius: 12px;
overflow: hidden;
}

.sideblock h2 {
padding-bottom: 20px;
text-indent: 30px;
margin: 0;
color: #1793D1;
}

.sideblock ul {
margin: 0 !important;
padding: 0 !important;
list-style-type: none;
}

.sideblock li {
padding: 0;
margin: 0 !important; /* Need to override #content li */
}

.sideblock p {
margin: 0 ;
}

/* INDIVIDUAL SIDEBLOCKS */

#twitter {
font:13px/17px Arial,Helvetica,sans-serif;
}

#twitter h2 {
background: url("/images/twitter.png") no-repeat top left;
}

#twitter p {
margin: 0 0 10px 0;
}

#twitter .tweetdate {
font-style: italic;
color: #555;
}

#recent_comments {
font:13px/17px Arial,Helvetica,sans-serif;
}

#recent_comments h2 {
background: url("/images/comment.gif") no-repeat top left;
}

#recent_comments li {
margin-bottom: 10px !important;
}

#tagcloud h2 {
background: url("/images/cloud.gif") no-repeat top left;
}

#categories h2 {
background: url("/images/categories.gif") no-repeat top left;
}

#music h2 {
background: url("/images/music.gif") no-repeat top left;
}

#email h2 {
background: url("/images/email.gif") no-repeat top left;
}

/* ----------------- COMMENTS ----------------- */

.comment {
margin: 20px 0 0 0;
font:12px/16px Arial,Helvetica,sans-serif;
}

.shout {
margin: 5px 0 0 0;
background: url("/images/shout.gif") no-repeat 5px 0;
height: 15px;
}

.comment .message {
background-color: #EAEAEA;
padding: 0 1em 1em 1em;
}

.comment p {
padding: 1em 0 0 0;
margin: 0;
}

/* ----------------- FOOTER ----------------- */

#footer {
background: url("/images/bg-footer.png");
height: 160px;
padding-top: 10px;
margin-top: 20px;
color: #FFF;
font: normal 13px/23px Arial,Helvetica,sans-serif;
border-bottom: 1px solid #555;
}

#footer a, #footer a:hover {
color: #EEE;
}

#footer a:hover {
border-bottom: 1px dotted #EEE;
}

#footer #footercontainer{
width: 840px;
margin: 0 auto 0 auto;
}

#footer .leftdiv {
float: left;
width: 30%;
}

#footer .rightdiv {
float: right;
width: 30%;
}

#footer .middiv {
float: left;
text-align: center;
width: 30%;
}

#footer strong {
font-weight: bold;
text-decoration: underline;
}