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

/* Definitions */
/*-----------------------------------------------------------------------------------*/
body { font: 12px Helvetica, Arial, sans-serif; line-height: 1.5em; background: #84C5C6; }

/* Common elements (block) */
/*-----------------------------------------------------------------------------------*/
h1 { font: 4em "Myriad Pro", Helvetica, Corbel, Arial; font-variant: small-caps; }
h2 { font: 2.5em "Myriad Pro", Helvetica, Corbel, Arial; }
h3 { font: 2em "Myriad Pro", Helvetica, Corbel, Arial; }
h4 { font: 1.5em "Myriad Pro", Helvetica, Corbel, Arial; font-variant: small-caps; }
h5 { font: 2em "Myriad Pro", Helvetica, Corbel, Arial; }
h6 { font: 2em "Myriad Pro", Helvetica, Corbel, Arial; }
form { }
ul { }
ul li { }
ol { }
ol li { }
table { }
table tr { }
table tr td { }
p { margin: 0.5em 0; }
blockquote { }
blockquote p { }

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

/* Hyperlinks */
/*-----------------------------------------------------------------------------------*/
a { color: #98C908; text-decoration: none; padding: 0.1em; }
a:hover { color: #000; }
a img { }
a[rel="external"] { padding-right: 15px !important; background: url(../../images/external.png) center right no-repeat; }

/* 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; }

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

/* Local classes */
/*-----------------------------------------------------------------------------------*/
.fancy-list { margin-top: 0.5em; margin-bottom: 1em; background: #C0E559; padding: 1em; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

/* #jacket (wrapper) */
/*-----------------------------------------------------------------------------------*/
#jacket { -moz-box-shadow: 0 0 2em #577F7F; -webkit-box-shadow: 0 0 2em #577F7F; box-shadow: 0 0 2em #577F7F; width: 960px; margin: 0 auto; background: #fff; margin-top: 2em; margin-bottom: 3em; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; padding-bottom: 1.5em; padding-top: 1em; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

/* #header */
/*-----------------------------------------------------------------------------------*/
#header { background: #46B4C1; margin-bottom: 1em; height: 200px; border-bottom: 6px #C0E559 solid; }
#header h1 { }
#header h1 a { color: #fff; display: block; height: 200px; padding: 0 30px; }
#header h1 a:hover { color: #333; }

/* #nav */
/*-----------------------------------------------------------------------------------*/
#nav { padding: 0 30px;  }
#nav ul { float: right; margin-top: -1em; }
#nav ul li { display: inline; margin-left: 1em; }
#nav ul li a { -moz-box-shadow: 0 0 0.3em #577F7F; -webkit-box-shadow: 0 0 0.3em #577F7F; box-shadow: 0 0 0.3em #577F7F; border: 3px #46B4C1 solid; font-size: 2em; background: #C0E559; color: #fff; padding: 0.3em 0.5em 0.3em 0.5em; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
#nav ul li a:hover { background: #fff; color: #333; }

/* #container */
/*-----------------------------------------------------------------------------------*/
#container { margin-bottom: 3em; }

/* #content */
/*-----------------------------------------------------------------------------------*/
#content { width: 600px; float: left; padding: 0 30px; }
#content a { padding-right: 0; }

/* #sidebar */
/*-----------------------------------------------------------------------------------*/
#sidebar { width: 270px; float: left; padding-right: 30px; }

/* #feets */
/*-----------------------------------------------------------------------------------*/
#feets { border-top: 6px #C0E559 solid; background: #46B4C1; padding: 1.5em 30px 1.5em 30px; color: #fff; }
#feets div.list { float: left; width: 250px; }
#feets a { color: #222; }

#feets a:hover { -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-color: #fff; color: #000; }