/*  
Theme Name: WeMe09
Theme URI: 
Description: The latest from Wendell.Me 
Version: 1.6
Author: Wendell Wittler
Author URI: http://www.oneswellfoop.net/
*/


/* YUI Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; } 
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } 
em { font-style: italic; }
strong { font-weight: bold; }
ol, ul, li { list-style: none; } 
caption, th { text-align: left; } 
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } 
q:before, q:after { content:''; } 
abbr, acronym { border: 0; font-variant: normal; } 

sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; } 
del, ins { text-decoration: none; }

/* blank */
.blank { background: transparent; font-size: 0%; border: 0; }

/* comments */
#comments { padding: 10px; }
#comments h2 { font-size: 150%; line-height: 120%; margin: 10px; text-align: left; }
#comments h3 { font-size: 125%; line-height: 120%; margin: 0px 20px 5px 20px; text-align: left; }
#comments li { border: 1px solid #000; padding: 5px; margin: 0 0 5px 0; }
#commentform p { margin: 0 5px 5px 0; }
#commentform p textarea { margin: 5px 25px 0 0; border: 2px solid #333; background: #eee; }


/* Rounded Box */
.roundedBox {position: relative; padding-top: 10px; padding-bottom: 10px; }
.corner {position: absolute; width: 10px; height: 10px; background-image: url(./img/corners.gif) }
.corner0 {position: absolute; width: 10px; height: 10px; background-image: url(./img/corners0.gif) }
.topLeft {top: 0; left: 0; background-position: 0px -0px;}
.topRight {top: 0; right: 0; background-position: -10px -0px;}
.bottomLeft {bottom: 0; left: 0; background-position: 0px -10px;}
.bottomRight {bottom: 0; right: 0; background-position: -10px -10px;}



/* align */
.alignright { display: inline; float: right; }
.alignleft { display: inline; float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 1em 1em; }
a img.alignleft { float: left; margin: 0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/* One Swell Grid ~ based on 960 Grid System http://960.gs/ */

.container960 { margin: 0 auto; width: 960px; }
.container { margin: 0 auto; width: 960px; }
.grid-1-32 { width: 30px; }
.grid-1-24 { width: 40px; }
.grid-1-16, .grid-2-32 { width: 60px; }
.grid-1-12, .grid-2-24 { width: 80px; }
.grid-3-32 { width: 90px; }
.grid-1-8, .grid-2-16, .grid-3-24, .grid-4-32 { width: 120px; }
.grid-5-32 { width: 150px; }
.grid-1-6, .grid-2-12, .grid-4-24 { width: 160px; }
.grid-3-16, .grid-6-32 { width: 180px; }
.grid-5-24 { width: 200px; }
.grid-7-32 { width: 210px; }
.grid-2-8, .grid-3-12, .grid-4-16, .grid-6-24, .grid-8-32 { width: 240px; }
.grid-9-32 { width: 270px; }
.grid-7-24 { width: 280px; }
.grid-5-16, .grid-10-32 { width: 300px; }
.grid-2-6, .grid-4-12, .grid-8-24 { width: 320px; }
.grid-11-32 { width: 330px; }
.grid-3-8, .grid-6-16, .grid-9-24, .grid-12-32 { width: 360px; }
.grid-13-32 { width: 390px; }
.grid-5-12, .grid-10-24 { width: 400px; }
.grid-7-16, .grid-14-32 { width: 420px; }
.grid-11-24 { width: 440px; }
.grid-15-32 { width: 450px; }
.grid-3-6, .grid-4-8, .grid-6-12, .grid-8-16, .grid-12-24, .grid-16-32 { width: 480px; }
.grid-17-32 { width: 510px; }
.grid-13-24 { width: 520px; }
.grid-9-16, .grid-18-32 { width: 540px; }
.grid-7-12, .grid-14-24 { width: 560px; }
.grid-19-32 { width: 570px; }
.grid-5-8, .grid-10-16, .grid-15-24, .grid-20-32 { width: 600px; }
.grid-21-32 { width: 630px; }
.grid-4-6, .grid-8-12, .grid-16-24 { width: 640px; }
.grid-11-16, .grid-22-32 { width: 660px; }
.grid-17-24 { width: 680px; }
.grid-23-32 { width: 690px; }
.grid-6-8, .grid-9-12, .grid-12-16, .grid-18-24, .grid-24-32 { width: 720px; }
.grid-25-32 { width: 750px; }
.grid-19-24 { width: 760px; }
.grid-13-16, .grid-26-32 { width: 780px; }
.grid-5-6, .grid-10-12, .grid-20-24 { width: 800px; }
.grid-27-32 { width: 810px; }
.grid-7-8, .grid-14-16, .grid-21-24, .grid-28-32 { width: 840px; }
.grid-29-32 { width: 870px; }
.grid-11-12, .grid-22-24 { width: 880px; }
.grid-15-16, .grid-30-32 { width: 900px; }
.grid-23-24 { width: 920px; }
.grid-31-32 { width: 930px; }
.grid-6-6, .grid-8-8, .grid-12-12, .grid-16-16, .grid-24-24, .grid-32-32 { width: 960px; }

.goleft { display: inline; float: left; }
.goright { display: inline; float: right; }

.pre-1-24 { padding-left: 40px; }
.pre-1-12, pre-2-24 { padding-left: 80px; }
.pre-3-24 { padding-left: 120px; }
.pre-1-6, pre-2-12, pre-4-24 { padding-left: 160px; }
.pre-5-24 { padding-left: 200px; }
.pre-3-12, pre-6-24 { padding-left: 240px; }
.pre-7-24 { padding-left: 280px; }
.pre-2-6, pre-4-12, pre-8-24 { padding-left: 320px; }
.pre-9-24 { padding-left: 360px; }
.pre-5-12, pre-10-24 { padding-left: 400px; }
.pre-11-24 { padding-left: 440px; }
.pre-3-6, pre-6-12, pre-12-24 { padding-left: 480px; }
.pre-13-24 { padding-left: 520px; }
.pre-7-12, pre-14-24 { padding-left: 560px; }
.pre-15-24 { padding-left: 600px; }
.pre-4-6, pre-8-12, pre-16-24 { padding-left: 640px; }
.pre-17-24 { padding-left: 680px; }
.pre-9-12, pre-18-24 { padding-left: 720px; }
.pre-19-24 { padding-left: 760px; }
.pre-5-6, pre-10-12, pre-20-24 { padding-left: 800px; }
.pre-21-24 { padding-left: 840px; }
.pre-11-12, pre-22-24 { padding-left: 880px; }
.pre-23-24 { padding-left: 920px; }
.pre-6-6, pre-12-12, pre-24-24 { padding-left: 960px; }

.suf-1-24 { padding-right: 40px; }
.suf-1-12, suf-2-24 { padding-right: 80px; }
.suf-3-24 { padding-right: 120px; }
.suf-1-6, suf-2-12, suf-4-24 { padding-right: 160px; }
.suf-5-24 { padding-right: 200px; }
.suf-3-12, suf-6-24 { padding-right: 240px; }
.suf-7-24 { padding-right: 280px; }
.suf-2-6, suf-4-12, suf-8-24 { padding-right: 320px; }
.suf-9-24 { padding-right: 360px; }
.suf-5-12, suf-10-24 { padding-right: 400px; }
.suf-11-24 { padding-right: 440px; }
.suf-3-6, suf-6-12, suf-12-24 { padding-right: 480px; }
.suf-13-24 { padding-right: 520px; }
.suf-7-12, suf-14-24 { padding-right: 560px; }
.suf-15-24 { padding-right: 600px; }
.suf-4-6, suf-8-12, suf-16-24 { padding-right: 640px; }
.suf-7-24 { padding-right: 680px; }
.suf-9-12, suf-18-24 { padding-right: 720px; }
.suf-19-24 { padding-right: 760px; }
.suf-5-6, suf-10-12, suf-20-24 { padding-right: 800px; }
.suf-21-24 { padding-right: 840px; }
.suf-11-12, suf-22-24 { padding-right: 880px; }
.suf-23-24 { padding-right: 920px; }
.suf-6-6, suf-12-12, suf-24-24 { padding-right: 960px; }


/* menus */
ul.menu { list-style:none; border-top:1px solid #bbb; }
ul.menu li { margin:0; }
ul.menu li a { display:block; padding:4px 10px; border-bottom:1px solid #bbb; }
ul.menu li a:hover { background:#eee; }
ul.menu li a:active { background:#fc6; }

/* submenus */
ul.menu ul { list-style:none; margin:0; }
ul.menu ul li a { padding-left:30px; }

/* section menus */
ul.section { border-top:0; margin-bottom:0; }
ul.section li { text-transform:uppercase; }
ul.section li a { background:#bbb; }
ul.section li a:hover { background:#aaa; }
ul.section li a:active { color:#fff; background:#666; }
ul.section li li a { background:#ddd; }
ul.section li li a:hover { background:#ccc; }
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section li.current a {
	background:#eee;
}
ul.section li.current a:hover {
	background:#ddd;
}
ul.section li.current a:active {
	background:#fff;
}
ul.section li.current > a {
	color:#fff;
	background:#666;
}
ul.section li.current > a:hover {
	background:#555;
}
ul.section li.current > a:active {
	background:#444;
}
ul.section li.current a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}