/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/



/* General */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link  {
		margin:0;
		padding:0;
	}

body, .delicious-desc {
		background: #FFF;
		font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
    	font-size: 12px;
        line-height: 150%;
}

h1, h2, h3, h4, h5, #main_nav ul, .date, .description, .ctitle, .fin,
 	.entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta {
	font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
}

#container {
        width: 1000px;
        margin:0 auto;
        padding-top: 5px;
}

#spacer {
        width: 0px;
        padding: 0px;
        margin: 5px;
        float: left;
}

#spacercats {
        width: 10px;
        padding: 0px;
        margin: 20px;
        float: left;
}



/* Header & Footer */

#search {
        width: 700px;
        height: 30px;
        text-align: right;
        padding-top: 10px;
		border-bottom: 1px dotted #999;
        padding-bottom: 10px;
        margin-bottom: 0px;
        float: left;
}

#logo {
        width: 300px;
        height: 30px;
        text-align: left;
        padding-top: 10px;
		border-bottom: 1px dotted #999;
        padding-bottom: 10px;
        margin-bottom: 0px;
        float: left;
}

.search {
		text-transform: none;
		font-size: .7em;
		padding-right: .5em;
}

input.search {
		height:16px;
		width: 150px;
		padding:3px;
		padding-left:6px;
		background: #E5E5E5;
		line-height: 100%;
		margin:0px;
		border: solid 1px #888888;
		-moz-border-radius:11px;
		font-size:12px;
		color: #656565;
		text-transform: ;
}

input.search.focusField {
		color:#222222;
}

#searchform {
		margin-top: -1em;
		text-align: right;
		padding: 0 0 1em 0;
}

input {
		border: 1px solid #666;
}

#footer {
 		width: 1000px;
        text-align: center;
        font-size: 8px;
        clear: left;
        margin:0 auto;
        padding-top: 20px;
}



/* Home */

#main {
		margin-top: 0px;
        width: 1000px;
        padding: 0px;
}

#alert {
		width: 1000px;
		text-align: right;
		font-weight: normal;
		font-family: "Helvetica";
		font-size: 12px;
		float: left;
		margin-top: 10px;
		margin-bottom: 0px;
}


#mainimage {
        width: 750px;
        height: 413px;
        float: left;
        margin-top: 20px;
        margin-bottom: 5px;
}

#mainimagebig {
        width: 1000px;
        height: 418px;
        float: left;
        margin-top: 10px;
        margin-bottom: 0px;
}

#mainside {
        width: 245px;
        height: 413px;
        background-color: black;
        padding: 0px;
        font-weight: normal;
        font-family: "Helvetica";
        font-size: 12px;
        color: white;
        float: left;
        margin-top: 20px;
        margin-left: 5px;
}


#mainsidetop {
        width: 205px;
        height: auto;
        background-color: gray;
        padding: 20px;
        font-weight: bold;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 18px;
        color: white;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        line-height: 100%;
}

#mainsidemiddle {
        width: 225px;
        height: 100px;
        background-color: ;
        padding: 5px;
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        float: clear;
        text-align: right;
        margin-top: 0px;
        margin-left: 0px;
        line-height: 100%;
}

#mainsidemiddle a {
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        text-decoration: none;
        width: 200px;
        padding-left: 0px;
        text-align: right;
}

#mainsidemiddle a:hover {
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        background-color: blue;
}

#mainsidebottom {
        width: 175px;
        height: auto;
        background-color: #2d2d2d;
        padding: 20px;
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        float: clear;
        text-align: left;
        align: center;
        margin-top: 120px;
        margin-left: 30px;
        line-height: 200%;
}

#mainsidebottom li {
        list-style-position:inside;
        list-style-type: none;
        margin-left: 20px;
}

#mainsidebottom a {
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        text-decoration: none;
        width: 200px;
        text-align: right;
}

#mainsidebottom a:hover {
        font-weight: lighter;
        font-family: "Helvetica Neue UltraLight","Helvetica";
        font-size: 12px;
        color: white;
        background-color: blue;
}
}



/* Normal Post */

#entry-title a, h2 {
        letter-spacing: 0px;
        font-size: 25px;
        margin-top: 30px;
        margin-bottom: 2px;
        text-decoration: none;
        color: black;
}

#normalpost {
        margin-top: 20px;
        padding-top: 1px;
        padding-bottom: 20px;
}

#entry-header {
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
}

#entry-header a {
        text-decoration: none;
        color: black;
        padding: 1px;         
}

#entry-header a:hover {
        background-color: black;
        color: white; 
}

#entry-footer {
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 12px;
}

#entry-footer a {
        text-decoration: none;
        color: black;
        padding: 2px;
        background-color: #1980d0;
        color: white;
        -moz-border-radius:3px;         
}

#entry-footer a:hover {
        background-color: #eeeeee;
        color: black; 
}

#cats {
		list-style: none;
		margin-left: 20px;
		margin-top: 0px;
		padding-left: 20px;
		text-indent: 0em;
		background-color: gray;
}

/* Media Post */

#mediapost {
		width: 400px;
        margin-top: 20px;
        padding-top: 1px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
        border: solid 1px #b2b2b2;
        background-color: #FFFFFF;
        -moz-border-radius:11px;
}

#media-title a, h2 {
        letter-spacing: 0px;
        font-size: 20px;
        font-family: Helvetica;
        margin-top: 30px;
        margin-bottom: 2px;
        text-decoration: none;
        color: black;
}

#media-header {
        padding-top: 3px;
        padding-bottom: 0px;
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 13px;
}

#media-header a {
        text-decoration: none;
        color: black;
        padding: 1px;         
}

#media-header a:hover {
        background-color: black;
        color: white; 
}

#media-prefooter {
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 13px;
        clear: left;
}

#media-prefooter a {
        text-decoration: none;
        color: black;
        padding: 2px;
        background-color: gray;
        color: white;         
}

#media-prefooter a:hover {
        background-color: #eeeeee;
        color: black; 
}

#media-footer {
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 12px;
        clear: left;
}

#media-footer a {
        text-decoration: none;
        color: black;
        padding: 2px;
        background-color: #ac8202;
        color: white;
        -moz-border-radius:3px;
}

#media-footer a:hover {
        background-color: #eeeeee;
        color: black; 
}

#player {
		width: 300px;
		padding-top: 20px;
		clear: left;
}



/* Page Template */

#photo {
		width: 300px;
        margin-top: 30px;
        float: left;
}

#pagetitle {
        font-weight: bold;
        font-family: Helvetica;
        font-size: 24px;
}

#content {
		width: 450px;
        margin-top: 40px;
        padding-right: 40px;
        padding-left: 40px;
        float: left;
}

#content2 {
	 	width: 700px;
        margin-top: 50px;
        padding-top: 30px;
        padding-right: 0px;
        padding-left: 0px;
        clear: left;
}

#side {
		text-align: left;
        width: 149px;
        margin-top: 30px;
        padding-left: 10px;
        float: left;
        min-height: 300px;
		border-left: 1px dotted #999;
        background-color: ;
        line-height: 200%;
}

#side a {
        text-decoration: none;
        color: black;
        padding: 1px;
}


#side a:hover {
        background-color: black;
        color: white; 
}

#pagesidebarparent {
        font-weight: bold;
        font-family: Helvetica;
        font-size: 13px;
		list-style: none;
        line-height: 200%;
        margin-left: 10px;
        letter-spacing: 0px;
}

#pagesidebar ul {
		list-style: none;
        line-height: 200%;
        margin-left: 10px;
        letter-spacing: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 12px;
}

#pagesidebar h2 {
		font-size: 16px;
		background-color: white;
		color: white;
		font-family: Helvetica;
		margin-top: 0px;
		margin-bottom: 5px;
}

#video {
		width: 700px;
        float: left;
}

#bigside {
		text-align: left;
        width: 259px;
        padding-left: 20px;
        padding-top: 20px;
        margin-right: 0;
        float: left;
        min-height: 365px;
		border-left: 1px dotted #999;
        background-color: #eeeeee;
        line-height: 200%;
        margin-left: 20px;
}

#not h1 {

margin-top: 20px;

}

/* Main & Sub Menu */

#mainmenu {
		margin-top: 10px;
		width: 1000px;
		height: 60px;
		border-top: solid 0px #555555;
		border-bottom: solid 0px; #555555;
		padding-top: 6px;
		padding-bottom: 6px;
		clear: left;
}

#mainmenu a {
		display: block;
		float: left;
		margin-left:0px;
		margin-right:0px;
		height:30px;
		padding-left:0px;
		width:192px;
		padding-top:14px;
		background: #000000;
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		font-size: 17px;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		color: #EEEEEE;
		cursor: pointer;
}

#mainmenu a:hover {
		background: #c3c3c3;
}

#mainmenusubtitle {
		font-weight: normal;
		color: gray;
		font-size: 9px;
		line-height: 90%;
		clear: left;
}

#submenu {
		margin-top: 5px;
		width:300px;
		height:22px;
		border-top: solid 1px #555555;
		border-bottom: solid 1px; #555555;
		padding-top: 2px;
		padding-bottom: 2px;
		clear: left;
}

#submenu a {
		display: block;
		float: left;
		margin-left:1px;
		margin-right:1px;
		height:20px;
		padding-left:1px;
		width:72px;
		padding-top:2px;
		background: #373737;
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #EEEEEE;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
}

#submenu a:hover {
		background: #858585;
}



/* Comment Form */

#respond {
		margin-top: 40px;
		clear: left;
}

#respond h3 {
		font-size: 12px;
		font-family: Helvetica, sans-serif;
		background-color: #1980d0;
		color: white;
		-moz-border-radius:3px;
		width: 100px;
		text-align: center;
}

#comment-form {
		width: 400px;
		line-height: 150%;
		margin: 0px;
		font-size:10px;
}

#form-section-author {
		padding-top: 5px;
		padding-bottom: 5px;
}

#form-section-email {
		padding-top: 5px;
		padding-bottom: 10px;
}

#form-section-actions {
		padding-top: 10px;
		padding-bottom: 10px;
}

#form-section-comment {
		line-height: 100%;
		margin:0px;
		font-size:10px;
}

#comments {
		margin-top: 40px;
		font-family: Helvetica, sans-serif;
}

#comments h3 {
		font-size: 12px;
		font-family: Helvetica, sans-serif;
		background-color: #DDDDDD;
		color: black;
		-moz-border-radius:3px;
		padding: 5px;
}



/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/* Menu */
.nav { float: left; line-height: 1; background-color: #fff; width: 100%; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }

.nav a { display: block; position: relative; padding: 8px 10px; }

/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }

/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }