/*
Theme Name: Jarrett's Joy Cart
Theme URI: 
Description: Custom WordPress theme designed for Jarrett's Joy Cart by Power Creative (http://www.powercreative.com).
Version: 1
Author: Charlie Dillon
Author URI: http://www.powercreative.com
*/
/*
	Where the magic happens. Layout your site-specific styles here.
*/

/*
	Reset and set Global styles.
	See files for documentation.
*/

@import url('css/reset.css');
@import url('css/global.css');
	
body {background: #0f4360;}
a {
	color:#0f4360;
	color:#19709f;
}
a:hover {text-decoration: none;}	
h1{margin-bottom: 0.6em;}
h2{margin-bottom: 0.3em;}
h3,h4,h5,h6{margin-bottom: 0.2em;}
h2{font-size: 1.3em;}
h3{font-size: 1.1em;}
h6{font-weight: normal;}

/*anchor tags on about etc*/
h2 a {color: black;}

.Disclaimer {
	color: #787878;
	font-size: 90%;
	font-style: italic;
	margin-top:4em;
}
#Page {
	background:white;
	width:760px;
	margin: 0 auto;
	border-top: 1px solid white;
}

#PageContainer {
	width:726px;
	margin: 0 auto;
	background:white;
	padding: 0 15px;
}

/*
	Page Header
*/

#PageHeader {
	border-bottom: 4px solid #e2e8f3;
	height: 154px;
}
#HeaderImage {}
#HeaderImage img {
	display:block;
}
#PrimaryNav {
	margin: 4px 0 2px 0;
	border-bottom: 1px solid #758ec9;
	height: 24px; 
}
#PrimaryNav table {
	width:726px;
	height: 18px;
	background: white;
	margin-bottom: 6px;
}
#PrimaryNav table td {
	background: url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-primary-nav.gif') repeat-x;
	text-align: center;
	vertical-align: top;
	border-right:2px white solid;
}
#PrimaryNav table td#First {
	width:200px;
}
#PrimaryNav table td#Last {
	border-right: none;
}

#PrimaryNav table td a, 
#PrimaryNav table td a:link,
#PrimaryNav table td a:active,
#PrimaryNav table td a:visited {
	height: 18px;
	font-weight: bold;
	font-size: 0.9em;
	display:block;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}
#PrimaryNav table td.Selected a,
#PrimaryNav table td a:hover {
	background: url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images//bg-primary-nav-selected.gif') repeat-x;
}



/*
	Page Layout
*/
	
#PageLayout {
	border-bottom: 4px solid #e2e8f3;
}	
#PageLayout #PageSidebarCell {
	background: #57b9d5 url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images//bg-sidebar.gif') repeat-x;
}	
#PageLayout td {
	vertical-align: top;
}



/*
	Page Sidebar
*/
#PageSidebar {
	position: relative;
	width: 140px;
	height: auto !important; /* for modern browsers */
	height: 500px; /* for IE5.x and IE6 */
	min-height: 500px; /* for modern browsers */
}
#PageSidebar #SecondaryNav {
	margin-top:22px;

}
#PageSidebar #SecondaryNav ul li {
	background: #063458;
	border-bottom: 1px solid #e2e8f3;
	border-top: 1px solid #e2e8f3;
	margin-bottom: 10px;
	height: auto !important; /* for modern browsers */
	height: 17px; /* for IE5.x and IE6 */
	min-height: 17px; /* for modern browsers */
	
}	
#PageSidebar #SecondaryNav ul li a,
#PageSidebar #SecondaryNav ul li a:link,
#PageSidebar #SecondaryNav ul li a:visited,
#PageSidebar #SecondaryNav ul li a:active
{
	color: white;
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	padding-left:8px;
}
#PageSidebar #SecondaryNav ul li.Selected,
#PageSidebar #SecondaryNav ul li.current_page_item,
#PageSidebar #SecondaryNav ul li a:hover {
	color: black;
	background: #FF870F url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-secondary-nav-selected.gif') repeat-x;
}

#TertiaryNav {
	position: absolute;
	text-align: center;
	width: 140px;
	bottom: 10px;
	height: auto !important;
}
#TertiaryNav .ImgContainer {
	margin-bottom: 15px;
}

/*#TertiaryNav {
	margin-top: 12em;
	text-align: center;
	width: 140px;
}
#TertiaryNav .ImgContainer {
	margin-bottom: 15px;
}

*/
/*
	Page Body
*/
#PageBody {
	width: 585px;
}	
#BodyCopy {
	margin-top: 22px;
	margin-right:80px;
}
	.FullWidth {
		margin-left:80px;
	}
	.WithNarrowSidebar {
		margin-left:200px;
	}
	.WithWideSidebar {
	}
#BodySidebar.Narrow {
	float: left;
	text-align: center;
	margin-left:20px;
	width: 160px;
}
#BodySidebar.Wide {
	float: left;
	text-align: center;
	margin-left:20px;
	width: 305px;
}


#BodySidebar img {margin-bottom: 0.5em;}
#BodySidebar p {margin-bottom: 0.5em;}

/*
	Page Footer
*/
#PageFooter {
	margin-top: 2px;
	border-top: 2px solid #e2e8f3;
}
#FooterCopy {
	margin: 3px;
	padding: 2px;
	text-align: center;
	color: #b8b8b8;
}
#FooterCopy a {
	text-decoration: none;
	color: #b8b8b8;
}
#FooterCopy a:hover {
	text-decoration: underline;
}

/*
	Home Page Specific
*/

#HomeContainer {
	background: white url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-home.gif') no-repeat ;
	height:238px;
}
#HomeCopy {
	position: relative;
	top: 90px;
	left: 240px;
	width: 415px;
}

#Banner {
	background: url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images//bg-banner.gif') no-repeat;
	color: #3d3930;
	height: 68px;
	margin-bottom: 10px;
}
#BannerCopy {
	padding:25px 0 0 0 ;
	margin: 0 0 0 130px;
}
#Banner h1 {
	font: normal normal bold 17px/1 Tahoma, sans-serif; 
	color: #3d3930;
	margin-bottom: 2px;
}
#Banner a,
#Banner a:link,
#Banner a:visited,
#Banner a:active
{
	color: #3d3930;
}
#Banner a:hover {}



#DonateNow {padding-top: 25px;margin-right: 10px;}
#Help, #Meet, #Community {
	height: 160px;
	border-top: 1px solid #758ec9;
	width: 33.33%;
}
#Help {
	background: #edf2f8;
}
#Meet {
	background: #feebf5;
	border-left: 1px solid #758ec9;
	border-right: 1px solid #758ec9;
}
#Community {
	background: #f5faed;
}

#Help h1, #Meet h1, #Community h1 {
	font: bold 1.4em/2.0em Tahoma, Sans-Serif;
	margin-top:5px;
	margin-right:8px;
	padding-left: 10px;
	color: white;
}
#Meet h1, #Community h1 {
	margin-left:8px;
}
#Help h1 {
	background: #264aa8 url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-help.gif') repeat-x;
}
#Meet h1 {
	background: #e2087b url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-meet.gif') repeat-x;
}
#Community h1 {
	background: #74bb1d url('http://jjcwp.poweractive.com/wp-content/themes/jjc/images/bg-community.gif') repeat-x;
}

#Help p,
#Meet p,
#Community p,
#Help ul,
#Meet ul,
#Community ul
{
	margin-left: 10px;
	margin-right: 20px;
}
#Meet p,
#Community p,
#Meet ul,
#Community ul
{
	margin-left: 10px;
	padding-left: 10px;
}
#Help ul li,
#Meet ul li,
#Community ul li
{
	margin-bottom: 5px;
}
#Help a,
#Meet a,
#Community a {
	text-transform: uppercase;
}
#Help a{color:#2461aa;}
#Meet a{color: #f0037f;}
#Community a {color:#58941e;}

#Help p a,
#Meet p a,
#Community p a {
	text-transform: lowercase;
	color: black;
}
#Meet img {
	float: right;
	margin-left: 5px;
	margin-right: 10px;
}
#Help img {
	float: right;
	margin-top: 10px;
	
}

/*
 * Jarrett Photo Tour
*/
#BodyCopy.PhotoTour {
	margin-left: 20px;
	margin-right: 0px;
	width: 560px;
}

#JarrettPhotoTour {
    display: block;
    margin-bottom: 2em;
}
#JarrettPhotoTour img {
    display: block;
    border: 1px solid #000;
}

#JarrettPhotoTour  ul.Navigation {
    list-style-type: none;
    display: block;
    padding: 0px;
    margin: 3px 0px;
}
#JarrettPhotoTour ul.Navigation li {
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#JarrettPhotoTour ul.Navigation li a {
    text-decoration: none;
    font-weight: bold;
}
#JarrettPhotoTour ul.Navigation li.Center {
  text-align: center;
}

#JarrettPhotoTour ul.Navigation li.Center {
	padding: 0 10px;
    width: 255px;
}


#JarrettPhotoTour ul.Navigation li.First {
    text-align: left;
}

#JarrettPhotoTour ul.Navigation li.Last {
    text-align: right;
}
#ThumbPanel {
	float:right;
}
#ThumbPanel td img {
	margin-bottom:14px;
	margin-right:15px;
}



/*Community Photo Gallery */
#BodyCopy.PhotoGallery {
	width: 460px;
}
#BodyCopy.PhotoGallery h2.album_title {
	margin-bottom: 7px;
	margin-right: 100px;
	line-height: 20px;
}
#BodyCopy.PhotoGallery .GalleryInstructions {
	margin-bottom: 8px;
}
#Breadcrumbs {
	margin-bottom: 1.2em;
}

/** video page styles **/
.VideoCaption {margin-bottom: 1.7em; width: 315px;}
