/*
Theme Name: Pictured Blues
Theme URI: http://www.theglasspeople.net/theme/pictured-blues/
Description: Based partly on prebuilt with major modifications.
Version: 1.0
Author: John Hill
*/

/* Base Layout */
body {
  margin-top: 10px; }

#container {
  width: 750px;
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:1.5em; }

/* General */
a {color:#465E76; }

p a { color: #465E76; font-weight:bold; }

p a:hover { color: #3399CC; font-weight:bold; }

a:hover {color:#3399CC;}

h2 {
  font-size: 1.3em; }

img.left {
  float:left; }

img.right {
  float:right; }

img { border: 0px; }

.clear {
  clear:both; }

/* Header */
#header {
  width: 747px;
  height: 139px;
  margin: 0 auto;
  background-image: url(images/header.jpg);
  font-size: 10px; }

/*#header h1,
#header h1 a,
#header h1 a:hover {
  display:none;
  font-size: 1.7em;
  color:#FFFFFF;
  margin:10px;
  padding-top: 10px;
  font-weight:lighter;
  text-decoration:none; }

.description {
  display:none;
  font-size:10px;
  color:#FFFFFF;
  margin:10px;
  padding:0px; }*/

ul.menu {
	margin: 0;
	padding: 0;
	position:relative;
	left: 20px;
	top:113px;}

ul.menu li {
	display: inline;
	margin: 0;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight:bold;}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px 15px; }

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #FFF;
	margin: 0;
	text-decoration:none;
	background-image:url(images/nav_back.gif);
	background-repeat:repeat-x;	}

ul.menu li a:hover {
	color: #FFF !important;
	text-decoration: none;
	background-image:url(images/nav_back_hover.gif);
	background-repeat:repeat-x;	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: #FFF;
	text-decoration: none;	}
	
/* Content Container */
#content {
  width:720;
  padding-left:15px;
  padding-right:15px;
  padding-top: 15px;}
  
/* Posts */
.post_container {
  width: 510px;
  padding-left: 5px;
  padding-right: 10px;
  float: left;
  border-right: 1px solid #d9d9d9;
  min-height: 300px; }

.post_container h1 {
  font-size:1.5em;
  color: #666; }
  
.post_container h2 {
  font-size: 1.3em;}

.post_container h2 a {
  font-weight: bold;
  text-decoration: none;}

.post_container a {
  text-decoration: none; }
  
/* Entry */
.entry {
  font-size: 1em;
  line-height: 1.7em;
  color: #333;}

.entry .info {
  background-color:#F6F6F6;
  margin:0px;
  padding:3px;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  font-size:0.9em; }

.entry .info a {
  margin-right:6px;
  padding-right:9px;
  border-right:1px solid #949494;}

.entry .info em {
  padding-right:0px;
  font-style:normal; }

.entry .info .comments {
  padding-left:18px;
  background:url(images/comments_color.gif) 3px 1px no-repeat; }

.entry .info .date {
  padding-left:18px;
  background:url(images/post_color.gif) 0px 1px no-repeat; }

.entry .info .author {
  padding-left:23px;
  border-color:#949494;
  background:url(images/author2.gif) 6px 1px no-repeat; }

.entry .info .author a {
  border-right:0px; }

.entry .author,
.entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  border-left:1px solid;
  border-right:none; }

.entry #filedunder {
  clear:both;
  padding:3px 0 0 0;
  font-size:0.9em;
  border-top:1px solid #d9d9d9;}

.entry blockquote{
	background: #F6F6F6 url(images/blockquote.png) no-repeat bottom left;
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em; }

/* Post Navigation for multiple pages of posts */
#navigation {
  padding:20px 0px; }

#navigation span.left {
  float:left; }

#navigation span.right {
  float:right; }

/* Sidebar */
#sidebar {
  width: 185px;
  font-size: 10px;
  line-height: 1.4em;
  color: #666;
  float: right; } 

#sidebar a {
  color: #222222;
  text-decoration: none;
  display:block;
  padding: 5px;
  border-bottom: 1px solid #F6F6F6; } 

#sidebar a:hover {
  color: #666;
  background-color: #F6F6F6;
  display:block; }

#sidebar a.comments {
  text-decoration:underline;
  padding-left:0px; }
 
#twitter_update_list span a, #twitter_update_list span a:hover { display: inline; }
  
#sidebar ul{
  list-style-type:none;
  margin:0;
  padding:0;
  border: 0px; }
	
#sidebar ul li {
  padding: 0px; }

#sidebar ul li ul {
  padding-left: 15px;
  border: 0px; }

#sidebar ul li ul.pages {
  list-style-image:url(images/post_color2.gif);
  margin-left: 15px; }
 
/* Sidebar Bottom */
#sidebar_bottom {
  width: 185px;
  font-size: 10px;
  line-height: 1.4em;
  color: #666;
  float: right; } 

#sidebar_bottom  a {
  color: #222222;
  text-decoration: none;
  display:block;
  padding: 5px;
  border-bottom: 1px solid #F6F6F6; }

#sidebar_bottom  a:hover {
  color: #666;
  background-color: #F6F6F6; }

#sidebar_bottom  ul{
	list-style-type:none;
	margin:0;
	padding:0; }
	
#sidebar_bottom  ul li{
  padding: 0px; }
	
#sidebar_bottom ul li ul {
  padding-left: 15px;}

#sidebar_bottom ul li ul.categories {
  list-style-image:url(images/categories_color.gif);
  margin-left: 15px; }

#sidebar_bottom ul li ul.themes {
  list-style-image:url(images/themes.gif);
  margin-left: 15px; }

#sidebar_bottom ul li h2 a
#sidebar_bottom ul li h2 a:hover {
  border: 0px;
  color: #666; }

#sidebar_bottom ul li.lastfm ul li {
  list-style-image:url(images/lastfm.png);
  margin-left: 15px; }

#sidebar_bottom ul li.corkd ul li {
  list-style-image:url(images/wine_bottle.gif);
  margin-left: 15px; } 

#sidebar_bottom ul li.dev ul li {
  list-style-image:url(images/dev2.gif);
  margin-left: 15px; }

#sidebar_bottom ul li ul.meta li.validator {
  list-style-image:url(images/check.gif);
  margin-left: 15px; }

#sidebar_bottom ul li ul.meta li.feeds {
  list-style-image:url(images/feed-icon.gif);
  margin-left: 15px; }

#sidebar_bottom li ul li ul {
  padding-left: 15px;
  border: 0px; }

#sidebar_bottom li ul li ul.archives {
  margin-left:25px;
  list-style-image:url(images/sub_categories_color.gif); }

/* Middle Spacer Image */
.secdivide {
  width: 720px;
  height: 41px;
  margin: 0 auto;
  background-image: url(images/divider.gif);
  background-color: #f7f7f7;
  margin-top:8px;
  margin-bottom: 8px; }

/* Flickr Intergration */
#flickr {
  width: 200px;
  height: 270px;
  margin:0px 10px 0px 0px;
  background-image: url(images/flickr.gif);
  background-repeat: no-repeat;
  background-color: #ffffff;
  float: left; }

#flickr ul, #flickr ul li { 
  padding: 0; 
  margin: 0; 
  border: 0; }

#flickr ul { list-style: none; }
#flickr ul li { display: inline; }
/* ----------- Thumbnails -------------*/
.falbum-tn-border-s {
	float: left;
	width: 85px;
	height: 85px; }
	
.falbum-thumbnail {
	float: left; }
 
.falbum-thumbnail img,
.falbum-thumbnail a img {
	 background-color: #fff;
	 border: 1px solid #d9d9d9;
	 display: block;
	 margin: 2px;
	 padding: 4px;
	 position: relative; }

.falbum-thumbnail img:hover,
.falbum-thumbnail a:hover img {
	background-color: #D0E3EC;
	border: 1px solid #3399CC; }

/* Extras*/
#extras {
  background-color: #F6F6F6;
  border:1px solid #d9d9d9;
  width: 500px;
  height: 220px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;}

#extras ul,
.extrasinside ul,
.extrasinside_last ul {
  list-style-type:none;
  margin:0;
  padding:0;}

#extras ul li,
.extrasinside ul li,
.extrasinside_last ul li{ }

.extrasinside {
  float: left;
  padding: 0px 10px 0px 10px;
  height: 220px;
  font-size: 10px;
  line-height: 1.6em;
  color: #555;
  border-right: 2px dashed #d9d9d9;
  background:url(images/digger.gif) center no-repeat; }

.extrasinside a {
  text-decoration:none; }
  
.extrasinside ul li h2,
.extrasinside_last ul li h2 {
  margin-top:10px;
  margin-bottom:10px; }
  
.extrasinside_last {
  float: left;
  padding: 0px 10px 0px 10px;
  height: 220px;
  width:115px;
  font-size: 10px;
  line-height: 1.6em;
  color: #555;
  border-right: 0px;
  background:url(images/links_background.gif) center no-repeat;  }

.extrasinside_last a {
  text-decoration:none; }

/* Search */
#search {
  border:1px solid #d9d9d9;
  width: 490px;
  padding: 5px;
  float: right;
  margin:0px; }

#searchform {
  margin:0px;
  padding:0px;}

#search fieldset {
  border:0px;
  margin:0px;
  padding:0px; }

/* Comments */
#comments h2 {
  margin-bottom:24px; 
  color: #666;}

#comments h2 a {
  color:#465E76;
  margin-left:2px;
  padding-left:6px;
  border-left:1px solid #d9d9d9;
  font-size:1em;}

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px; }

#comments li p {padding:0 0 10px 0;}

#comments li.comment {list-style-image:url(images/comments_color.gif);}

#comments li.trackback,#comments li.pingback {list-style-image:url(images/pingtrackback.gif);}

#commentform {background-color: #F6F6F6;}

#comments .header {
  background-color:#D0E3EC;
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0;
  padding:3px 6px;}
  
* html #comments .header {height:19px;} /* IEWin */

#comments .header .alt {background-color:#D0E3EC;}

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px; }

/* form */
#comments form,
#contact form {
  padding:6px 0;
  background-color: #F6F6F6;
  border: 1px solid #d9d9d9; }

#commentform, #contactform {margin-bottom:18px;}

#comments form fieldset,
#contact form fieldset {border:0 solid;} /* Opera */

#comments form p,
#contact form p,
#comments form p.email_notify {
  padding:6px 0;
  border-bottom:1px solid #d9d9d9; }

#comments form label,
#contact form label {
  display:block;
  float:left;
  width:60px;
  color: #465E76; }
  
#comments form p.email_notify label {
  display:block;
  width:auto;
  color: #465E76; }

#commentform label {margin:0px 15px;}
#contactform label {margin:0px 15px 0px 0px;}

#commentform p.email_notify label {width:auto; margin:0px 15px 0px 25px; }

#comments form em,
#contact form em {
  margin-left:5px;
  font-size:1em;
  font-style:normal;
  color:#F1991A; }

#comments form input, #comments form textarea,
#contact form input, #contact form textarea {
  padding:3px;
  width:200px;
  color:#414141;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em; }

#comments form textarea,
#contact form textarea {overflow:auto;}

#commentform input {width:200px;}
#comments #commentform textarea {width:325px;}
#contact #contactform textarea, #contactform #bx_subject {width:350px;}

* html #comments #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contact #contactform textarea,
* html #contact #contactform #bx_subject {width:330px;} /* IE WIN; but why? */

#comments form .button,
#contact form .button {width:auto; margin-left:20px; }

form .hiddenfield {display:none;}

#comments form .info,
#contact form .info {padding-left:90px;}

#post_container #comments #commentform input,
#post_container #contact #contactform input {
  width:auto; }
  
p.aim {
  background:url(images/aim.jpg) center left no-repeat;
  padding-left:35px;
  font-size:24px;
  height:35px; }

p.skype {
  display:block; }
  
/* Footer */
#footer {
  width: 720px;
  margin: 0 auto;
  font-size: 10px;
  color: #555;
  padding-top: 5px;
  border-top: 1px solid #d9d9d9; }

#footer a {
  text-decoration: none;
  font-weight: bold; }

#footer a:hover { }

/* Calendar */
#wp-calendar {
  color:#666;
  display:inline-table;
  border-collapse:collapse;
  width:170px; 
  margin:0px;
  text-align:center; }

#cal table caption {
  border-bottom: 1px solid #d9d9d9;
  margin:10px 10px 0 10px;
  padding-bottom:5px;
  letter-spacing:0.1em; }

#cal table thead tr {
  border-bottom: 1px solid #d9d9d9;
  color:#666; }

#cal table th {
  border-bottom: 1px solid #d9d9d9; }
  
#cal table td {
  width:150px; 
  padding:1px;
  font-size:0.9em; }

#cal table td#today {
  color:#222;
  padding:0;
  border:1px solid #3399CC;
  font-size:1em;
  font-weight:bold; }

#cal table td a {
  background-color:#D0E3EC;
  display:block;
  border-bottom:1px solid #3399CC;
  font-weight:bold;
  font-size:1.15em; }

#cal table tfoot {
  border-top: 1px solid #d9d9d9;}

#cal table tfoot a {
  background:none;
  border:none;
  font-weight:bold; }

#cal table tfoot #prev a {text-align:left;}
#cal table tfoot #next a {text-align:right;}

/* Twitter Updates */
#sidebar #twitter_div ul#twitter_update_list li {
	border-bottom: 1px solid #d9d9d9;
	padding:10px 0px;
	font-size: 1.1em;
  	line-height: 1.3em;
  	color: #333; }

#sidebar #twitter_div ul#twitter_update_list li a {
	text-align:right;
	color: #465E76;
	padding:3px;
	border-bottom: none; }

#sidebar #twitter_div #twitterBadge {
	padding:10px 0px; }

#sidebar #twitter_div #twitterBadge img,
#sidebar #twiiter_div #twiiterBadge a img {
	float:left;
	padding-right:10px;
	display:block; }

#sidebar #twiiter_div #twiiterBadge a {
	border: none; }

.photoTitle {
	margin-top: 4em; }