/*
Page Layout Diagram

+------------------------ 100% ---------------------------+
|#center                                                  |
|+----------------------- 768px -------------------------+|
||  #header_parent                                       ||
|| +-------- 400px ------------+ +------- 368px -------+ ||
|| |#nav_title_parent          | |  #rotating_photo    | ||
|| |+-------- 400px ----------+| |                     | ||
|| ||   #nav_header           || |                     | ||
|| |+-------------------------+| |                     | ||
|| |+-------- 400px ----------+| |                     | ||
|| ||   #split_level_title    || |                     | ||  
|| |+-------------------------+| |                     | ||
|| +---------------------------+ +---------------------+ ||
|+-------------------------------------------------------+|
|                                                         |
|+--------------------- 768px ---------------------------+|
||  #content_parent                                      ||
|| +--- 486px ------------------+ +--- 277px ----------+ ||
|| | #main_content              | |  #misc_content     | ||
|| +----------------------------+ +--------------------+ ||
|+-------------------------------------------------------+|
|                                                         |
|+----------------------- 768px -------------------------+|
||  #footer                                              ||
|+-------------------------------------------------------+|
|                                                         |
+---------------------------------------------------------+

*/


/* 1. Body and Link Styles 
-------------------------------*/


.delicious li .delicious-tags a:link, .delicious li .delicious-tags a:visited {
	font-size: 10px;
	line-height: 13px;
	color: #154EB7;
	text-decoration: none;
	border-bottom: dotted #cccccc 1px;
}

.delicious-tags {
	font-size: 10px;
	}
		


body, p, td, tr, ul, ol {
	font: 13px/15px  Helvetica, Arial, Verdana,  serif;
	line-height: 1.4em;
	text-indent: 0px;
	margin-bottom: 15px;
	margin-right: 20px;
	}
		 
body	{
	background-color: #E7EDEB;
	margin: 0px; 
	}
ul {
	margin-left: 13px;
}

	
a:visited	{
	color: #154EB7;
	text-decoration: none;
	border-bottom: none;
	}	
	
a:hover,
a:active	{
	color: #67512C;
	text-decoration: none;
	border-bottom: none;
	}	

a:link img,
a:visited img,
a:hover img,
a:active img {
		border: solid 1px #000;
		
		}

a img  {
		border: solid 1px #000;
	}	

a.no_ul {
		border-bottom: 0;
	}

a link img {
		border: solid 1px #000;
	}
	
a:link {
	color: #154EB7;
	text-decoration: none;
	border-bottom: none;
	}

p.more	{
		font-size: 11px;
		text-align: right;
		}


.delicious, .linked {
	xmargin: 0 0 26px 0;
	padding: 0;
	list-style-type: none;
	}

.delicious li, .linked li {
	font-size: 11px;
	line-height: 13px;
	margin: 12px 0;
	padding: 0;
}



.linked li A:link, .linked li A:visited, .delicious li A:link, .delicious li A:visited{
	font-size: 12px;
	line-height: 15px;
	color: #154EB7;
	text-decoration: none;
	border-bottom: dotted #cccccc 1px;
}


.linked li A:hover, .linked li A:active, .delicious li A:hover, .delicious li A:active {
	color: #67512C;
	text-decoration: none;
	border-bottom: dotted #999999 1px;
}


.linked li .cmt A:link, .linked li .cmt A:visited, .linked li .cmt A:active, .linked li .cmt A:hover,
.delicious li .cmt A:link, .delicious li .cmt A:visited, .delicious li .cmt A:active, .delicious li .cmt A:hover {
	font-size: 12px;
	text-decoration: none;
	border: none;
}


.linked li .nocmt A:link, .linked li .nocmt A:visited, .linked li .nocmt A:active, .linked li .nocmt A:hover, 
.delicious li .nocmt A:link, .delicious li .nocmt A:visited, .delicious li .nocmt A:active, .delicious li .nocmt A:hover {
	font-size: 11px;
	text-decoration: none;
	border: none;
}





/* 2. Top Header
-------------------------------*/

#center {
	width: 100%;
	text-align: center;
	background: url("../images/bg2.gif") top repeat-y;
	background-color: #CCD5DE;
	}

#header_parent {
	height: 217px;
	margin: 0px auto;
	width: 768px;
	background: url("../images/nav_header.jpg") top left no-repeat;
	}
					
#nav_title_parent {
	width: 400px;
	margin: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	 }

#nav_header {
	height: 31px;
	padding: 0px;
	margin: 0px;
	display: block;
	font: 12px  Helvetica, Arial, Verdana,  serif;	
	}

#nav_header p {
	color: #93ACEC;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	text-indent: 5px;
	}

#split_level_title {
	padding: 0;
	margin: 0;
	border: 0;
	background: url("../images/split_level_1.jpg") no-repeat;
	}

#split_level_title a:hover {
  	background: url("../images/split_level_2.jpg") no-repeat;
	}									 
									 
		
#rotating_photo {
  	width: 368px;
	padding: 0; 
*	margin-right: -3px;
	float: left;
	}

#rotating_photo img {
	width: 100%;
	}




/* 3. Archived page header styling
-------------------------------*/


#header_parent_int {
	height: 150px;
	margin: 0px auto;
	width: 768px;
	background: url("../images/archives/top_stripe_header.jpg") top left no-repeat;
	}

#top_stripe_header {
	width: 768px;
	height: 31px;
	padding: 0px;
	xbackground: #C8E1B9 url("../images/archives/top_stripe_header.jpg") no-repeat;
	}

#archive_sl {
	width: 227px;
	height: 119px;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
*	xmargin-right: -3px;
	}

#archive_title {
  	width: 541px;
	height: 119px;
	margin: 0px;
	padding: 0; 
	border: 0;
	float: left;
	background: url("../images/archives/header_banner.jpg") no-repeat;
	text-align: left;
	}



#archive_title h1 {
	color: #BFD3A1;
	margin: 0px 20px 8px 20px;
	padding-top: 30px;
	font-size: 31px; 
	font-family: Trebuchet MS, Times New Roman, Times, Georgia, serif;
	border-bottom: none;
	letter-spacing: -1px;
	font-weight: bold;
	text-indent: 0px;
	}


a.title {
	display: block;
	width: 227px;
	height: 119px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url("../images/archives/int_split_level_3.jpg") no-repeat;
*	xmargin-right: -3px;
	border-bottom: none;
	text-decoration: none;
	}

a.title:hover {
	background-position: 0px -119px;
	border-bottom: none;
	}

#archive_sl a:link, #archive_sl a:visited, #archive_sl a:hover, #archive_sl a:active {
	border-bottom: none;
	text-decoration: none;
	}

		
/* 4. Main Content Area
-------------------------------*/

#content_parent {
	margin: 0px auto;
	width: 765px;
	background: #C8E1B9 url("../images/content_bg.jpg") no-repeat;

	}

html>body #content_parent {
	width: 768px;
	}
							
#main_content {
	float: left;
	width: 475px;
	text-align: left;
	padding: 15px;
	padding-top: 15px;
	background: url("../images/margins.jpg") top right repeat-y;
	}

			
#main_content p {
	padding: 0 15px;
	}

.date	{
	font-family: Helvetica, Arial, Verdana,  serif;
	float: left;
	width: 35px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 36px;
	margin-left: 3px;
	display: inline;
	}	

.date .month	{
	display: block;
	font-size: 15px;
	line-height: 14px;
	color: #7CA078;
	margin: 0px 0 0 3px;
	}	


.date .day	{
	display: block;
	font-size: 16px;
	line-height: 16px;
	color: #7CA078;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
	}	


.date a:link,
.date a:visited {
	border: 0;
	}

	
.date a:hover {
	color: #000;
	}


/* 5. Side Column 
-------------------------------*/							
#misc_content {
	width: 249px;
	margin-left: 505px;
	text-align: left;
	padding-left: 5px;
	}
							
html>body #misc_content {
	width: 253px;

	}

#misc_content h1, #misc_content h2, #misc_content h3, #misc_content h4, #misc_content p, #misc_content ul, #misc_content ol, #misc_content li {
	padding: 0 12px;
	}

#audioscrobbler  {
	width: 240px;
	padding-top: 10px;
	text-align: left;
	margin: 0px 5px 10px 0px;
	color: #93ACEC;
	}

#flickr	{
	padding-top: 10px;
	text-align: left;
	margin: 0px 0 5px 5px;
	color: #93ACEC;
	}

#misc_content h3{
	font-color: #45506D;
	padding-top: 8px;
	margin-bottom: 0px;
	xborder-bottom: 1px solid #45506D;
	font: 16px Trebuchet MS, helvetica, arial;
	font-weight: bold;
	}
#misc_content a:link
	{
	text-decoration: none;
	border-bottom: none;
	}

#misc_content li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	}

#misc_content ul{	
	list-style-type: none;
	margin: 0px;
	margin-top: 7px;
	margin-left: 7px;
	padding: 0px;
	}

#misc_content h2 	{
	color: #45506D;
	margin: 0px;
	padding: 0px;
	font: 18px Trebuchet MS, helvetica, arial;
	border-bottom: 1px solid #45506D;
	font-weight: bold;
	text-indent: 0px;
	}
	
#misc_content	a:link,
#misc_content	a:visited,
#misc_content	a:active
 {
	color: #45506D;
	border: 0;
	}	

#misc_content	a:hover {
	color: #154EB7;
}


#flickr img {
	margin: 10px;
	margin-top: 5px;
	border: 1px solid #000;
	}



/* 6. Footer
-------------------------------*/

#footer {
	clear: both;
	width: 768px;
	background: #CCDEC0;
	}



/* 7. Text Styles
-------------------------------*/

h1 	{
	color: #45506D;
	margin: 0 20px 8px 0;
	font: 24px Trebuchet MS, helvetica, arial;
	line-height: 35px;
	border-bottom: 2px solid #45506D;
	font-weight: bold;
	text-indent: 0px;
	}	

h2 	{
	color: #45506D;
	margin: 0 18px 8px 0;
	font: 23px Trebuchet MS, helvetica, arial;
	border-bottom: 1px solid #45506D;
	font-weight: bold;
	text-indent: 0px;
	}	

h3 	{
	color: #45506D;
	margin-top: 8px;
	margin-bottom: 5px;
	font: 18px Trebuchet MS, helvetica, arial;
	xborder-bottom: 1px solid #45506D;
	font-weight: bold;
	text-indent: 0px;
	}

h4 	{
	color: #45506D;
	margin-top: 8px;
	margin-bottom: 5px;
	font: 16px Trebuchet MS, helvetica, arial;
	xborder-bottom: 2px solid #45506D;
	font-weight: bold;
	text-indent: 0px;
	}

#misc_content h4 {
	margin-left: -5px;
	}

dl 	{ margin: 0; margin-bottom: 5px;}

dt 	{ font-weight: bold }

dd 	{ margin: 0; padding: 0; margin-bottom: 8px; }	

ul 	{
	list-style-type: disc;
	padding-left: 35px;
		}

ol 	{
	padding-left: 40px;
	}