/** RESET **/

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

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** END RESET **/

/** MAIN LAYOUT AND FONTS **/

html { height: 100%; }

body
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 67.5%;
	color: #444;
	line-height: 1.5;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #111 url(../Images/bg.png) repeat top left;
}

h1, h2 { font-weight: bold; }

h1 { padding-top: 0; margin-bottom: 0.9em; font-size: 1.5em; color: #356AA0; }

h2 { padding-top: 0.2em; margin-bottom: 0.8em; font-size: 1.3em; color:#666;}

p { padding-bottom: 0.8em; }

a { color: #2F3C5B; }

ul.bulleted, div.feedburnerFeedBlock ul { list-style: circle outside; margin-bottom: 0.8em; padding-left: 3em; }
ul.bulleted li { padding-bottom: 0.1em; }
ol { list-style: decimal; padding: 1em 0 1em 3em; }

div.header 
{
	text-align: center;
	width: 960px;
	background: transparent url(../Images/headerBoxBg.jpg) no-repeat bottom center;
	margin: 0 auto;
}

div.title { font-size: 1.4em; padding-bottom: 1.6em; padding-top: 1.2em; color: #333; }

div.headerBox
{
	height: 260px;
	clear: both;
	text-align: left;
	color: #ddd;
}

div.headerBox h2 { color: #eee; }
div.headerBox a { color: #eee; }

div.headerPics { padding: 10px 0 10px 10px; }
div.headerPics img { height: 240px; width: 237px; }

div.body { margin: 0 auto; border: none; }

div.titleBar, div.content, div.footer
{ 
	margin: 0 auto; 
	background-color: #FEFEFE; 
	width: 900px; 
	border: 2px solid #333; 
	border-top: none; 
	border-bottom: none; 
}

div.contentInner 
{ 
	background: transparent url(../Images/line2.jpg) no-repeat top right;
	min-height: 300px;
	font-size: 1.1em; 
	text-align: left; 
	padding: 20px 10px;
	width: 880px; 
	margin: 0 auto; 
	border-bottom: 1px solid #CCC; 
}

div.rightColumn
{
	background-color: #FEFEFE;
	border: 1px solid #CCC;
	float: right;
	width: 240px;
	margin: 0 0 10px 10px;
	padding: 10px;
}

/** Nav **/

div.nav
{ 
	width: 36em;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #333;
}
div.nav ul li 
{ 
	display: inline; 
	margin: 0 2px; 
	padding: 0.2em 0;
	background-color: white;
	border: 2px solid #666;
	border-bottom-width: 1px;
	border-right-width: 1px;
}


div.nav ul li a 
{ 
	color: #777;
	font-size: 1.1em;
	padding: 0 1em;
	text-decoration: none;
}

div.nav ul li a:hover 
{ 
	color: #333;
	text-decoration: underline;
}

div.nav ul li a.current { color: #333; font-weight: bold; }

/** End Nav **/

/** Footer **/

div.footer { padding-top: 20px; }
div.navFooter { padding-bottom: 20px; }
div.navFooter ul li { display: inline; padding: 0 10px; border-left: 1px solid #AAA; }
div.navFooter ul li.first { border: none; }

/** End Footer **/

/** Twitter **/

div.twitter { float: right; width: 460px; text-align: left;}
div.twitter div { font-size: 1em; margin: 20px 10px 0 0;  height: 220px; overflow: auto;}
img.twitter { height: 1em; }

/** End Twitter **/

/** Delicious **/

li.delicious-post { margin-bottom: 12px; }
a.delicious-link { color: #D15600; }
span.delicious-network-add img { height: 10px; width: 10px; }
p.delicious-extended { font-size: 0.85em; }
h2.delicious-banner img { width: 12px; height: 12px; }

/** End Delicious **/

/** Blog **/

div.feedburnerFeedBlock a { text-decoration: none; }
span.headline a, div.feedburnerFeedBlock li a { text-decoration: underline; }
span.headline a { font-size: 1.2em; color: #666; }
div.feedburnerFeedBlock > ul { padding-left: 2em; padding-right: 2em; }
div.feedburnerFeedBlock > ul > li { padding: 1em 0; border-bottom: 1px dotted #DDD; }
div.feedburnerFeedBlock > ul > li:first-child { padding-top: 0; }
div.feedburnerFeedBlock p.date { font-size: 0.9em; color: #666; }

/** End Blog **/

/** About Page **/

div.about h2 { color: #444; padding-left: 0.5em; }
div.about p { padding-left: 2em; }

/** End About Page **/

p.bandsText { font-size: 0.8em; line-height: 2em; }

.italic { font-style: italic; }
.clear { clear: both; font-size: 0em; height: 0px; }
.center { text-align: center; }
.bold { font-weight: bold; }