/*
Theme Name: Avatar Exploitable
Theme URI: http://wordpress.org/
Description: Avatar Exploitable is a flexible, modular CSS framework for designing pages that seamlessly combine static and dynamic content.
Version: 1.0
Author: Wesley Pitts / Wordly Pursuits
Author URI: http://wordlypursuits.com
Tags: skeleton, modular, clean

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/




/* Begin Core Formatting */

p.excerpt {
	overflow: hidden;
}

body {
	font-size: 11px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
	background: #eee;
	color: #000;
	text-align: center;
	letter-spacing: 0em;
	margin: 3px auto;
	padding: 0;
	-webkit-text-size-adjust: none; /* Stops iPhone Safari from resizing text for readability */
	}

#page {
	background-color: #fff;
	border: 1px solid #003;
	text-align: left;
	margin: 5px auto;
	padding: 0;
	width: 960px;
	height: 640px;
}

a {border-bottom:1px dotted #666;padding-bottom:1px;}

h1, h2, h3, h4, h5, h6, p {margin:0;padding:0;}

h2 {font-size:18px;}

h3 {font-size:14px;}

h4 {font-size:12px;}

.excerpt {font-size: 9px;padding:3px 0px 6px 0px;}

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

.alignleft {
   float: left;
   padding: 30px 30px 0px 0px;
}

.alignright {
   float: right;
   padding: 0px 0px 30px 30px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 WordPress Required */
/* End Core Formatting */



/* Begin Header */
#header {
	height: 80px;
	background: #333 url('images/skybar.png') no-repeat bottom left;
}

#header-content {
	font-size: 18px;
	color: #fff;
	text-align: right;
	padding: 30px 100px 0px 0px;
}

#header-content a {
	color: #ddd;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}

#header-content a:hover {
	color: #369;
}
/*End Header */



/* Begin Main Content Containers */
.container {
	background-color: #fff;
	height: 480px;
	width: 730px;
	float: left;
	padding: 0;
	margin: 0;
}

#left-a {
	background-color: #fff;
	height: 460px;
	width: 430px;
	float: left;
	padding: 0;
	margin: 0px 10px 10px 10px;
}

#left-b {
	background-color: #fff;
	height: 460px;
	width: 260px;
	float: left;
	padding: 0;
	margin: 0px 10px 10px 10px;
}

#right-a {
	background-color: #fff;
	width: 260px;
	height: 460px;
	margin: 0px 0px 0px 470px;
}

#right-b {
	background-color: #fff;
	width: 430px;
	height: 460px;
	margin: 0px 0px 0px 280px;
}
/* End Main Content Containers */



/* Lead */
#lead {
	background-color: #ccc;
	height: 290px;
	width: 430px;
	padding: 10px;
	margin-top: 10px;
	line-height: 18px;
}

#lead h2 {
	font-size: 18px;
	padding: 0;
}

#lead p {
	font-size: 12px;
	padding: 0px 0px 5px 0px;
}

#lead .alignright {
	width: 240px;
	height: auto;
   	padding: 0px 0px 10px 15px;
	position: relative;
	bottom: -3px;
}

#lead .alignleft {
	width: 240px;
	height: auto;
   	padding: 4px 15px 10px 0px;
	position: relative;
	bottom: -3px;
}

#lead a {
	color: #333;
	text-decoration: none;
}

#lead a:hover {
	color: #369;
}

#lead .more-link {
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	border-bottom: 1px dotted #333;
}
/* End Lead */



/* Begin News */
#news {
	background-color: #eee;
	height: 122px;
	width: 430px;
	padding: 8px 10px 10px 10px;
	margin-top: 10px;
}

#news h3 {
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0;
}

#news a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	padding: 0px;
	margin: 0;
}

#news a:hover {
	color: #369;
	text-decoration: none;
}

#news.excerpt p, #news p {
	padding: 0px;
	margin: 0px;
}

/* End News */



/* Begin Feature */
#feature {
	background-color: #eee;
	height: 180px;
	padding: 10px;
	margin-top: 10px;
	line-height: 18px;
}

#feature h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

#feature h3 {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

#feature img {
	width: 25%;
	height: auto;
	float: left;
   	padding: 6px 12px 2px 4px;
}

#feature a {
	color: #000;
	text-decoration: none;
}

#feature a:hover {
	color: #369;
	text-decoration: none;
}

#feature p {
	font-size: 12px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

#feature .more-link {
	font-size: 10px;
	margin-left: 5px;
	border-bottom: 1px dotted #333;
}
/* End Feature */



/* Begin Related */
#related {
	background-color: #ddd;
	height: 80px;
	padding: 10px;
	margin-top: 10px;
}

#related h3 {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

#related h4 {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

#related ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#related li {
	padding: 4px 0px 2px 0px;
	font-size: 12px;
}

#related li a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#related li a:hover {
	color: #369;
	text-decoration: none;
}
/* End Related*/



/* Begin More */
#more {
	background-color: #ccc;
	height: 120px;
	padding: 10px;
	line-height: 18px;
	margin-top: 10px;
}

#more h2 {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

#more a {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#more a:hover {
	color: #369;
	text-decoration: none;
}

#more p {
	font-size: 12px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

#readthis a {
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:5px;
	border:1px solid #ccc;
}

#readthis a:hover {
	color: #fff;
	background-color: #369;
	border:1px solid #fff;
}

/* End More */



/* Begin Single */

#breadcrumb {
	margin: 10px 0 0 10px;
	padding: 5px 0 0 10px;
	height: 25px;
}

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

#breadcrumb li {
	float: left;
	padding-right: 8px;
}

#breadcrumb a {
	color: #666;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #369;
}

#single {
	background-color: #eee;
	width: 700px;
	height: 330px;
	padding: 9px 10px 10px 10px;
	margin: 0px 0 0 10px;
	line-height: 20px;
}

#single .alignright {
	width: 240px;
	height: auto;
   	padding: 5px 0px 10px 15px;
}

#single .alignleft {
	width: 240px;
	height: auto;
   	padding: 0px 15px 5px 0px;
}

#single h2 {
	font-size: 18px;
	padding: 0px 0px 2px 0px;
	color: #369;
}

#single h5 {
	font-size: 10px;
	padding: 0px 0px 3px 0px;
	color: #666;
}

#single ol {
	padding: 0 0 0 40px;
	margin: 0 0 0 40px;
}

#single li {
	padding-bottom: 5px;
}

#single p {
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}

#single a {
	color: #333;
	text-decoration: none;
}

#single a:hover {
	color: #369;
}

#single img {
	margin-top: 5px;
	clear: both;
}

#single .more-link {
	font-size: 10px;
	margin-left: 5px;
	border-bottom: 1px dotted #333;
}

/* End Single */



/* Begin Plus */
#plus {
	width: 720px;
	height: 80px;
	background-color: #fff;
	padding: 0;
	margin: 10px;
}

#plus-left {
	float: left;
	width: 350px;
	height: 65px;
	background-color: #ccc;
	padding: 5px 0px 0px 10px;
	margin: 0;
}

#plus-right {
	height: 65px;
	background-color: #ccc;
	padding: 5px 0px 0px 10px;
	margin-left: 370px;
}

#plus h4 {
	font-size: 14px;
	padding-bottom: 0px;
}

#plus ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#plus li {
	padding: 4px 0px 2px 0px;
	font-size: 12px;
}

#plus a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#plus a:hover {
	color: #369;
	text-decoration: none;
}
/* End Plus */



/* Begin Search Results */
#searchresults {
	background-color: #fff;
	padding: 10px;
	margin: 5px 0px 10px 10px;
	height: 440px;
	z-index: 0;
}

#searchresults h2 {
	font-size: 16px;
	padding: 0px 0px 5px 0px;
}

#searchresults h3 {
	padding-top: 10px;
	margin: 0;
}

#searchresults h4 {
	padding-bottom: 10px;
	margin: 0;
}

#searchresults a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

#searchresults a:hover {
	color: #369;
}

#searchresults .excerpt {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
}

#searchresults .navigation {
	margin-top: 20px;
	padding: 10px 0 0 5px;
	border-top: 1px solid #ddd;
}

#searchresults .navigation a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#searchresults .navigation a:hover {
	color: #369;
}
/* End Search Results */



/* Begin Form */
#form {
	background-color: #ccc;
	height: 440px;
	width: 430px;
	padding: 10px;
	margin-top: 10px;
	line-height: 18px;
}

#form h2 {
	font-size: 18px;
	padding: 0px 0px 5px 0px;
}

#form p {
	font-size: 12px;
	padding: 5px 0px 10px 0px;
}

#form .alignright {
	width: 240px;
	height: auto;
   	padding: 4px 0px 10px 20px;
}

#form .alignleft {
	width: 240px;
	height: auto;
   	padding: 4px 20px 10px 0px;
}

#form a {
	color: #333;
	text-decoration: none;
}

#form a:hover {
	color: #369;
}

#form .more-link {
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	border-bottom: 1px dotted #333;
}
/* End Form */
/* End Main Content Containers */



/* Begin Sidebar */
#sidebar {
	background-color: #999;
	height: 440px;
	width: 188px;
	padding: 10px;
	margin: 10px;
	float: right;
	font-size: 12px;
	list-style-type: none;
}

#sidebar h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.sidebar-links { 
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #bbb;
}

#sidebar ul {
	padding: 0;
	margin: 0px 0 20px 0;
	list-style-type: none;
}

#sidebar li {
	margin: 0;
	padding: 3px 0px 5px 0px;
	font-size: 12px;
}

#sidebar li a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

#sidebar li a:hover {
	color: #369;
	text-decoration: none;
}
/* End Sidebar */



/* Begin Footer */	
#footer {
	background-color: #333;
	color: #fff;
	height: 80px;
	padding: 0;
	margin: 0;
	clear: both;
}

#footer ul {
	color: #fff;
	padding: 20px;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}

#footer li {
	float: left;
	margin-right: 18px;
}

#footer a {
	display: block;
	font-size: 18px;
	color: #eee;
	text-decoration: none;
	border: 1px dotted #777;
	padding: 7px;
}

#footer a:hover {
	color: #eee;
	background-color:#369;
	border: 1px solid #aaa;
}

#footer .current-cat a, .current_page_item a {
	color: #eee;
	background-color:#666;
	border: 1px dotted #777;
}

#copyright {
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	float: right;
	position: relative;
	top: -6px;
	right: 18px;
}

#copyright a {
	display: inline;
	border: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #aaa;
}

#copyright a:hover {
	background-color: #333;
	color: #369;
	border: none;
	font-size: 10px;
	border-bottom: 1px dotted #aaa;
}

.use-safari {
	padding-right: 20px;
}