/*
Theme name: LoavesofLove
Theme URI:http://www.loavesoflove.co.uk/
Description: New theme based on kuuler-1, designed by Stratus. Fixed-width, three columns and three dynamic sidebars, widget ready theme.
Tags: light, white, fixed-width, three-columns, sticky-post
Author: Stratus / Shomon
Author URI:http://preuro.eu/
Version: 1.1.2

*/

body {
	font-size: 12px;
	font-family: 'Arial', Verdana, Sans-Serif;
	background: #fff;
	color: #666666;
	margin: 0;
	padding: 0;	
	text-align:center;
	
}
.border_hr {

        background-image:url(images/lologo5.png);
	background-repeat:no-repeat;
	height:180px;
	margin:5px 300px 0 0;
        width:100%;
}
.right {
	text-align:right;
}
.alignleft{
	float:left;
	margin-right:5px;
}
.alignright{
	float:right;
	margin-left:5px;
}
.center, .aligncenter{
	margin:auto;
	text-align:center;
}
.clear {
	clear:both;
}
/* Main style of links */
a:link,a:visited{
	color:#5C6FA3;
	text-decoration:none;
}	
a:hover, a:active{
	color: #990000;
	text-decoration:underline;
}
/* Top and bottom areas */
#top{
	
	height:0px;
	width:100%;
}
#bottom{
	height:52px;
	width:100%;
}
/* The width and style of the actual blog area */
#page {
	background: #fff;
	width: 960px;	
	margin:0 auto;	
	padding:0 4px 0 2px;
}
/* Headers used within the blogposts (h1-h3 are used elsewhere on the pages and should not be used in posts)*/
h4,h5,h6{
font-size:16px;
	font-family: "Bradley Hand ITC", "Monospace", "Courier New", Courier,
 Serif}
h4 {font-size: 12px;}
/* Deal with the header */
#header{
	margin:0px;
	padding:0px;	
	width:100%;
}
#header h1{
	margin: 10px 0 20px 0;	
	font-size:24px;
        width:250px;
        text-align:center;		
	font-family: 'Bradley Hand ITC', "Monospace", "Courier New", "Courier", Serif;
        visibility:none;
}
#header h1 a:link, #header h1 a:visited {
	color: #676767;	
	text-decoration:none;
}
#header h1 a:hover, #header h1 a:active {
	color: #000; 
	font-weight:bold;	
        width:100px;	
}
#header .description{
        position:relative;
	color: #cccccc;	
	font-weight:bold;	
	font-style: normal; font-size:20px;
	font-family: Bradley Hand ITC, Monospace, Courier New, Courier, Serif;
        padding-left:15px;
        border-left:thin dotted grey;
        top: -50px;
        left:220px;
}
#header_left{	
        background-image:url(images/loltitle.png);
	background-repeat:no-repeat;
	float:left;	
	width:800px;	
	height:45px;	
	border:0px;	
	text-align:left;	
	padding-left:10px;
        margin-left:5px; 
}



html>body #header_left{
}
#header-right{
	float:right;	
	width:325px;	
	margin:0px;	
	padding:0px;
}
#header-right p{
	text-align:justify;	
	margin:0px;	
	padding:0 10px 0 0;
}
#header-right fieldset{
	border:0px;	
	margin:0px;	
	padding:0px;
}
#header-right #srcinput {
	font-size:12px;
	width:205px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#eeeeee;	
	padding: 2px;	
	border-color:#eeeeee;	
	border-style:solid;
}
#header-right #srcbutton{
	font-size:12px;
	margin: auto 0px;	
	border-width:1px;	
	background: #f2f2f2;	
	padding: 1px 2px;	
	border-style:solid;
}

.srcform{
border:no;}
.srcinput {
	font-size:9px;
	width:140px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#eeeeee;	
	padding: 2px;	
	border-color:#eeeeee;	
	border-style:solid;
}
.srcbutton{
	font-size:9px;
	margin: auto 0px;	
	border:1px solid #FFFFFF;	
	background: #f2f2f2;	
	padding: 1px 2px;	
	
}


#header-right #search{margin-top:2px;margin-bottom:5px;}
#sidebar-left #search{margin-top:10px;margin-bottom:5px; border:none;}

/* Using header right as a dynamic sidebar requires these as well */
#header-right h2{
		
	font-size:5px;
}
/* Deal with left, right and bottom sidebars */
#sidebar-right{
	float: left;		
	margin:10px 0px 0px 2px;	
	width:140px;	
	padding:2px 0 2px 3px;
}
#sidebar-left{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
	float:left;	
	margin:0px 2px 0px 0;	
	width:170px;	
	padding:0 7px 2px 5px;
}
#sidebar-bottom {
	border-top: 1px solid  #999999;	
	padding-top: 3px;	
	margin:5px auto;
}
#sidebar-bottom .widget_bottom  {
	float:left;	
	list-style-type:none;	
	text-align:center;	
	margin:0 10px;	
	display:inline;	
	width:191px; 
}
#sidebar-right a:link,
#sidebar-left a:link,
#sidebar-bottom a:link,
#sidebar-right a:visited,
#sidebar-left a:visited,
#sidebar-bottom a:visited{
	color:#676767;
}
#sidebar-right a:hover,
#sidebar-left a:hover,
#sidebar-bottom a:hover,
#sidebar-right a:active,
#sidebar-left a:active,
#sidebar-bottom a:active{
	color:#283d5a;	
	text-decoration: none;
}
#sidebar-right ul,
#sidebar-left ul,
#sidebar-bottom ul{
	list-style-type: none;	
	margin:0;	
	padding:0;	
	text-align:left;
}
#sidebar-right li li,
#sidebar-left li li,
#sidebar-bottom li li {
	margin:1px 0;	
	padding:4px 1px 3px 5px;
}
#sidebar-right li li:hover,
#sidebar-left li li:hover,
#sidebar-bottom li li:hover {
	color:#666666;
	font-weight:700;		
	background:#f2f2f2;		
}
#sidebar-right .current_page_item,
#sidebar-left .current_page_item,
#sidebar-bottom .current_page_item,
#sidebar-right .current-cat,
#sidebar-left .current-cat,
#sidebar-bottom .current-cat{
	background:#cccccc;
}
#sidebar-right h2,
#sidebar-left h2,
#sidebar-bottom h2{
	text-align:left;
	padding-bottom:4px;	
	color:#676767;	
	font-size:15px;
	font-family: Arial, Georgia, Serif;
	font-weight:bold;
	border-bottom:#CCCCCC solid 1px;
}

#sidebar-right p,#sidebar-left p{
	font-size:12px;	text-align:center;	
}
/* Show calendar in bottom sidebar */
#calendar-bottom table{
	margin:auto;
	width:90%;
}
#calendar-bottom a:link,
#calendar-bottom a:visited {
	font-weight:bold;
	color:#5C6FA3;
}
#calendar-bottom a:hover,
#calendar-bottom a:active{
	color:#283d5a;	
	text-decoration:none;
}
#calendar-bottom #today {
	background:#F3F0F6;
}

.divider{
	height:5px;	
	padding:0;		
	margin:0;
}
.border_hr_thin{
	height:13px;	
	width:100%;		
	margin:auto;
}
/* Deal with content (all styles used in index.php) */
#content {
	text-align:left;	
	width:570px;	
	padding:5px 10px;		
	float:left;		
	margin-top:5px;	
	min-height:570px;	
	border-right:1px solid #e1e0e0;	
	border-left:1px solid #e1e0e0;
}
html>body #content{width:570px;}
#content h1{
	margin: 10px 0 10px 0;	
	font-family: Arial, Helvetica, sans-serif;
	text-shadow:#999999;	
	font-size:20px;
}
#content h2{
	margin: 10px 0 10px 0;	
	font-family: Arial, Helvetica, sans-serif;

	text-shadow:#999999;	
	font-size:15px;
}
#content h2.postheader{	
	font-family: Bradley Hand ITC, Monospace, Courier New, Courier, Serif;
        margin: 10px 0 1px 0;
	font-size:22px;}
#content h4.{
         margin: 14px 0 1px 0;
}
#content h2 a:link, #content h2 a:visited {
	color: #676767;	
	text-decoration:none;
}
#content h2 a:hover, #content h2 a:active {
	color: #283d5a;	
	text-decoration:underline;
}
#content .post-info{
	font-size:10px;	
	font-variant: normal;
}
#content .widgettitle{
	font-size:10px;	
	font-weight:bold;	
	margin: 5px 0 2px 0;
}
#content blockquote{
	padding:10px;	
	margin:10px 20px;	
	color: #6C5B7E;
	border:#666666 solid 1px;
}
#content q {
	quotes: '"' '"' "'" "'";	
	color: #6C5B7E;
}
#content cite { color: #6C5B7E;}
#content .css{ color:#3A80FF;}
#content .php{ color:#3E6E3E;}
#content .entry {
	text-align:justify;	
	margin: 5px 7px;
}
#content .entry ul, #content .entry ol{
	margin: 3px;	
	padding:0 0 0 25px;
}
#content .postmetadata{font-size: 10px;}
#content .post{
	margin: 0 0 20px 0;
	padding: 1px 10px 0 10px;
}
#content .sticky {
border-bottom: #666666 solid 3px;} 
#content .wp-caption, .caption{
	border:thin solid #676767;	
	background-color: #F3F0F6;	
	padding: 5px 2px;	
	-moz-border-radius: 3px;	
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;
}
#content .wp-caption{ text-align:center;}
#content img,
#content a img {border: none; padding:5px;}

#content .wp-smiley{border:0 !important;}
#content .wp-caption-text{
	margin:2px;	
	padding:5px 3px 0px 3px;
}
#content .not-found{color:#676767;}
#content .search{margin-top:15px;}
#content .search fieldset{border:0;}
dl,dt,dd{margin:0 10px;}
dt{
	font-weight:bold;	
	padding:6px 0 0 0;
}
.navigation .alignleft,
.navigation .alignright{
	width:222px;
	min-height:21px;
	padding:10px 0 10px 0;
}
.navigation .alignright{
	text-align:right;
}
/* Special styles used by image.php to show an image attachment */
.attachment{
	text-align:center;	
	margin:0 auto;
}
.caption{
	width:310px;	
	margin:15px auto;	
}
.attachment p {
	padding:0;	
	margin:7px auto 2px auto;
}
/* Special styles used by archives.php (archives page) */
.archive{
	width:200px;	
	padding: 2px 20px;
}
/* Special styles used by links.php (links page) */
.archive{padding: 2px 20px;}
/* Special styles used by children.php */
#list-subpages{
	margin:0 10px;
}
#list-subpages ul{
	list-style-type:none;
	margin:3px 15px;
	padding:0px;
}
#list-subpages ul li {
	margin:15px 0;
}
.page-link{
	font-variant:small-caps;
	font-size:14px;
	font-family: Georgia, Serif;
}
#list-subpages p {
	margin:4px 10px;
	padding:0;
}
/* Styles needed to handle comments */
.xoxo,.children{
	list-style-type:none;	
	margin:4px;	
	padding:0 0 0 10px;
}
.children{margin:1px 4px;}
#respond h3,#content h3 {
		
	font-family: Arial, Helvetica, sans-serif;	
	font-size:13px;	
	margin: 10px 0 2px 0;
}
#commentform textarea{
	width:99%;	
	background:#fff;	
	border: 1px;	
	background:#fff;	
	padding: 2px;	
	border-color:#cccccc;	
	border-style:solid;
}
#comments ul {
	list-style-type:none;	
	list-style-position:inside;	
	margin:0;	
	padding:5px;
}
#comments li {border:1px solid #999999;}
#comments .children{padding:0 0 0 25px;}
#comments blockquote{	
	padding-left:10px;	
	margin:10px 60px;
}
#comments blockquote blockquote{margin:10px 20px;}
#comments blockquote p {
	padding:0;
	margin:0;
}
#comments #author-info img {
	float:left;	
	margin-right:7px;
}
#comments #author-info {font-size:11px;}
#comments p,#comments .reply {
	font-size:12px;	
	margin-left:42px;
}
#comments .reply {margin-bottom:10px;}
#comments .comment,
#comments .trackback,
#comments .pingback {
	padding:5px;	
	margin:5px 0;
}
.thread-odd, .depth-1, .depth-4{background:#f2f2f2;}
.depth-2, .depth-5 {background:#fff;}
.thread-even, .depth-3, .depth-6{background:#cccccc;}
.children .alt, .children .odd {background:#E0DAE6;}
.children .even {background:#C6BDCE;}
/* Shows info about comment status */
#comments-status {
	margin: 10px auto;
	padding:15px 0 15px 0;
	background-color:#f2f2f2;	
	text-align:right;	
	font-size:11px;
}
#comments-status a:link,#comments-status a:visited{font-weight:bold;}
#commentform #submit{
	margin: 5px 0px;	
	border-width:1px;	
	background: #f2f2f2;	
	padding: 1px 4px;	
	border-color:#cccccc;	
	border-style:solid;
}

#author{
border: 1px solid #CCCCCC;}

#email{
border: 1px solid #CCCCCC;}

#url{
border: 1px solid #CCCCCC;}

#search {
	position:relative; 
        top:-200px;
}

#footer{
	text-align:right;	
	font-size:11px;
}
#theme-author{
	padding:0;	
	margin:5px 0 0 0;
	text-align:right;
}

.pre {
width:100;
}

a img {
	border: 0;
}

img{
padding:10px;
border:0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:940px; height:32px; position:relative; 
       z-index:100; font-family:arial, sans-serif; background:#f2f2f2; 
       margin-top:3px; margin-bottom:3px;
}
.menu ul li a:hover {width:132px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;background:#12f2f2;}
.menu ul ul {width:132px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:132px;
          position:relative; margin:0 2px 0 0 ; top:0px;left:0px}
/* style the links for the top level */
.menu a, .menu a:visited {
            display:block;font-size:11px;
            text-decoration:none; color:#000; 
            width:132px; height:30px;             background:#f2f2f2; 
            padding-left:2px; line-height:29px; 
            font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:132px; w\idth:132px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd no-repeat 132px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#fff no-repeat 132px center;}
.menu ul ul :hover > a.drop {background:#fff no-repeat 132px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:139px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-1px; width:132px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-132px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:3px 10px; width:132px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:132px;w\idth:132px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ccc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

.title, caption { 
	text-transform:capitalize;
        margin-top:30px; color: black; 
	border-bottom:1px dotted black; margin-bottom:5px;
}
.stray_quote-2 {
	margin-top:10px;
	font-style:italic; 
	font-size:0.9em;
       }
.qauthor {
	text-align:right; }

.partners {
	float:left;	
}
.backwardspartners {
        position:relative;
        left:-250px;
}
.upwardspartners {
        position:relative;
        top:-20px;
}

.count {
	font-size:100px;
        font-style:italic;
  	font-family: "Bradley Hand ITC", "Monospace", "Courier New", Courier, Serif;
        color:#a23;
        position:relative;       
        visibility:hidden;
        top:-130px;
-moz-opacity: 0.6;opacity: 0.6;
filter:alpha(opacity=60);


}