/* CSS Styles for boboroshi.com
   A Declaration of Independence from old browser technology

   

 2003 - 2005 by moi because I'm a stuck up bitch like that.
   Actually, the site's older than that so copyright back to 95 bitch. 
   That's right. 1995. off the hizzle fo shizzle.
   
   Well, that and .sara j. flemming's l33t code skillz. */
   
body {
  	font: 11px/20px Verdana, "Trebuchet MS", Arial, sans-serif;
	background: #e8e4d9 url(../media/images/design/bg/default.gif) repeat;
	color: #000;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

a {text-decoration: none;}
a:link {color: #960; border-bottom: 1px dotted #960;}
a:visited {color: #666; border-bottom: 1px dotted #693;}
a:hover {color: #c00; border-bottom: 1px solid #f00;}

#nav a {text-decoration: none; border:0;}
#nav a:link {color: #960; border:0;}
#nav a:visited {color: #666; border:0;}
#nav a:hover {color: #c00; border-bottom: 1px solid #c00;}

.imgroll a {text-decoration: none; border:0;}

#top a {text-decoration: none; border:0;}

a.foot {border: 0; font-weight: bold;}
a.foot:link {color: #c90;}
a.foot:visited {color: #ccc; border:0;}
a.foot:hover {color: #c00; border-bottom: 1px solid #c00;}

#flickr a {border: none; text-decoration: none;}

/*
a.rev {font-weight: bold; text-decoration: none;}
a.rev:link {color: #ffc;}
a.rev:visited {color: #aaa;}
a.rev:hover {color: #aaa;}

a.sidebar {font-weight: bold; text-decoration: none;}
a.sidebar:link {color: #960; border-bottom: 1px dotted #960;}
a.sidebar:visited {color: #666; border-bottom: 1px dotted #693;}
a.sidebar:hover {color: #c00; border-bottom: 1px dotted #f00;}

a.sidebarsub {font-weight: bold; text-decoration: none; margin-left: 7px;}
a.sidebarsub:link {color: #960; border-bottom: 1px dotted #960;}
a.sidebarsub:visited {color: #666; border-bottom: 1px dotted #693;}
a.sidebarsub:hover {color: #c00; border-bottom: 1px dotted #f00;}

a.thumb {border: none; text-decoration: none;}
*/

#shebang {
	width: 725px;
	background: #fff;
	border: 1px solid #666;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#top {
	background: #3f3f3f;
	height: 20px;
	text-align: right;
	padding: 5px;
	}

#mast {
	background: #666;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
#mast h1 {
	margin: 0;
	padding: 0;
}

#bottommast {
	padding: 0;
	margin: 0;
}

#nav {
	background: #666 url(../media/images/design/nav_gradient_bkgnd.gif) repeat-x top; 
	height: 50px;
	padding-left: 5px;
	padding-right: 15px;
	text-align: left;
}

#nav ul {
	margin: 0;
	padding: 4px 0 0 7px;
	list-style-type: none; 
}

#nav li {
	display: inline; 
	margin: 0;
	padding: 0 10px 0 0;
	font: 10px/14px verdana, arial, tahoma, sans-serif;
	background: transparent;
}

#datemast{
	float: left;
	padding: 5px 0 0 5px;
	font: 9px verdana, arial, sans-serif;
	color: #aaa;
}

#caption {
	background: #dfdacb url(../media/images/design/yellowleftbkgnd.gif) no-repeat left;
	height: 43px;
	width: 205px;
	padding: 0 4px 4px 2px;
	border: 1px solid #666;
	border-top: 0px ;
	color: #666;
	float: right;
}

#caption img {
	float: left;
	margin-top: 4px;
	clear:both;
	}

#caption p {
	margin: 2px 6px 6px 18px;
	font-size: 9px;
	line-height: 12px;
	}

#footer {
	background: #666;
	border-top: 1px solid #666;
	padding: 2px 2px 2px 10px;
	text-align: left;
	line-height: 14px;
	font-size: 10px;
	color: #ccc;
	clear: both;
	}
	
#footer p {
	margin: 0;
	padding: 5px 0 20px 0;
}

#validated {
	float: right;
	padding: 5px 0 0 0;
}

#validated ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none; 
}

#validated li {
	display: inline; 
	margin: 0;
	padding: 0 10px 0 0;
	background: transparent;
}
	
#talky {
	width: 520px;
	float: left;
	margin: 0;
	text-align: left;
}

#bodyword {
	padding: 10px;
}

#bodyword h2 {
	padding: 0;
	margin: 5px 0;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #900;
}

#bodyword h2 a {text-decoration: none;}
#bodyword h2 a:link {color: #900;border-bottom: none;}
#bodyword h2 a:visited {color: #900;border-bottom: none;}
#bodyword h2 a:hover {color: #c00; border-bottom: 1px solid #f00;}


#bodyword h3 {
	padding: 0;
	margin: 5px 0;
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #900;
}

#bodyword h4 {
  margin-bottom: 0px;
  font: 13px/18px "Trebuchet MS", georgia, verdana, arial, sans-serif;
  color: #333;
  letter-spacing: 0.2em;
}

#bodyword p {
	color: #333;
	text-align: justify;
}

#bodyword .date {
	border-top: 1px dotted #aaa;
	font-size: 9px;
	text-align: right;
	color: #999;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	padding-top: 5px;
}

#bodyword ul,ol {
  margin: 0 0 0 -10px;
}

#bodyword ul li, #bodyword ol li {
  font-size: 11px;
  line-height: 18px;
}

#sidebar {
  width: 183px;
  text-align: left;
  background: #dfdacb;
  border-left: 1px dotted #aaa;
  padding: 10px;
  position: relative;
  bottom: 0;
  left: 520px;
  height: 100%;
}

#sidebar_guts {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 183px;
  background: #dfdacb;
  border-left: 1px dotted #aaa;
  height: auto;
  text-align: left;
  padding: 10px;
  z-index: 10;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

	
#sidebar_guts h3 {
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	margin: 0;
	padding: 0;
}

#sidebar_guts p,ul,li {
	font-size: 10px;
	line-height: 16px;
	color: #333;
	background: transparent;
}

#sidebar_guts ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	list-style-type:disc;
}

#sidebar_guts ul li {
	list-style-type: square;
	font-size: 10px;
	line-height: 16px;
	color: #333;
	background: transparent;
}


ul.blogroll {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	list-style-type:disc;
}

#sidebar_guts ul.blogroll li {
	list-style-type: square;
	font-size: 10px;
	line-height: 16px;
	color: #333;
	background: transparent;
}

ul.imgroll {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

#sidebar_guts ul.imgroll li {
	display: inline;
	margin: 0 0 5px 0;
}

.rule {
	height: 0px;
	border-bottom: 1px dotted #aaa;
	margin: 10px 0 10px 0;
	clear: both;
}

#sidebar_guts .vcard {
	margin: 0 5px 5px 0;
	clear: both;
	}

/*#flickr {
	margin: 0px;
	width: 485px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 10px 10px 25px;
	background: #efeedc url(../media/images/design/flickrbkgnd.gif) repeat-x bottom;
	}
	*/
.flickrimg {
	margin: 5px 10px 5px 0px;
	border: 1px solid #666;
	}
	
#flickr h2 {
	letter-spacing: .75pt;
	font-weight: bold;
	color: #666;
	font-family: verdana, arial, tahoma, sans-serif;
	line-height: 12pt;
	font-size: 7pt;
	margin: 0px;
	padding: 0px;
}


div.sidesegment {
	width: 150px;
	border-top: 10px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	color: #666;
	text-align: left;
	font-family: verdana, arial, tahoma, sans-serif;
	line-height: 12pt;
	font-size: 7pt;
}


.technorati {
	font-size: 0.8em;
	color: #666;
}

.sidetitle {
	letter-spacing: .75pt;
	font-weight: bold;
}

.sidesubsec {
	margin-left: 7px;
}

img.inline {
	border: 1px solid #666;
}

.bodytitle {
	font-size: 10pt;
	font-weight: bold;
	text-transform:capitalize;
}

.bodysub {
	letter-spacing: .75pt;
	color: #999;
}

.bodylinkage {
	font-size: 7pt;
	text-align: right;
	color: #999;
	letter-spacing: .75pt;
	margin-bottom: 2px;
}

label {
	font: 10px/18px "Trebuchet MS", verdana, arial, tahoma, sans-serif;

}

.lyrics {
	font-style: italic;
}

blockquote, div.quote {
	width: 450px;
	color: #960;
	border-left: 3px double #ccc;
	text-align: left;
	font: 11px/18px "Trebuchet MS", verdana, arial, tahoma, sans-serif;
	font-style: italic;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

.thumb {
	border: 1px solid #666;
	height: 72px;
	width: 72px;
	padding: 0px;
	margin: 3px 3px 3px 0px;
	}
	
.gallery {
	text-align: left;
	}
	
pre {
	background: #000;
	color: #fff;
	padding: 6px;
	overflow: auto;
	max-height: 450px;
	width: 480px;
	margin: 0px auto;
	font-size: 12px;
}
.vcard {padding-top:4px;}