/*

 Theme <http://www.pangx.se>
 Copyright (C) 2008-2009, Nikola Rasic, <info(a)pangx.se>

 Website Baker Project <http://www.websitebaker.org/>
 Copyright (C) 2004-2008, Ryan Djurovich

 Website Baker is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 Website Baker is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Website Baker; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

/* BODY AND TEXT */
body {
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
    margin: 0px;
    padding: 0px;
}

a:link, a:visited, a:active {
    color: SteelBlue;
    text-decoration: none;
}

a:hover {
    color: Blue;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; margin: 0px;}
h1 {font-size: 24px; line-height: 24px; letter-spacing: 0.1em;}
h2 {font-size: 20px; line-height: 20px; letter-spacing: 0.1em;}
h3 {font-size: 18px; line-height: 18px; letter-spacing: 0.1em;}
h4 {font-size: 16px; line-height: 16px; letter-spacing: 0.2em;}
h5 {font-size: 14px; line-height: 14px; letter-spacing: 0.2em;}
h6 {font-size: 12px; line-height: 12px; letter-spacing: 0.2em;}

/* LAYOUT DIV/SPAN/UL/LI... */
/* Windoze hack, reset text-alignement. */
div {text-align: left;}
#main_wrapper {width: 900px;}
#main_table { width: 100%;margin: 0px;padding: 0px;}

td.content {width: 900px;}
td.wrapper_bg_left {width: 0 auto; background: url('images/bg_left_grey.png') repeat-x;}
td.wrapper_bg_right {width: 0 auto;background: url('images/bg_right_grey.png') repeat-x;}
td.wrapper_shadow_left {width: 30px;background: url('images/bg_left_shadow.png') no-repeat;}
td.wrapper_shadow_right {width: 30px;background: url('images/bg_right_shadow.png') no-repeat;}

/* Wrapper for header */
#head_wrapper {
    background: transparent url('images/bg_ban.png') repeat-x 0px 0px;
    vertical-align: top;
    height: 160px;
    width: 900px;
}

/* Wrapper for header -> title */
#head_title_wrapper { /* Wrapper for title and description */
    background: transparent url('images/logotyp.png') no-repeat 0px 0px;
    height: 125px;
    width: 300px auto;
    margin: 0px 20px 0px 20px;
    text-align: right;
}

/* Apperaence for header -> title -> h1 */
#head_title_wrapper h1 {
    color: Ivory;
    font-size: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
}

/* Apperaence for header -> title -> h3 */
#head_title_wrapper h3 { /* H3 element, WEBSITE_DESCRIPTION */
    color: Ivory;
    margin: 0px;
    padding: 0px;
}

/* Wrapper for header -> m1_wrapper (menu [0] dropdown) */
#m1_wrapper {
    height: 34px;
    font-variant: small-caps;
    white-space: nowrap /*IE hack*/;
    float: left;
    width: 900px;
    border: none;
    background: transparent;
    font-size: 14px;
}
/* Snippet from Multiflex-3 by g. Wolfgang, visit wwww.1-2-3-4.info. */
#m1_wrapper ul {
    list-style-type: none;
    margin-top: 0px;
    padding:0px;
    margin-left: 0px;
}

#m1_wrapper ul li {float: left; z-index: auto !important /*Non-IE6*/; z-index: 1000 /*IE6*/; border-right: solid 1px Silver}
#m1_wrapper ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 34px; line-height: 34px; padding: 0 10px 0 10px; text-decoration:none; font-weight:bold; color: Ivory;}
#m1_wrapper ul li ul {display:none; border:none;padding-left: 0px;}

/*Non-IE6 hovering*/
#m1_wrapper ul li:hover {position:relative;} /*Sylvain IE hack*/
#m1_wrapper ul li:hover a {background-color: Grey; text-decoration: none;} /*Color main cells hovering mode*/
#m1_wrapper ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:34px; margin-top:0; left: 0px;}
#m1_wrapper ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:GhostWhite; font-size: 12px; font-weight:bold; color:DimGray;} /*Color subcells normal mode*/
#m1_wrapper ul li:hover ul li a:hover {background-color:Ivory; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
#m1_wrapper table {position:absolute; top:0; left:0; border-collapse:collapse;}
#m1_wrapper ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:Grey; text-decoration:none; } /*Color main cells hovering mode*/
#m1_wrapper ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
#m1_wrapper ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:34px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:GhostWhite; font-size: 10px; font-weight:bold; color:DimGray;} /*Color subcells normal mode*/
#m1_wrapper ul li a:hover ul li a:hover {background-color:Ivory; text-decoration:none;} /*Color subcells hovering mode*/
/* End Multiflex-3 snippet. */


#wrapper_content {background-color: #FFFFFF;padding: 0px;height: auto;vertical-align: top;border: solid 0px silver;}
#wrapper_crumbs { padding: 0px 10px 0px 10px; width: auto; height: 30px;}
#wrapper_crumbs a { line-height: 30px;}

#wrapper_block_1 {width: 175px;margin: 5px;float: left;overflow: hidden;}
/* #wrapper_block_2 {width: 500px;margin: 5px;padding: 10px;float: left; overflow: hidden;} */
#wrapper_block_2 {width: 600px;margin: 5px;padding: 10px;float: left; overflow: hidden;}
/* #wrapper_block_3 {width: 175px;margin: 5px;float: right; overflow: hidden;} */
#wrapper_block_3 {width: 0px;margin: 0px;float: right; overflow: hidden;}

/* top right bottom left */

#wrapper_content_left {padding: 3px 0px 30px 0px; background: url('images/window.png') no-repeat 0px 0px; overflow: hidden;}
#wrapper_content_right {padding: 3px 0px 30px 0px; background: url('images/window.png') no-repeat 0px 0px; overflow: hidden;}
#wrapper_menuleft {padding: 3px 0px 30px 20px; background: url('images/window.png') no-repeat 0px 0px; overflow: hidden;}
#wrapper_menuleft ul {display:inline; width: 100px; list-style: square; color: SteelBlue;}
#wrapper_menuleft ul li {float: left; width: 100px;margin-left: 10px; }
#wrapper_menuleft ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block;}
#wrapper_search {padding: 3px 0px 30px 8px; background: url('images/window.png') no-repeat 0px 0px;overflow: hidden;}
#wrapper_login {padding: 3px 0px 30px 8px;  background: url('images/window.png') no-repeat 0px 0px;overflow: hidden;}

#footer {font-variant: small-caps; font-size: 10px; text-align: center; clear: both;padding: 20px 0px 20px 0px;}

/* MISC CLASSES */

/* You controle images */
img {
    padding: 3px;
    margin: 3px;
    border: 1px solid Gainsboro;
    background: #000;
}

.button {
    border: 1px solid Gainsboro;
    background: Ivory;
    margin-bottom: 4px;
}
.field {
    border: 1px solid Gainsboro;
    background: Ivory;
    margin-bottom: 4px;
}
label {
    font-size: 10px;
    font-variant: small-caps;
    color: SteelBlue;
}
fieldset {
    border: 0px solid Gainsboro;
    color: Ivory;
}