/* Begin Typography & Colors */
body, div, p, li { font-family: 'Lucida Sans', Helvetica, Arial, Verdana, Sans-Serif; font-size: 13px; color: #323638; }
body { background-color: #fff; color: #323638; text-align: left; margin: 0 auto; padding: 0px; }

a, a1, a:visited, a:hover { color: #025884; text-decoration: underline; }
a:hover { text-decoration: none; }

/* CONTAINER */
.container { width: 980px; margin: 0 auto; text-align:left; }
	
/* header */
#header { width: 100%; height:68px; background: #FFFFFF url('images/header-bg.png') repeat-x; text-align: left; border-bottom: 2px solid #adaeae; margin-bottom: 50px; }
img#logo { width: 170px; height: 68px; float: right; border: 0;}
ul.navigation { list-style: none; margin: 0; padding: 0; margin-top: 23px; float: left; width: 750px; }
ul.navigation li { float: left; padding: 0px 3px 0px 3px; border-right: 1px solid #b0b0b0; font-size: 16px; letter-spacing: -1px; }
ul.navigation li a, ul.navigation li a1, ul.navigation li a:hover, ul.navigation li a:visited { color: #323637; text-decoration: underline; padding: 3px; }
ul.navigation li a:hover { text-decoration: none; background-color: #d0d0d0; }
ul.navigation li.last { border: 0; }
ul.navigation li a.current { background-color: #d0d0d0; text-decoration: none; }

/** Footer **/
#footer { width: 100%; height:38px; background: #FFFFFF url('images/footer-bg.png') repeat-x; text-align: left; border-top: 2px solid #adaeae; margin-top: 20px; }
#footer ul.navigation { float: right; width: 350px; margin-top: 10px; text-align: right; }
#footer ul.navigation li { font-size: 12px;}
#footer #copyright { font-size: 12px; letter-spacing: -1px; float:left; width: 400px; margin-top: 10px; }
#copyright a, #copyright a1, #copyright a:hover, #copyright a:visited { color: #323637; text-decoration: underline; }
#copyright a:hover { color: #323637; text-decoration: none; background-color: #d0d0d0; }

/** Content stack **/
#content { float: left; width: 660px; padding-right: 10px; border-right: 1px solid #d6d6d6; }
.date { font-size: 12px;  font-weight: bold; background-color: #e3f0f6; padding: 5px; letter-spacing: -1px; width: 120px; text-align: center; float: left; }
h1, h2, h3, h4, h5, h6 { font-size: 30px; letter-spacing: -2px; font-weight: normal; color: #025884; clear: both; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; }
  h1 a, h1 a1, h1 a:visited { text-decoration: none; }
  h1 a:hover { text-decoration: underline; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 20px; }
h5 { font-size: 20px; clear: none; padding-top: 0px;}
h6 { font-size: 18px; clear:none; padding-top: 0px; }
p { margin: 0; padding: 0px 0px 10px 0px;  line-height: 18px; letter-spacing: -.5px; }
p.article-links { font-size: 11px; letter-spacing: -.05px; margin-bottom: 50px; }
.catbox { width: 25px; height: 21px; text-transform: uppercase; text-align: center;  float: left; margin-left: 5px; padding-top: 4px; cursor: pointer; }
  .pink { background-color: #ffe1f0; }
  .green { background-color: #7fcc9b; }
  .yellow { background-color: #f9f07f; }
#content li { list-style: square; margin-bottom: 10px; }
#comment-message { width: 400px; text-align: center; background-color: #f1f1f1; color: #333; padding: 5px; display: none; font-size: 13px; }

/** Sidebar **/
#sidebar { float: right; width: 300px; margin-top: 10px; }
#sidebar h2 { font-size: 22px; border-bottom: 1px solid #d6d6d6; font-weight: normal; margin: 0; padding: 0; color: #025884; clear: both; padding-top: 30px;}
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li, #sidebar ul li.half, #sidebar ul li.third { border-bottom: 1px solid #d6d6d6; font-size: 12px; letter-spacing: -1px; width: 100%; margin-top: 5px; margin-bottom: 0px; padding-bottom: 5px; }
#sidebar ul li.half, #sidebar ul li.third { text-align: center; float: left; width: 140px; margin-right: 10px; }
#sidebar ul li.third { width: 90px; }
#sidebar ul li.tweet { line-height: 16px; letter-spacing: 0px; font-size: 11px; }

#sidebar ul li a, #sidebar ul li a1, #sidebar ul li a:hover, #sidebar ul li a:visited { color: #323638; text-decoration: none; padding: 3px;}
#sidebar ul li  a:hover { text-decoration: none; background-color: #e3f0f6; color: #025884; }

#sidebar ul li.tweet a, #sidebar ul li.tweet a1, #sidebar ul li.tweet a:hover, #sidebar ul li.tweet a:visited { text-decoration: underline; color: #025884; padding: 0px; background-color: #fff; }
#sidebar ul li.tweet  a:hover { text-decoration: none; }

#sidebar div.tag { background-color: #c0d5e0; padding: 5px; color: #04354d; font-size: 12px; margin-top: 5px; cursor: pointer; }

/* Comments */
ol.commentlist { width: 75%; margin-top: 10px; margin-bottom: 10px; }
ol.commentlist p, div.comment-meta { margin-left: 45px; }
div.comment-meta { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
cite.fn { margin-left: 10px; }
div.comment-author { font-size: 13px; }
div.comment-meta { font-size: 10px; }
li.comment { padding: 10px; }*/
li.odd { background-color: #f5f5f5; }
li.even, li.odd { border-bottom: 1px solid #ccc;  }
img.avatar { border: 2px solid #e1e1e1; float: left; }
textarea#comment { width: 650px; height: 250px; !important }
p.comments { padding-top:40px;border-top:1px solid #d0d0d0;margin-top:20px; }

/** Music Boxes - To Be Redesigned **/
.music-info { width:100%;margin-top:10px;margin-bottom:10px;clear:both;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.music-info-left, .music-info-right { float:left; width: 48%; text-align:left; }
.music-info-right { float:right; }

/* $5 Albums */
div.album { width: 100%; padding: 5px 0px 0px 0px; border-bottom: 1px solid #d0d0d0; }
div.album img { border: 0; margin-right: 5px; }
div.album a { font-size: 14px; }
h2.album { padding-top: 40px; }

/* Wordpress Styles */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Syntax Highlighter */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.5em !important;
	font-family: 'Monaco', 'Consolas', 'andale mono', 'lucida console', monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 12px !important;
	min-height: inherit !important; /* For IE8, FF & WebKit */
	min-height: auto !important; /* For IE7 */
	
	/*font:12px 'Monaco', 'Consolas', 'andale mono', 'lucida console', monospace;line-height:1.5*/
}

div.syntaxhighlighter {
	margin-left: 5px !important;
	padding-left: 5px !important;
	border-left: 2px solid #d0d0d0 !important;
}

.syntaxhighlighter
{
	width: 97% !important; /* 99% fixes IE8 horizontal scrollbar */
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter .bold 
{
	font-weight: bold !important;
}

.syntaxhighlighter .italic 
{
	font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .no-wrap .line .content
{
	white-space: pre !important;
}

.syntaxhighlighter .line table 
{
	border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
	vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
	width: 3em !important;
}

.syntaxhighlighter .line .number code
{
	width: 2.7em !important;
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

.syntaxhighlighter .line .content
{
	padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto !important;
	overflow-y: hidden !important;
}
/* End Syntax Highlighter */

/* Custom Syntax Colors */
.syntaxhighlighter
{
	background-color: #fff !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
	background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #666 !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	/*border-left: 2px solid #d0d0d0 !important;*/
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2
{
	background-color: #fff !important;
	padding: 3px 0px 3px 0px !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a,
.syntaxhighlighter .string,
.syntaxhighlighter .string a,
.syntaxhighlighter .variable 
{ 
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a,
.syntaxhighlighter .preprocessor 
{ 
	color: #666 !important;
}

.syntaxhighlighter .keyword,
.syntaxhighlighter .functions
{ 
	color: #025884 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter .script
{ 
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: red !important; 
}

/* End Custom Syntax Colors */