/* 
Theme Name: CafeCafe EnviromentalLaw
Theme URI: http://webdesign.savvy-cafe.com/
Description: <a href="http://webdesign.savvy-cafe.com/" title="CafeCafe Theme">CafeCafe</a> is a free wordpress theme, released by <a href="http://webdesign.savvy-cafe.com" title="CafeCafe" target="_blank">Savvy Web Design</a>.
Version: 2.0
Author: Jennifer Hall
Author URI: http://savvy-cafe.com
*/

/* Elements */
* 
{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	/*background: #f3f3f3;*/
	background:  url(img/bg-main.gif)  repeat-x  0px 8px ;
	font-family: Verdana,Tahoma, Arial, Serif;	
	line-height: 1.5em;
	font-size: 10px; 
  	font-size: 0.76em;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Verdana,Tahoma, Arial, Serif;
	font-weight:normal;
	color: #333;	
}

p, blockquote, ul, ol {
	margin-top: 0;
	padding-top: 0;
	margin-bottom:0.5em;	
}
p 
{
	line-height:1.8em;
}

a:link, a:visited {
	color: /*#708226 #3890da*/#43881b;
	text-decoration: underline;

}
a:hover,a:active 
{
	color:/*#708226 #3890da*/ #43881b;
	text-decoration:none;
        background-color: /*#E7EFC7*/#cccccc; 
}

.entry img { border: 1px dotted #ddd;
margin: 6px;
padding: 4px;
}

img.left 
{
	float:left;
	margin:0 1em 1em 0;
}
img.right 
{
	float:right;
	margin:0 0 1em 1em;
}

a img 
{
	border:0;
	text-decoration:none;
}

blockquote 
{
	margin:1em;
	padding:0 2em;
	background:url(img/quote.jpg) no-repeat left top;
	color:#666;
	font-style:italic;
}

/* Header */

#header {
	background:  url(img/headerB2.jpg) no-repeat ; 	
 	height: 151px;
         margin: 0 auto;
	width:1039px;
	padding:0;
	/*border:#ddd 3px solid;*/	

}

#header h1 
{
	margin: 400px 20px 0 0;	
	font-size: 2.6em;	
	padding:0px 20px 0 0;
	text-align:right;	
}
#header h1 a 
{
	color:/*#708226*/ #cc3300;
	text-decoration:none;
}
#header h1 a:hover 
{
	color:#592607;
}
#header #desc
{
	font-weight:normal;
	font-style:italic;
	font-size:1em;
	color:#708226;
	text-align:right;
	margin:0;
	padding:10px 20px 0 0;
}


#navigation {
	font-family: Verdana,Tahoma, Arial, Serif;
        width: 1035px;
        margin: 0 auto;
        background: #fff /*url(img/bg-main-cont2.gif)*/ no-repeat top; 
        /*background-color: #B4CD4F;*/
       /* border-left:#ddd 3px solid;
        border-right:#ddd 3px solid;*/
}
	
        #navigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

        #navigation ul li {
        float: left;
        margin: 0;
        padding: 0;
        border-right: 1px solid #ddd;
}



        #navigation ul li:hover {
        background-color: /*#592607*/ #3890da;
}

        #navigation ul li a {
        float: left;
        margin: 0 1px 0 0;
        font-size: 100%;
        font-weight: normal;
        text-decoration: none;
        padding: 3px 10px;
        font-size: 12px;
        color: /*#592607 #cc3300 #3890da*/ #43881b;
        border-bottom:#FFF 0px dotted;
}

        #navigation ul li a:hover {
        color: /*#B4CD4F*/ #ffffff;
        background-color: /*#592607 #cc3300 #3890da*/#43881b;
}

/* Logo */

#logo {
	margin: 0px auto 	1px;

	padding:0px;
	/*width:870px;*/
	width: 1039px;
	/*background: #592607;*/	

		background:#fff url(img/headerTOPBARvC.jpg) no-repeat 230% 100% ; 
		background-postion:
	/*border:#ddd 3px solid;*/
}

#logo p {
	margin: 0;
	padding: 3px;
	font-size: 0.9em;
	color: #43881b;
	
}
#logo p span 
{
	float:right;
}
#logo a:link, #logo a:visited {
background-color: #ffffff;
	color: /*#708226 #3890da*/#43881b;
	border:0;
}
#logo a:hover, #logo a:active,#logo p strong {
	color: ##43881b;
	text-decoration:none;
	border:0;
	background-color: #ffffff;
}

/* Menu */

#menu {
	text-align:right;
	padding:10px 0 0;
	height:30px;
	line-height:30px;
}

#menu ul {
	margin: 0;
	padding:0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a 
{
	padding:8px 16px;
	text-decoration: none;
	font-variant:small-caps;
	font-size: 1em;
	background:#778899;
	border:0;
	color:#eee;	
}
#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
	background:#556677;
	color:#eee;
	border:0;
}

/* Main */

#main {
	/*width: 900px;*/
	width: 1054px;
	margin: 0 auto;
	/*background:#fff;*/
	background:#fff url(img/bg-main-cont2.gif) no-repeat top; 
	/*border:#ddd 3px solid;*/
}

#main h2 {
	padding: 4px;
	font-size: 1.6em;		
	line-height:1.2em;
	border-bottom:#eee 1px solid;
}
#main h3 {
	padding: 4px;
	font-size: 1.4em;		
	line-height:1.2em;
	/*border-bottom:#ddd 1px solid;*/
}
#main h4 {
	padding: 0 0 5px;
	font-variant:small-caps;
	font-size:1.25em;
	line-height:1.2em;
	/*border-bottom:#ddd 1px solid;*/
}
#main h2 a 
{
	border:0;
	text-decoration: none;
}
#content ul {
	margin: 0.5em 0;
	padding: 0 0 0 2em;
	list-style-type:none;
}
#content ul li 
{
	margin:0.75em 0;
	padding:0;
	list-style-image:url(img/green-arrow.gif);/*img/bullets.gif*/
	line-height:1.8em;
}
#main ol 
{
	margin:0;
	padding:0 0 0 3em;
}
#main ol li 
{
    margin:0;
    padding:3px;
}
#main .post 
{
	margin-bottom:3em;
}
#main .entry 
{
    clear:both;
	padding: 5px 5px 5px 15px;
	/*border: 1px solid red;*/
}
.post .date {
	float: right;
	margin:5px 0 0 5px;
	padding:0 10px;
	text-align:center;
	font-size: 0.8em;
	border-left:  1px  #eee solid;
	border-right: 0px  none;

	border-top: 0px none;

	border-bottom:  1px  #eee solid;

	font-weight:bold;
	background:url(img/posticon.jpg) no-repeat;
	color:#43881b;
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
}
.post .date span 
{
	display:block;
}
.post .date .day 
{
	font-size:1.6em;
}
.post .meta {
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 0.9em;
	color:#999;
}
.post .comments 
{
    font-size:0.9em;
    border-bottom:#ccc 1px dotted;
    color:#999;
    margin-left:5px;
    padding-left:15px;
    background:url(img/icon_comments.gif) no-repeat left center;
}
.post .comments a 
{
	border-bottom:0px;
}
#main .feed 
{
	background:url(img/icon_feed.gif) no-repeat left 3px;
	padding-left:17px; 
}
ul.authorposts
{
	margin:0;
	padding:0 2em;
}
ul.authorposts li
{
	margin:0;
	padding:5px;	
}
ul.authorposts li em 
{
	float:right;
	font-style:normal;
}
/* Content */

#content {
	float: left;
	width: 699px;
	padding:10px;	
}
/* Column Two */

#sidebar {
	float: left;
	width: 255px;		
	padding: 5px 5px 5px 10px;	
	font-size:0.9em;
	margin:5px;	
}

#main .sidecol 
{
	border-left:#ccc 1px dotted;
}
#main .sidecol ul 
{
	margin:0;
	padding:0;
}
#main .sidecol li
{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	margin-bottom:2em;

}
#main .sidecol h2
{
	padding: 0 0 5px;
	/*font-variant:small-caps;*/
	text-transform: uppercase;
	font-size:1.25em;
	border: none;
}
#main .sidecol p, #main .sidecol form
{
	padding:10px;
	margin:0;
}
#main .sidecol ul ul
{
	margin:10px 0 0 20px;
	padding:0;
}
#main .sidecol ul ul ul
{
	margin:0px 0 0 16px;
	padding:0;
}
#main .sidecol li li 
{
	list-style-image:url(img/grey-arrow.gif);/*img/bullet.jpg*/
	margin:0.5em 0;
	padding:0;
	
}
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	text-decoration:none;
	}
#wp-calendar #today 
{
	border:#999 1px solid;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */
/* Comments */
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	padding:5px;
	width:150px;
}
textarea{
	width: 95%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}
#commentform 
{
	margin:0;
	padding:10px;
	background:#fff;
}
#main .commentlist {
	margin: 0;
	padding: 0;
}
#main .commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 1em;			
	border-bottom:#ddd 1px solid;
	font-size:0.9em;
}
#main .commentlist li .cmtinfo 
{
	padding:5px;
	margin-bottom: 5px;
	position:relative;	
}
#main .commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	font-weight:normal;			
	font-style:normal;
	color:#999;	
}
#main .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}
#main .commentlist li.alt
{
	background:#f9f9f9;	
}
#main .commentlist li.authorcomment
{
	border:none;
	border:#b0c4de 1px solid;	
}
#main .nocomments
{
	font-size:0.9em;
	color:#999;
	text-align:center;
}

/* Ads HIDE FROM LAYOUT REMOVE BORDERS */

.ad_block { /*border: 1px solid #dadada;*/ padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }

/* Footer */

#footer {
	margin: 0px auto 0;
	padding:0 15px;
	width:1039px;
	/*background: #592607;*/
	background:#fff url(img/headerB2.jpg) no-repeat top; 
	border:#fff 1px solid;
}

#footer p {
	margin: 0;
	padding: 7px;
	font-size: 0.9em;
	color: #ffffff;	
}
#footer p span 
{
	float:right;
}
#footer a:link, #footer a:visited {
	color: #fff;
	border:0;
}
#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration:none;
	border:0;
}
#footer p strong {
	color: #fff;
	text-decoration:none;
	border:0;
}
#header, #main, #sidebar, #footer, .widget 
{
	overflow:hidden;
}


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */


img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}

/* ================================================================ 
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:1034px; /*height:32px;*/ position:relative; z-index:100;/*border-right:1px solid #43881b;*/ font-family:Verdana,Tahoma, Arial, Serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1035px; w\idth:1039px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {/*width:149px;*/}
/* 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:149px*/;position:relative;}
.menu ul ul li { border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#43881b; /*width:138px;*/ height:30px; 
border:0 none;  background:#fff /*url(img/bg-main-cont2.gif) no-repeat top*/; padding-left:0px; 
/*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:149px; w\idth:138px;}*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#43881b; /*url(img/grey-arrow.gif) no-repeat 150px left*/}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#43881b; /*url(img/blue-arrow.gif) no-repeat 130px center*/}
.menu ul ul :hover > a.drop {background:#43881b; /*url(img/blue-arrow.gif) no-repeat 130px center*/}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8; }
.menu ul ul ul li a { border-bottom: 1px solid #fff;}


/* style the third level hover */
.menu ul ul ul a:hover {background:#43881b;}


/* 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:199px;border-top:1px solid #fff;}
/* 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:149px; top:-1px; width:149px;}

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

/* 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:#333; height:auto; line-height:1.3em; padding:13px 13px; width:168px; /*border-width:0 1px 1px 1px;*/}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

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

/* 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;
}