@import url("/media/cms/css/reset.css");
@import url("/media/cms/css/base.css");
@import url("/media/cms/css/tinymce_classes.css");
@import url("blog_clean.css");
@import url("x3dproto_clean.css");
@import url("portfolio_clean.css");
@import url("ajaxadmin.css");

html { height: 100%; }

body {
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    font-family: "Trebuchet MS", Arial, Sans;    
    font-size: 62.5%;
    height: 100%;
}

* html body { height: 75%; } /* MOVE: move to IE.css file */

a, a:link, a:visited, a:hover { color: #22C1D6; text-decoration: none; }
a:hover { border-bottom: 1px solid; }

/*= Typography */
h1 { font-size: 2em; letter-spacing: -.025em;}
h2 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

h3, h3 a:link, h3 a:visited, h3 a:hover {
    color: #545454;
    font-size: 1.8em;
    font-weight: bold;    
    margin: 1em 0 0.3em 0;
    padding: 0px;
}

h3 a:link, h3 a:visited, h3 a:hover { font-size: 1em; }

h1, h2, h4, h5, h6 {
    color: #545454;
    font-weight: bold;    
    margin: 1em 0 0 0;
    padding: 0px;    
}

p {
    font-size: 1.3em;
    margin: 0.5em 0em 1em 0em;
    line-height: 1.5em;
    color: #545454;
}


ul, ol, dl, td, th {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #545454;
}
ul {
    margin-left: 1.25em;
    list-style-position: outside;
    list-style-type: square;
}
ul ul { font-size: 1em; }

pre, code {
    overflow: auto;
    font-size: 1.1em;
    padding: 0.2em;
    line-height: 1.4em;
    background-color: #deffbd;
    border-bottom: 1px dotted #008000;
    border-top: 1px dotted #008000;
    color: #545454;
}

input, textarea {
    background-color: #DEFFBD;
    border: 1px solid #BEDF9D;
}

hr { border: 0; margin: 2em 0 2em 0;  padding: 0; background-color: #545454; height: 1px; }


blockquote, q {
    font-size:1.5em;
    font-style:italic;
    line-height:1.4em;
    margin: 1em 0 1em 2em;
    quotes:"" "";
}

/*= Layout */

#container {    
    padding: 0em 0 0px 0;
    margin: auto;
    border: 0px solid #f00;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;    
}

#header {
    margin: 0px;
    padding: 0px;
    background-color: #363636;
    background-image: url(../images/frontend/clean_style/stripe2_bg.png);
    height: 125px;
    width: 100%;
}
#header_inner { margin: auto; width: 890px; }
#header_left {    
    background: url(../images/frontend/clean_style/pyjax_logo.png) no-repeat 0 38px;
    width: 275px;
    height: 125px;    
    float:left;
    position: relative;
    left: -40px;
}
#header_left a { width: 275p; height: 125px; display: block; text-decoration: none; border: none; }
#header_right { width: 615px; float: left;}


#search { position: relative; float: right; top: 48px; display: inline; margin-right: 20px; }
* html #search { width: 210px; }
#search input { background-color: #666666; color: #BAFF7B; border: none; margin-right: 2px; padding: 0px; height: 18px; vertical-align: top; }
#search button { background: url(../images/frontend/search.png) no-repeat center; width: 18px; height: 18px; background-color: #666666; color: #22C1D6; border: none; }
body.search_results #center_right ul { margin: 0.5em 0 0 0; padding: 0; }
body.search_results #center_right ul li { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; font-size: 1.0em; }

#plantz { position: absolute; float: left; top: -200px;  z-index: 100; background: url(../images/frontend/vector_plantz.png) 70px top no-repeat; width: 200px; height: 193px; }
* html #plantz { display: none; }
div.plantz { text-align: center; }
p.copyright {  margin: 1em 0px 0 10px; display: block; line-height: 1em; font-size: 1em; position: relative; top: -24px; }
#impressum_link { position: relative; top: -24px;  }
#django_logo { margin: auto; position: relative; top: -30px; /*left: 57px;*/ }

table .linenos pre,
table .code pre {
    padding: 0;
    border-top: 0; border-bottom: 0;
}
table .linenos pre { overflow: hidden; }
td.linenos { width: 2em;  }


.literal-block table { margin:0; border-top: 0; border-bottom: 0; }
.literal-block table td { border-top: 0; border-bottom: 0; }
pre.literal-block { border-top: 0; border-bottom: 0; }

/* =========================== Center =============================== */
#center {
   width: 890px;
   margin: auto;
   position: relative;
   min-height: 100%;
   padding-bottom: 100px;
}

* html #center { height: 100%; }

#center_left {
    width: 225px;
    float: left;
    padding: 40px 30px 14px 20px;
    display: inline;
}
#center_left :first-child { margin-top: 0; }

#center_right {
    width: 595px;
    float:left;
    padding: 40px 20px 120px 0px;
    color: #939393;
}

#center_right > :first-child { margin-top: 0; }

#center_left h2, #center_left p { color: #545454;  }
* html #center_left h2 { overflow: hidden; }
#center_left p {
    font-family: Arial;
    font-size: 1.1em;
    line-height: 1.3em;
}

#center_left a:link,
#center_left a:visited,
#center_left a:hover {
    color: #22c1d6;
    text-decoration:  none;
    font-size: 1em;
    line-height: 1.5em;
}
#center_left a:hover { border-bottom: 1px solid; }
#center_left li a:link, #center_left li a:visited, #center_left li a:hover { font-size: 1em; }
#center_left p.iconleft a { font-size: 1.27em; }
#center_right h1, #center_right h2, #center_right h3, #center_right h4 { color: #545454; }
#center_right ul {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 2em;
}
#center_right ul ul { font-size: 1em; }

#center_right a:link,
#column1 a:link,
#column2 a:link,
#column3 a:link,
#center_right a:visited,
#column1 a:visited,
#column2 a:visited,
#column3 a:visited,
#center_right a:hover,
#column1 a:hover,
#column2 a:hover,
#column3 a:hover {
    color: #22c1d6;
    text-decoration:  none;
    /*border-bottom: 1px dotted;*/
}
#center_right h3 a:link, #center_right h3 a:visited, #center_right h3 a:hover  { color: #22c1d6; }
#column2 h3 a:link, #column2 h3 a:visited, #column2 h3 a:hover  { color: #22c1d6; }
#center_right a:hover { border-bottom: 1px solid; }

.tag_cloud {
    line-height: 1.6em;
    margin: 0.5em 0 1em 0;
}
.tag_cloud a { margin: 0 4px 6px 0; }

#toprow {
    width: 575px;
    margin: 40px 20px 0em 0px;
}

#center #column1 {
    float: left;
    width: 225px;
    margin: 40px 30px 2em 20px;
    display: inline;
}
#center #column1 p {
    font-family: Arial;
    font-size: 1.1em;
    line-height: 1.4em;
}

#center #column2 {
    float: left;
    width: 267px;
    margin: 40px 40px 2em 0px;
}
#center #bottomrow_leftcolumn { display: inline; float:left; width: 267px; margin: 0px 40px 2em 0px; }
#center #bottomrow_rightcolumn { display: inline; float: left; width: 267px; margin: 0px 40px, 2em 0px; }

#center #column3 {
    float: left;
    width: 267px;
    margin: 40px 40px 2em 0px;
}

#center #column1 > :first-child,
#center #column2 > :first-child,
#center #column3 > :first-child {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #545454;
}

/* =========================== Footer =============================== */
#footer {
    position: absolute;        
    background-color: #666;
    background-image: url(../images/frontend/clean_style/stripe3_bg.png);
    width: 100%;
    min-height: 100px;
    bottom: 0 !important;
    bottom: -1px;    
}

#footer p { color: #999999; }

#footer .inner_frame {
    width: 890px;
    margin: auto;
}

#footer .column1 {
    float: left;
    width: 225px;
    margin: 14px 30px 2em 20px;
    display: inline;
}


#footer .column2 {
    float: left;
    width: 267px;
    margin: 14px 40px 2em 0px;
}

#footer .column3 {
    float: left;
    width: 267px;
    margin: 14px 40px 2em 0px;
    
}
#footer ul {
    list-style-type: none;
    margin-left: 0;
}
#footer h4 {
    margin: 0 0 0.5em 0;
    color: #363636;
}

#footer p { font-size: 1.2em; }

#footer a:link, #footer a:visited, #footer a:hover {
    font-size: 0.9em;
    color: #22c1d6;
    text-decoration: none;
}

/* =========================== Navigation =============================== */

#navigation {
    position: relative;
    top: 66px;
    left: 0px;
    float: left;
    height: auto;
    width: 575px;    
}
#navigation ul {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    display: block;
    float: left;        
}

#navigation ul li {
    display: block;
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
    position: relative;
}

#navigation a:link, #navigation a:visited, #navigation a:hover {
    color: #969696;
    text-decoration: none;    
    font-size: 1.3em;
}

#navigation a:hover { border-top: 3px solid #22c1d6; border-bottom: none; }
#navigation .current, #navigation .current_path { }
#navigation .menu_level_2 a { color: #767676; }
#navigation .menu_level_2 a:hover { border-top: none; border-bottom: 3px solid #22c1d6; }
#navigation * a.current,
#navigation * a.current_path { color: #22c1d6; }
#navigation ul.menu_level_1 { }
#navigation ul.menu_level_2 {    
    /*margin-top: 1em;*/
    font-size: 1em;
    left: 0;
    position: absolute;
    width: 575px;
}

/* ============ Comments ================== */
.post_free_comment .btn_preview,
.button {
    background-color: #22C1D6;
    color: #f2f2f2;;
    font-weight: normal;
    width: 14em;
    display: block;
    height: 2em;
    float: right;
    margin: 1em 0 1em 0;
    font-family: "Trebuchet MS", Arial, Sans;
    border-right: 1px solid #0081A6;
    border-bottom: 1px solid #0081A6;
    border-left: 1px solid #42E1F6;
    border-top: 1px solid #42E1F6; color: #fefefe;    
}

fieldset.form_column1 { float: left; width: 265px; margin-right:40px; font-size: 1.4em; }
fieldset.form_column2 { float: left; width: 285px; margin-right:0px; font-size: 1.4em; }
* html fieldset.form_column1 { margin-right: 20px;  }
* html fieldset.form_column2 { width: 280px;  }

form label { margin-bottom: 0.5em; }
form.post_free_comment { margin-top: 1em; }
form.post_free_comment fieldset { width: 48%;  }
form.post_free_comment label { width: 7em; color: #545454; }
form.post_free_comment input { width: 100%; height: 1.5em; }
form.post_free_comment p { margin: 1em 0 0em 0; }
form.post_free_comment p.first label { margin: 0; }
form.post_free_comment p.honeypot { display: none; }
form.post_free_comment textarea { width: 100%; display: block; }
form.post_free_comment input.submit { height: 2.5em; }

form.post_free_comment .comment-text {
    float: right;
    width: 49%;
    display: block;
    margin: 1em 0 1em;
}
form.post_free_comment .comment-text label {  
    font-size: 1.3em;
    line-height: 1.5em;
    
}
.comment_preview_container {
    margin: 1em 0 1em 0;
    border: 1px dashed #22c1d6;
    padding: 1em;
    color: #444;
}

form .error {
    font-weight: bold;
    margin-bottom: 0.5em;
    color: #a00;
}


/* ============ Pygments ================== */
.code, .linenos { font-size: 1em; } 
.source .nt { font-weight: bold; }
.source .s { color: #c00; }

/* ============== Page specific ================================= */
body.home .project_container h3 { margin: 0em  0 0.5em 0; }
body.home #center #column1 { }
body.home #center #column2 { width: 575px;  }
* html body.home #center #column2 { display: inline; margin-right: 0px; }
* html .project_container img { margin-right: 0; }

body.home #toprow > h2:first-child  { margin-top: 0; margin-bottom: 1em; }
body.home #toprow h2  {
    margin-top: 0;
    float:left;
    margin-right:0.5em;
}

/* Contact */
body.contact #center #column2 { width: 575px;  }
form#form_contact label { font-size: 1.6em; color: #969696; width: 255px; display: block; margin: 1em 0 0.25em 0; }
form#form_contact input { width: 255px; height: 1.4em; color: #7E9F5D; }
form#form_contact textarea  { width: 275px; min-height: 192px; height: 192px; }
form#form_contact div { float: right; width: 275px; }
form#form_contact div .errorlist { margin-right: 0; }
form#form_contact #submit { width: 100px; font-weight: bold; color: #fefefe; height: 2em; }

form#form_contact .errorlist {
    color: #a00;
    font-weight: bold;
    float: right;
    margin: 1.2em 40px 0 0;    
}

ul.feedlist {
    list-style-type: none;
    margin: 0;
}