/*
Theme Name: Heydon Lawyers
Description: Basic two column theme, sidebar on right.
Version: 1.0
Author: Ben Casey
Author URI: http://web2designs.elance.com
*/

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

[Table of contents]

1. CSS Reset - This avoids many common cross-browser issues and is standard on all my work.

2. Initial Styling - General tags, the background, global attributes (overridden by following regions).
	2.1. Typography - These are the base style for all typography.
	
3. Header Region - Styles specific to header region, title, slug, top menu, etc.

4. Content Region - Styles for content appearance, blockquotes, posts, pages, wp-caption, etc.

5. Comments Region � Styles for comment thread, forms, etc.

6. Sidebar Region � Styles for widgets, additional menus lists and links.

7. Footer Region � Styles specific to the footer region.

8. Misc. & Plugins � Miscellaneous, override plugins, define last rule, fix anomalies, etc.

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

/*=== START SECTION 1 - CSS Reset ===*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img{
	display:block;
}

a img{
	border:none;
	outline:none;
}

.clear{
    clear:both;
}

/*=== END SECTION 1 - CSS Reset ===*/

/*=== START SECTION 2 - Initial Styling ===*/
.alignleft{
	float:left;
}

.alignright{
	float:right;
}

body{
    background-image: url('images/main-bg.png');
    background-repeat: repeat-x;
    background-color: #747d84;

}
#wrapper{
    width: 865px;
    margin: 0 auto;
}

#header{
	height:90px;
	padding:0 0 0 10px;
	background-color:#FFF;
    
}

#menu{
	height:25px;
	margin:0;
	border-top:9px solid #a3afb7;
	border-bottom:9px solid #a3afb7;
	background-color:#000;
	padding-left:20px;
}

#main{
	background-image:url(images/bgmain.jpg);
	background-repeat:repeat-y;
	min-height:350px;
}

#content{
    float:left;
    width:579px;
	padding:20px;
    background-color: #fff
}

#sidebar{
    float:left;
    width:206px;
	padding:20px;
    background-color: #8c979f;
	text-align:right;
}

#footer{
	padding:20px 0;
}
#footer h1{
	padding-right: 12px;
	font-size:12px;
	line-height: 26px;

}

/*=== START SECTION 2.1 - Typography ===*/
body{
    font-family:Arial, Helvetica, sans-serif;
}



h2{
	font-size:24px;
	font-family: Helvetica, Arial, sans-serif;
	color:#b05729;
}

p{
	color:#666666;
	margin:15px 0;
	font-size:12px;
	line-height:18px;
}

#content ul{
	margin:15px 0;
}

#content ul li{
	font-size:12px;
	line-height:18px;
}

#content ul li a{
	color:#000;
	text-decoration:none;
}

#content ul li a:hover{
	color:#484848;
}

#sidebar{
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
}

#sidebar ul{
	line-height:20px;
	font-size:13px;
}

#sidebar ul li{
	margin-bottom:15px;
}

#sidebar p{
	color:#FFF;
	font-size:10px;
	line-height:14px;
}

#footer p{
	color:#FFF;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	line-height:26px;
}

#footer a{
	color:#FFF;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
}

#footer a:hover{
	color:#ededed;
}

.copyright{
	float:left;
}

.utopia{
	float:right;
}

.orange{
	color:#F7941E;
}

#menuright a{
	line-height:25px;
}

/*=== END SECTION 2.1 - Typography ===*/

/*=== END SECTION 2 - Initial Styling ===*/


/*=== START SECTION 3 - Header Region ===*/
#logo{
	float:left;
	margin-top:20px;
}

#headerright{
	float:right;
	width:206px;
	padding:0 20px;
	background-color: #8c979f;
	height:90px;
}

#slideshow{
	height:275px;
	margin-bottom:0;
	border-bottom:9px solid #a3afb7;
	overflow:hidden;
	position:relative;
	z-index:-2;
}

#slide_show{
	position:relative;
	z-index:-1;
}

		/*=== START SECTION 3.1 - Navigation ===*/
		/*===============WP MENU CREATOR BASE STYLES (HORIZONTAL DROPDOWN)================*/
		.mc_menu li{float:left;	display:inline;	position:relative;}
		.mc_menu ul{display:none; position:absolute; top:25px; left:0; z-index:100;/*You Must declare a lower z-index for items to dislpay below this in IE*/ }
		.mc_menu li:hover ul{ display:block;}
		/*===============END WP MENU CREATOR BASE STYLES (HORIZONTAL DROPDOWN)============*/
		/*===============WP MENU CREATOR ADVANCED STYLES (HORIZONTAL DROPDOWN)================*/
		.mc_menu a{
			/*Gotta Love IE!*/
			float:left;
			line-height:25px;
		}
		
		.mc_menu li{
			margin:0 60px 0 0;
		}
		
		.mc_menu li a{
			color:#FFF;
			font-size:12px;
			text-decoration:none;
			line-height:25px;
		    height:25px;
			position:relative;
			font-family: Helvetica, Arial, sans-serif;
		}
		
		.mc_menu li a:hover{
			color:#8faa99;
		}
		
		.mc_menu li ul li{
			background-repeat:repeat;
			margin:0 0 0 -10px;
			height:29px;
			position:relative;
			z-index:101;
			width:178px;
		}
		
		.mc_menu li ul li a{
                        background-image:url(images/DDbg.png);
			background-repeat:repeat-x;
                        background-position: 0 50%;
			padding: 0 10px;
			height:29px;
			position:relative;
			z-index:101;
			width:178px;
			position:relative;
			z-index:102;
                        line-height: 29px;
		}
		
		.mc_menu li ul li a:hover{
			color:#000;
			
		}
		
		#menu_item_26{
			margin:0;
		}
		
		#mc_menu_2{
			float:left;
			padding-left:30px;
		}
		
		#mc_menu_2 li{
			margin:0!important;
		}
		
		
		/*=============== END WP MENU CREATOR ADVANCED STYLES (HORIZONTAL DROPDOWN)================*/
		#nav{
			float:left;
		}
		
		#nav li{
			float:left;
			display:inline;
		}
		
		#nav li a{
			color:#FFF;
			text-decoration:none;
			font-size:12px;
			font-weight:bold;
		}
		
		#nav li a:hover, #nav li.current_page_item a{
			color:#8faa99;
		}
		
		#menuright{
			float:right;
			width:206px;
			padding:0 20px;
			background-color: #8c979f;
			height:25px;
		}
		
		#menuright a{
			float:right;
			color:#FFF;
			font-size:12px;
			text-decoration:none;
			font-family: Helvetica, Arial, sans-serif;
		}
		
		#menuright a:hover{
			color:#ededed;
		}
		
		/*=== END SECTION 3.1 - Navigation ===*/

/*=== END SECTION 3 - Header Region ===*/


/*=== START SECTION 4 - Content Region ===*/

/*=== END SECTION 4 - Content Region ===*/


/*=== START SECTION 5 - Comment Region ===*/

/*=== END SECTION 5 - Comment Region ===*/


/*=== START SECTION 6 - Sidebar Region ===*/

#sidebar a{
	color:#fff;
	text-decoration:none
}

#sidebar a:hover{
	color:#ededed;
}

/*=== END SECTION 6 - Sidebar Region ===*/


/*=== START SECTION 7 - Footer Region ===*/

/*=== END SECTION 7 - Footer Region ===*/


/*=== START SECTION 8 - Misc. & Plugins ===*/
.widget_pages h2{
	display:none;
}

.widget_pages ul{
	margin-top:0!important;
}
/*=== END SECTION 8 - Misc. & Plugins ===*/