/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

p
{
font-size:11px;
margin-bottom: 14px;
}

a
{
color:#000033;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

h2
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
padding: 0px 0px 10px 0px;
margin-bottom: 5px;
}
blockquote {
	background-image:url(img/quote.png);
	margin-left:-10px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	 padding-left:36px;
}

form input{
border: 1px dotted #999;


}

form textarea{
border: 1px dotted #999;

}
form input .button{font-size:9px;}

form input img{
border:none;


}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-image:url(../img-wide-bg/bg.png);
  
 background-repeat:no-repeat;
 background-color:#000;
}
#wrapper { 
/* margin-left:180px; */
 margin: 0 auto;
 background-color:#000000;
 background-image:url(../img-wide-bg/wrapper-bg.png); 
 background-repeat:repeat-y;
 width: 841px;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
}
#header {
 color: #333;
 width: 841px;
 background-color:#000000;
/* border: 1px solid #ccc; */
 height: 275px;
 margin: 0px 0px -2px 0px;
}

#splashimage {
	position:absolute;
	left: 288px;
	top: -1px;
}

/* ------------- */ 

#navigation ul{/*
border-bottom: 1px solid #333333;*/
margin-top:0px;
padding-top:10px;
margin-bottom:10px;
display: inline;
padding-right:0px;
}


#navigation li
{
padding:0px;
margin:0px;
display: inline;
font-size:12px;
letter-spacing:1px;
font-weight:100;




list-style-type: none;

color:#003366;
}


#navigation li.last a {
border-right: none;
}

#navigation li.last a:hover {
border-right: none;
background-repeat:repeat-x;

}



#navigation li.last a.current {

border-right: none;
background-repeat:repeat-x;
border-right: 1px solid #000;

}


#navigation li a{
margin-bottom:5px;
margin-left: -1px;
margin-right: -1px;
padding-left: 18px;
padding-right: 18px;
border-right: 1px solid #000;
padding-top:10px;
padding-bottom:12px;
text-decoration:none;
color:#999;}

.ie #navigation li a{
margin-bottom:10px;
margin-left: -1px;
margin-right: -1px;
padding-left: 16px;
padding-right: 14px;
border-right: 1px solid #000;
padding-top:10px;
padding-bottom:14px;
text-decoration:none;
color:#ccc;}

#navigation li a:hover{text-decoration:none;
background-repeat:repeat-x;
color:#fff;
}

#navigation li a.current{text-decoration:none;
color:#999;
/* background-image:url(../img-wide-bg/bar-over.png); */ 
background-repeat:repeat-x;
}

#navigation {
height:30px;
background-image:url(../img-wide-bg/bar2.png);
background-repeat:no-repeat;
 float: left;
 width: 839px;
 color: #ccc;
 padding: 12px 5px 10px 2px; 
 margin: 0px 0px 0px 0px;

}


.ie #navigation {
height:28px;
background-image:url(../img-wide-bg/bar.png);
background-repeat:no-repeat;
 float: left;
 width: 840px;
 color: #ccc;
 padding: 10px 5px 10px 2px; 
 margin: 0px 0px 0px 0px;

}

/*-------- sub nav ------*/ 


/*
.ie #subnavigation ul{/*
border-bottom: 1px solid #333333;margin:-7px 0 0 15px;

height:25px;
padding:-10 0 0 0;
display: inline;
list-style:none;
}

.ie #subnavigation a{text-decoration:none;}


.ie #subnavigation li a{
display: inline;
font-size:10px;
list-style-type: none;

padding-right: 15px;
padding-left: 15px;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
background-image:url(../img-wide-bg/subnavbg.png);
background-repeat:repeat-x;
padding-top:15px;
padding-bottom:5px;
color:#333;
height:28px;

}
*/

 #subnavigation ul {
  list-style:none;}

  #subnavigation li {
    float:left;
    background:url(../img-wide-bg/leftcap.png)
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  #subnavigation a, #subnavigation strong, #subnavigation span {
    display:block;
	text-decoration:none;
    background:url(../img-wide-bg/rightcap.png)
      no-repeat right top;
    padding:5px 15px 8px 6px;
    }




#subnavigation li.current a{


color:#999;
font-weight:bold;


}


#subnavigation li a:hover{text-decoration:none;
color:#999;
}



#subnavigation {
font-size:10px;
padding:0 0 30px 0;
 float: left;
 width: 840px;
 color: #333;
 margin: -8px 0px 0px 11px;

}

/*-------------- */ 


#sticky{margin-left:8px;
margin-top:10px;
padding-right:30px;
padding-bottom:25px;
line-height: 1.5em;
color:#999999; 
}

#sticky p{font-size:9px;}

#sticky a{
text-decoration:none;
color:#666666;

}

#sticky a:hover{color:#000000;
}




#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px 10px 10px 15px;
 width: 580px;
 float: left;

}

#leftcolumn h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
position: relative;
top: 4px;
font-size: 15px;
line-height: 25px;
color: #656551;

padding: 0px 0px px 0px;
margin-bottom: 5px;
}

#leftcolumn h3 a
{color:#333333;
text-decoration:none;
}


#leftcolumn h3 a:hover
{color:#003366;
text-decoration:none;
}

#leftcolumn h4
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#leftcolumn .content
{
padding: 0px 15px 0px 5px;
margin-bottom: 20px;
}

#leftcolumn .post
{
margin-bottom: 25px;
}

#leftcolumn .post .header
{
position: relative;
}

#leftcolumn .post .date
{


}

#leftcolumn .post .content
{
margin-bottom: 0px;
line-height: 1.5em;

}

#leftcolumn .post .content-noborder
{
margin-bottom: 0px;
padding-bottom:11px;
line-height: 1.5em;
}

#leftcolumn .post .content a{text-decoration:none; color:#999999;}

#leftcolumn .post .content a:hover{border-bottom: 1px dotted #999;}


#leftcolumn .post .content form input{
border: 1px dotted #999;


}

#leftcolumn .post .content form textarea{
border: 1px dotted #999;


}

#leftcolumn .post .footer
{

position: relative;
top: -10px;
height: 35px;
}

#leftcolumn .post .footer ul
{
list-style: none;
display:inline;
height:10px;
position: absolute;
left: 0px;
bottom: 15px;
}

#leftcolumn .post .footer ul li
{
display: inline;
font-size:9px;
line-height: 14px;
padding-left: 5px;
padding-right:5px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#leftcolumn .post .footer .bordered li
{border-right: 1px solid #656551;
}
#leftcolumn .post .footer ul li a{text-decoration:none; color: #656551;}
#leftcolumn .post .footer ul li a:hover{text-decoration:underline;}
#leftcolumn .post .footer ul li.printerfriendly
{
background-image: url(wp-content/css/images/a41.gif);
}

#leftcolumn .post .footer ul li.comments
{
/* background-image: url('../../img/blogicons/comment.png'); */
}

#leftcolumn .post .footer ul li.readmore
{
background-image: url(wp-content/css/images/a38.gif);
}

#leftcolumn .post .postMeta{
background:url(images/dot.gif) repeat-x left center;
font-size:9px;
color:#CCCCCC;
text-align:right;
margin-top:15px; 
margin-bottom:18px;
}

#leftcolumn .post .postMeta span.date{
float:left;
background:#FFF;
color:#999999;
padding:0 8px 0 0px;
}

#leftcolumn .post .postMeta span.comments{
background:#FFF url(images/user.gif) no-repeat right center;
padding-left:8px;
margin-left:10px;
padding-right:18px;
}

#leftcolumn .post .postMeta span.comments a,
#leftcolumn .post .postMeta span.date a{color:#999; text-decoration:none;}


#navlist2
{
margin-top:9px;
margin-left:5px;
}

#navlist2 ul
{
list-style-type: none;
text-align: left;

}

#navlist2 ul li 
{
background: transparent url(img/non-active.png) left center no-repeat;
padding-left: 15px;
text-align: left;
line-height: 1.5em;
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
}





#navlist
{
margin-left:4px;
}

#navlist ul
{
list-style-type: none;
text-align: left;
}

#navlist ul li a
{
background: transparent url(img/non-active.png) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #666;
}

#navlist ul li a:hover
{
background: transparent url(img/active.png) left center no-repeat;
color: black;
}

#navlist ul li a#current
{
background: transparent url(wp-content/css/images/list-active.gif) left center no-repeat;
color: #666;
}

#navlist .delicious-tags{padding-left:25px;}

#rightcolumn {
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
 
 float: right;
 color: #333;
 margin: -25px 0px 5px 0px;
 padding: 10px;
 width: 195px;
 display: inline;
}

.ie #footer {
text-align:right;
background-image:url(../img-wide-bg/footer-bg.png);
background-repeat:no-repeat;

font-size:9px; 

 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:15px 25px 10px 328px;}

#footer-column0 {float:left;
width:215px;
margin-left:25px;
margin-top:25px;}


#footer-column1 {float:right;
 padding-left: 25px;
background-image:url(../img-wide-bg/footer-bg-archive.png);
background-repeat:no-repeat;
 margin-right:5px;} 


#footer-column2 {float:right;
 padding-left: 25px;
background-image:url(../img-wide-bg/footer-bg-blogroll.png);
background-repeat:no-repeat;
margin-left:5px; 
 margin-right:35px; 
} 

#footer-home {

background-image:url(../img-wide-bg/footer-bg-home.png);

background-repeat:no-repeat;

font-size:9px; 

 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:40px 25px 10px 0px;}




#footer-content {
text-align:right;
padding:200px 25px 10px 288px;
width: 500px;}

input.textbox
{border:1px solid #666666;}


#footer {
text-align:right;
background-image:url(../img-wide-bg/footer-bg.png);
background-repeat:no-repeat;
font-size:9px; 
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 
 padding:40px 25px 10px 328px;}

#footer-home p{
font-size:9px; 
color:#666;
line-height:12px;
padding-bottom:17px;
 border-bottom:1px solid #CCCCCC;
}
#footer a
{

font-size:9px;
text-decoration:none;
color:#333;}

#footer-home a{

font-size:9px;
text-decoration:none;
color:#999;}

#footer a:hover{text-decoration:underline;} #footer-home a:hover{text-decoration:underline;}
#photo-header img{ border:1px solid #000000;}
.photo-header { border:1px solid #000000;}
.photo-header-left { border:1px solid #000000; float:left; margin-right:10px; margin-bottom:10px;}
.photo-header-right { border:1px solid #000000; float:right; margin-left:10px; margin-bottom:10px;}


 #portfolio img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
 }

 #portfolio img:hover {
 background-color:#666666;
 }

.pagebar{float:right;
margin-left:0px;
padding-bottom:10px;
color:#999;}

.pagebar a{

color:#999999;
margin-left:2px;
padding:4px;
background-color:#fff;
text-decoration:none;
border: 1px solid #999;}


.pagebar a:hover{
color:#000000;
margin-left:2px;
padding:4px;
background-color:#CCCCCC;
text-decoration:none;
border: 1px solid #333;}

 #flickr-footer {
 background-image:url(../img-wide-bg/footer-bg-flickr.png);
background-repeat:no-repeat;
 
 margin-left:15px;
 padding-top:5px;
 padding-left: 25px;
 width: 200px;
 float:right;} 


 #flickr-footer img {

 margin:0 0px 10px 10px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
width:40px;
 height:40px;
 }


#flickr-footer img[src*="http://geo.yahoo.com"] { display:none }

#flickr-home img[src*="http://geo.yahoo.com"] { display:none }

#flickr img[src*="http://geo.yahoo.com"] { display:none }



 #flickr-footer img:hover {
 background-color:#666666;
 }

 #flickr-home img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
 width:100px;
 height:100px;
 }
 
 #flickr img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
width:62px;
 height:62px;
 }

 #flickr img:hover {
 background-color:#666666;
 }
 
 .padded-room-top{padding-top:15px;}
 .button img {padding-top: 5px;}
 .thumbnails-wide{
	margin: 3px;
    padding:1px;
	background-color:#FFFFFF;
    border:1px solid #999;
    }
 .float-right{
width:208px;
padding-left:5px;
float:right;
}

.floatleft{float:left;
padding-right:15px;}
.floatright{float:right;
padding-left:15px;}

 .float-search{
width:208px;
padding-left:5px;
float:left;
}
/* styling of comments - totally ripped off formseveral otehr sites */
.alt {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	
	}
#commentlist ul{
list-style-type:none;
margin-left:0px;
}	
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
padding:20px 10px 5px 10px;
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	text-decoration:none;
	}

.commentlist p {
	padding-top: 10px;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	float:right;
	}

.commentmetadata a{color:#999999;
text-decoration:none;}
/* ligthbox stuff */

#lightbox{
	background-color:#000000;
	padding: 10px;
	border: 1px solid #333;
	}
#lightboxDetails{
color:#CCCCCC;
	font-size: 1.2em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#lastfmrecords {color:#fff;
float: right;
padding-right:20px;
padding-left:20px;}


#lastfmrecords img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
 width:62px;
 height:62px;
 }
 
 #lastfmrecords ol li
 {display: inline;}
 
 #twitter_div li{
 background: transparent url(img/non-active.png) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #666;}


 #twitter_div ul
{
list-style-type: none;
text-align: left;
}

.left-pad{
padding-left: 10px;}

.alignleft {float:left; margin:0 15px 10px 0px; border:#000 1px solid}
.alignright {float:right; margin:0 0 10px 15px; border:#000 1px solid}
.alignnone {; margin:0 0 10px 15px; border:#000 1px solid}