/* Compressed version of the whole Atatonic CSS Framework.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:"“" "”" "‘" "’";color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{border:1px solid #eee;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section {  
    display: block; 
    margin: 0;
    padding: 0;
}  


/* General styling */
html{  
    margin: 0;  
    padding: 0;
    height: 100%;
}  

body {  
    margin: 0 auto;
    padding: 0;  
    font-family: 'Myriad Pro', 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
    font-size: 90%;
    background: #2f4c34;  
    color: #fff;
    height: 100%;
}  

h1 {
    font-family: Verdana;
    font-size: 28px;  
    line-height: 35px;  
    padding: 22px 10px;  
    color: inherit;
    text-shadow: 2px 2px 1px #000;
}
  
h2 {  
    font-family: Verdana;
    font-size: 22px;  
    line-height: 30px;  
    padding: 22px 10px;  
    color: inherit;
    text-shadow: 1px 1px 1px #000;
}  
  
h3 {  
    font-family: Verdana;
    font-size: 18px;  
    line-height: 22px;  
    padding: 11px 10px;  
    color: inherit;
    text-shadow: 1px 1px 1px #000;
} 

h4 {
    font-family: Verdana;
    font-size: 14px;  
    line-height: 16px;  
    padding: 7px 10px;
    color: inherit;
    text-shadow: 1px 1px 1px #000;
}
  
h5 {
    font-family: Verdana;
    font-size: 12px;  
    line-height: 12px;  
    padding: 3px 10px;
    color: inherit;
    text-shadow: 1px 1px 1px #000;
}
  
p {  
    padding-bottom: 5px;  
}

p.article-meta, p.important {
    padding-bottom: 0px;
    
}


.disabled {
    display: none !important;
}

.block {
    display: block;
}

.pager li {
    display: inline;
}

strong {
    text-shadow: 1px 1px 1px #000;
    font-size: 120%;
}


/* General links and img links styling */
a, a:visited, a:active {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #CCC;
}

a img {
    opacity: 0.7;
    border: 0px;
    filter:alpha(opacity=70)
}

a:hover img {
    opacity: 1;
    filter:alpha(opacity=100)
}


/* Clearing class */
.clear {
    clear: both;
}

img.post {
    margin-left 38px;
}

/* Horizontal separator - width should optionally be passed in html */
.hor_separator {
    height: 2px;
    background: url(../images/separator_hor.png);
    margin: 0 auto;
    clear: both;
}


/* Page wrapper */
.wrapper {
    width: 1024px;
    margin: auto;
    padding: 0px;
}


/* Top */
#top {
    padding: 0;
    position: absolute;
    height: 101px;
    min-width: 100%;
    background: url(../images/top_bg.png) repeat-x center top;
}


/* Top logo, dimmed a bit */
#top img#logo {
    float: left;
    opacity: 0.9;
    margin: 20px 0px;
    margin-left: 10px;
    color: white;
    font-size: 22px;
    filter:alpha(opacity=90)
}


/* Top logo, on mouse over full opacity*/
#top a:hover img#logo {
    opacity: 1;
    filter:alpha(opacity=100)
}


/* Top - navigation */
#top nav {
    float: right;
    color: white;
    margin: 0px;
    margin-top: 35px;
    margin-right: 10px;
    
}

#top nav a:hover {
    text-decoration: underline;
}

#top nav ul {
    padding: 0px;
}

#top nav ul li {
    display: inline;
    margin: 10px;
}


/* Image under top */
#intro_img {
    width: 100%;
}

#intro_img img {
    display: block;
    width: 1024px;
    margin: 0 auto;
}

.ver_wrapper {
    margin-bottom: -200px;
    height: auto !important;
    min-height: 100%;
}

.push {
    height: 200px;
    width: 1024px;
}
/* Content of the page */
#content {
    margin: 0px;
    padding: 20px;
    background: url(../images/content_bg.png) repeat-x #2f4c34;
    min-height: 300px;
}


/* Content main headers */
#content section h1 {
    background: url(../images/header.png) repeat-x;
    display: block;
    height: 23px;
    margin: 0px;
    padding: 6px;
    padding-left: 20px;
    line-height: 22px;
    font-family: Verdana;
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
    text-shadow: 2px 2px 1px #000;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 2px 2px #111;
    -khtml-box-shadow: 0px 2px 2px #111;
    -webkit-box-shadow: 0px 2px 2px #111;
    box-shadow: 0px 2px 2px #111;
}


/* Content standard text */
#content section p {
    margin: 5px 20px;
    margin-left: 30px;
    margin-bottom: 10px;
}

#content section ul {
    padding-left: 50px;
    margin-bottom: 20px;
}

/* Informations in boxes */
#content section.site_wide {
    clear: both;
    background: rgba(255, 255, 255, 0.3);
    margin: 20px 0px;
    padding: 0px;
    border: 1px solid #000;
    opacity: 1;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 1px 4px #333;
    -khtml-box-shadow: 0px 1px 4px #333;
    -webkit-box-shadow: 0px 1px 4px #333;
    box-shadow: 0px 1px 4px #333;

}


/* Content - header for informations in boxes */
#content section.site_wide h1 {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomright: 0px;
    -webkit-border-radius-bottomleft: 0px;
    -webkit-border-radius-bottomright: 0px;
    border-radius-bottomleft: 0px;
    border-radius-bottomright: 0px;
    -moz-box-shadow: 0px 2px 3px #333;
    -khtml-box-shadow: 0px 2px 3px #333;
    -webkit-box-shadow: 0px 2px 3px #333;
    box-shadow: 0px 2px 3px #333;
}


/* Content - text in box*/
#content section.site_wide p {
    padding: 0px;
    margin: 10px 20px;
}


/* Content - Main text column */
#content .left_column {
    float: left;
    line-height: 18px;
    color: white;
    width: 700px;
}


/* Content - side bar definition */
#content aside {
    padding: 10px;
    margin: 0px;
    color: #fff;
    float: right;
    width: 230px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #778c7a;
    -moz-box-shadow: 0px 1px 3px #222;
    -khtml-box-shadow: 0px 1px 3px #222;
    -webkit-box-shadow: 0px 1px 3px #222;
    box-shadow: 0px 1px 3px #222;
    
}


/* Content - side bar - main header definition */
#content aside h3,
#content aside h2 {
    font-weight: normal;
    text-shadow: 1px 1px 1px #000;
    margin: 8px 0px;
    padding: 0px 10px;
    padding-bottom: 3px;
    background: url(../images/separator_hor.png) repeat-x 0 100%;
    overflow: hidden;
}


/* Content - side bar - standard text */
#content aside p {
    margin: 5px 10px;
    padding: 0px;
    line-height: 17px;
}

#content .yazzgoth_hiring {
    display: block;
    width: 445px;
    float: none;
    margin: 5px auto;
}

#content .yazzgoth_hiring img {
    opacity: 0.9;
    filter:alpha(opacity=90)    
}

#content .yazzgoth_hiring img:hover {
    opacity: 1;
    filter:alpha(opacity=100)    
}

/* Content - side bar - force images to resize into bar*/
#content aside p img {
    width: 100%;
}

/* Content - forms styling */
#content form {
    margin-left: 20px;
}

#content form label {
    color: white;
}

input, textarea {
    border: 1px #629c6d solid;
    background-color: #eee;
    -moz-box-shadow: 1px 1px 3px #111;
    -khtml-box-shadow: 1px 1px 3px #111;
    -webkit-box-shadow: 1px 1px 3px #111;
    box-shadow: 1px 1px 3px #111;
}

input[type=submit], button {
    background: url(../images/header.png) repeat-x;
    display: block;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 10px !important;
    cursor: pointer;
    margin: 10px;
    margin-left: 112px;
    -moz-box-shadow: 1px 1px 3px #111;
    -khtml-box-shadow: 1px 1px 3px #111;
    -webkit-box-shadow: 1px 1px 3px #111;
    box-shadow: 1px 1px 3px #111;
    
}


/* Footer */
footer {
    min-width: 1024px;
    position: relative;
    clear: both;
    color: #e1d2ba;
    height: 200px;
    background: url(../images/footer_bg.png) repeat-x #9a6819;
}


/* Footer specific links */
footer a, footer a:visited{
    color: #e1d2ba;
}

footer a:hover {
    color: #fff;
}


/* H4 override for footer */
footer h4 {
    color: #fff;
    line-height: 9px;
    font-family: Verdana;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000;
    font-weight: normal;
    margin: 5px;
}


/* Footer - top part */
footer .footer_line1{
    height: 60px;
    margin-bottom: 7px;
    background: url(../images/separator_hor.png) repeat-x 0px 100%;
}


/* Footer - yazzgoths external profiles containers */
footer .profiles{
    margin-top: 13px;
    margin-left: 20px;
    padding: 0px;
    height: 34px;
    float: left;
    padding: 0 10px;
    border: 1px #986f2f solid;
    background: url(../images/profiles_bg.png);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}


/* Footer - profiles H4 must float to left */
footer .profiles h4{
    float: left;
}

footer .profiles ul{
    float: left;
    height: 32px;
    margin: 0px;
    padding: 2px 0px;
}

footer .profiles ul li{
    display: block;
    float: left;
    margin: 3px 0 0 0;
    padding: 10px 12px;
    line-height: 20px;
    background: url(../images/separator_ver.png) no-repeat;
}

footer .profiles ul li img {
    position: relative;
    top: -8px;
    float: none;
    margin: 0px;
}


/* Footer specific menu */
footer nav#bottom_nav {
    float: left;
    margin: 0px;
    margin-left: 10px;
    font-size: 10px;
}

footer nav#bottom_nav h4{
    margin: 0px;
}

footer nav#bottom_nav ul {
    float: left;
    margin: 0px;
    margin-left: 15px;
    padding-left: 20px;
    list-style-image: url(../images/list_entry.png);

}

footer nav#bottom_nav ul li {
    line-height: 14px;
}


/* Latest blog entry section */
footer section#from_blog {
    float: left;
    width: 460px;
    height: 110px;
    margin: 0px;
    margin-left: 70px;
    padding: 5px;
    background: url(../images/footer_bg.png) repeat-x 0px -50px;
    border: 1px #856027 solid;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 2px #333;
    -khtml-box-shadow: 1px 1px 2px #333;
    -webkit-box-shadow: 1px 1px 2px #333;
    box-shadow: 1px 1px 2px #333;
    overflow: hidden;
}

footer section#from_blog h4 {
    margin: 0px;
    margin-left: 15px;
}

footer section#from_blog h4 span{
    margin-right: 15px;
    float: right;
    font-size: 10px;
}

footer section#from_blog h5 {
    margin: 0px;
    margin-left: 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

footer section#from_blog p {
    font-size: 10px;
    line-height: 14px;
    margin: 0px 5px;
    
}


/* Footer - right side with copyrights and company logo */
footer #right{
    text-align: center;
    float: right;
    margin: 0px 20px;
    padding: 0px;
    padding-top: 20px;
}

footer #right p{
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 10px;
}

footer #right img{
    opacity: 0.9;
    width: 100px;
    position: relative;
    float: none;
    margin: 0;
    top: 8px;
    left: 4px;
}

footer #right a:hover img{
    opacity: 1;
}