/*
Theme Name: Breathe
Theme URI: http://wordpress.org/
Description: The Breathe theme based <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> (Starkers (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>).
Version: 2.0
Author: Steve Oldham
Author URI: http://www.vdotgood.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/*############
STRUCTURE
############*/
body {
font-size: 11px;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif;
font-weight:normal;
background: #1a1a1a url(/wp-content/themes/breathe/images/breathe_back.jpg) no-repeat center 250px;
color: #fff;
text-align: left;
margin: 0;
padding: 0;
}
div#header{
float:left;
clear:both;
background-image:url(/wp-content/themes/breathe/images/breathe_headerBack.jpg);
background-repeat:repeat-x;
margin: 0;
padding: 0;
height: 259px;
width: 100%;
}
div#main{
float:left;
clear:both;
width:100%;
margin: 0;
padding: 0;
background: transparent url(/wp-content/themes/breathe/images/header_shadow.png) repeat-x left -3px;
}
div#page {
clear:left;
margin: 0px auto;
padding: 0;
width:900px;
border: 0;
padding:0;
text-align: left;
font-size:11px;
}
div#content{
float:left;
clear:both;
width:620px;
}
div#content img{
max-width:616px;
}
div#headerContent {
width:900px;
height:110px;
margin: 0 auto;
}
div#headerImg{
float:left;
position:relative;
top:150px;
}
div#footer {
padding:5px 0 0 0;
width: 100%;
height:172px;
clear: both;
background: url(/wp-content/themes/breathe/images/breathe_footerBack.png) repeat-x center bottom;
}
div#footerContent{
padding:10px 0 0 0;
width:900px;
height:152px;
margin: 0 auto;
}
div#footerContent div{
float:left;
width:240px;
height:130px;
margin:15px 0 0 0;
padding:10px 30px 0 30px;
}
div#footerContent div#left{
background: url(/wp-content/themes/breathe/images/divider.png) no-repeat right;
}
div#footerContent div#mid{
background: url(/wp-content/themes/breathe/images/divider.png) no-repeat right;
}
div#footerContent img{
margin:0 0 8px 0
}
div#footerContent p{
clear:left;
}
div#footerContent .rss_tilt, div#footerContent .wordpress_badge{
position:relative;
left:-14px;
}
/* /STRUCTURE */



/*############
TITLES
############*/
h1, h2, h3 {
font-weight: bold;
text-align:left;
color:#fff;
}
h2 {
font-size:18px;
}
div#footer h2{
float:left;
display:block;
line-height:1em;
text-indent:-6px;
background:#000;
}
div#content h3{
margin:10px 0 5px 0;
padding:5px;
font-size:16px;
background:#000;
}
slashes{
letter-spacing:-6px;
color: #00fff6;
}
blue{
color: #00fff6;
}
/* /TITLES */



/*############
LINKS
############*/
h1, h1 a, h1 a:hover, h1 a:visited{
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #fff;
}

a{
color: #00fff6;
text-decoration : none;
}
a:active  {
color: #00fff6;
text-decoration : none;
}
a:hover  {
color : #aa0000;
text-decoration : none;
}
a img{
border:none;	
}
div#control a{
color: #fff;
}
div#control a:hover{
color: #00fff6;
}
/* /LINKS */



/*############
NAV
############*/
ul#nav{
float:left;
list-style:none;
margin:20px 0 0 20px;
padding:0;
background: url(/wp-content/themes/breathe/images/home_nav_list_back.gif) no-repeat;
}
ul#nav li{
float:left;
clear:left;
width:700px;
height:27px;
cursor:pointer;
overflow:hidden;
z-index:1;
}
ul#nav li#home{
width:354px;
position:relative;
left:20px;
background: url(/wp-content/themes/breathe/images/home_nav_home.png) no-repeat;
background-position: -361px top;
}
ul#nav li#blog{
width:422px;
position:relative;
top:-6px;
left:27px;
background: url(/wp-content/themes/breathe/images/home_nav_blog.png) no-repeat;
background-position: -429px top;
}
ul#nav li#event{
width:674px;
height:29px;
position:relative;
top:-16px;
left:30px;
background: url(/wp-content/themes/breathe/images/home_nav_event.png) no-repeat;
background-position: -676px top;
}
ul#nav li#media{
width:623px;
height:29px;
position:relative;
top:-23px;
left:4px;
background: url(/wp-content/themes/breathe/images/home_nav_media.png) no-repeat;
background-position: -626px top;
}
ul#nav li#resources{
width:615px;
height:26px;
position:relative;
top:-30px;
left:2px;
background: url(/wp-content/themes/breathe/images/home_nav_resources.png) no-repeat;
background-position: -616px top;
}
ul#nav li#soulnet{
width:482px;
position:relative;
top:-35px;
left:12px;
background: url(/wp-content/themes/breathe/images/home_nav_soulnet.png) no-repeat;
background-position: -484px top;
}
ul#nav li#worship{
width:675px;
position:relative;
top:-41px;
left:8px;
background: url(/wp-content/themes/breathe/images/home_nav_worship.png) no-repeat;
background-position: -676px top;
}
ul#nav li#home:hover, ul#nav li#blog:hover, ul#nav li#event:hover, ul#nav li#media:hover, ul#nav li#resources:hover, ul#nav li#soulnet:hover, ul#nav li#worship:hover{
background-position: 0px 0px;
z-index:5;
}
ul#nav li a{
width:100%;
height:27px;
display:block;
}
/* /NAV */



/*############
HOME
############*/
div#home_nav{
float:left;
width:900px;
height:250px;
background: url(/wp-content/themes/breathe/images/home_nav_back.jpg) no-repeat left top;
}
div#welcome h2 {
background-color:#000;
margin:10px 0 16px 0;
padding:5px;
font-style:italic;
font-weight:bold;
}
div#latest_title{
overflow:hidden;
}
div#latest h2, div.entry h2  {
background-color:#000;
margin:0;
padding:3px;
}
div#latest div.entry{
float:left;
width:100%;
margin:0;
padding:0;
}
div#latest div#entry_thumb, div#latest div#entry_title{
margin-top:10px;
}
div#entry_title{
float:left;
position:relative;
width:98%;
padding:0;
margin:10px 0 0 0;
height:35px;
}
div#entry_thumb{
float:left;
clear:left;
width:150px;
height:120px;
overflow:hidden;
margin:0 15px 0 0;
border:2px solid #111;
}
div.entry_right{
float:left;
width:450px;
}
div.entry h3{
margin:20px 0 0 0;
padding:0;
}
div#entry_content{
float:left;
clear:both;
padding:0;
margin:0 0 10px 0;
font-family:"Helvetica Neue", Arial;
font-size:12px;
line-height:15px;
}
div#entry_title h2{
float:left;
height:21px;
width:100%;
margin:0;
overflow:hidden;
}
div.entry_read span, div.entry_share span{
float:left;
height:15px;
padding:3px;
font-size:11px;
font-weight:bold;
background-color:#000;
}
div.entry_read span{
margin:0 5px 0 0;
}
div.entry_links{
float:left;
clear:left;
}
div.entry_share:hover div.sociable{
visibility:visible;
}
span.date{
position:absolute;
top:-2px;
left:382px;
padding:8px 0 0 0;
height:25px;
width:82px;
font-weight:bold;
font-size:11px;
background: url(/wp-content/themes/breathe/images/icons/plus_hover.png) no-repeat right -43px;
cursor:pointer;
}
span.date:hover{
background: url(/wp-content/themes/breathe/images/icons/plus_hover.png) no-repeat right -3px;
}
/* /HOME */



/*############
SINGLE
############*/
div#control{
float:left;
clear:both;
width:885px;
height:29px;
overflow:hidden;
background: url(/wp-content/themes/breathe/images/control_back.png) no-repeat left top;
margin:0;
padding:8px 0 0 15px;
font-size:20px;
font-style:italic;
}
div.single div#entry_title{
height:28px;
}
div.single div#entry_title h2{
font-size:20px;
}
div.single span.date{
position:absolute;
top:-2px;
left:548px;
}
div.single div#entry_author{
float:left;
clear:left;
position:relative;
top:0px;
width:100%;
margin:2px 0 5px 0;
padding:0;
}
div.single div#entry_author h4  {
width:455px;
padding:4px;
font-size:12px;
font-weight:bold;
background-color:#000;
}
div.single div#entry_thumb{
float:right;
position:relative;
top:-27px;
margin:0 0 -27px 0;
}
div.single div.entry img{
border:2px solid #111;
}
div.single div#entry_thumb img{
border:none;
}
div.single div.entry p{
margin:0 0 10px 0;
}
div.single div.tags{
float:left;
clear:left;
text-align:left;
padding:6px;
font-size:12px;
background:#000;
}
div.single div.navigation{
float:left;
clear:left;
width:100%;
text-align:left;
margin:10px 0 0 0;
padding:0;
font-size:12px;
}
div.single div.navigation div{
padding:6px;
background:#000;
}
div.alignleft{
float:left;
}
div.alignright{
float:right;
}
p.edit_link, p.edit_link a{
float:left;
clear:both;
}
p.edit_link{
padding:6px;
background:#000;
}
/* /SINGLE */


/*############
BLOG
############*/
div.blog{
position:relative;
top:-20px;
}
/* /BLOG */


/*############
SIDEBAR
############*/
#sidebar{
float:right;
width: 260px;
margin:10px 0 0 0;
padding:0 0 5px 0;
}
#sidebar ul{
float:left;
width:260px;
list-style:none;
margin:0;
padding:0;
}
#sidebar form {
margin: 0;
}
#sidebar li a{
font-size:12px;
font-weight:normal;
}
/* /SIDEBAR */



/*############
PLUGINS
############*/
/* FLICKR */
#flickr {
clear: both;
margin: 0 0 20px 0;
padding: 60px 0 0 0;
background: url(/wp-content/themes/breathe/images/title_flickr.gif) no-repeat left top;
}
#flickr .flickr_badge_image a {
float: left;
display: inline;
margin: 0 8px 8px 0;
border: 1px dashed #555;
padding: 2px;
}
#flickr #flickr_badge_image3 a, #flickr #flickr_badge_image6 a, #flickr #flickr_badge_image9 a {
margin: 0 0 6px 0;
}
#flickr .flickr_badge_image img{
border: 1px solid #999;
width:65px;
height:65px;
}
#flickr .flickr_badge_image a:hover {
border: 1px dashed #fff;
}
#browseFlickr{
background: url(images/bg-flickr.png) no-repeat;
width: 91px; height: 11px;
margin: 0 25px 10px 12px;
float:right;
}
/* /FLICKR */

/* SOCIABLE */
div.sociable {
visibility:hidden;
margin:0;
}
div.sociable_tagline { float:left; margin:0 2px 0 0; }
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
float:left;
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/* /SOCIABLE */



/*############
ICONS
############*/
.rss_tilt{
float:left;
width:39px;
height:39px;
background: url(/wp-content/themes/breathe/images/icons/rss_tilt.png) no-repeat scroll left center;
}
.wordpress_badge{
float:left;
width:37px;
height:37px;
background: url(/wp-content/themes/breathe/images/icons/wordpress_badge.png) no-repeat scroll left center;
}
a[href*="@"], a[href*="mailto:"], a[href*="phobos"]{
padding-bottom:2px;
padding-left:15px;
padding-top:1px;
background:transparent;
}
a[href*="@"], a[href*="mailto:"]{
background: url(/wp-content/themes/breathe/images/icons/email_grey.png) no-repeat scroll left center;
}
a[href*="phobos"]{
background: url(/wp-content/themes/breathe/images/icons/podcast.png) no-repeat scroll left center;
}
/* /ICONS */



/* LAYOUT FIXES */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */



/* CLEVER TINGS */
/*################
##################
Sticky Footer by Ryan Fait
http://ryanfait.com/
##################
################*/
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -172px auto; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 172px; /* .push must be the same height as .footer */
}
/*##############*/

/*################
##################
SAFARI/CHROME
##################
################*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */

}
/*##############*/