/* CSS Document */

body {text-align: center;
		background-color: #000000}

#wholedocument {text-align:left;
				width: 800px;}

#masthead {width: 800px;
			height: 115px;
			background-image: url(images/web20/headerbg.jpg);
			background-color: #2d2d2d;
			background-repeat: repeat-x;
			background-position: top;
			}
#logo {position: relative;
		left: 0px;
		top: 0px;
		}
		
#navbar {position: relative;
			top: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			left: 7px;
			}
		
#navbar a:link {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoration: none;
				}
#navbar a:visited {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoration: none;
				}
#navbar a:active {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoartion: none;
				}
#navbar a:link:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoration: none;
				}
#navbar a:visited:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoration: none;
				}
#navbar a:active:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				text-decoartion: none;
				}
				
#search {font-family:Arial, Helvetica, sans-serif;
				font-size: 11pt;
				color: #9d9b9b;
				font-weight: bold;
				top: -27px;
				left: 585px;
				position: relative;
				width: 230px
				}

#query {font-family:Arial, Helvetica, sans-serif;
				font-size: 11pt;
				color: #9d9b9b;
				border: none;
				}
				
.tbox {font-family:Arial, Helvetica, sans-serif;
				font-size: 11pt;
				color: #9d9b9b;
				border: none;
				}
				
#maincontent {width: 800px;
				margin-top: 0px;
				background-color: #ffffff;
				background-image: url(images/web20/contentbg.jpg);
				background-repeat:repeat-x;
				background-position: bottom;

			}
			
#footer {background-image: url(images/web20/footerbg.jpg);
		background-repeat: repeat-x;
		background-position: top left;
	    background-color: #2d2d2d;
		height: 300px;
		width: 800px;
		margin-top: 2px;}
		
#footer_left {width: 489px;
			height: 287px;
			float: left;
			}
			
#footer_right {width: 311px;
			height: 287px;
			float: left;
			text-align:left;
			}
			
.footer_title {font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: bold;
			color: #8bb4d7;
			display: inline;
			margin-left: 15px;
			}

.flickrlink {font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #f76349;
			text-decoration: none;
			}

.footer_info {font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #878585;
			display: inline;
			padding-left: 4px;
			}
.footer_tag {font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #878585;
			display: inline;
			padding-left: 4px;
			text-decoration: none;
			}
.footer_tag:hover {font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #ffffff;
			display: inline;
			padding-left: 4px;
			text-decoration: none;
			}

#netflix {margin-bottom: 5px;}
#lastfm {margin-bottom: 5px;}
#flickr {padding-top: 5px;}
#tags {padding-top: 5px;
		margin-bottom: 5px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#maintext {width: 480px;
			float: left;
			font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			padding: 8px;
			}
			
#rightcolumn {width: 245px;
			float: left;
			text-align:left;
			padding: 8px;
			margin-left: 40px;
			}
.blog_title {font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #8bb4d7;
			}
.blog_title a {font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #8bb4d7;
			text-decoration: none;
			}
.blog_tags a {font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #f76349;
			text-decoration: none;
			font-weight: bold;
			}
.blog_tags a:hover {font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #f76349;
			text-decoration: underline;
			font-weight: bold;
			}
.blog_tags {margin-bottom: 5px;}

.bigred {font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #f76349;
			}
.indent_grey {font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #878585;
			padding-left: 16px;
			}
.comment_line1 {font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			font-weight: bold;
			}
.comment_line1 a {font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			}
.comment_line1 a:hover {font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			font-weight: bold;
			text-decoration: underline;
			}

.blacklink {font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			}
.blacklink:hover {font-family:Arial, Helvetica, sans-serif;
			color: #2f2e2f;
			font-size: 12px;
			font-weight: bold;
			text-decoration: underline;
			}

.comment_text {font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #878585;
			padding-left: 16px;
			}
#loadresults {display: none;}

#searchresults {width: 200px;
				background-color: #2d2d2d;
				position: absolute;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #CCCCCC;
				}
				
#searchresults a:link {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
				}
#searchresults a:visited {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
				}
#searchresults a:active {color: #9d9b9b;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoartion: none;
				}
#searchresults a:link:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
				}
#searchresults a:visited:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoration: none;
				}
#searchresults a:active:hover {color: #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				text-decoartion: none;
				}
.sr {				background-color: #2d2d2d;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #8bb4d7;}
				
.bluelink {font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #8bb4d7;
			text-decoration: none;
			}
.bluelink:hover {font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #8bb4d7;
			text-decoration: underline;
			}
a.digg {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/digg.jpg) no-repeat 0 0;
		}
		
a.digg:hover {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/digg.jpg) no-repeat 0 0;
		}
		
a.digg:visited {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/digg.jpg) no-repeat 0 0;
		}
		
a.delicious {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/delicious.jpg) no-repeat 0 0;
		}

a.delicious:hover {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/delicious.jpg) no-repeat 0 0;
		}
		
a.delicious:visited {color: #878585;
			display: inline-block;
			text-decoration: none;
			/*font-size: 7pt;*/
			/*border-bottom: 1px dotted #6699CC;*/
			text-transform: lowercase;
			padding-left: 19px;
			padding-bottom: 4px;
			line-height: 19px;
			height: 19px;
			background: url(images/delicious.jpg) no-repeat 0 0;
		}
		
		
		
a img {border: none;}
div.shadow {
  /*float: left;*/
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #DCCCB3;
  border-right: 1px solid #DCCCB3;
  position: relative;
  width: 400px;
    cursor: hand;
  /*display: block;*/
}

div.shadow img {
  padding: 5px 5px 9px 5px;
  background: white url(shad_bottom.png) repeat-x bottom left;
  border: none;
  width: 390px;
  display: block;
  cursor: hand;
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

div.shadow div.enlarge {
  position: absolute;
  bottom: 11px;
  right: 7px;
  width: 91px;
  height: 12px;
  background: url(enlarge.png);
  
  }
#recentdiv {display: none}

.thumbnailrow {width: 202px;
			display: inline;
			height: 275px;
			}