/*
Theme Name: Praise Baby
Theme URI: http://praisebaby.com
Description: Theme for The Praise Baby Collection
Version: 1 (WP2.6.2)
Author: Anthology Creative
Author URI: http://anthologycreative.com
Tags: pink, blue, widgets, baby
*/
@import "style/css/reset.css";
@import "style/css/960.css";

body { 
	font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; 
}


/******************************************************* Main Navigation */

ul#nav { background:url('style/images/header_nav_stack_3.jpg'); position:relative; min-height:50px; }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:50px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navVideo a, li#navAudio a, li#navStore a, li#navShare a { background:url('style/images/header_nav_stack_3.jpg'); }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 50px
	selected state = 100px

	The distance from the far-left to the...

	home button = 0px
	video button = 233px
	audio button = 356px
	store button = 488px
	share button = 613px

	The width of the...

	home button = 233px
	video button = 123px
	audio button = 132px
	store button = 125px
	share button = 129px
*/

li#navHome a 						{ background-position:0 0; width:233px; left:0 }
li#navHome a:hover					{ background-position:0 -50px }
li#navHome a.sel  					{ background-position:0 -100px }

li#navVideo a 						{ background-position:-233px 0; width:123px; left:233px }
li#navVideo a:hover					{ background-position:-233px -50px }
li#navVideo a.sel 					{ background-position:-233px -100px }

li#navAudio a 						{ background-position:-356px 0; width:132px; left:356px }
li#navAudio a:hover					{ background-position:-356px -50px }
li#navAudio a.sel 					{ background-position:-356px -100px }

li#navStore a 						{ background-position:-488px 0; width:125px; left:488px }
li#navStore a:hover					{ background-position:-488px -50px }
li#navStore a.sel  					{ background-position:-488px -100px }

li#navShare a 						{ background-position:-613px 0; width:129px; left:613px }
li#navShare a:hover					{ background-position:-613px -50px }
li#navShare a.sel  					{ background-position:-613px -100px }


/******************************************************* Site Wrapper */
#wrapperMain {
	margin: auto;
	background: url('style/images/bg_main.jpg') repeat-x;
	min-height: 700px;
}

/******************************************************* Header */
#headerLogo {
	margin-top:6px;
	background:url('style/images/header_logo.jpg') no-repeat;
	height:143px;
	margin-left:70px;
}

#headerLogo img.pbLogo {
	float:left;
	display:inline;
	margin-top:27px;
	margin-left:217px;
}

#headerLogo img.widget {
	margin-top:-6px;
	float:right;
	display:inline;
	margin-right:80px;
}

h1#pbLogo {
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	height:0;
}

/******************************************************* Inner Pages Blanket Styles*/
#wrapperInner {
	margin: auto;
	color:#666;
	min-height: 300px;
	background: url('style/images/bg_inner.jpg') repeat-x;
}

/******************************************************* Double Column Pages */

#blogTitle {
	padding-top:30px;
	outline:none;
}
#doubleColLeft {
	margin-top:40px;
	border-right: 1px dotted #ccc;
}
#doubleColRight {
	margin-top:40px;
}
#doubleColRight h4 {
	color:#ccc;
}
#doubleColRight ul {
	margin-bottom:5px;
}
#doubleColRight li {
	min-height:25px;
	padding-top:4px;
	padding-left:10px;
	margin-left:0px;
	list-style-type:none;
}
#doubleColRight li.gray {
	background-color:#f9f9f9;
}
#doubleColRight a {
	color:#339999;
	text-decoration:none;
}

#doubleColRight a:hover {
	text-decoration: underline;
}
#doubleColRight .moreEntries a {
	color:#cc6699;
	float:right;
}
/******************************************************* Wordpress Post */

.post .postTitle {
	display:block;
	text-decoration:none;
	font: 24px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #339999;
	margin-top:10px;
	margin-bottom: 20px;
	padding-bottom: 4px;
}

.post h2 a {
	display:block;
	text-decoration:none;
	font: 24px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #339999;
	margin-top:10px;
	margin-bottom: 5px;
	padding-bottom: 4px;
}
.post h2 a:hover {
	text-decoration:underline;
}

.post .date {
	color:#CCC;
	margin-bottom:20px;
}

.post p {
	margin-bottom:20px;
}

.post p a {
	color:#cc6699;
	text-decoration: underline;
}

.post p a:hover {
	color:#fff;
	background-color:#cc6699;
}

.postMeta {
	margin-bottom:40px;
	text-align:center;
}

.postMeta a {
	color:#cc6699;
	text-decoration: underline;
}

.postMeta a:hover {
	color:#fff;
	background-color:#cc6699;
}

.widget_recent_entries h2 {
	background: url('style/images/heading_recent_entries.jpg') no-repeat;
	min-height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:20px;
}

.widget_categories h2 {
	background: url('style/images/heading_categories.jpg') no-repeat;
	min-height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:20px;
}

.comments h3.alt { 
	color:#cc6699;;
  	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  	font-style: italic;
  	font-weight: normal;
	font-size:18px;
	padding-top:10px;
	margin-bottom:20px;
	background-color:#fff;
}

p.postDetails {
	color:#666;
	font-size:0.80em;
}

#footerFlyLineSmall {
	margin-top:50px;
	margin-bottom:20px;
	display:block;
	text-align:center;
}

/******************************************************* Comments */

.comments p {
	margin:15px;
}

.comments p a {
	color:#cc6699;
	text-decoration: underline;
}

.comments p a:hover {
	color:#fff;
	background-color:#cc6699;
}
.comments cite {
	color:#339999;
	text-decoration: none;
	font-weight:bold;
	font-variant: small-caps; 
	letter-spacing: 1px; 
	text-transform: lowercase; 
	font-size:1.2em;
	line-height:1%;
	padding:0 2px;
}

.comments cite a {
	color:#339999;
	text-decoration: none;
}

.comments cite a:hover {
	text-decoration:underline;
}

.comments .alt {
	background-color:#f9f9f9;
}
.comments li {
	margin:10px;
	padding:10px;
}

#commentform {
	padding:20px 10px 10px;
	margin:20px 10px 10px;
}

#author {
	margin-bottom:5px;
}

#email {
	margin-bottom:5px;
}

#url {
	margin-bottom:5px;
}
#commentform .req { 
	color:#cc6699;
  	font-weight: normal;
	border:1px dotted #cc6699;
	padding:2px;
}

form input, form option, textarea {
	color:#333333;
	font-family:"Lucida Grande";
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding:0px;
	line-height:12px;
	padding: 3px;
}

/******************************************************* Footer */
#footerFlyLine {
	margin-top:50px;
	margin-bottom:60px;
	display:block;
	text-align:center;
}

#mainFooter {
	color: #ccc;
	text-align: center;
	font-size:1.0em;
}
#mainFooterNav {
	margin-bottom:50px;
}
#mainFooterNav a {
	color:#cc6699;
	text-decoration: none;
	padding: 0px 10px;
}
#mainFooterNav a:hover {
	color:#fff;
	background-color:#cc6699;
}
#mainFooter .copyright {
	color:#666;
	margin:10px 0px;
}
#mainFooter .designBy {
	color:#666;
	font-size:0.75em;
	padding-bottom:10px;
}
#mainFooter .designBy a {
	padding: 0px;
	color:#666;
	text-decoration: none;
}
#mainFooter .designBy a:hover {
	color:#666;
	text-decoration: underline;
	background-color: #fff;
}