/*
THEME NAME: JoReviews V2
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('css/reset.css');
@import url('css/960.css');
@import url('css/text.css');
@import url('css/home.css');
@import url('defaults.css');

body {
  background: #403b33 url(images/foundation/main-bg-sync.jpg) top repeat-x;
  margin: 0 0 100px 0;
  color: #403b33;
  font-family: Tahoma, Arial, Verdana;
}

@media only screen and (max-device-width: 480px) {
  /*body {background:#000;}*/
}

#header, #footer, #container-wrapper { width: 960px; }
#wrapper { background: url(images/foundation/header-bg.jpg) top left no-repeat; }
/*#content { padding: 15px; }*/
#footer { margin-top: 1px; background: url(images/foundation/footer-bg.gif) repeat-y;}
#container-wrapper { background: url(images/foundation/content-bg.gif) repeat-y;}
#blog-title { margin: 0; padding: 27px 0 13px 72px; }
#blog-title a {
  width: 213px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(images/foundation/logo.gif) top left no-repeat;
}
#blog-description {
	overflow: hidden;
	text-indent: -9999px;
	width: 0; height: 0;
}

/***** Footer ******************************************/
#footer { padding: 15px 0; }
#footer .copyright { text-align: right; }
#about-jo-footer .photo {
	border: 1px solid #999;
	padding: 3px;
	background: #fff;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
}
#about-jo-footer .about-quote {
	font-family: "Times New Roman";
	font-size: 1.4em;
	font-style: italic;
	float: left;
	text-indent: -4px;
}

/* MAIN CONTENT ***********************/
a { color: #403b33; }
#container { padding-bottom: 15px; background-color: #EDEBE6; }

/* main menu ************************/
#menu {
	background: url(images/foundation/nav/bg.gif) top left no-repeat;
	position: relative;
}
#menu, #menu li a {
	height: 45px;
}
#menu ul, #menu li { list-style-type: none; padding: 0; margin: 0; }
#menu ul { margin-left: 4px; }
#menu li { display: inline; }
#menu li a { 
	display: block;
	float: left;
	width: 104px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
        margin-right: 18px;
}

#menu li a:hover { background-position: 0 -45px; }
#menu li.current-cat a { background-position: 0 -90px; }
#menu li.cat-item-3    a { background-image: url(images/foundation/nav/movies.gif); }
#menu li.cat-item-5    a { background-image: url(images/foundation/nav/travel.gif); }
#menu li.cat-item-6    a { background-image: url(images/foundation/nav/dining.gif); }
#menu li.cat-item-19   a { background-image: url(images/foundation/nav/dvdtuesday.gif); }
#menu li.cat-item-20   a { background-image: url(images/foundation/nav/giveaways.gif); }
#menu li.page-item-243 a { background-image: url(images/foundation/nav/news.gif); }
#menu li.cat-item-503 a { background-image: url(images/foundation/nav/events.gif); }
#menu li.page-item-2   a { margin-left: 80px; width: 121px; margin-right: 0; }
#menu li.page-item-2   a { background-image: url(images/foundation/nav/about.gif); }
#menu li.cat-item-1329 { 
	position: absolute; 
	top: -40px; 
	right: 15px; 
	display: block;
}
#menu li.cat-item-1329 a { 
	float: none;
	font-style: italic; 
	font-family: Georgia, "Times New Roman";
	font-size: 1.4em;
	color: #ccc;
	overflow: none;
	text-indent: 0;
	text-decoration: none;
}

/***** Side bar widgets **********************************************/
#primary { margin-top: 2px; }
#primary li, #primary ul { list-style-type: none; margin: 0; padding: 0; }
#primary ol, #primary form, #primary ul ul, #primary .content { 
	margin: 0; padding: 0; 
	padding: 1px 34px 20px 24px;
	background: url(images/foundation/rightnav-bottom.gif) bottom left no-repeat;
}
#primary li.widget {
	background: url(images/foundation/rightnav-bg-sync.gif) repeat-y;
	margin: 50px 0 55px 0;
	padding: 0;
	position: relative;
	width: 220px;
}
#primary li.widget, #primary li.widget a { color: #244; }
h3.widgettitle {
	position: absolute;
	top: -42px;
	left: 0;
	width: 211px;
}
#primary li.widget li {
	margin: 0 6px 10px 7px;
}
#boxoffice li { position: relative; padding-right: 30px;}
#boxoffice li small {
	position: absolute;
	top: 0; right: 0;
	color: #577;
	text-decoration: none;
	font-size: .8em;
	width: 40px;
	text-align: right;
}
#boxoffice h3.widgettitle,
#linkcat-7 h3.widgettitle,
#latest-dvd h3.widgettitle,
#twitters h3.widgettitle a {
	height: 42px;
	overflow: hidden;
	text-indent: -9999px
}
#twitters h3.widgettitle a { display: block; cursor: pointer; }

#boxoffice h3.widgettitle {
	background-image: url(images/foundation/box-office-header.gif);
}
#linkcat-7 h3.widgettitle {
	background-image: url(images/foundation/visit-header.gif);
}
#latest-dvd h3.widgettitle {
	background-image: url(images/foundation/dvd-giveaway-header.gif);
	height: 49px;
}
#twitters h3.widgettitle {
	background-image: url(images/foundation/twitters-header.gif);
	height: 56px;
}
#twitter-box { padding-top: 20px; }
#twitter-box li a { font-size: .8em; }
#twitter-box li { font-size: .9em; padding-bottom: 1em; background: url(images/foundation/widget-li-sync.gif) top repeat-x; }

#searchform { position: relative; }
#searchform label {
	position: absolute;
	top: -42px;
	left: 0;
	width: 211px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/foundation/search-header.gif);
}
#searchform input#s {
	background: #fff;
	border-top: 2px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 140px;
	padding: 2px;
	margin-left: 6px;
}
#searchform input#searchsubmit {
	position: absolute;
	top:5px; right:46px;
	background: transparent url(images/foundation/search-button.gif) top left no-repeat;
	width: 17px;
	height: 17px;
	border: 0;
	overflow: hidden;
	padding-top: 17px;
	cursor: pointer;
}
#latest-dvd {
	text-align: center;
}

/*** Single page tags *****************************************/
.single-post .entry-tags {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0 0 10px 10px;
	border-left: 1px solid #ccc;
	background: #EDEBE6;
}
.single-post .entry-tags ul, .single-post .entry-tags li {
  list-style-type: none;
  padding:0; margin:0;
}
.single-post .entry-tags li {
  margin-bottom: 5px;
}
.single-post .entry-tags li a { font-size: .8em;}
/*.single-post .entry-tags {
  float: right;
  width: 100px;
  border-left: 1px solid #ccc;
  padding: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
}*/

.single-post h2.entry-title { margin: 0; }
.single-post .post-meta ul, .single-post .post-meta li { margin: 0; padding: 0; list-style-type: none; }
.post h3.entry-title { margin: 0; font-weight: normal; font-size: 1.4em; }
body.category .post, body.tag .post { margin-bottom: 15px; }
body.category .urban-spoon { text-align: right; }
h2.page-title, h2.entry-title { font-size: 2em; font-weight: normal; margin: 0; }
.entry-content h3 strong { font-weight: normal; }
.entry-content h3 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	background: #fff;
	padding: 3px 10px;
	letter-spacing: 1px;
	border-top: 1px solid #ddd;
}
.category-header .archive-meta p { margin: 0; padding: 0; }
.category-header .archive-meta {
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 1.4em;
	color: #666;
	margin-bottom: 15px;
}
.entry-date {
	font-style: italic;
}
.single-post h2.entry-title { padding-right: 120px; }
.single-post { position: relative; }
.entry-meta ul {margin: 0; padding: 0;}
.edit-link { 
	display: block; padding: 5px; background: #eee; border: 1px solid #ccc; 
	margin: 5px 0;
}
body.single .entry-content { margin: 10px 0; }

/*** Ratings *************************************************/
li.Popped, div.Popped {
	background: url(images/popped_0.gif) top left no-repeat;
	display:block;
	width:153px;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
	text-align: left;
}
li.Forks_Up, div.Forks_Up {
	background: url(images/forks_0.gif) top left no-repeat;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	text-align: left;
}
li.Popped_1, div.Popped_1 {background-image: url(images/popped_1.gif);}
li.Popped_2, div.Popped_2 {background-image: url(images/popped_2.gif);}
li.Popped_3, div.Popped_3 {background-image: url(images/popped_3.gif);}
li.Popped_4, div.Popped_4 {background-image: url(images/popped_4.gif);}
li.Popped_5, div.Popped_5 {background-image: url(images/popped_5.gif);}
li.Forks_Up_1, div.Forks_Up_1 {background-image: url(images/forks_1.gif);}
li.Forks_Up_2, div.Forks_Up_2 {background-image: url(images/forks_2.gif);}
li.Forks_Up_3, div.Forks_Up_3 {background-image: url(images/forks_3.gif);}
li.Forks_Up_4, div.Forks_Up_4 {background-image: url(images/forks_4.gif);}
li.Forks_Up_5, div.Forks_Up_5 {background-image: url(images/forks_5.gif);}

/*** Comments ***********************************************/
form#commentform .form-label {margin:1em 0 0;}
form#commentform span.required { background:#fff; color:#c30; }
form#commentform,form#commentform p { padding:0; }
input#author,input#email,input#url,textarea#comment { padding:0.2em; }
div.comments ol, div.comments li { list-style-type: none; }
div.comments ol { margin:0 !important; padding:0 }
div.comments ol li { margin:0; padding: 10px; }
#comments { margin-top: 35px; }
div.comments { background-color: #eee; border:1px solid #817A70; }
#comments h3 {  font-size: 1.3em; background-color: #817A70; color: #fff;padding:10px;margin-bottom:0;}
div.comments li.alt { background-color: #fff; }
div.comments .comment-left {float: left; width: 20%; font-size: .9em; text-align: center; color: #333;}
div.comments .comment-left span.n { display: block; }
div.comments .comment-body {float: right; word-wrap: break-word; width: 75%; font-size: 1.2em; color: #666; }
#respond { border: 1px solid #817A70;margin-top: 10px;}
#respond .formcontainer { padding: 15px; }
textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:66%;
}

/*** Page Navigation *******************************************/
.wp-pagenavi a { color: #D3643B !important; border-color: #D3643B !important; }

/*** send to a friend ********************************************/
#stafLink { 
	background: #CAE3DB; border: 1px solid #94C7B6; display: inline-block;padding:4px 10px;
	position: absolute;
	top: 0; right: 0;
}
#stafBlock { position: absolute !important; z-index: 100000; display: none; width: 330px !important; }
#stafForm { background-color: #ffe !important; border: 3px solid #666 !important; padding: 15px !important; margin:0; }
#stafForm h2 { margin: 0; } 
#stafForm input, #stafForm label, #stafForm h2 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: .7em !important; color: #222222; }
#stafForm input { width: 150px !important; height: 15px; margin-top: 5px; border: 1px solid #ccc; }
#stafForm label { float: left; display: block; width: 90px; line-height: 16px; }
#stafClose { float: right; margin-right: 5px; }
#stafForm input, #stafForm label, #stafForm h2 { font-family: Trebuchet MS", Tahoma, Arial, Verdana !important; }
#stafForm h2 {font-size: 1.3em !important;}
#stafForm input, #stafForm label { font-size: .7em !important; }

/*** News ****************************/
dt {
	font-weight: bold;
	font-size: 1.23m;
}
dd {
	margin-bottom: 15px;
}