/*
Theme Name: PBTS
Theme URI: http://pizzabytheslice.come/
Description: Pizza By The Slice
Version: 1.2
Author: Buz Carter
Author URI: http://pizzabytheslice.com/
Tags: custom header, fixed width, two columns, baby poo, widgets

Based on Thingamababy v1.0
http://thingamababy.com/

*/

/* HTML5
 ------------------------------ */
header,footer,section,article,aside,nav,hgroup,figure,figcaption{display:block;}

/* -------------------------------------------- */
/* Yahoo! reset version: 2.5.2 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------------------------------------ */ 
/*   Special Anchor classes             */
/* ------------------------------------ */ 
/* old colors 
color:#910;
color:#06F;
*/
p.pgtop{ 
	clear:both;
	margin: 0;
	padding-right: 8px; 
	text-align:right; 
}
p.pgtop a {
	background: url(/images/pizza/up_arrow_b2.gif) top right no-repeat;
	color: #666;
	display: inline-block;
	font-size: 91%;
	padding: 0px 12px 2px 0px;
	text-decoration: none; 
}
/* 	display: inline-block; !? */
p.pgtop a:hover	{	
	text-decoration: underline; 
	color: #d1550a;	
	background-image: url(/images/pizza/up_arrow_dko.gif); 
}

a.newwin,
a.audio,
a.pdf,
a.external	{
	text-decoration: none; 
	_display: inline-block;
	padding: 0px 15px 0px 0px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
	/* border-bottom: 1px solid #ccc; */
}
a.newwin:hover,
a.audio:hover,
a.pdf:hover,
a.external:hover	{	
	border-bottom: 1px solid #666;
	text-decoration: none; 
}
a.external{ background-image: url(/images/pizza/link_open_off.gif);}
a.external:hover{background-image: url(/images/pizza/link_open_on.gif); }
a.audio{ background-image: url(/images/pizza/speaker_off.gif);}
a.audio:hover	{	background-image: url(/images/pizza/speaker.gif); }
a.newwin{ background-image: url(/images/pizza/new-window-blue.gif);}
a.newwin:hover{ background-image: url(/images/pizza/new-window-on.gif); }
a.pdf{ background-image: url(/images/pizza/pdf-desat.gif); }
a.pdf:hover{ background-image: url(/images/pizza/pdf-bright.gif); }

/* ------------------------------------ */ 
/*    cool rollover border on images    */
/*  NOTE: there's an IE hack for this!  */
/* ------------------------------------ */ 
div.rightimg{
	float: right;
	margin: 0 0 5px 8px; 
}
div.leftimg{
	float: left;
	margin: 0 8px 5px 0; 
}
div.leftimg a img,
div.rightimg a img{ 
	border: 1px solid #6D6D6D;
}
div.leftimg a img:hover,
div.rightimg a img:hover{ 
	border:1px solid red;
}
div.leftimg,
div.rightimg{ 
	font-size:86%;
	color:#666;
}

/* ------------------------ */
aside.excerptPhoto{
	color:#666;
	float: right;
	font-size:86%;
	margin: 0 0 5px 8px; 
	max-width:150px;
}
aside.excerptPhoto a img{
	border: 1px solid #6D6D6D;
	display:block;
	margin:0 auto 6px;
}
aside.excerptPhoto a img:hover{ 
	border-color:#a00;
}

/* ------------------------------------ */ 
/* special lists */
/* ------------------------------------ */ 
ul.checks {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-position:outside;
	list-style-image: url(/images/pizza/checkbox.gif);
}
ul.checks li {
	padding-left: 0;
	padding-bottom: .8em;
}

/* ------------------------------------ */ 
/*   photo gallery listing              */
/*  mixed feelings about this, a dandy Eric Meyer's fix, but it works, eh? */
/* http://www.complexspiral.com/publications/containing-floats/ */
/* ------------------------------------ */ 
div.photoitem {
	border-bottom: 1px dotted #ccc; 
	float: left; 
	padding: 1em 0;
	width: 100%;
}
div.photoitem img {
	float: left; 
	margin: 0 15px 5px 0;
}
img.onleft{ 
	margin: 0 8px 5px 0; 
}
img.onright{ 
	margin: 0 0 5px 8px; 
}

img.outline{
	border: 1px solid gray;
}

/* --------------------------------------------
		Durned Handy class
/* -------------------------------------------- */
.reset,
.reset *{
	font-weight:normal;
	line-height:1.1;
	margin:0;
	padding:0;
}

/* --------------------------------------------
		HTML Basics
/* -------------------------------------------- */
html{
	background:#fff url(img/headBg.png) top center repeat-x;
	color:#2f2f2f;
	font-family:'Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
}
body{
	font-size:14px;
	line-height:1.1;
}
a{
	color:#910;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:underline;
}
p{
	line-height:1.7;
	margin-bottom:1.2em;
}
ul,ol{
	margin-bottom:.2em;
}
ul{
	margin-left:20px;
}
ol{
	margin-left:2.2em;
}
li{
	line-height:1.5;
	margin-bottom:.2em;
}
blockquote{
	line-height:1.2;
	margin:0 2.2em 1.2em;
}

h1,
h2{
	font-size:30px;
	letter-spacing:-2px;
	line-height:1.1;
	margin:0 0 .7em;
}
h1,
h1 a,
h2,
h2 a{
	color:#8d9741;
	font-weight:normal;
}
h1 a:hover,
h2 a:hover{
	background-color:#f7f1c2;
}
h1 + h2{
	font-size:21px;
	letter-spacing:-1px;
	margin-top:-17px;
	margin-bottom:1.1em;
}
h3{
	color:#ada97a;
	font-size:18px;/*140%;*/
	letter-spacing:-1px;
	margin-bottom:.2em;
}
h4{
	font-size:135%;
	margin:.3em 0 .7em;
}
td{
	vertical-align:top;
}

/* --------------------------------------------
	** Layout Structure

	- body
		- wrap
			- header
			- content
				- contentMain
				- sidebar
				- closeContent
			- closeWrap
		- footer
/* -------------------------------------------- */
/* getting footer to the bottom */
html,
body{
	height:100%;
}
div#wrap{
	min-height:100%;
}
* html div#wrap{/* ie6 */
  height: 100%
}
div#closeWrap{
	height:350px;
}
#footer{
	margin-top:-350px;
}
div#footerMain{
	height:350px;
	overflow:hidden;
}
/* standard widths */
#header, /* need the specificity */
div#content, 
div#footerMain{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
/* usable Content */
section#contentMain{
	float:left;
	padding:20px 0 35px 0;
	width:630px;
}
section#sideBar{
	margin-left:690px;
	padding-left:1em;
	padding-right:1em;
}
div#closeContent{
	clear:both;
}
div#closeWrap{
	clear:both;
}

/* --------------------------------------------
		Header
/* -------------------------------------------- */
header{
	height:250px;
	position:relative;
}
header h2{
	left:0;
	position:absolute;
	top:80px;
}
header h2,
header h2 a{
	display:block;
	height:120px;
	width:664px;
}
header h2 a{
	background:url(img/mastheadBg.png) top left no-repeat;
	outline:none;
	text-indent:-5000px;
}
header h2 a:hover{
	background-color:transparent ;
}
a#topNavMascot{
	float:right;
	margin-top:22px;
}
#header nav ul{  /* need the specificity, using the ID */
	float:right;
	list-style:none;
	margin-right:-25px;
	margin-top:12px;
}
#header nav ul li{
	float:left;
	margin-right:1.3em;
}
#header nav ul li a{
	color:#fff;
	font-weight:bold;
}
header nav ul li a:hover{
}

/* --------------------------------------------
		Footer
/* -------------------------------------------- */
footer{
	background-color:#fef4c5;
}
#footerMain{
	/* #f4eedb; */
	background:#B5A164 url(img/footerBg.png) repeat-x scroll -27px bottom;
	position:relative;
}
#footerMain h3{
	background-color:#917538;
	color:#402912;/*f4eedb;*/
	font-size:24px;
	margin-bottom:15px;
	padding:23px 0 3px 20px;
}
#footerMain ul{
	list-style:none;
}

/* links lists */
.basicFooter nav{
	border-top:#c5a721 solid 11px;
	float:left;
	width:345px;
}
.basicFooterLinks{
	margin-left:20px;
}
.basicFooterLinks li{
	background:url(img/li-icons.gif) left 12px no-repeat;
	padding:1px 10px;
}
.basicFooterLinks a{
	color:#402912;
	display:block;
	padding:7px 6px;
}
.basicFooterLinks a:hover{
	background-color:#7e6b2d;/*afa05b;*/
	color:#fff;
/* really? */
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
/* ------------------------------------ *
 * photos 
 * ------------------------------------ */
#recentPhoto{
	background-color:#cbcc64;
	border-top:#8e4a3a solid 11px;
	height:350px;
	/*
	margin-left:690px;
	*/
	width: 270px;
}
#recentPhoto h3,
#recentPhoto h3 a{
	background-color:#402912;
	color:#a8d5d0;
	padding-left:0;
	text-align:center;
}
#footerFreshPhotos{
	margin:0 auto;
	width:215px;
	height:170px;
}
#footerFreshPhotos li{
	float:left;
	margin:0 0 10px 0;
}
#footerFreshPhotos li:first-child{
	margin-right: 10px;
}
#footerFreshPhotos li:last-child{
	margin-left: 10px;
}
#footerFreshPhotos a img{
	border:solid 1px #E8D26B;
}
#footerFreshPhotos a:hover img{
	border-color:#990000;
}
.simpleList{
	margin-left:20px;
}
.simpleList li{
	background:url(img/li-icons.gif) left 8px no-repeat;
	padding:3px 10px;
}

/* 
 * other links 
 * ------------------------------------ */
p#footInfo{
	bottom:20px;
	left:0;
	position:absolute;
	text-align:center;
	width:300px;/*690px;*/
}

/* --------------------------------------------
		Sidbar
/* -------------------------------------------- */
section#sideBar h4{
	color:#817860;
}
section#sideBar h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:1.1em;
}

ul.categories{
	list-style:none;
	margin-left:1em;
}
ul.categories li{
	margin-bottom:.3em;
}
ul.categories a{
	color:#817860;
	font-weight:normal;
}
ul.categories a:hover{
	color:#793B23;
}

/* --------------------------------------------
		Sidebar Search
/* -------------------------------------------- */
form#sidebarSearchForm{
	color:#817860;
	margin-bottom:2em;
}
form#sidebarSearchForm input#sidebarSearchText{
	border:1px solid #333;
	width:170px;
}

/* --------------------------------------------
		Content
/* -------------------------------------------- */
div#content{
	background:url(img/kludgeColumnBg.gif) top right repeat-y;
}


/* ---------------------------------------
	paging navigation
|* ---------------------------------------*/
nav.pageNav{
	margin-bottom:20px;
}
div.pageNavEnd{
	clear:both;
}
nav.pageNav div{
	width:43%;
}
nav.pageNav a{
	color:#2F77BA;
}
nav.pageNav a:hover{
	background-color:#b3d5f4;
	color:#04223e;
}
div.pageNavPreviousPost{
	float:left;
}
div.pageNavNextPost{
	float:right;
	text-align:right;
}

/* --------------------------------------------
		Posts
/* -------------------------------------------- */
h4.postDate{
	color:#7C7C7C;
	text-align:right;
	width:470px;
}
article.post{
	border-bottom:solid 1px #cec390;
	margin-bottom:2em;
	padding-bottom:1em;
}
article.post p,
article.post ul,
article.post ol{
	width:470px;
}
article.post blockquote{
	margin:0 0 1.2em 2.2em;
	width:350px;
}
article.post blockquote p{
	width:auto;
}

/* POST FOOTER */
p.postFooter{
	/* border-bottom:1px dashed #8c99a7; */
	clear:right;
	margin:.2em 0 3.4em;
	padding-bottom:3px;
}
p.postFooter,
p.archivePostFoot{
	color:#8c99a7;
	font-size:85%;
	line-height:20px;
}
p.archivePostFoot a,
p.postFooter a{
	color:#8c99a7;
}
p.archivePostFoot a:hover,
p.postFooter a:hover{
	color:#333;
}
span.postDate,
span.postCategories,
span.postComments,
span.postTags{
	background:url(img/small-icon-strip.gif) 0 0 no-repeat;
	padding-left:20px;
	padding-right:.6em;
	/* white-space:nowrap; */
}
span.postTags{ background-position:0 -40px; }
span.postComments{ background-position:0 -80px; white-space:nowrap;}
span.postDate{ background-position:0 -120px; padding-left:18px; }


/* --------------------------------------------
		sidebar variants
/* -------------------------------------------- */
div.sidebarEvent{
	background-color:#fff;
	border:solid 1px #AFABA4;
	font-size:90%;
	margin:3em 0;
	padding:6px;
}
div.sidebarEvent,
div.sidebarEvent p{
	line-height:1.1;
}
div.sidebarEvent p{
	margin-bottom:.5;
}
div.sidebarEvent h3{
	font-size:105%;
	font-weight:normal;
	letter-spacing:0;
}
div.sidebarEvent img{
	display:block;
	margin:0 auto 1em;
}

/* ------------------------------------ */
div#rssFeeds{
	background:url(img/rss-feed-monster.png) center top no-repeat;
	height:215px;
	margin-top:20px;
}
div#rssFeeds h5 {
	font-size:136%;
	padding:33px 36px 0pt;
}
div#rssFeeds p{
	font-size:85%;
	padding:5px 116px 0pt 38px;
}

/* --------------------------------------------
		Sidebar Flickr
/* -------------------------------------------- */
div.sideFlickr div.closeIt{
	clear:left;
	height:30px;
}
div.sideFlickr h3{
	font-size:105%;
}
div.flickrBox{
	float:left;
	margin:0pt -5em 0 -.7em;
	_margin-left:-.2em;
	width:255px;/*ie7*/
}
div.flickrBox *{
	margin:0;
	padding:0;
}
div.flickrBox ul{
	list-style:none;
	padding:3px;
}
div.flickrBox li{
	display:none;
	float:left;
	margin:0 2px 2px 0;
	text-align:center;
}
div.flickrBox li a{
	color:#666;
	font-weight:bold;

}
div.flickrBox img{
	width:75px;
	padding:2px;
	border:1px solid #999;
	display:block;
}

/* the PopUp Large Photo */
div.flickrShot{
	background-color:#fff;
	border:1px solid #060;
	margin:10px auto 10px -60px;
	padding:5px;
	position:absolute;
	left:50%;
	width:240px;
}
div.flickrShot a.closeFlickrBtn{
	position:absolute;
	right:10px;
	top:8px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	z-index:99;
}
div.flickrShot img{
	border:none;
	height:auto !important;/* IE */
	margin:0 auto;
	display:block;
	width:auto !important;/* IE */
}		
div.flickrShot h4,
div.flickrShot p{
	margin:.2em 0;
	padding:0;
}
div.flickrShot h4{
	color:#ffc;
	font-size:1em;
	background:#030;
	padding:.2em;
	margin:0 0 .2em 0;
}
div.flickrShot p{
	margin:.2em 0 0 0;
}
div.flickrShot a{
	display:block;
	text-align:right;
}
div.flickrShot p a{
	padding:.1em;
	margin:0 0 0 0;
	font-weight:bold;
	color:#369;
}

/* WordPress Styles */
.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
.post em {
	font-style: italic;
}

.wp-caption-text {
    font-style: italic;
    line-height: 1.2;
}