/*  
Theme Name: SEO Expert

Theme URI: http://www.SEOExpert.com/themes/

Description:  SEO Expert theme by Erick Smith 

Version: 1.0

Author: Erick Smith

Author URI: http://www.ejsmithweb.com

*Theme supports widgets and has 5 different sidebars (accordion, box, three in footer). 
 Note: An empty widget will break the design.

*Edit the theme options in the admin to create your own welcome message and add feedburner

**@ Header File
  *add iphone-like icons in the header by uncommenting and adding your URL within the header.php file.
  *Set which widgets are open by default by adding one line javascript discussed in header.php file.

*Adjust layout dimensions in the "layout section" below, simply tweak the pixel numbers
 NOTE: use this formula (#left-col width + #sidebar width + 20px = #wrapper width)
	
	This theme was designed and built by Andrew Powers @ Pagelines

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell or distribute this theme
    - You may use this theme for personal or commercial projects	
	
*/ 
	html { overflow: -moz-scrollbars-vertical; }
	html { overflow-x: auto; }
		body 
	{ 
		background-color: #fff;
		margin:0px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	h1
	{
		font-size:48px; 
		margin:0px; 
		padding:0px;
	}
	h2
	{
		color: #277bb3;
		font-size: 24px;
		margin: 0px;
		margin-bottom: 10px;
	}
	a
	{
		color: #0367a7;
		text-decoration:none;
	}
	a:hover
	{
		text-decoration: underline;
	}
	#nav
	{
		width: 100%;
		background-color: #042b5d;
		background-image:url(img/bck_sub.jpg);
		background-position:center;
		background-repeat: no-repeat;
		height:180px;
	}
	#nav a
	{
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		font-weight:bold;		
	}
	#subPageTop
	{
		width:905px;
		height:85px;
		text-align: left;
		padding-top:40px;
		font-size:24px;
		color:#fff;
	}
	#subPageTop h1, #subPageTop h1 a
	{
		font-size:36px;
		margin:0px;
		padding: 0px;
	}

	#wrapper {
		width: 960px; /* width of content */
		margin: 0px auto;
		position: relative;
	}
	
	#left-col {
		width: 660px; /* width of left column */
		float: left;
	}
	.post .title {
		width: 540px; /* width of title area for posts & pages */
		float: left;
		margin-left: 10px;
	}

	#sidebar{ width: 280px;} /*width of sidebar */
	
	.post {	
		padding: 25px 25px 15px 25px;
		background: #fff url(images/post-bg.png) repeat-x left bottom;
		clear: both;
		overflow: hidden;
		padding-bottom: 1em;
		border: 1px solid #ddd;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #bbb;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.post .date {
		height: 50px;
		width: 50px;
		background: url(images/calendar.gif) no-repeat;
		font-size: 22px;
		color: #666666;
		text-align: center;
		padding: 0px 2px 0 0;
		line-height: 19px;
		float: left;
	}
	.post .date span {
		height: 16px;
		display: block;
		font-size:11px;;
		color: #ffffff;
		text-align: center;
		margin-bottom: 6px;
	}
	

	.postdata {
		font-size: 90%;
		color: #666666;
	}
	.postdata a, .postdata a:visited {
		color: #666666;
		text-decoration: none;
	}
	.postdata a:hover {
		color: #0367A7;
		text-decoration: none;
	}
	.postdata .category{
		float: left;
	}
	.postdata .comments{
		float: right;
	}
	.mini-add-comment {
		background: url(images/mini-down-arrow.gif) no-repeat left center;
		padding-left: 12px;
		float: right;
	}
	.entry {
		padding: 15px 0px 5px;
		clear: both;
		font-size: 14px;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	
	/* sidebar */
	#sidebar {
		float:right;
		color: #666666;
		margin:0;
		padding: 0;
		font-size: 13px;
	}
	
	#sidebar p { margin: 0px 0px 15px; }
	#sidebar h2{ font-size: 20px; margin-bottom: 5px; }
	
	#sidebar a, #sidebar a:visited { color: #000000; text-decoration:none; }
	#sidebar a:hover, #sidebar a:focus, #sidebar a:active { text-decoration:underline; }
	
	#sidebar ul { list-style: none; margin: 0;	padding: 0;}
	#sidebar ul li {padding-left: 20px ;}
	#sidebar ul li ul li {	padding: 2px 2px 2px 12px;}
	
	#sidebar .widget{
		margin-bottom: 1.5em;
		border: 1px solid #ddd;
		background:#FFF;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#sidebar #sidebar_drawer h2{
		height: 18px;
		font-size: 14px;
		color: #000;
		padding: 6px 10px;
		background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top;
	}
	#sidebar #sidebar_drawer .widgetcontent{
		padding: 10px 10px 20px 10px;
		background: #fff url(images/post-bg.png) repeat-x left bottom;
	}
	#sidebar ul li{
		border-bottom: 1px solid #eee;
		padding: 6px;
	}
	#sidebar ul li a{
		font-weight: bold;
	}
	#sidebar ul li ul li{
		border: none;
		padding: 2px 2px 2px 12px;
	}
	#sidebar ul li ul li a{
		font-weight: normal;
		color:#0088CC;
	}
	
	#sidebar .accordion{
		border: 1px solid #ccc;
		margin-bottom: 1.5em;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#sidebar .accordion .widget{
		margin:0;
		border:none;
		line-height: 1.6em;
	}
	
	#sidebar .accordion .drawer-handle {
		display: block;
		cursor: pointer;
		padding: 10px;
		background: #e5e5e5 url(images/gradlight.gif) repeat-x left top;
		font-size: 13px;
		text-decoration:none;
	}
	/*
	#sidebar .accordion .drawer-handle:hover{
		color: #fff;
		background: #e5e5e5 url(img/bck_sub_sidebar.gif) repeat-x left top;
		text-decoration: none;
	}*/
	#sidebar .accordion .selected{
		color: #fff;
		background: #e5e5e5 url(img/bck_sub_sidebar.gif) repeat-x left top;
	}
	#sidebar .accordion .drawer-content{
		border-bottom: 1px solid #ddd;
		background: #fff;
		color: #666;
		padding: 14px 10px;
	}

	/* POST TITLE STYLING */
	h2.posttitle {
		color: #277BB3;
		margin: 0px 0 2px;
		padding-bottom: 4px;
		font-size: 24px;
		border-bottom: dotted 1px #dddddd;
	}
	h2.posttitle a, h2.posttitle a:visited {
		color: #000;
		text-decoration: none;
	}
	h2.posttitle a:hover {
		color: #0088CC;
		text-decoration: none;
	}	
	
	#feedbox {margin-right: 8px;}
	#archives ul li {  background: url(images/archive.gif) no-repeat right 9px;}
	#recent-comments ul li { background: url(images/comment.gif) no-repeat left 5px;padding: 5px 4px 3px 20px;}
	
	/* meta */
	#meta .rss {background: url(images/mini-rss.gif) no-repeat right 9px;}
	#meta .rssemail {background: url(images/mini-email.gif) no-repeat right 9px;}
	#meta .check {	background: url(images/comment.gif) no-repeat right 9px;}