/*  
Theme Name: jack and jill phones for boards
Theme URI: http://purposemakers.net
Description: jandj
Version: 0.1
Author: Michael McCrea  
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------

* div  {
	background:#fce512;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/



* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }


.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background:#fff url(img/body_bg_01.jpg) top left repeat-x;
	color:#535353;
	font-size:13px;
	font-family:Arial, Verdana, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
	width:907px;
	margin:0 auto;
	padding:0;	
}

a {
	color:#b22026;
	text-decoration:none;
}

a:hover { 
	color:#f19513;
}

h1, h2, h3, h4, h5{
	font-size:2em;
	color:#b22026;
	display:block;
	font-weight:normal;
	padding-top:10px;
	margin:0 0 10px 0;	
}

h2, h3{
	font-size:24px;
}

h4{
	font-size:20px;
  padding:0;
  margin:0;    	
}

h5 {
  color:#000;
  font-size:14px;
  font-weight:bold;    	
}

p{
	line-height:1.75em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	padding:1px 12px 1px 1em;
	border-left:2px solid #C00;
	color:#BBB;
	background-color:#333;
	font-size:1.1em
}



/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header{
  height:223px;
}

#header .inside {
  background:transparent url(img/header_bg_01.png) bottom left no-repeat;
}

#header h1{ 
	font-size:2.25em;
	margin:0 0 0 30px;
	padding:0;
	float:left;
  display: inline;		
}

#header h1 a{ 
	text-decoration:none; 
	display:block;
	width:204px;
	height:160px;
	border:0;
	text-indent:-10000px;
	background: transparent url(img/jandj_logo_01.png) no-repeat left top;
}

#header h3{ 
	margin:40px 0 0 0;
	padding:0;
	color:#b22026;	
}

#flash_container {
  height:324px;
}

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav {
	width:813px;
	height:63px;
	float:left;
	margin:0 0 0 30px;
	font-size:18px;
}

ul#navigation{
	border:0;
	padding:0;
	margin:0;
	float:left;
	clear:both;
}

ul#navigation li{
	float: left;
	display: inline;	
	margin: 0;
	padding: 0;
	list-style-type: none;
	border:0;
}

ul#navigation li a{
	float: left;
	display: block;
	height: 23px;
	margin:0;
	padding: 30px 18px 10px 18px;
	color: #fff;
	font-weight: normal;	
	text-decoration: none;
	background:transparent url(img/nav_sep_01.gif) -2px 30px no-repeat;
}

ul#navigation li a:hover, ul#navigation li a.selected {
	color: #393636;
}

ul#navigation li.current_page_item a, ul#navigation li.current_page_parent a, ul#navigation li.current_page_ancestor a, .news ul#navigation li.page-item-10 a {
	color: #fff;
	background-color:#393636;
	height: 23px;
	border:2px solid #f3b757;
	border-bottom:none;
	background-image:none;
	margin:0;
	padding: 20px 23px;	
}

ul#navigation li a.no_sep {
  background-image:none;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	text-align: left;
}

#primary .inside{
}

/* Single Post Styles */

#primary .primary {
	width:960px;
	float:left;
}

#primary .post{
	width:550px;
	float:left;
	margin:0 0 0 50px;
	padding:20px 0;
  display: inline;	
}

#primary .primary a, #primary .secondary a{
	color:#b22026;
	text-decoration:none;
}
#primary .primary a:hover, #primary .secondary a:hover{
	color:#666666;
}

.no_r {
  margin-right:0;
}

.postmetadata {
  margin:20px 0;
  padding:5px 10px;
  background-color:#eee;
}

#page_id {
  width:200px;
}

/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

.secondary{
	float:right;
	width:255px;
  margin:70px 0 20px 10px;
  padding:0 0 0 35px;
	display:inline;
  border-left:1px solid #78bb42;		
}

.secondary ul {
	list-style-type:none;
	margin:0 0 2em 0;
}

.secondary ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#primary .secondary ul li a {
	margin:0;
	font-size:18px;	
	display:block;
	margin:10px 0;
  padding:15px 10px;
	color:#6e9808;
}

#primary .secondary ul li a:hover {
  padding-left:30px;
	color:#fff;
	background:#6e9808 url(img/sidebar_link_bg_01.gif) left center no-repeat;	
}

#primary .secondary ul#news li a:hover {
  padding:15px 10px;
	color:#f19513;
	background:none;	
}

#primary .secondary li.current_page_item a, #primary .secondary li.current-cat a  {
  padding-left:30px;
  color:#fff;
	background:#6e9808 url(img/sidebar_link_bg_01.gif) left center no-repeat;	
}

#home_side {
  border-left:1px solid #78bb42;
  margin:70px 0 20px 10px;
  padding:0 0 0 35px;
}


#home_side h3 {
  margin:0;
}

#blog a, #register a, #recycle a {
	text-decoration:none; 
	display:block;
	width:255px;
	height:115px;
	border:0;
	margin:0 0 20px 0;
	text-indent:-10000px;
	background: transparent url(img/blog_news_01.gif) no-repeat left top;
}

#register a {
	background: transparent url(img/register_01.gif) no-repeat left top;
}

#recycle a {
	background: transparent url(img/recycle_01.gif) no-repeat left top;
}

#blog a:hover {
	background: transparent url(img/blog_news_over_01.gif) no-repeat left top;
}

#register a:hover {
	background: transparent url(img/register_over_01.gif) no-repeat left top;
}

#recycle a:hover {
	background: transparent url(img/recycle_over_01.gif) no-repeat left top;
}

span.date {
  color:#B22026;
}



/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	height:150px;
	color:#fff;
	background: transparent url(img/footer_image_01.jpg) -200px bottom;
}

#footer .left, #footer .right {
  margin:120px 0 0 0;
}

#footer a {
  color:#fff;
}

#footer a:hover { 
	color:#f19513;
}

#footer p {
	margin:0;
	font-size:12px;
}

#footer p.attributes{ 
	float:right;
	padding:0 0 0 1em;
}

a.rss {
	display:block;
	width:100px;
	height:50px;
	border:0;
	text-indent:-10000px;
  background: url(img/feed-icon-big.gif) no-repeat 0 1px;
}

#footer a {
  font-weight:bold;
}

/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

table {
	padding:0;
	margin:0;
	font-size: 85%;
	width:95%;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;		
}

#mytable a {
	font-weight:bold;
}

th {
	color: #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #bc9b6a;
}

td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f5f5f5;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.spec {
	border-left: 1px solid #eee;
	border-top: 0;
	font-weight:bold;
  background-color: #f5f5f5;	
}

/*-----------------------------------------------------------------------------------------------
  Slimbox 
-----------------------------------------------------------------------------------------------*/

#lbOverlay {
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}