body {
	margin: 0;
	color: #333;
	font-family: Helvetica, Times, serif;
	font-size: 13px;
	line-height: 18px;
	}

#container
{
width: 100%;
margin: 0:
padding: 0;
}

#header{
width: 100%;
height: 40px;
background: #333;
color: #fff;
}

#header div {
    width: 500px;
    margin: 11px 0 0 24px;
    float: left;
    }

	#header a { color:#fff; text-decoration: none; font-size: 13px;}
    #header a:hover { color:#fff; text-decoration: underline; font-size: 13px;}

#content {
	width: 980px;
	margin: 80px 20px 0;
	padding-bottom: 15px;
	}
    
    p {margin: 0 0 0 230px; padding:0; width: 430px;}
     
		
#content
h1, h2 {
    font-family: Georgia, Helvetica, Times, serif;
	padding: 5px 0 0 0;
	font-weight: normal;
	}	
		
#content
h1 { font-size: 20px;
margin: 0 /*340*/ 0px 5px 230px;}

#content
h2 { font-size: 16px;
margin: 0 340px 5px 230px;}

code {
	color: #08c;
	font-family: Monaco, "Andale Mono", "Courier New", monospace;
	font-size: 11px;
	}
	
	
#side {
position: relative;
float: right;
width: 220px;
color:#555;
text-align: right;
padding-top:85px;
}
	
#footer1 {
width: 100%;
height: 18px;
background: #B9D7D9;
color: #333;
clear: both;
}

	#footer1 a { color: #2A2829; text-decoration: none; }
    #footer1 a:hover { color: #fff; text-decoration: underline; }

.fcontent { padding: 18px 0; }

#footer2 {
width: 100%;
height: 100px;
background: #668284;
color: #fff;
}

#footer3 {
   width: 100%;
   height: 240px;
   background: #2A2829;
   color: #fff;
   }
   
   #footer3 div {
   width: 120px;
   margin: 10px 0 0 24px;
   float: left;
   }
   
   #footer3 div.mid {
   width: 320px;
   margin: 12px 0 0 5px;
   float: left;
   }
   
   #footer3 div.last {
   width: 340px;
   margin: 10px 0 0 28px;
   }
   
   	#footer3 a { color: #B9D7D9; text-decoration: none; }
    #footer3 a:hover { color: #fff; text-decoration: underline; }

    h1 { 
    font-family: Helvetica, Times, serif;
	font-size: 13px;
    margin:0;
    padding:0;}
    /* This h1 class allows the footer 'handpicked links' titles to be properly spaced and aligned. No effect anywhere else due to #content h1 class.  */
    
    .last p {padding:0;margin:0;}
    
#footer4 {
width: 100%;
background: #222;
color: #fff;
font-size: 12px;
line-height: 5px;
}
	#footer4 a { color: #B9D7D9; text-decoration: none; }
    #footer4 a:hover { color: #fff; text-decoration: underline; }
    

#comments {
width: 380px;
margin-left: 250px;
}


	
/*	I M A G E S  and  C A P T I O N S */

.pic p, .caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	}
	
	.pic 
	img
	{border:none;}

    h1
    a
    {color:#000; text-decoration: none;} 
    
    h1
    a:hover
    {color:#555; text-decoration: none;} 
	
    p
	a {
	border-bottom-color: #5F4482;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }
    
    p
    a:hover {
	border-bottom-color: #5F4482;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }

    #side
	a {
	border-bottom-color: #5F4482;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }
    
    #side
    a:hover {
	border-bottom-color: #5F4482;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }

    small
	a {
	border-bottom-color: #5F4482;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }
    
    small
    a:hover {
	border-bottom-color: #5F4482;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #5F4482;
	text-decoration: none;
    }


/* P L A C E M E N T */
.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}
.right.inset {margin: 0 340px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 230px;} /* img floated left within text */

/* S I Z E */
.one {width: 100px;}
.two {width: 210px;}
.three {width: 320px;}
.four {width: 430px;}
.five {width: 540px;}
.six {width: 650px;}
.seven {width: 760px;}
.eight {width: 870px;}
.nine {width: 980px;}

/* A D D I T I O N S */
.frame {border: 1px solid #999;}
.solo {margin-bottom: 20px;}
em {font-family: Georgia;}
ul{width: 300px;}
li{margin-left:-25px;} 

blockquote { 
    margin: 0 340px 0 230px;
    font-size:12px;
    color:#666;
    padding-left:10px;
    border-left:1px solid #ccc; 
    }

/*FLICKR BADGE STYLING*/
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*DELICIOUS STYLING*/
.delicious-posts {margin: 0; padding: 0;}
.delicious-posts a {padding:0; margin:0;}