/*
 * Author:			Aaron Alexander (nerdfiles.net)
 */

/* Kill defaults */
/*-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: none; outline: 0; list-style: none; vertical-align: baseline; }

/* Definitions */
/*-----------------------------------------------------------------------------------*/
body { font: 12px Arial; color: #333; line-height: 1.5em; background: #f2f2f2; }

/* Common elements (block) */
/*-----------------------------------------------------------------------------------*/
h1 { font: 3em Candara; }
h2 { font: 2.5em Candara; }
h3 { font: 2em Candara; color: #77B3BF; border-bottom: 4px #ccc double; padding: 0 0 0.2em 0; margin-bottom: 0.5em; }
h4 { font: 1.5em Candara; color: #BFBD8F; border-left: 4px #333 solid; padding: 0 0 0 0.4em; }
h5 { font: 1.5em Candara; color: #AF417C; }
h6 { font: 1.5em Candara; color: #000; padding: 4px 0 6px 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
form { }
input { font-family: Arial; }
ul { margin: 0.5em 0 0.5em 2em; }
ul li { }
ol { margin: 0.5em 0 0.5em 2em; }
ol li { }
table { }
table tr { }
table tr td { }
p { margin: 0.5em 0; }
dl { margin: 0.5em 0; }
dt { font: 1em bold Candara; text-transform: uppercase; border-bottom: 1px #ccc solid; margin: 0.5em 0 0.3em 0; }
dd { margin: 0 0 0 2em; }
blockquote { background: #F2F2F2; margin: 1.5em 3em; padding: 0.5em 1em; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px #DFDFDF solid; border-left: 1px #DFDFDF solid; }
blockquote:before { content: "\""; position: absolute; font-size: 4em; font-family: Segoe Script; color: #FF833F; }
blockquote p { }
blockquote div { text-align: right; }
blockquote div a { }

/* Common elements (inline) */
/*-----------------------------------------------------------------------------------*/
img { }
input { }
label { }
span { }

/* Hyperlinks */
/*-----------------------------------------------------------------------------------*/
a { color: #000; padding: 0.2em; }
a:hover { background: #DFDFDF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
a img { }

/* Classes for those who like to overcompensate (General global classes) */
/*-----------------------------------------------------------------------------------*/
.clear				{ clear: both; }
.clear-left			{ clear: left; }
.clear-right		{ clear: right; }
.clear-hack:after	{ content: "clear"; clear: both; display: block; visibility: hidden; height: 0; }

.float-left			{ float: left; }
.float-right		{ float: right; }
 
.text-left			{ text-align: left; }
.text-right			{ text-align: right; }
.text-center		{ text-align: center; }
.text-justify		{ text-align: justify; }
 
.bold				{ font-weight: bold; }
.italic				{ font-style: italic; }
.underline			{ border-bottom: 1px solid; }
.highlight			{ background: #ffc; }
 
.img-left			{ float: left; margin: 0.2em 1em 0.2em 0; }
.img-right			{ float: right; margin: 0.2em 0 0.2em 1em; }
 
.nopadding			{ padding: 0; }
.noindent			{ margin-left: 0; padding-left: 0; }
.nobullet			{ list-style: none; list-style-image: none; }

.indent				{ margin-left: 20px !important; }

.alignright			{ float: right; }
.alignright			{ float: left; }

/* Local classes */
/*-----------------------------------------------------------------------------------*/


/* #jacket (wrapper) */
/*-----------------------------------------------------------------------------------*/
#jacket { width: 980px; margin: 0 auto; }

/* #preheader */
/*-----------------------------------------------------------------------------------*/
#preheader { height: 75px; }

/* #nav */
/*-----------------------------------------------------------------------------------*/
#nav { font-size: 2em; background: #222 url("../images/nav-bg.png") -5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 2px #fff solid; -moz-box-shadow: 0px 1px 1px #555; -webkit-box-shadow: 0px 1px 1px #555; position: relative; z-index: 1000; }
#nav > ul { margin: 0 0 0 30px; padding: 0; position: relative; }
#nav > ul > li { float: left; }
#nav ul li > a { text-decoration: none; color: #fff; padding: 7px 20px 7px 20px; display: block; font-size: 11px; letter-spacing: 0px; font-weight: bold; text-transform: uppercase; }
#nav ul li > a:hover { color: #95E0EF; background-color: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#nav ul li.rss a { position: absolute; right: 30px; top: -70px; padding: 0; opacity: 0.8; }
#nav ul li.rss a:hover { opacity: 1; }

#nav > ul > li > div { color: #fff; padding: 1em; font-size: 12px; display: none; position: absolute; background: #1F1F1F; width: 23em; border: 2px #fff solid; border-top: none; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#nav > ul > li:hover > div { display: block; -moz-box-shadow: 1px 1px 1px #555; -webkit-box-shadow: 1px 1px 1px #555; box-shadow: 1px 1px 1px #555; }
#nav > ul > li > div a { color: #fff; }
#nav > ul li > div > a:hover { color: #fff; background: #1F1F1F; }
#nav > ul > li > div > span { font: 18px Candara; }

#nav ul li div .green { color: #84CF33; }
#nav ul li div .orange { color: #FF833F; }
#nav ul li div .pink { color: #FF7FB7; }
#nav ul li div .red { color: #EF472C; }
#nav ul li div .purple { color: #BF6BA0; }

#nav ul li div ul { margin: 0.5em 0 0 0; padding: 0; }
#nav ul li div ul li { padding: 0; margin: 0; float: left; clear: left; }
#nav ul li div ul li a { padding: 2px 6px 2px 6px; margin: 0 0 6px 0; font-variant: normal; text-transform: capitalize; }
#nav ul li div ul li a:hover { background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color: #6FA631; }

/* #header */
/*-----------------------------------------------------------------------------------*/
#header { position: relative; z-index: 900; background: #EBEAD3 url("../images/header-image.png") no-repeat 540px 33px; height: 14em; padding: 20px 30px 20px 30px; }
#header #filling { font-size: 1.3em; float: left; width: 450px;  }
#header .title { }
#header .description { line-height: 1.5em; margin: 0 0 0.4em 0; }
#header a { float: right; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #6FA631; opacity: 0.7; border: 5px #FFFEEF solid; padding: 0.5em; color: #FFFEEF; text-decoration: none; }
#header a:hover { background: #6FA631; opacity: 1; color: #FFFEEF; }

/* #container */
/*-----------------------------------------------------------------------------------*/
#container { background: #f9f9f9; padding: 30px; border-bottom: 1px #d1d1d1 solid; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: -10px; position: relative; z-index: 950; }

/* #content */
/*-----------------------------------------------------------------------------------*/
#content { float: left; width: 480px; }

/* #sidebar */
/*-----------------------------------------------------------------------------------*/
#sidebar { width: 440px; float: left; }
#sidebar div.column { width: 200px; margin-left: 20px; float: left; }
#sidebar div.column span.img-container { border: none; }
#sidebar div.column img { border: 10px #fff solid; }
#sidebar div.column span.img-container:hover img { border: 10px #FF9FC9 solid; }

/* #feets */
/*-----------------------------------------------------------------------------------*/
#feets { padding: 0; margin: 10px 0 50px 0; }

/* #shoes */
/*-----------------------------------------------------------------------------------*/
#shoes { background: #F9F9F9; border-bottom: 1px #d1d1d1 solid; padding: 30px; }
#shoes ul { margin: 0.5em 0 0 0; padding: 0; color: #AFAFAF; }
#shoes div.lace { float: left; width: 240px; margin: 0 15px 0 0; }
#shoes div.wide { width: 410px; margin: 0; }
#shoes div.lace a { color: #AFAFAF; margin: 0 0 0 -0.2em; }
#shoes div.lace ul { padding: 7px; margin: -4px 0 0 0; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#shoes div.lace ul li { }
#shoes div.lace p { padding: 7px; margin: -4px 0 0 0; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#shoes div.lace:hover ul { color: #333; background: #F2F2F2; }
#shoes div.lace:hover a { color: #333; }
#shoes div.lace form { padding: 7px; }
#shoes div.lace input { border: 1px #ccc solid; padding: 0.5em; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#shoes div.lace div.form-component { margin: 0 0 1em 0; }
#shoes div.lace div.form-component-label { float: left; width: 150px; }
#shoes div.lace div.form-component-label label { display: block; padding: 0.5em; text-align: right; }
#shoes div.lace div.form-component-elem {  }
#shoes div.lace div.form-component-elem input { width: 200px; font-weight: bold; }
#shoes div.lace { opacity: 0.8; }
#shoes div.lace h6.yellow { background: #FFEF3F; }
#shoes div.lace h6.red { background: #EF472C; }
#shoes div.lace h6.green { background: #84CF33; }

/* #copy */
/*-----------------------------------------------------------------------------------*/
#copy { padding: 0 30px 0 30px; }