/*
Theme Name: Mar'ce Merrell
Theme URI: http://wordpress.org/
Description: Designed for M. Merrell 2009
Version: 0.9
Author: R Butz / V Wiercinksi
*/

/* letter colours go in this order: */
/* the pink = ef5f90
/* the green = b7d133
/* the orange = f9a622
/* the grey = bcbcbc
/* the brown = 684d4d
/* the orange = f9a622
/* the skyblue = 4dc6ea
/* the green = b7d133
/* the pink = ef5f90

/* sugarblue = cddef2 */

/* reset */
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a {border: none; }
img {border: none; }
a img { border: none; }


/* ---------------------- =structure -------------- */

*, html {
	margin: 0px; padding: 0px;
}

body {
	background-color: #fff;
	color: #000;
    font-family: Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif;
	font-size: 12px;
}

#pageborderleft, #pageborderright {
	background-color: #fff;
	background-repeat: repeat-y;
	position: fixed;
	top: 0pt;
	width: 74px;
	height: 100%;
	margin: 0px;
	z-index: -1;
} 


#pageborderleft {
	background-image: url(/img/decoration_left.png);
	left: 0pt;
}

#pageborderright {
	background-image: url(/img/decoration_right.png);
	right: 0pt;
}

#container {
	width: 945px;
	margin: 0px auto;
}

#header {
	position: relative;
	background-color: #fff;
	width: 945px;
	height: 239px;
	background: transparent url(/img/header_transp.png) 0px 10px no-repeat;
	margin-bottom: 10px;
}

#footer {
	text-align: center;
	clear: both;
	width: 785px;
	margin: 0px auto;
	background: transparent;
	padding-top: 5px;
	border-top: 2px dotted #666;
    margin-top: 5px; 
}

#footer .blog {
	border-top: 2px dotted #666;
}

#footer img {padding-top: 10px; padding-bottom: 10px;}

#content-bottom {
	background: url(/img/content_bottomborder.png) no-repeat;
	height: 8px;
	width: 785px; /* same as footer */
	overflow: hidden;
	margin: 0px auto 12px auto; 
}



#content {
	margin: 0px auto;
	width: 790px;
/*	height: 410px; */
/*	border: 1px dashed #000; */
	overflow: hidden;
}

#contentmedia {
	margin: 0px auto;
	width: 778px;
	height: 410px;
/*	border: 1px dashed #000; */
	overflow: hidden;
	border-left: 2px dotted #666;
	padding-left: 5px;
	border-right: 2px dotted #666;
	padding-right: 5px;
}

#contentblog {
	margin: 0px auto;
	width: 785px;
}

#contentcontact {
	margin: 0px auto;
	width: 778px;
	padding-right: 5px;
}

#topcompressor { /* for slotting in headlines on some pages */
	border-bottom: 2px dotted #666;
	width: 100%;
}

#leftcontenthome {
	float: left;
	width: 346px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	border-left: 2px dotted #666;
	padding-left: 5px;
	border-right: 2px dotted #666;
	padding-right: 5px;
/*	border-bottom: 2px dotted #666; */
	padding-bottom: 5px;
}

#aboutcontentarea {
	height: 260px;
	width: 344px;
	overflow-x: hidden;
	overflow-y: auto;
}

#lefthomelinkarea {
	border-top: 2px dotted #666;
	padding-top: 5px;	
	margin-top: 10px;
	height: 100px;
	width: 345px;
	overflow: hidden;
}

hr {border-top: 2px dotted #666; background-color: transparent; margin-top:5px; margin-bottom: 5px; }

#rightcontenthome {
	float: right;
	width: 415px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	border-right: 2px dotted #666;
	padding-right: 5px;
	padding-left: 5px;
/*	border-bottom: 2px dotted #666; */
	padding-bottom: 5px;
}

#leftcontentwriting {
	float: left;
	width: 450px; /* should take up 395 */
	font-size: 1.2em;
	line-height: 1em;
	padding-left: 5px;
	border-left: 2px dotted #666;
	padding-right: 6px;
	border-right: 2px dotted #666;

}

#rightcontentwriting {
	float: right;
	width: 312px; /* should take up 395 */
	font-size: 1.2em;
	line-height: 1em;
	border-right: 2px dotted #666;
	padding-right: 5px;
	padding-left: 5px;
}

#leftcontentmedia {
	float: left;
	width: 200px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	border-right: 2px dotted #666;
	padding-right: 5px;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;
}

#rightcontentmedia {
	float: right;
	width: 565px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	padding-left: 5px;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;	
}

#leftcontentblog {
	float: left;
	width: 570px;
	font-size: 1.2em;
	line-height: 1em;
	padding-right: 10px;
	padding-bottom: 5px;
	border-right: 2px dotted #666;
	border-left: 2px dotted #666;
	padding-left: 5px;
	margin-bottom: 10px; 
}

#rightcontentblog {
	float: right;
	width: 183px;
	font-size: 1.2em;
	line-height: 1em;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-right: 2px dotted #666;
}

#rightcontentblog p {
	width: 183px;
}

#leftcontentcontact {
	float: left;
	width: 200px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	border-right: 2px dotted #666;
	padding-right: 5px;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;
}

#rightcontentcontact {
	float: right;
	width: 565px; /* should take up 395 */
	height: 400px;
	font-size: 1.2em;
	line-height: 1em;
	padding-left: 5px;
	border-bottom: 2px dotted #666;
	padding-bottom: 5px;	
}

#leftcontentarea {
	height: 360px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#rightcontentarea {
	height: 366px;
	width: 99%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 10px;
/*	border: 1px solid #000; */
}

#singlecolumn {
	width: 772px;
	font-size: 1.2em;
	line-height: 1em;
	border-left: 2px dotted #666;
	padding-left: 5px;
	border-right: 2px dotted #666;
	padding-right: 5px;
}

#singlecontentarea {
	width: 765px;
}

/* -------------------- =headers ------------------- */

h1 span {display: none;}


h2 {
	height: 27px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #666; 
	margin: 0px;
}

h2 span {display: none;}
.about_header { background: url(/img/header_about.png) no-repeat; width: 344px; }
.news_header { background: url(/img/header_news.png) no-repeat; width: 410px; }
.media_header { background: url(/img/header_media.png) no-repeat; width: 180px; border-bottom: 0px;}
.bookcovers_header { background: url(/img/header_bookcovers.png) no-repeat; width: 565px; }
.authorphotos_header { background: url(/img/header_authorphotos.png) no-repeat; width: 565px; }
.downloadable_header { background: url(/img/header_downloadable.png) no-repeat; width: 565px; }
.presentations_header { background: url(/img/header_presentations.png) no-repeat; width: 565px; }
.writing_header { background: url(/img/header_writing.png) no-repeat; width: 450px; }
.contact_header { background: url(/img/header_contactmarce.png) no-repeat; width: 460px; border-bottom: none; }
.tips_header { background: url(/img/header_tips.png) no-repeat; width: 310px; }
.publishers_header { background: url(/img/header_publisherlinks.png) no-repeat; width: 460px; border-bottom: none; border-bottom: 2px dotted #666; margin-top:10px;}
.blog_header { background: url(/img/header_blog.png) 0px 10px no-repeat; width: 576px; height: 61px; margin-top: 10px; border-bottom: none; border-top: 2px dotted #666; }

.singlepageheader { border-bottom: 2px dotted #666; width: 765px;}

.extrapad { /* to align column content esp home page */
	padding-top: 15px;
}


h2.singleheadline {
	padding-top: 10px;
	border-bottom: none;
/*	border-top: 2px dotted #666;  */
	line-height: 1.3em;
}

.blogbreadcrumb {
	padding-top: 15px;
	font-style: italic;
	margin-top: 10px;
	text-align: center;
	border-top: 2px dotted #bcbcbc; 
}

h3 {
	padding: 0px; margin: 0px;
	height: 24px;
	width: 100%;
}

h3 span {display: none;}

#rightcontentblog h4 {
	height: 22px;
	border-top: 2px dotted #666;
}

h4 span {display: none;}

.categories_header, .subscribe_header, .archives_header, .greatblogs_header, .tags_header {
	width: 180px;
	padding-top: 4px;
	padding-bottom: 4px; 
	border-top: 2px dotted #666;
	border-bottom: 2px dotted #666;
	margin-top: 0px;
	margin-bottom: 2px;	
}

.categories_header {
	background: url(/img/header_categories.png) 1px 10px no-repeat;
	width: 200px; margin-top: 2px;
}

.subscribe_header { 
	background: url(/img/header_subscribe.png) 1px 8px no-repeat; 
}

.archives_header { 
	background: url(/img/header_archive.png) 1px 8px no-repeat;
	margin-top: 10px;
}

.greatblogs_header { 
	background: url(/img/header_greatblogs.png) 1px 8px no-repeat;
	margin-top: 10px;
}

.tags_header { 
	background: url(/img/header_tags.png) 1px 8px no-repeat;
	margin-top: 10px;
}

#rightcontentblog ol, #rightcontentblog ul {list-style-type: none;}

ul.categories {
	margin-left: 1.5em;
	list-style-type: circle;
	font-size: 1.2em;
	font-family: Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
}

#gallery {margin-top: 10px;}
.imagethumb {
	background: #fff;
	width: 150px;
	height: 180px;
	overflow: hidden;
	text-align: center;
/*	border: 1px solid #bcbcbc; */
	float: left;
	margin-right: 5px;
	font-size: .8em;
}


h5 {
	font-family: Tahoma, Verdana, sans-serif;
	padding-top: 1em;
	padding-bottom: .2em;
	size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	}

h5.orange {color: #f9a622;}
h5.blue {color: #4dc6ea;}
h5.green {color: #b7d133;}
h5.pink {color: #ef5f90;}
h5.grey {color: #bcbcbc;}
h5.brown {color: #684d4d;}

#leftcontentwriting h5 { border-top: 2px dotted #666;}


.pullquote {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	color: #f387ac;
	font-size:1.4em;
	font-style: italic;
	line-height: 1.1em;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

#leftcontentblog ol {
	padding-left: 2em;
}

#leftcontentblog ul {
	padding-left: 2em;
}

ol#comments li p {
	font-size: 100%;
}

p, .feedback {
	padding-bottom: 1em;
	line-height: 1.3em;
}

li {
	line-height: 1.3em;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.postmetadata {
	font-style: italic;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 10px 0px 10px 0px;
	color: #f0c;
	padding-top: 5px; padding-bottom: 5px;
}

.storytitle a {
	text-decoration: none;
	color: #f0c;
}

.blogstorytitle {
	margin: 10px 0px 10px 0px;
	color: #f0c;
	padding-top: 5px; padding-bottom: 5px;
	border-top: 2px dotted #666;
	border-bottom: 0px; 
}

.blogstorytitle a {
	text-decoration: none;
	color: #f0c;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 2px dotted #ccc;
	padding: 2px;
}


/* ------------------ =images (alignment) ------------- */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;	
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */


/* 404 page */

#fourohfour {
	width: 450px;
	background-color: #fee;
	border: 2px dotted #ef5f90;
	margin: 50px 10% 0px 23%;
	text-align: center;
	padding:10px;
}

#fourohfour h2 {
	text-align: center; color: #f0c; font-size: 2em; letter-spacing: .05em; 
	font-family: Baskerville,Garamond,Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif;
	font-weight: normal; font-style: italic;
	border-bottom: none;
}


/* --------------------- =links --------------------- */

/* defaults */
a {	color: #4dc6ea; text-decoration: none;}
a:visited { color: #4dc6ea; }
a:hover { color: #bcbcbc; }
a:active { color: #dedede; }

a.post-edit-link {color: #bcbcbc; }
a.post-edit-link:hover {color: #bcbcbc; }
a.post-edit-link:active {color: #dedede; }

#header a {
  position: absolute;
  height: 69px;
  width: 89px;
  top: 0px; 
  text-decoration: none;
/*  border: 1px solid #ef5f90; */
  overflow: hidden;
  display: block;
  }
  
#header a span {display: none;}  
  
a#nav_home { top: 23px; left: 360px; width: 167px; height: 198px; background: url(/img/menu/nav_home.png) 0px 0px no-repeat; }
a#nav_media { top: 138px; left: 674px; background: url(/img/menu/nav_media.png) 0px -71px no-repeat;}  
a#nav_shop { top: 49px; left: 695px; height: 55px; background: url(/img/menu/nav_shop.png) 0px 0px no-repeat;}  
a#nav_writing { top: 124px; left: 101px; background: url(/img/menu/nav_writing.png) no-repeat;} 
a#nav_blog { top: 20px; left: 62px; background: url(/img/menu/nav_blog.png) no-repeat;}
a#nav_contact { top: 13px; left: 785px; background: url(/img/menu/nav_contact.png) no-repeat;}    

a:hover#nav_home { top: 23px; left: 360px; width: 167px; height: 198px; background: url(/img/menu/nav_home.png) 0px -198px no-repeat; }
a:hover#nav_media, a.current#nav_media { top: 138px; left: 674px; background: url(/img/menu/nav_media.png) 0px 0px no-repeat;}  
a:hover#nav_writing, a.current#nav_writing { top: 124px; left: 101px; background: url(/img/menu/nav_writing.png) 0px -68px no-repeat;} 
a:hover#nav_blog, a.current#nav_blog { top: 20px; left: 62px; background: url(/img/menu/nav_blog.png) 0px -68px no-repeat;}
a:hover#nav_contact, a.current#nav_contact { top: 13px; left: 785px; background: url(/img/menu/nav_contact.png) 0px -75px no-repeat;}
a:hover#nav_shop, a.current#nav_shop { top: 49px; left: 695px; height: 55px; background: url(/img/menu/nav_shop.png) 0px -57px no-repeat;}  

/* file types */

a[href $='.pdf'] { 
   font-family: Tahoma, Verdana, sans-serif;
   padding-left: 18px;
   background: transparent url(/img/icons/pdf.png) no-repeat center left;
}

#workshopinfo {width: 345px; height: 28px;  background: url(/img/purchasing/workshopinfo.png) 0px 0px no-repeat;}

#workshopinfo a {width: 343px; height: 26px; border: 1px;}

#workshopinfo:hover {width: 345px; height: 28px; background: url(/img/purchasing/workshopinfo.png) 0px -28px no-repeat;}

#purchasinglinks {width: 345px; height: 49px; background: url(/img/purchasing/clickherepurchase.png) no-repeat; position: relative;}

#purchasinglinks a {
  position: absolute;
  height: 24px;
  width: 113px;
  top: 22px; 
  text-decoration: none;
  overflow: hidden;
  display: block;
  }

a#purchase_amazonca {left: 10px; background: url(/img/purchasing/amazonca.png) 0px 0px no-repeat;}
a#purchase_amazoncom {left: 120px; background: url(/img/purchasing/amazoncom.png) 0px 0px no-repeat;}
a#purchase_indiebound {left: 230px; background: url(/img/purchasing/indiebound.png) 0px 0px no-repeat;}

a:hover#purchase_amazonca {left: 10px; background: url(/img/purchasing/amazonca.png) 0px -24px no-repeat;}
a:hover#purchase_amazoncom {left: 120px; background: url(/img/purchasing/amazoncom.png) 0px -24px no-repeat;}
a:hover#purchase_indiebound {left: 230px; background: url(/img/purchasing/indiebound.png) 0px -24px no-repeat;}    

/* jscrollpane.css - for scrollbars */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}