/*



Theme Name: Breathe



Theme URI: http://www.paulcracknell.net/



Description: A Free Wordpress Theme created by Paul Cracknell.



Version: 1.2



Author: Paul Cracknell



Author URI: For set up information of this Theme please visit http://www.paulcracknell.net/



Tags: black, red, two-columns, fixed-width



The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

        Header image from Wikimedia commons. Unknown photographer.



*/



/* ---- default --- */



html {	margin:0;

	padding:0;

}



body {	font:76%  Helvetica, Tahoma, Arial,sans-serif;

	margin: 0;

	padding: 0;

	color:#333;

	background: /*#e9e9e7*/ url( images/bg.jpg) center top repeat-x;

}



h1, h2, h3, h4, h5, h6 {



	margin:0;

	padding:0;

	font-weight:500;

}



p {	margin: 0 0 15px 0;

	padding: 10px;

	line-height:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

        text-align: justify;

}



ul, ol {

	margin: 0;

	padding: 0;

	list-style: none;

}



img {	border: none;

        overflow: hidden;

}



table, td {border-collapse:collapse;}

table, td, img {border:0;}

td, tr {vertical-align:top; text-align:left;}



#respond {}



li.depth-1 {}





/*--------links-----------*/



a:link {color: #ff0000;

	text-decoration: none;

	font-weight: 500;

}



a:visited {

	color: #ff0000;

	text-decoration: none;

	font-weight: 500;

}



a:hover {

	color: #ff9933;

	text-decoration: underline;

	font-weight: 500;

}



a:active {

	color: #ff9933;

	text-decoration: none;

	font-weight: 500;

}











/* - BASIC STUFF - */







.additional-meta {font-size: xx-small; padding: 0 0 0 15px;}



blockquote {font-style:oblique}



.float-left {float:left;}



.float-right {float: right;}



.entry-meta {margin:10px; padding:5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}







/* -- LISTS -- */



ul {margin:0;padding:0;}



ul li {	margin-left:5px;padding:0;}



li {list-style-type:none;}



.disc {list-style-type:disc}



/* lists inside posts */



.entry-content ul ol {margin-left:0;}



.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}



.entry-content ul li ol {margin-left:10px;}



.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}



.entry-content ol li li {margin-left:5px;}







/* -- HEADINGS -- */







h2.entry-title {background: url(images/title-bg.gif) no-repeat;height:40px;color: #fff; padding: 7px 0 0 20px}



h2.entry-title a:link {color:#fff;}



h2.entry-title a:visited {color:#fff;}



h2.entry-title a:hover {color:#fff;text-decoration: underline;}











h2#comments{margin:20px auto 10px;font-size:140%;}



/* headings inside posts */



.entry-content h3 {font-size:140%;}



.entry-content h4 {font-size:120%;}



.entry-content h5 {font-size:100%;}



.entry-content h6 {font-size:90%;}















/* -- MAIN DIV'S -- */



/* ---- containers --- */



#wrapper {



	margin: 10px auto 0 auto;

	display:block;

	padding: 0 15px;

	width: 950px;

	background: #fff url( images/top.gif) center top no-repeat;

	position: relative;

}







#header {



	margin: 0;

	padding: 0;

	width: 950px;

	height: 20.2em;

	clear: both;

	background:  url( images/header.jpg) left 45px no-repeat;

}



/* -- POSTS -- */



.post-index {margin:0 0 10px;}



#post-single {margin:0 0 20px;}



.posts-wrap {float:left;

        clear:none;

        margin: 0 10px 10px 0;

	padding: 10px 20px 10px 10px;

	width: 600px;

}

/****Read More at the end of each excerpt on front page ******/

.more {

	float:right;padding:0px;margin:5px 20px 0px -20px;clear:both;

}





/**** This is the line under each story on the front page *****/



.lastline {



	margin: 10px 0px 20px 0;

	padding: 0px;

        height:5px;

	width: 600px;

        clear:both;

}







/* -- SIDEBARS --*/



.sidebar-wrap {margin:10px auto;overflow:hidden; float:left; clear:none;width:300px;}



.sidebar {width:99%;clear:none;}



.block-1 {float:right;}







/* -- 404-PAGE --*/



.error404 {margin:0;width:100%;text-align: center}



.error404 h1,.error404 h2 {margin: 10px auto;}







/* -- COMMENTS on Post pages -- */

.commentlist {}

.avatar img {

	float:left;

        margin:0px 10px 10px 40px;

        padding:5px;

        border:1px solid #000;

}

.quote {

	background: url(images/bg_quote.gif) no-repeat top right;

}

.quote p {

	min-height:50px;

}



.commentlist li {

 	padding: 5px 18px 22px 18px;

	margin-top:15px;

	background:#454545 url(images/bg_commentlist.jpg) bottom no-repeat;

        color:#fff;

}



.cite {height:50px;

       padding:10px;

       font-style:normal;

       display:block;

}

.cite a:link, .commentlist cite a:visited {

	

	text-decoration:none;

	}



.commentlist cite a:hover, .commentlist cite a:active {

	text-decoration:underline;

	}



.response {

	font-weight:bold;

        font-size:150%;

}



div.comments-wrap {margin:15px auto; padding:0;}



li.comment,li.trackback, li.pingback {margin: 10px auto;}



ul.children {margin-left:10px;}



ul.commentlist, ul.pinglist {margin:10px 0;}



div.reply {}



textarea#comment {overflow:auto}







/* -- ALIGNMENTS --*/



img.alignright {float:right;clear:none;margin:0 0 1em 1em;overflow: hidden;}



img.alignleft {float:left;clear:none;margin:0 1em 1em 0;overflow: hidden;}



img.aligncenter {display: block; margin:1em auto; text-align:center;overflow: hidden;}



img.alignnone {margin:0 0.5em 0 0;overflow: hidden;}







/*-- HEADER --*/







/*---------head-----------*/



#top {	margin: 0 auto 10px auto;

	padding: 10px 0 0 0;

	width: 950px;

	background-color: #fff;

}



#top .toplinx {



	margin: 15px 30px 0 0;

	padding: 0;

	float: right;

	color: #6b6263;

	font-size: 12px;

	display: inline;

}



#top .toplinx a {



	margin: 0;

	padding: 15px 15px 0 15px;

	color: #6b6263;

	text-decoration: none;

	background: url( images/home.gif) center top no-repeat;

	border-right: #888 dotted 1px;

	float: left;

}



#top .toplinx a:hover {



	color: #6b6263;

	text-decoration: underline;

}







/*---------Search bar located in the top navigation bar -------*/



#search {position:absolute;

	left:700px;

	top:107px; 

        margin: 0 0 0px 0; 

        padding:0px 24px 0px 45px; 

        overflow:hidden;

}



h2.search-nothing{

        font-size:17px;

        font-weight:900;

}









/* =self clearing



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



/*** see http://www.positioniseverything.net/easyclearing.html



   for explanation of Tony Aslett's elegant hack ***/



.clearfloat:after {



	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfloat {



	display: inline-block;

}



/* Hides from IE-mac */



* html .clearfloat {

	height: 1%;

}



.clearfloat {

	display: block;

}



/* End hide from IE-mac */



/*** end clearing hack ***/ 	







/*----------NAVIGATION TOP - Above the image black bar set for pages -----------*/







#nav {	margin: 0;

	padding:0;

	width: 910px;

}



#nav ul {

	padding: 12px 10px 10px 10px;

	margin: 0;

	width: 950px;

	height: 18px;

	background: url( images/topbar.jpg) left top no-repeat;

        overflow:hidden;

}



#nav ul li {

	display: inline;

	padding: 0;

	margin: 0;

	font-size: 12px;

	float: left;

	text-transform: uppercase;

}



#nav ul li a {



	padding: 0 15px 0 11px;

	color: #fff;

	text-decoration: none;

}







#nav ul li a:hover, #nav ul li a.nowpage {



	color: #fff;

	text-decoration: underline;

}



#nav ul li a.last {



	background: none;

	padding-right: 0;

}







/*----------BREADCRUMB -this is the bottom navigation under the picture in the header---------*/



.breadcrumb {



        background:url(images/bottombar.jpg) no-repeat;

	margin: 5px 0px 10px 0px;

	padding: 0 0 2px 0;

	list-style: none;

	height:40px;

        overflow:hidden;

}



.breadcrumb li {



	margin: 0;

	padding: 0;

	display: inline;

}



.breadcrumb li a {



	margin: 0;

	padding: 0 0 0 15px;

	color: #ccc;

	text-decoration: none;

}



.breadcrumb li a.home {



	margin: 0;

	padding: 0 0 0 15px;

	color: #ccc;

	text-decoration: none;

	background: url( images/home.gif) left 2px no-repeat;

}



.breadcrumb li a:hover {



	margin: 0;

	padding: 0 0 0 15px;

	color: #ccc;

	text-decoration: underline;

}



	

/* -- NAVIGATION - next post or previous post --*/



.navigation-index {}



.nav-next {float:right;clear:none;width:48%; text-align:right;padding-bottom:10px;}



.nav-prev {float:left;clear:none;width:48%; text-align:left;padding-bottom:10px;}





/*-----footer-----*/



#footer {



	border-top:#888 solid 1px;

	background-color: #fff;

	clear: both;

	margin: 0 auto 0 auto;

	padding: 10px 10px 15px 10px;

	width: 930px;

	font-size: 0.9em;

}



#footer p {



	margin: 0;

	padding: 0;

	font-family: tahoma;

}



#footer p.footlinx {



	margin: 0;

	padding: 0;

	float: right;

}



#footer p.footaccom {



	margin: 20px 0 0 0;

	padding: 0;

	text-align: center;

}



#footer p a {



	color: #666;

	text-decoration: none;

}



#footer p a:hover {



	color: #666;

	text-decoration: underline;

}





/*------Top Heading - Your site name usually--------*/



#top h1 {



	margin: 0;

	padding: 5px 20px 5px 10px;

	font-size: 48px;

	word-spacing: -4px;

	text-transform: uppercase;

	font-family: "Arial Black";

	line-height: 0.7em;

	float: left;

}



#top h1 a {



	color:#000;

	font-weight: 600;

	text-decoration: none;

}



#top h1 span.black {



	color:#df1104;

	font-size: 30px;

	margin: 0;

	padding: 0;

	display: block;

	text-transform: lowercase;

	font-family: Arial, Helvetica, sans-serif;

}



/*---Widget Sidebar Right borders-----*/





.widget-top {



	margin: 10px 0 0 0;

	padding: 0;

	height: 16px;

	background: url(images/widget-top2.gif) left bottom no-repeat;

}



.widget-bot {



	margin: 0 0 20px 0;

	padding: 0;

	height: 16px;

	background: url(images/widget-bottom2.gif) left top no-repeat;

	clear: both;

}



	



.widget li {



	margin: 0;

	padding: 5px 0 5px 15px;

	font-size: 0.9em;

	border-bottom: #ccc dashed 1px;

	background: url(images/widget-bullet.png) no-repeat left 7px;

}



.widget li a {



	color:#333;

	text-decoration:none;

}



.widget li a:hover {



	color:#333;

	text-decoration: underline;

}







.widget {



	margin: 0;

	padding: 0 5px;

	list-style: none;

	width: 268px;

	border-left: #888 solid 1px;

	border-right: #888 solid 1px;

}



h3.widgettitle {



	margin: 0 0 15px 0;

	padding: 7px 10px;

	background: url(images/h-bg-1.gif) left center no-repeat;

	color: #fff;

	font-size: 1em;

        width:270px;

}





/*******Get Image - Article images on front page of blog********/



img.custom-image {background: url(images/thumbnail.jpg) no-repeat; }



img.thumbnail {float: left;border: 1px solid black; margin: 15px; padding: 5px;height:100px; width:100px; }



/*******Excerpt for the front page 70 characters recommended **********/



.excerpt {padding:0 10px 30px 0;}





/*******Author Box above the comments********/

#authorbox{

    background:#EFEFEF;

    border:1px solid #CECFD0;

    width:600px;

    margin:0 auto;

    margin-top:10px;

    margin-bottom:10px;

    overflow:hidden;

}



#authorbox h4{

        font-size:16px;

        color:#191919;

        margin:0;

        padding:10px 10px 5px 10px;

}

.authortext{

        padding-left:100px;

}

#authorbox img{

        margin:0;

        padding:10px;

        float:left;

}

    #authorbox p{

        color:#191919;

        margin:0;

        padding:0px 10px 10px 10px;

}

 #authorbox h4 > a{

        text-decoration:none;

}

#authorbox p{

        color:#191919;

}



/***** Archive Page *****/

h2.archive-title {

        padding:10px;

}