/*



Theme Name: Breathe



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



Description: Breathe Wordpress Theme supports dropdown categories menu, separate page menu, it is widget-ready, also supports automatic thumbnails and page excerpts on front page.  Gravatars supported in the sleek design as well as an Author box and unique comments boxes at the end of posts. Set up instruction can be located on theme homepage.



Version: 1.4



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 Jaesten. Design by Jaesten.



*/



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



html {	margin:0;

	padding:0;

}



body {
	font:80%  Helvetica, Tahoma, Arial,sans-serif;
	margin: 0;
	padding: 0;
	color:#333;
	background: url(images/bg.jpg) top center no-repeat;
	
}



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: #6699cc;

	text-decoration: none;

	font-weight: 500;

}



a:visited {

	color: #6699cc;

	text-decoration: none;

	font-weight: 500;
	

}



a:hover {

	color: #000000;

	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:transparent url(images/title-bg-brown.gif) no-repeat scroll 0 0;
font-size:18px;
color:#ffffff;
padding:0 0 0 10px;}



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



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



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











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: 0px auto 0 auto;

	display:block;

	padding: 0 15px;

	width: 750px;

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

	position: relative;

}


#newheader{

	padding: 6 0 0 0px;
	
	margin: 0px auto 0 auto;
	
	height: 200px;
	
	width: 750px;




}




#header {



	margin: 0;

	padding: 0;

	width: 750px;

	height: inherit;

	clear: both;

	/*background:  url(images/header.jpg) left 44px 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:right; 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;

        min-height:50px;

}

p.quote  {

	

}



.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 4px auto;

	padding: 100px 0 0 0;

    width: 750px;

	background-color: #fff;
*/	
	
	background-position: top;
	background-position: center;
	background-image: url(images/headerlogosmal.jpg);
	background-repeat:no-repeat
}



#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: 2px 0px 0px 0px;

	margin: 0;

	width: 750px;

	height: 20px;

	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 13px 0 15px;
	
	font-family: Impact	 ;
	
	font-size:14px;
	
	color: #fff;

	text-decoration: none;

}







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



	color: #6699cc;

	/*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: 0px 0px 10px 0px;

	padding: 0 0 0px 0;

	list-style: none;

	height:22px;

    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: 730px;

	font-size: 13px;
	
	font-weight: inherit;
	
	font-family:Impact

}



#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;

}