/*  
Theme Name: Petrini Law
Theme URI: http://petrinilaw.com/
Description: A wordpress theme developed by genius switch studio and Ash Haque
Version: 1.0
Author: Petrini Law
Author URI: http://petrinilaw.com/
*/

/*============================================
	1: CSS Reset
==============================================*/

	html, body, * { margin: 0; padding: 0; }
	a { cursor: pointer; }
	a img, iframe { border: 0; }
	a:active, a:focus { outline: none; }
	h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
	ul, ol, dl, li, dt, dd { list-style: none; }
	form, fieldset { border: 0; }	
	legend { color: #000; }
	select { margin: inherit; }
	table { border-collapse: collapse; border: 0; }
	td, th, caption { font-size: 100%; font-weight: normal; text-align: left; }

/*============================================
	2: Main Structure
==============================================*/

	body { background: #fff url(images/bg-body.gif) top left repeat-x; font: 62.5%/100% Arial, Helvetica, Sans-Serif; color: #4d4d4d; text-align: center; }
	#wrapper { width: 1010px; margin: 0 auto; background: #fff; }
	#container { width: 1000px; margin: 0 auto; text-align: left; position: relative; }
	#header { padding-left: 225px; height: 76px; background: url(images/logo.gif) top right no-repeat; }
	#main { padding: 283px 0 0 231px; margin-bottom: 30px; }
	#main-inner { width: 100%; overflow: hidden; }
	#content { width: 440px; float: left; overflow: hidden; padding-top: 2px; }
	#sidebar { width: 288px; float: right; border-left: 1px solid #b6b5b5; margin-left: 20px; min-height: 180px; height: auto !important; height: 180px; padding-top: 6px; }
	#graphic { background: url(images/bg-header-home.jpg) top left no-repeat; width: 797px; height: 248px; position: absolute; top: 76px; left: 203px; overflow: hidden; z-index: 500; }
	#additional { width: 198px; position: absolute; top: 329px; left: 0; }
	#footer { padding-left: 30px; color: #989898; }

/*============================================
	3: Global Elements
==============================================*/

	a {color: #4d4d4d; text-decoration: none; }
	a:hover,
	a:active { color: #06c; }
	blockquote { padding-left: 30px; }
	pre { margin-bottom: 1.5em; }
	code { font: 1.2em/1.8em "Courier New", Courier, mono; }
	hr { display: none; }

	h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: #176fb4; }

	h1 { font-size: 2.1em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
	
	p { font-size: 1.2em; line-height: 1.4em; }

	/* Clearing floats */

	#main:after,
	.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#main,
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	#main,
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
	/* Image replacement */
	#header h1 a { display: block; position: relative; }
	#header h1 a span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/*============================================
	4: Header
==============================================*/

	#header h1 a { width: 285px; height: 76px; }
	#header h1 a span {  background: url(images/petrini-associates.gif) top left no-repeat; }

/*============================================
	5: Navigation
==============================================*/

	#navigation ul.dropdown,
	#navigation ul.dropdown li,
	#navigation ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
	#navigation ul.dropdown { position: relative; z-index: 597; float: left; }
	#navigation ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
	#navigation ul.dropdown li a { display: block; height: 30px; padding-left: 18px; background: #7c7a6b; font-size: 1.1em; text-transform: uppercase; color: #fff; border-bottom: 1px solid #a8a79c; }
	#navigation ul.dropdown li a span { display: block; padding-top: 9px; }
	#navigation ul.dropdown li a:hover { color: #fff; background: #959385; text-decoration: none; }
	#navigation ul.dropdown li.hover,
	#navigation ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
	#navigation ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
	#navigation ul.dropdown ul li { float: none; }
	#navigation ul.dropdown ul ul { top: 1px; left: 99%; }
	#navigation ul.dropdown li:hover > ul { visibility: visible; }
	#navigation ul.dropdown li.current_page_item a,
	#navigation ul.dropdown li.current_page_ancestor a { color: #b0d8f8; }
	#navigation ul.dropdown li.current_page_item ul li a,
	#navigation ul.dropdown li.current_page_ancestor ul li a { color: #fff; }
	#navigation ul.dropdown li.current_page_ancestor ul li.current_page_item a { color: #b0d8f8; }
	#navigation ul.dropdown { width: 198px; }
	#navigation ul.dropdown ul { top: 0; left: 198px; padding-left: 5px; background: #fff; }
	#navigation ul.dropdown li { float: none; }
	#navigation ul.dropdown ul li a { background: #5b5b5b; border-bottom: 1px solid #7c7c7c; }
	#navigation ul.dropdown ul li a:hover { background: #69686b; }

/*============================================
	6: Content
==============================================*/

	#content h1,
	#content h2,
	#content h3,
	#content h4 { display: block; margin-bottom: 24px; }
	#content p,
	#content ul,
	#content ol { margin-bottom: 20px; }
	
	#content ul li,
	#content ol li { font-size: 1.2em; line-height: 1.4em; padding: 0 0 4px; }
	#content ul li { list-style-type: disc; margin-left: 30px; }
	#content ol li { list-style-type: decimal; margin-left: 30px; }
	#content ul.clearfix li.left,
	#content ul.clearfix li.right { width: 48%; float: left; margin: 0; list-style-type: none; }
	#content ul.clearfix li.right { float: right; }
	#content ul.clearfix li ul li,
	#content ul.clearfix ul li { list-style-type: none; margin: 0; }
	#content ul li ul,
	#content ul li ol,
	#content ol li ol,
	#content ol li ul { margin: 5px 0 0; font-size: 0.8333em; }
	#content ul li p,
	#content ol li p { font-size: 1em; }
	
	#content ul.clearfix li ul li { width: 100%; overflow: hidden; }
	#content ul.clearfix li img { width: 63px; float: left; margin-right: 0 !important; }
	#content ul.clearfix li p { width: 135px; float: right; }
	#content ul.clearfix li em a { font-size: 10px; }

	#content ul li a,
	#content ol li a,
	#content p a { text-decoration: underline; }
	#content ul li a:hover,
	#content ol li a:hover,
	#content p a:hover { text-decoration: none; color: #4d4d4d; }
	
	.archives .post { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
	
	#content h2.content-title { font-size: 2em; color: #333; text-align: center; margin-bottom: 30px; }
	#content h3 { margin: 25px 0 20px; }
	#content h3.witharrow { background: url(images/ico-arrow-orange.gif) center left no-repeat; font-weight: bold; font-size: 1.3em; padding: 0 0 0 20px; }
	#content span.underlined { text-decoration: underline; }
	#content p.edit-item { margin-bottom: 0; }
	#content .content-excerpt p { font-weight: bold; }
	#content p.content-section-title { margin: 0; text-decoration: underline; }
	
/*============================================
	7: Sidebars
==============================================*/

	#additional .additional-html { padding-left: 33px; }
	#additional .additional-container { padding-top: 27px; }
	#additional .additional-html img { margin-bottom: 15px; }
	#additional .additional-html h3 { margin: 0 0 5px; }
	
	#sidebar ul li ul { padding: 0 0 15px 17px; }
	#sidebar h3 { margin-bottom: 10px; padding-left: 17px; }
	#sidebar .sidebar-item { margin-top: -4px; }
	#sidebar .sidebar-item ul li { font-size: 1.2em; line-height: 1.4em; padding: 0 30px 10px 0; }
	#sidebar .sidebar-subpages ul li { font-size: 1.1em; letter-spacing: 1px; }
	#sidebar .sidebar-subpages ul li.current_page_item a { color: #06c; }
	#sidebar .sidebar-subpages ul li.current-cat a { color: #06c; }
	#sidebar .sidebar-subpages ul li p { font-size: 1em; }

/*============================================
	8: Footer
==============================================*/

	#footer .inner { width: 100%; overflow: hidden; }
	#footer p { padding: 18px 50px 160px 200px; border-top: 1px solid #cdcdcd; font-size: 1.1em; line-height: 1.6; }
	#footer p.links { padding-bottom: 0; }
	#footer p.notice { padding-top: 0; border: 0; }
	#footer p a { color: #989898; }
	#footer p a:hover { color: #666; }


/*============================================
	9: Miscellaneous
==============================================*/

	img.aligncenter, img[align="center"] {display: block; margin-left: auto; margin-right: auto; }
	img.alignleft, img[align="left"] { float: left; margin: 2px 15px 8px 0px; }
	img.alignright, img[align="right"] { float: right; margin: 2px 0px 8px 15px; }