@import url(/statics/css/sfmenu.css);
* {
    padding: 0; margin: 0; border: none;
}

html, body, div, span, p {
    font-family: sans-serif;
    font-size: 1.0em;
}

body {
    background: white;
}

li {
    list-style-position: inside;
}

a {
    text-decoration: none;
}

:focus {outline: 0;}

div#wrapper{
    width: 950px;
    margin: 0 auto;
}

div#top {
    padding-top: 5px;
}

div#topnav {
    height: 20px;
}

div#topnav li {
    display: inline;
    float: right;
    margin-right: 10px;
    padding: 0 2px;
}

div#topnav li span {
    color: #409060;
    font-size: .6em;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
}

div#topnav li.sep{
    background: #e0e0ff;
    height: 13px;
    width: 2px;
    padding: 0;
    margin-top: 5px;
}

div#topnav a{
    font-size: .8em;
    color: #409060;
    font-style: italic;
}

div#topnav a:hover {
    border-bottom: 2px dotted #409060;
}

div#header {
    display: block;
    width: 950px;
    height: 60px;
}

div#header .logo {
    float: left;
}
div#header .logo a{
    display: block;
    text-indent: -9999px;
    height: 52px;
    width: 172px;
    background: transparent url(/statics/images/iz.png) -158px -1px;
}

div.navigator{
    display: inline;
    float: right;
    position: relative;
    height: 32px;
    line-height: 30px;
    width: 750px;
    font-size: smaller;
    font-style: italic;
    color: #055f15;
    margin-top: 28px;
}
div.navigator a {
    color: #a5c0a5;
}

div.navigator li{
    display: inline;
    float: right;
    direction: rtl;
    margin-right: 10px;
}

div#navbar {
    width: 950px;
    height: 37px;
}
div#navbar div.space {
    background: transparent url(/statics/images/hz.png) 0 -59px repeat-x;
    width: 926px;
    height: 37px;
    float: left;
}

div#navbar div.left {
    background: transparent url(/statics/images/iz.png) 0 -48px;
    height: 37px;
    width: 12px;
    float: left;
}

div#navbar div.right {
    background: transparent url(/statics/images/iz.png) 0 -86px;
    height: 37px;
    width: 12px;
    float: right;
}

div.menu {
}

div.selected-left {
    background: white url(/statics/images/iz.png) 0 -128px;
    display: inline;
    width: 10px;
    height: 37px;
    float: left;
}

div.selected-right {
    background: white url(/statics/images/iz.png) 0 -168px;
    display: inline;
    width: 10px;
    height: 37px;
    float: right;
}

div#search {
    float: right;
    width: 230px;
    height: 19px;
    margin-top: 9px;
}

div#search input{
    background: white url(/statics/images/hz.png) 0 -1px repeat-x;
    height: 17px;
    float: left;
    width: 200px;
    font-size: 12px;
    color: #85a980;
    outline: none;
    padding-top: 2px;
}

div#search input.submit {
    background: white url(/statics/images/iz.png) -73px -190px;
    height: 19px;
    width: 20px;
    float: left;
}
div#search input.submit:focus {
    background: white url(/statics/images/iz.png) -95px -190px;
}
div#search input.submit:hover {
    background: white url(/statics/images/iz.png) -95px -190px;
}

div#search div.end {
    background: white url(/statics/images/iz.png) -117px -190px;
    height: 19px;
    width: 4px;
    float: left;
}

div#content {
/*    background: blue;*/
}

/********** CONTENT **********/
div#content {
    width: 950px;
}
/********** FOOTER **********/
div#footer {
    width: 950px;
    display: block;
}

div#footer div.left {
    float:left;
    background: transparent url(/statics/images/iz.png) -16px 0 no-repeat;
    height: 150px;
    width: 5px;
}

div#footer div.right {
    float:right;
    background: transparent url(/statics/images/iz.png) -24px 0 no-repeat;
    height: 150px;
    width: 5px;
}

div#footer div.sep {
    width: 940px;
    height: 150px;
    background: transparent url(/statics/images/hz.png) 0 -222px repeat-x;
    display: block;
    float:left;
}

div.copyright {
    position: relative;
    text-align: center;
    font-size: small;
    font-style: italic;
    float: left;
    color: #a5b5a0;
    display: block;
    vertical-align: bottom;
    width: 100%;
    margin-top: 10px;
}

div.copyright a {
    color: #a9b9a4;
    font-size: smaller;
}

div#modalbg {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    height: 100%;
    width: 100%;
    background: transparent url(/statics/images/modalbg.png) repeat;
    display: none;
    z-index: 9997;
}

div#modalbg p.head {
    font-size: small;
    color: white;
    background: transparent url(/statics/images/hz.png) 0 -149px repeat-x;
    display: block;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div#modalbg p.hidden {
    visibility: hidden;
    display: none;
}


div#modalbg label {
    display: inline;
    color: #a2b5a8;
    font-size: small;
    width: 120px;
    text-align: right;
    width: 120px;
    height: 25px;
    line-height: 25px;
    float: left;
}

div#modalbg input {
    display: inline;
}
div#modalbg input[type=text], div#modalbg input[type=password] {
    font-family: monospace;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #a2afa8;
    width: 190px;
    height: 20px;
    line-height: 20px;
    padding-top: 3px;
    margin: 0px 0 5px 5px;
}
div#modalbg input[id=captcha] {
    width: 60px;
    text-align: center;
    text-transform: uppercase;
}

span#captcha a#captcha_refresh {
    float: right;
    height: 25px;
    width: 25px;
    background: transparent url(/statics/images/iz.png) -12px -184px;
    margin-right: 25px;
}
span#captcha img {
    width: 60px;
    height: 25px;
    margin:0;
    padding: 0;
    margin-right: 10px;
    overflow: hidden;
    float: right;
}

div#modalbg a,i {
    font-size: smaller;
    color: #a7baac;
    text-decoration: underline;
    float: right;
    margin: 0 auto;
}

div#modalbg i {
    text-decoration: none;
    display: none;
    text-align: center;
}

div#modalbg input.btn {
    background: transparent url(/statics/images/hz.png) 0 -196px repeat-x;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 auto;
    text-decoration: none;
    color: white;
    margin: 5px;
    padding: 0 5px;
    width: 60px;
    text-align: center;
    float: right;
}

div#modalbg input.btn:hover {
    background: transparent url(/statics/images/hz.png) 0 -170px repeat-x;
}

div#modalbg a:focus { color: #a5c0c5; }

div#modalbg input.btn:focus {
    background: transparent url(/statics/images/hz.png) 0 -170px repeat-x;
}

div#loginbox, div#signupbox, div#messagebox{
    position: absolute;
    width: 350px;
    height: 180px;
    margin: auto;
    top: 0; bottom: 0; left:0; right:0;
    display: none;
    z-index: 9999;
}

div#signupbox{ height: 270px; }
div#messagebox{ width: 400px; height: 70px; }
div#messagebox p {
    font-size: smaller;
    color: #a7baac;
    height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
}

b#indicator {
    height: 16px;
    width: 16px;
    background: transparent url(/statics/images/indicator.gif) no-repeat;
    display: none;
    float: left;
    position: absolute;
    bottom: 0;
}

div.slider {
    background: white url(/statics/images/plugins/handy/sliders/bg.jpg) no-repeat;
    width: 950px;
    height: 200px;
    float: left;
}

div.slider div.content_container {
    background: transparent url(/statics/images/plugins/handy/sliders/inbg.png);
    height: 190px;
    width: 685px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
div.slider div.content_container img {
    float: right;
}
div.slider div.content_container div.content {
    height: 180px;
    width: 674px;
    float: left;
    margin: 5px;
    display: none;
}
div.slider div.content_container h2 {
    color: #307080;
    padding: 10px 0;
    font-style: oblique;
}
div.slider div.content_container p {
    color: #107070;
}

div.slider div.nav {
    height: 190px;
    width: 254px;
    float: left;
    margin-top: 5px;
}
div.slider div.nav ul{
    margin-top: 5px;
    margin-right: 5px;
}
div.slider div.nav li{
    display: block;
}

div.slider div.nav li a.navline {
    background: transparent url('/statics/images/plugins/handy/sliders/tab.png') no-repeat;
    height: 45px;
    width: 250px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 1.2em;
    padding-left: 5px;
    display: block;
    color: #346090;
}
div.slider div.nav li a.navline_selected {
    background: transparent url('/statics/images/plugins/handy/sliders/tab.png') no-repeat;
    background-position: 0 -45px;
    height: 45px;
    width: 250px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 5px;
    display: block;
    color: #346090;
}

div.slider div.nav li a.navline_selected img {
    margin: 0;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

div.slider div.nav li a.navline img {
    margin: 0;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

div.slider div.nav li div.hide {
    display: none;
}

div#shortcut_container {
    width: 950px;
    display: block;
    position: static;
    clear: both;
    float: left;
    margin: 2px 2px;
}

div#shortcut_container a {
    text-decoration: none;
    color: black;
}
div#shortcut_container h3 {
    color: #fef590;
    font-size: 18px;
    font-style: oblique;
    padding: 4px;
}
div#shortcut_container p {
    color: white;
    font-style: oblique;
    font-weight: normal;
    padding: 5px;
}

div#shortcut_container div.shortcut {
    background: white url(/statics/images/plugins/handy/shortcuts/shortcutbg.jpg) no-repeat;
    width: 312px;
    height: 100px;
    margin: 2px 2px;
    float: left;
    position: relative;
    overflow: hidden;
}
div#shortcut_container div.shortcut img {
    max-height: 100px;
    max-width: 100px;
    float: left;
}

div.footer_content {
    width: 230px;
    height: 150px;
    float: left;
    margin: 5px 2px;
    font-weight: 100;
    font-size: 11px;
    color: #256546;
    overflow: hidden;
    position: relative;
}
div.footer_content a {
    color: #256546;
}

div.footer_content h4.title {
    line-height: 32px;
    height: 32px;
    vertical-align: middle;
    letter-spacing: 1px;
}

div#single_contact {    margin-right: 10px;}

div#single_contact h4 {}
div#single_contact h4 img { float: left; margin-right: 5px;}

div#single_contact p img {
    height: 16px;
    width: 16px;
    line-height: 14px;
    margin: 0 5px;
    float: left;
}
div#single_contact p {
    line-height: 14px;
    vertical-align: middle;
    float: left;
    margin-top: 2px;
    font-style: italic;
    text-align: justify;
    width: 100%;
}

div#single_contact img.mail{
    width: auto;
    height: auto;
    margin: 0;
}

div.latest_posts {
    white-space: nowrap;
}

div.latest_posts a.rss {
    background: url(/statics/images/iz.png) -39px -183px ;
    height: 32px;
    width: 32px;
    line-height: 32px;
    float: left;
    margin-right: 5px;
}

div.latest_posts li{
    list-style-image: url(/statics/images/bullet.png);
    height: 32px;
    width: 32px;
}
div.latest_posts li a {
    color: #256546;
    vertical-align: top;
    margin-left: -9px;
    border-bottom: 1px dotted #c5c9c0;
}

div.latest_posts li a:HOVER {
    color: #957655;
}

div.latest_posts span.readmore {
    position: absolute;
    float: right;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-weight: bold;
}

div.quicklink {
    width: 230px;
    height: 150px;
    float: left;
}
div.quicklink ul {
    width: 230px;
    height: 150px;
    list-style: none;
    float: left;
}
div.quicklink li {
    width: 115px;
    height: 15px;
    float: left;
    text-indent: 5px;
}
div.quicklink li.head {
    text-indent: -5px;
    font-weight: bolder;
}
div.quicklink h4 {}
div.quicklink img { float: left; margin-right: 5px; }

#search_results {
    padding: 5px;
    display: block;
}
#search_results p {
    color: #403020;
}
#search_results ul {
    list-style: none;
}
#search_results li {
    font-size: 12px;
    font-style: italic;
    color: #204030;
}
#search_results li a {
    font-size: 14px;
    font-style: normal;
    color: #203040;
    text-decoration: underline;
}
div.wbox {
    height: 200px;
    width: 200px;
}
div.wbox * {
        background: transparent url(/statics/images/wb.png) no-repeat;
}
div.wbox div.tr {
    float: left;
    height: 190px;
    width: 190px;
}
div.wbox div.tr div.content {
    height: 180px;
    width: 180px;
    float: left;
    margin: 10px 0 0 10px;
}
div.wbox div.tr div.content,div.wbox div.tr div.content * {
    background: none;
}
div.wbox div.r {
    background-position: -630px 0;
    float: right;
    width: 10px;
    height: 190px;
}
div.wbox div.b {
    background-position: 0 -390px;
    float: left;
    width: 190px;
    height: 10px;
}
div.wbox div.br {
    background-position: -630px -390px;
    float: right;
    width: 10px;
    height: 10px;
}

div.logos {
    height: 70px;
    margin: 0 auto;
    width: 372px;
}
a#logo_python {
    background: url(/statics/images/iz.png) no-repeat -33px -122px;
    height: 60px;
    width: 124px;
    float: left;
}
a#logo_django {
    background: url(/statics/images/iz.png) no-repeat -31px -2px;
    height: 60px;
    width: 124px;
    float: left;
}
a#logo_cms {
    background: url(/statics/images/iz.png) no-repeat -31px -62px;
    height: 60px;
    width: 124px;
    float: left;
}

div.page_error {
    padding: 10px;
}
div.page_error img{
    float: left;
}

div#alpha {
    width: 32px;
    height: 32px;
    position: absolute;
    top:0;
    left: 0;
}