/*  
Theme Name: Superlative Exemplar WP
Theme URI: http://www.SuperlativeExemplar.com/
Description: Personalized theme for the Dofus guild, Superlative Exemplar. Based on the <a href="http://beccary.com/goodies/wordpress-themes/">Almost Spring</a>, and Wordpress <a href="http://themes.wordpress.net/columns/2-columns/163/wordpress-default-15/">Default</a> themes. Created by <a href="http://www.ignoredaesthetic.com/">Daniel Lacy</a>.
Version: 2.0
Author: Daniel Lacy
Author URI: http://www.ignoredaesthetic.com/

	Superlative Exemplar WP v2.0
	 http://www.superlativeexemplar.com/

	This theme was designed and built by Daniel Lacy for the Dofus guild Superlative Exemplar's web site. It is based on the default Wordpress theme by Michael Heilemann, and the Almost Spring theme by Rebecca Wei.
*/

/* Begin Navigation */
#nav ul {
	font-size: 1.2em;
	padding: 0; margin: 0;
	list-style: none;
	z-index: 1;
	background-color: #fafaf0; }

#nav li {
	float: left; position: relative; width: 125px;
	padding: 0.4em 0; margin: -2px 0;
	text-align: center;
	background-color: #fafaf0;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666; }

#nav ul ul {
	display: none; position: absolute;
	top: 100%; left: 0; margin-top: 0.5em; padding: 0.5em 0;
	
	font-size: 0.8em;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666; }

#nav ul ul b { font-size: 1.1em; border-bottom: 1px dotted #966; }

#nav ul ul li { border-bottom: none; border-top: none; margin: 0;}

#nav li>ul { top: auto; left: auto; }

#nav li:hover ul, #nav li.over ul { display: block; }

#nav ul a a:link, #nav ul a:visited { color: #E58712; }

#nav ul a:hover, #nav ul a:active { color: #933; }
/* End Navigation */

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #E8E8CE url('images/bg_pattern.gif') repeat;
	color: #333; margin: 0; padding: 0;
	text-align: center; }

#page {
	margin: 0 auto; width: 824px;
	text-align: left;
	background: #FFF url(images/content_bg.jpg) repeat-y; }

#header { margin: 0 37px; }

#content { float: left; margin: -10px 0 50px 57px; font-size: 1.1em; }

#sidebar {
	float: right;
	margin: 25px 37px 50px 20px;
	padding: 1.8em 0 0 0;
	width: 190px;
	font-size: 1.1em;
	display: inline; }

#footer {
	background-color: #ddd;
	padding: 0; margin: 0 auto; width: 750px; clear: both;
	border-bottom: 1px solid #333;
	border-top: 1px solid #666; }
	
.widecolumn .entry p { font-size: 1em; }

.narrowcolumn .entry, .widecolumn .entry { line-height: 2em; }

.widecolumn { line-height: 2em; }

.narrowcolumn .postmetadata { text-align: left; }

.alt {
	background-color: #fafaf0;
	border-top: 1px solid #cc9;
	border-bottom: 1px solid #cc9; }

/* Begin Header Styles */
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; color: #9BBB38; }

h1 { font-size: 1.7em; margin: 1.4em 0; }

h2 { font-size: 1.5em; margin: 1.4em 0; }

h3 { font-size: 1.3em; margin: 0;}

h3.comments { padding: 0; margin: 40px auto 20px ; }

.pagetitle { background: url('images/page_title.jpg') no-repeat; padding: 9px 0 9px 50px; margin-top: 45px; }

h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #E58712; }

h2 a, h2 a:visited, h3 a, h3 a:visited { color: #E58712; text-decoration: none; }

h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { text-decoration: none; color: #933;}

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 9px 0 9px 40px;
	color: #933;
	background: url('images/sidebar_sec.jpg') no-repeat left center;
	font-size: 1.4em; }
/* End Header Styles */


/* Begin Post Styles */
.titleavatar { float: left; }

.postmeta {
	margin: 0 1em;
	padding-top: 0.3em;
	font-size: 1em;
	color: gray; }

.post { text-align: left; }

.posttitle {
	margin-bottom: 0;
	clear: both;
	width: 100%;
	color: #E58712;
	overflow: auto;
	background: transparent url('images/post_title.jpg') no-repeat left;
}

.posttitle a { float: left; padding: 1.8em 3px 0; }

.posttitle a:link, .posttitle a:visited { color: #E58712; }

.posttitle a:hover, .posttitle a:active { color: #996; }

.commentslink { padding: 3px 0 3px 17px;
	background: url('images/commentslink.gif') no-repeat center left;
}
/* End Post Styles */

.entry p a:visited { color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea {
	font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentlist li { font-weight: bold; }

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em; }

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none; }

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

small, .nocomments, .postmetadata, blockquote, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps
{ font-size: 0.9em; letter-spacing: .07em; }

a, a:link { color: #E58712; text-decoration: none; }

a:visited { color: #B96F17; text-decoration: none; }

a:hover, a:active { color: #9c3; text-decoration: none; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center; }

#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */


/* Begin Structure */

.narrowcolumn { float: left; margin: 0 0 0 57px; width: 520px; }

.widecolumn { margin: 0 0 0 57px; width: 710px; }

.post hr { display: block; }

.widecolumn .post { margin: 0; }

.narrowcolumn .postmetadata { padding-top: 5px; }

.widecolumn .postmetadata { margin: 1em 0; }

.widecolumn .smallattachment { text-align: center; float: left;
	width: 128px; margin: 5px 5px 5px 0px; }

.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: left; }

#footer p {
	margin: 0;
	padding: 2em;
	font-size: 1em;
	text-align: right; }
/* End Structure */


/* Begin Images.
	Use 'class="alignwhatever"' instead of using align="center", 
	being much more futureproof for new CSS (and valid) */
p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left }
/* End Images */


/* Begin Sidebar, Entry, and Lists */

html>body .entry ul {
	margin: 1.2em 0 1.2em 2em;
	font-size: 1em;
	line-height: 1.3em;
	padding-left: 8px;
	list-style-type: disc;
} 

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ol { padding: 0 0 0 35px; margin: 0; }

.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none; }

/* Begin Sidebar */
#sidebar form { margin: 0; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; list-style-type: none; }

#sidebar ul li { }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol {
	margin: 1.2em 0 2em 0;
	border-top: 1px solid #E8E7D0;
	border-left: 1px solid #E8E7D0;
	font-size: 1.0em;
	background-color: #FAFAF0; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0; }

#sidebar ul ul li a, #sidebar ul ol li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.3em 10px;
	color: #E58712;
	width: 190px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; }

html>body #sidebar ul ul li a, html>body #sidebar ul ol li a { width: 170px; }

#sidebar ul ul li a:hover, #sidebar ul ol li a:hover { background-color: #FFF; color: #9c3; ;width: 169px; }
/* End Sidebar */


/* Begin Form Elements */
#searchform { padding: 5px 3px;  text-align: center; }

#sidebar #searchform #s { margin: 1.2em 0; width: 170px; padding: 2px; }

#sidebar #searchsubmit { padding: 2px 5px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center; }

input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAF0;
	color: #333;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; }

#commentform input { width: 170px; padding: 2px; margin: 0; }

#commentform textarea { width: 100%; padding: 2px; }

#commentform #submit { margin: 10px 0; float: right; }
/* End Form Elements */


/* Begin Comments*/
.alt { margin: 0; padding: 10px; }

.commentlist { padding: 0; text-align: justify; }

.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; width: 190px; }

#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; }

#wp-calendar caption { 
	padding: 9px 0 9px 15px;
	color: #933;
	background: url('images/sidebar_sec.jpg') no-repeat left center;
	font-size: 1.4em; }

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

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px; border-left: 2px dotted #B96F17;
}

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.whisper { color: #06f; }

.gchat { color: #639; }

hr { display: none; }

a img { border: none; }

.navigation {
	display: block; text-align: left;
	margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/