@charset "utf-8";

/*
Theme Name: The Next LVL
Theme URI: http://leonewball.com/design/the-next-lvl-wordpress-theme/
Description: "the next LVL" is my first publically released Wordpress Theme. It's clean look is also reflected in it's design, meant to be easy to manipulate and configure. "the next LVL" integrates many of Wordpress features from version 2.7.
Version: .9.3
Author: Leo Newball, Jr.
Author URI: http://leonewball.com/
Tags: yellow, fixed-width, threaded-comments, two-columns

Release Notes:
.9.3 (6/11/09)
- Compatible with WordPress 2.8
.9.2 (4/8/09)
- Fixed a font size issue with <select> tags inside of posts
- Cleaned up CSS Code
- Removed Plugin Dependend Code
- Removed Images from Sidebar and replaced with text
.9.1 (4/6/09) 
- Added a page navigation at the top.
- Updates and removal of legacy code and images
.9 - Out of alpha development, ready for public beta release.
   - New theme color
.8 - Changes to roll over colors for titles, some SEO improvements
.7 - Addition to links
.6 - Minor design changes, major changes to the CSS Organization
.5 - Major changes to the design, removed front page, changed interaction with comments/trackbacks, more SEO firendly header
.4 - Cosmetic changes to the header, moved the menu down a level, changed it's interaction, fixed some front page issues.
.3 - Changes to the front page - added a search button, and a blog description text
.2 - Added a better background image, to both the middle content and general background, added a background to post meta data, cleaned up some code.
.1 - The creation of the theme.

License:
the next LVL is copyright of Leo Newball, Jr. http://leonewball.com
It is licensed under the CC-GNU GPL version 2.0 or later.
http://creativecommons.org/licenses/GPL/2.0/

*/

/* Color & Presentation*/
body {background-color: #222;}

#wrapper {
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color: #EDECD8;
}

.pageSection, .blogroll-title {
	border-bottom: 2px solid #555;
	color: #111;
	}

h3#comments, h3#respond, h3#trackbacks {
	border-top: 3px solid #111;
	}

#navcontainer {background-color: #fff;}
	
#navcontainer a:link, #navcontainer a:visited, #navcontainer a:active {
	color: #222 !important;
}

#navcontainer a:hover, #navcontainer .current_page_item a {
	color: #5588BB !important; 
}

.meta-title {
	background-color: #fff;
	border-left: 1px solid #EDECD8;
}

#content {
	background-image:url(images/sidebar-divider.png);
	background-position: 565px top;
	background-repeat: repeat-y;
	background-color: #fff;
}

.posttitle, .post_metadata, .linkcat h2 {
	border-bottom: 1px dotted #669999;
}

.posttitle {color: #111;}

.post_metadata {background-color: #E2EEEC;}

#footer {
	background-color: #EDECD8;
	background-image:url(images/footer_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.error, .nocomments {
	border: 1px solid #FF4B00;
	background-color: #FFD2BF;
}

.wp-caption {background-color: #FFFFFF;}

.wp-caption img {border: 1px solid #555;}

p.wp-caption-text {color: #666666;}

blockquote {
	border: 1px solid #2C6C6F;
	background-color: #D9FEFF;
}

code {
	border: 1px solid #2C6C6F;
	background-color: #D9FEFF;
	}

/* Text */
html {font-size: 100%} /* Silly IE 6 */

body {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}

h6 {font-size: 10px; line-height: 0;} /* I don't want it to get too small so it's not illegible */

#blog-title {font-size: 1.5em;}

#sidebar, .post_metadata, small, #footer {font-size: .625em;}

.post_metadata {text-transform:lowercase;}

#sidebar h2, .posttitle {font-size: 1.375em;}

.posttitle {color: #001122;}

pre {font-family: "Courier New", Courier, monospace; font-size: 1em;}

#navcontainer .page_item {
	font-size: 1.125em;
	text-transform: lowercase;
	font-weight: bold;
	}

.pageSection, .blogroll-title, .more-link, #blog-description, .meta-title, p.wp-caption-text {text-align: right;}

.entry, .page_navigation, .commentlist, .comment_notice, .nocomments, .navigation, #blog-description, .meta-title, .wp-caption-text {font-size: .750em;}

h3#comments, h3#respond, h3#trackbacks {font-size: 1em; }

.navigation {width: 550px; text-align: center;}

blockquote {
	text-align: justify;
	padding: 5px 10px 0 10px;
	margin: 0 15px 5px 15px;
}

code {
	display: block;
	font-family: "Courier New", Courier, monospace;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 0;
	font-size: 12px;
	}

.linkcat h2 {font-size: 1.25em;}

/* Design & Position */
body {margin-top: 0; padding: 0;}

#wrapper {
	padding-top: 40px;
	margin: 0 auto;
	width: 820px;
}

#navcontainer {
	float: left;
	width: 565px;
	margin: 0 0 0 10px; padding: 10px 0 0 0;
	border-bottom: 1px solid #EDECD8;
	height: 30px;
	}

#navcontainer li {
	display: inline; list-style: none;
	padding: 10px 9px 8px 7px; margin: 0;
	border-right: 1px solid #EDECD8;
	}

.meta-title {
	float: left;
	width: 230px; height: 38px;
	margin: 0; padding: 2px 2px 0 2px;
	}

.pagetitle {padding: 0; margin: 0;}

#blog-title {margin: 5px 0 5px 0; padding-bottom: 5px; width: 225px; border-bottom: 1px solid #626262;}

#blog-description {padding: 0 4px 0 0;}

.blogroll-title {margin: 0 0 4px 0;}

#content {
	margin: 0px auto; padding: 6px 0 0 0;
	width: 800px;
	clear: both;
}

.post {
	float: left;
	margin: 0 0 10px 5px; padding: 5px;
	width: 540px;
}

.entry p {margin: 5px 0 1em 0; padding: 0;}

.posttitle {margin: 0 0 2px 0; padding: 0 0 3px 0;}

.post_metadata {
	width: 540px;
	margin: 0; padding: 5px;
}

.post_metadata p {padding: 0; margin: 0 0 3px 0;}

#footer {
	width: 800px;
	margin: auto;
	clear: both;
	padding: 5px 0 30px 0;
}

.navigation {
	clear: both;
	display: block;
	margin: 0 0 5px 10px; padding: 5px 0 5px 0;
	height: 15px;
	}
.comment-navigation {
	border-bottom: 1px dotted #aeaeae;
	margin-left: 0;
	}

img.alignright, a img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft, a img.alignleft {padding: 4px; margin: 0 5px 5px 0; display: inline;}
.aligncenter, a img.alignleft {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left}

.linklist {margin: 0; padding: 0; list-style: none;}

.linkcat h2 {margin: 0 0 0 5px;}

.linkcat li {margin: 0 0 0 5px; list-style: none;}

.wp-caption {margin-top: 4px;}

.wp-caption img {margin: 10px 5px 0 5px;}

.blogroll {margin: 0; padding: 0;}

.blogroll li {list-style: none; margin: 3px 0 3px 0;}

.bloggroll-title {margin: 2px 0;}

/* Right Sidebear - Design and Position */
	
#sidebar-wrapper {
	float: right;
	padding: 0; margin: 0;
	width: 230px;
}

#sidebar {padding: 5px 0 0 5px; margin: 0;}

#sidebar li {
	list-style-type: none;
	margin: 0 0 10px; padding: 0 0 5px 0;
}

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

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

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

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

#sidebar ul li, #sidebar ol li {margin: 3px 3px 0 0; padding: 0 0 5px 0;}

.widget_pages li a, .widget_recent_entries li a {
	display: block;
	background: url(images/page.png) left 0 no-repeat;
	padding: 0 0 6px 18px;
	}

.widget_pages li li a {
	background: url(images/bullet.png) left 0 no-repeat;
	}

.widget_categories li a, .widget_archive li a {
	display: block;
	background: url(images/folder.png) left 0 no-repeat;
	padding: 0 0 4px 18px;
	}

.blogroll li a {
	display: block;
	background: url(images/world_link.png) left 0px no-repeat;
	padding: 0 0 4px 18px;
	}

.widgettitle {
	margin: 0 5px 0 0; padding: 0;
	border-bottom: 1px dotted #334455;
}

/* Footer Sidebar */
#footer_widget {
	width: 800px;
	padding: 5px 0 0 0; margin: 0;
}

#footer_widget .widget {
	float: right;
	list-style: none;
	display: inline;
	margin-left: 5px;
	}

/* Comments */
#comment {width: 540px;}

.commentlist {margin: 0 0 0 0; padding: 0;}

.commentlist .alt {background-color: #fff;}

.commentlist li {padding: 3px; list-style: none;}

.comment-author {
	border-top: 1px dotted #aeaeae;
	height: 40px;
	}

.avatar {float: left; margin-right: 5px;}


/* Search Form */
#searchform #s {
	width: 210px;
	font-size: .7em;
	border: 1px solid #336699;
	background-color: #fff;
	margin-right: 5px;
}

#searchsubmit {
	font-size: .7em;
	border: 1px solid #336699;
	background-color: #fff;
}

#sidebar #searchsubmit {
	margin-top: 5px;
	margin-left: 158px;
	}

/* Sidebar Elements */

#feed_link {
	display: block;
	background: url(images/rss-feed-blue.png) left 1px no-repeat;
	padding: 0 0 2px 16px;
	}

/* Links */

#blog-title a {color: #000;}

.posttitle a {
	color: #111 !important; /* Blah this is an ugly hack to fix IE issues*/
	text-decoration: none; 
	}

a img {border: none;}

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

.entry p a:link, .entry p a:visited {border-bottom: 1px dotted #003366;}

a:hover, a:active {color: #5588BB;}

.entry p a:hover, .entry p a:active {border-bottom: 1px solid #5588BB;}

.blogroll li a {
	padding: 0 0 3px 0;
	display: block;
	border-bottom: 1px dotted #003366;
	}

.more-link {
	padding: 2px 5px;
	margin-left: 408px;
	display: block;
	width: 130px;
	border: 1px solid #003366 !important;
	}

.navigation a {border: 1px solid #003366; padding: 1px 3px;}