/*  

Theme Name: Pam Van Londen's version of Sliding Door

Theme URI: 

Description:A template featuring sliding images in the menu, based on Samuel Birch's phatfusion image menu.

Version: 1.5

Author: Pam Van Londen and the original author of http://mac-host.com/slidingdoor/ is Wayne Connor

Author URI: http://pamvanlonden.com and http://www.macintoshhowto.com/

Tags: black, custom header, fixed width, left sidebar,two columns, widget ready, widgets, valid CSS

*/



* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	color: #000;
	font-family: "Lucida Grande", Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
	background-color:#744774;
}
body a {
	color:#660000;
}
#upperBar {
	height: 0px;
	background: #01bcff;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#welcomeheading a img {
	margin:0;
	padding:0;
	color: #000;
	border:0;
}
#welcomeheading {
	text-align: center;
}
#welcomeheading a:hover {
	color: #aaa;
}
.description {
	text-align: center;
	font-size: 11px;
	color: #fff;
	padding-bottom: 20px;
}
div.toolbar {
padding:0 10px 0px 0;
margin:0 0 0 0;
height:10px;
line-height:10px;
/* safari likes this:
height:20px;
line-height:20px;*/
text-align:right;
background-color: transparent;
font-size:10px;
display:inline;
}
div.toolbar ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.toolbar ul li {
	display:inline;
	margin:0;
	padding:3px 5px;
}
div.toolbar ul li a {
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none;
}
#content {
	width:650px;
	margin-left:250px;
	background-color:#fff;
	border: 1px solid #000;
	color:#000;
	padding:20px;
	font-size:13px;
}
#content .notice p {
	margin:10px 0;
	padding:0;
	font-size: 18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .post {
	color:#000;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-bottom:1px dashed #663366;
	min-height:300px;
}
#content .post h2, #content .post h2 a {
	color:#993399;
	text-decoration: none;
	margin:8px 0 0 0px;
	padding:0 0 5px 0;
	text-transform:capitalize;
	font-size:18px;
	font-family: "Trebuchet MS", sans-serif;
}
#content .post h2 a:hover {
	color:#663366;
}
#content h2.lessmargin {
	margin-top:0;
}
#content div.noborder {
	border:0;
}
#content .post-details, #content .details_small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
	margin:0 0 0px 0px;
	padding:0 0 30px 0px;
	color:#666666;
	
}
#content p.post-details a, #content .details_small a {
	text-decoration:none;
	color:#666;
}
#content .post h3 a, #content .post h3 {
	color:#CC3366;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	margin:15px 0 3px 0;
}
#content .post h3 a:hover {
	text-decoration: none;
}
#content .post h4 {
	font-size: 14px;
	margin-top:10px;
	color:#663399;
}
#content code, #content pre {
	font-size:11px;
	line-height:21px;
	margin: 0px 0px 10px 0px; /* was margin: 0px 40px 10px 40px; */
	padding:5px;
	background-color:#E9E0FD;
}
#content .post img {
	/*max-width: 500px;
	max-height: 600px;*/
	margin:2px;
	
}
/* -------------------------------------- Buy Box ----*/
#content p.buybox {                      /*  buy box   */
	margin:-25px 0 5px 15px;
	padding:5px;
	font-size:10px;
	line-height:14px;
	color:#333333;
	width:200px;
	border:1px solid #ccc;
	float:right;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	box-shadow: 0px 2px .5em #333;
	-moz-box-shadow: 0px 2px .5em #333;
	-webkit-box-shadow: 0px 2px .5em #333;
	position:relative;
	 z-index:1;
}
#content p.buybox img {width:200px;z-index:1; } /*main image */

#content p.buybox a img {height:19px;} /*paypal image */
#content .post p.buybox a img.paypal {/*PayPal button*/
border-right:0px solid #333399;
	border-bottom:0px solid #333399;
	height:19px; width:200px;
}
#content .post p.buybox:hover {
position:relative;
top:0;
left:0;
height:255px;
z-index:999;
}
#content .post p.buybox img:hover,
#content .post p.buyboxsmall img:hover {/* larger version pops up and left */
width:300px;
position:relative;
top:-100px;
bottom:0;
left:-100px;
margin-bottom:-95px; /*LEAVES THE CAPTION WHERE IT BELONGS...sort of */
z-index:999!important;
box-shadow: 0px 2px 50em #000;
	-moz-box-shadow: 0px 2px 50em #000;
	-webkit-box-shadow: 0px 2px 50em #000;

}
#content .post p.buybox a img.paypal:hover,
#content .post p.buybox a img:hover,
#content .post p.buyboxsmall a img.paypal:hover,
#content .post p.buyboxsmall a img:hover {/* paypal button stays put */
width:200px;
position:relative;
top:0;
left:0;
z-index:1;

}

#content p.buyboxsmall img {width:150px;}/* secondary images */
#content p.buyboxsmall {       
	margin:0 0 5px 15px;
	padding:5px;
	font-size:10px;
	line-height:14px;
	color:#333333;
	width:150px;
	float:right;
	border:1px solid #ccc;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
box-shadow: 0px 2px .5em #333;
	-moz-box-shadow: 0px 2px .5em #333;
	-webkit-box-shadow: 0px 2px .5em #333;
}



#content .post a img {
	margin-right:10px;
	/*border-right:2px solid #333399;
	border-bottom:2px solid #333399;*/
}

#content .post ul, #content .post ol {
	margin-left: 30px !important;
}
dd {
	margin:0 0 4px 10px;
	font-size: 10px;
}
#content .post ul li, #content .post dt {
	margin:0;
	padding:0;
	line-height:14px !important;
	list-style:square;
}

#content .floatingcontainer, #content .boxright, #content .right {
	float:right;
	width:200px;
	border-left:1px dashed #660066;
	margin:0 0 10px 20px;
	padding:10px;
	font-size:10px;
	line-height:12px;
}
#content .floatingcontainer p.cite {
	font-size:14px;
	line-height:25px;
	color:#CC3366;
	font-weight:bold;
	font-family:"Trebuchet MS", Georgia;
}
#content .floatingcontainer p.poem {
	font-size:10px;
	line-height:13px;
	color:#663366;
	font-weight:normal;
	font-family:"Lucida Grande", "Lucida Grande CE", "Lucida Grande CY", Verdana, "Trebuchet MS";
}
#content p,  #content .post ul li {
	font-size:14px;
	line-height:25px;
	margin: 0 0 10px 0;
	color: #000;
	font-family:Georgia, "Trebuchet MS", Times, serif;
	text-align: left;
}
#content blockquote {
	margin-left: 10px;
	border-left: 3px solid #333;
	padding-left: 10px;
}
#content p a {
	color:#9900CC;
}
#content p a:hover {
	text-decoration: none;
}
#content small {
	margin: 0 auto;
	text-align: center;
	display: block;
	border-top: 3px solid #333;
	border-bottom: 1px solid #333;
	font-size: 10px;
	color: #999;
	text-transform:capitalize;
}
#content ol {
	line-height: 1.6;
}
#content ol.commentlist {
	margin-top: 10px;
}
#content ol.commentlist li {
	border-top: 1px solid #333;
	margin-bottom: 10px;
}
#content ol.commentlist li .commentMeta {
	width: 120px;
	float: left;
	margin-top: 5px;
}
#content ol.commentlist li .commentMeta span {
	display: block;
}
#content ol.commentlist li .commentMeta span.author,  #content ol.commentlist li .commentMeta span.author a {
	color: #CCC;
	text-decoration: none;
	margin-bottom: 5px;
}
#content ol.commentlist li .commentMeta span.date a {
	color: #666;
	text-decoration: none;
	font-size: 11px;
}
#content ol.commentlist li .commentMeta span.moderate a {
	color: #42adfb;
}
#content ol.commentlist li .commentText {
	width: 450px;
	float: right;
	padding: 5px;
	font-size: 12px;
}
#content ol.commentlist .avatar {
	float: left;
}
#content #commentform input {
	padding: 5px;
	font-family: Arial, Helvetica, Sans-serif;
}
#content #commentform textarea {
	width: 410px;
	padding: 10px;
	font-family: Arial, Helvetica, Sans-serif;
}
#content .nextprevious {
	margin:20px auto;
	height: auto;
	display: block;
	font-size:20px;
	background-color:#7C4181;
	color:#fff;
}
#content .nextprevious a {
	color:#fff;
	text-decoration:none;
	font-size:20px;
}
#content .nextprevious .left {
	float: left;
	padding:10px 0px 0 200px;
}
#content .nextprevious .right {
	float: right;
}
.thumbnailContainer {
	height: 100px;
}
.firstImgThumbnail, .firstImgThumbBlank {
	width:100px; /* This is the class given to thumbnails in search and category results */
	height:100px;
	clear:none;
	float:left;
}


.searchTitle {
	font-size: 10px;
}
.wp-caption {
	border:1px solid #ccc;
	padding:5px;
	margin:0 5px;
}
p.wp-caption-text {  /*not working yet; check the extra.css file */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; line-height:12px;
	color:#ccc;
	text-align:center;
	  
}
.alignleft {
	float:left;
	width:340px;
}
.alignright {
	float:right;
	
}
.alignright img {width:auto;}
#sidebar {
	float:left;
	border-top:1px solid #000;
	margin:0; 
	padding:0;
}
#sidebar a img {
	border: none;
}
#sidebar ul {
	list-style:none;
	list-style-type:none;
}
#sidebar h2.widgettitle {
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	margin-top:10px;
	font-weight:bold;
}
#sidebar li {
	color:#000;
	font-size:9px;
}
#sidebar li a {
	text-decoration:none;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
#sidebar ul li a:hover {
	text-decoration:none;
	font-size:14px;
	color:#fff;
}
#sidebar ul ul ul li {
	display:block;
	padding:3px;
}
#sidebar ul ul ul li a {
	font-size:11px;
	margin:0 0 0 20px;
	text-transform:none;
	padding:3px;
	color:#fff;
	font-weight:normal;
}
#sidebar ul ul ul li a:hover {
	font-size:11px;
	margin:0 0 0 20px;
	text-transform:none;
	color:#000;
	background-color:#fff;
	padding:3px;
}
#sidebar #search.widget.widget_search input {
	width:75px;
	border:1px solid #ccc;
}
#sidebar #search.widget.widget_search label {
	color:#744774;
}/*same as background*/
form {
}
fieldset {
	border:0;
}
legend {
	font-family:"Trebuchet MS", Georgia;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
label {
	width:100px;
	display:block;
	margin-right:10px;
	font-size:11px;
	color:#666666;
}
input, textarea {
	border:1px solid #663366;
	margin:0 3px 5px 0;
	padding: 3px;
}
form ol {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:11px;
	color:#666666;
}
.clearfix {
	clear: both;
}
table {
	border:1px solid #fff;
	border-collapse:collapse;
}
tr {
	border-bottom:1px solid #fff;
	padding:5px;
}
th {
	border-bottom:1px solid #fff;
}
td {
	border-bottom:1px solid #fff;
}
caption {
}
/*gallery ----------------------- 
Use the Thumbnail-for-excerpts plugin to see images in the excerpts. 
http://www.cnet.ro/wordpress/thumbnailforexcerpts/
*/
ul.gallery li {
width:185px; 
height:200px; 
overflow:hidden; 
float:left;
padding:0;
margin:0 30px 30px 0;
font-size:10px;
line-height:13px;
}
ul.gallery li a {
text-decoration:none;
}

ul.gallery li a img, ul.gallery li img {
width:185px; 
height:185px; 
overflow:hidden; 
margin:0 30px 30px 0;
}

#content .post ul.gallery  {
	margin-left: 0 !important;
}
/* Default WP Gallery */
/* this keeps the gallery from shoving row 2+ to below the sidebar */
div#gallery-1 br, div#gallery-2 br, div#gallery-3 br,
div#gallery-4 br, div#gallery-5 br, div#gallery-6 br {clear:none!important;}
div#gallery-1, div#gallery-2, div#gallery-3,
div#gallery-4, div#gallery-5, div#gallery-6 {margin-bottom:30px;}

/* Lovely Previous and Next navigation at the bottom of the home page.*/
.navigation {
	padding: 15px 0 0;
	
}
.navigation a {
display: inline-block;
width: 20px;
margin: 0 2px 0 0;
border: 1px solid #C01D36;
color: #C01D36;
text-decoration: none;
text-align: center;
}
.navigation a:hover {
  border: 1px solid #000;
	color: #000;
	background: #EEE;
}
.navigation span {
	display: inline-block;
	width: 20px;
	margin: 0 2px 0 0;
  text-align: center;
}
.navigation span.pages {
  margin-right: 10px;
	width: auto;
}
.navigation span.current {
  border: 1px solid #000;
	background: #888;
	color: #FFF;
}
.navigation.first {
	background: none;
	padding: 0;
}
.navigation.com a {
	margin: 0 -2px 0 0;
}
.navigation.com span.dots {
	margin: 0 -4px 0 0;
}
.navigation.com span.current {
	margin: 0 -2px 0 0;
}
p.footer {font-size:9px; color:#999;}

.fancy {
	box-shadow: 0px 2px 1em #ccc;
	-moz-box-shadow: 0px 2px 1em #ccc;
	-webkit-box-shadow: 0px 2px 1em #ccc;
}