/*
Theme Name: PBTS
Theme URI: http://pizzabytheslice.come/
Description: Pizza By The Slice
Version: 1.0
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/

*/

@import "css/pbts4-legacy.01.css";

/* -------------------------------------------- */
/* 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;}

/* --------------------------------------------
		Durned Handy class
/* -------------------------------------------- */
div.reset,
div.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;
}
div#footer{
	margin-top:-350px;
}
div#footerMain{
	height:350px;
	overflow:hidden;
}
/* standard widths */
div#header, 
div#content, 
div#footerMain{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
/* usable Content */
div#contentMain{
	float:left;
	padding:20px 0 35px 0;
	width:630px;
}
div#sideBar{
	margin-left:690px;
	padding-left:1em;
	padding-right:1em;
}
div#closeContent{
	clear:both;
}
div#closeWrap{
	clear:both;
}

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

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

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

ul.simpleList{
	margin-left:20px;
}
ul.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
/* -------------------------------------------- */
div#sideBar h4{
	color:#817860;
}
div#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
|* ---------------------------------------*/
div.pageNav{
	margin-bottom:20px;
}
div.pageNavEnd{
	clear:both;
}
div.pageNav div{
	width:43%;
}
div.pageNav a{
	color:#2F77BA;
}
div.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;
}
div.post{
	border-bottom:solid 1px #cec390;
	margin-bottom:2em;
	padding-bottom:1em;
}
div.post p,
div.post ul,
div.post ol{
	width:470px;
}
div.post blockquote{
	margin:0 0 1.2em 2.2em;
	width:350px;
}
div.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;
}