/************************************************************************************
   +-----------------------------------------------------------------------------+
   |   STYLE.CSS
   +-----------------------------------------------------------------------------+
   |
   |   copyright >   (C) Oliver Nowak | DeyDesigns
   |   url       >   http://www.deydesigns.com
   |   email     >   info@deydesigns.com
   |
   +-----------------------------------------------------------------------------+
 ************************************************************************************/

            /*
            * GLOBAL
            */
            * {
                margin: 0;
                padding: 0;
            }
            html {
                height: 100%;
                background: #fff url(./media/bg.gif);
            }
            body {
                height: 100%;
	            font-family: Arial, Verdana, sans-serif;
	            font-size: 12px;
	            color: #666;
	            background: #fff url(./media/bg.gif);
	        }
	        a {
	            color: #3281c0;
	        }
	        a:hover {
	            color: #fff;
	            background: #3281c0;
	        }
	        a.direct {
	            display: block;
	            padding: 1px 0 0 27px;
	            height: 19px;
	            color: #aaa;
	            background: url(./media/link.gif) no-repeat;
	        }
	        a.direct:hover  {
	            color: #e3a40d;
	            background: #fff url(./media/link.gif) no-repeat;
	        }
	        a.img:hover {
	            background: none;
	        }
	        abbrv, acronym {
	            cursor: default;
	            color: #e3a40d;
	            border-bottom: 1px dotted #fff;
	        }
	        abbrv:hover, acronym:hover {
	            border-bottom: 1px dotted #e3a40d;
	        }
	        address {
	            clear: both;
	            padding: 4px;
	        }
	        blockquote {
	            clear: both;
	            margin: 10px;
	            padding: 5px 5px 5px 25px;
                min-height: 29px;
                background: #fff9cb url(./media/blockquote.gif) no-repeat top left;
                border-top: 1px dotted #3281c0;
                border-bottom: 1px dotted #e3a40d;
	        }
	        br.clear {
	            clear: both;
                height: 0;
                line-height: 0;
                font-size: 0;
	        }
	        cite {
	            padding: 4px;
	            color: #777;
	            font-style: italic;
	        }
	        h1, h2 {
	            letter-spacing: -1px;
	        }
	        h1 {
	            display: none;
	            margin-left: 5px;
	            text-transform: uppercase;
	            font-size: 220%;
	        }
            h2 {
                margin-left: 5px;
	            text-transform: lowercase;
	            font-size: 190%;
	            color: #3281c0;
	        }
	        h3 {
	            margin: -5px 0 0 5px;
	            text-transform: uppercase;
	            font-size: 86%;
	            color: #555;
	        }
	        h4 {
	            font-size: 120%;
	        }
	        hr {
	            margin-top: 5px;
	            height: 1px;
	            border: 0;
	            border-top: 1px dotted #777;
	        }
			hr.news-bottom {
				clear: left;
				margin-top: 4px;
			}
	        p {
	            padding: 4px;
	        }
	        span.left {
	            text-align: left;
	        }
	        span.center {
	            display: block;
	            text-align: center;
	        }
	        span.right {
	            display: block;
	            text-align: right;
	        }
	        span.bold {
	            font-weight: bold;
	        }

			#netstats {
				margin-top: 30px;
			}
			
            /*
            * OUTER LAYER
            */
            div#outer {
                margin: 0 auto;
                min-height: 100%;
                width: 812px;
                background: url(./media/shadow.png);
            }

            /*
            * MAIN LAYER
            */
	        div#main {
            	margin: 0 auto;
            	width: 786px;
            	background: #fff url(./media/left_back.png) repeat-y scroll 0px 403px;
	        }
	        div#main div.flash {
	            height: 139px;
	            line-height: 0;
	            background: #fff;
	        }

            /*
            * TOP LAYER
            */
	        div#header {
	            height: 139px;
	            background: #fff url(./media/header.png) no-repeat;
	        }
	        div#header ul {
	            margin-left: 13px; /* 376px */
	            padding-top: 88px;
	            list-style-type: none;
	        }
	        div#header li {
	             float: left;
	        }
            div#header li a {
                display: block;
                margin: 0;
	            padding: 6px;
	            width: 57px;
	            height: 16px;
                text-decoration: none;
                font-weight: bold;
                color: #ff8a00;
                background: #414141;
            }
            div#header li a:hover, div#header li a.selected {
                margin-bottom: 1px;
                color: #fff;
                background: #2090f6;
            }

            /*
            * LEFT LAYER
            */
	        div#left {
	            float: left;
	            width: 393px;
	            height: 432px;
	            background: #fff url(./media/left.png) no-repeat;
	        }

            /*
            * RIGHT LAYER
            */
	        div#right {
	            float: left;
	            width: 393px;
	            margin-top: 34px;
	            background: #fff;
	        }
	        div#right img#section {
	            padding: 0 0 19px 0;
	            height: 19px;
	            background: url(./media/section_border_head.png) no-repeat 0 22px;
	        }
	        div#right ul#page_nav {
	            margin: 0 15px 15px 15px;
	            padding: 10px 10px 18px 10px;
	            list-style: none;
	            border-bottom: 1px dotted #ccc;
	        }
	        div#right ul#page_nav li {
	            display: inline;
	        }
	        div#right div.flash {
	            margin: -1px 0 0 5px;
	            height: auto;
	        }
	        div#right object.flash {
	            margin: -1px 0 0 5px;
	        }
	        div#right img.banner {
	            clear: both;
	            display: block;
	            margin: 0 auto 15px auto;
	            padding: 3px;
	            vertical-align: middle;
	            border: 1px dotted #666;
	        }
	        div#right img.banner:hover {
	            border: 1px solid #888;
	        }
	        div#right div.heading_bottom {
	            width: 400px;
	            height: 16px;
	            background: url(./media/item_border.png) no-repeat 0 0;
	        }
	        div#right div.item_content {
	            margin-bottom: 35px;
	            padding: 16px 13px 0 11px;
	            width: 365px;
	            /* letter-spacing: -0.2px; */
	            text-align: justify;
	            background: url(./media/item_border.png) no-repeat 0 0;
	        }
	        div#right div.item_content div.code {
	            clear: both;
	            margin: 10px;
	            padding: 5px 5px 5px 25px;
	            /* width: 324px; */
                min-height: 29px;
                font-family: "Courier New", Courier, monospace;
	            background: #E6F1FF;
                border-top: 1px dotted #888;
                border-bottom: 1px dotted #888;
	        }
	        div#right div.item_content div.comment {
	            clear: both;
	            margin: 10px;
	            padding: 5px 25px;
                border-top: 1px dotted #3281c0;
                border-bottom: 1px dotted #e3a40d;
	        }
	        div#right div.item_content img {
	            clear: both;
	            margin: 3px;
	            padding: 3px;
	            vertical-align: middle;
	            border: 1px dotted #666;
	        }
	        div#right div.item_content img:hover {
	            border: 1px solid #888;
	        }
	        div#right div.item_content img.left {
	            float: left;
	            clear: both;
	        }
	        div#right div.item_content img.right {
	            float: right;
	            clear: both;
	            margin-left: 12px;
	        }
	        div#right div.item_content img.center {
	            display: block;
	            margin: 0 auto;
	        }
	        div#right div.item_content img.popup {
	            cursor: pointer;
	        }
	        div#right div.item_content img.smilie {
	            vertical-align: middle;
	            border: 0;
	        }
	        div#right div.item_content ul, dl {
	            clear: both;
	            margin: 10px 10px 10px 30px;
	            padding: 5px;
	            list-style-type: none;
	            list-style-image: url(./media/li.png);
	        }
	        div#right div.item_content ol {
	            clear: both;
	            margin: 10px 10px 10px 30px;
	            padding: 5px;
	            list-style-type: decimal;
	            list-style-image: none;
	        }
	        div#right div.item_content ol.no_clear {
	            clear: none;
	            margin: 0px 10px 10px 135px;
	        }
	        div#right div.item_content li ol {
	            margin-top: 0;
	            padding-top: 0;
	        }
	        div#right div.item_content li ol li {
                font-size: 92%;
	        }
	        div#right div.item_content li ul li {
                font-size: 92%;
	        }
	        div#right div.item_content dl {
	            clear: both;
	            margin: 10px 10px 10px 10px;
	            padding: 5px;
	        }
	        div#right div.item_content dl dt {
	            float: left;
	            clear: left;
	            margin-right: 8px;
	            padding-left: 20px;
	            background: url(./media/li.png) no-repeat 0 0;
	        }
	        div#right div.item_content dl dt {
	            font-weight: bold;
	        }
	        div#right div.item_content ol.no_clear a.sl img {
	            clear: none;
	            padding: 1px;
	            border: 0;
	        }
	        div#right div.item_content ol.no_clear a.sl:hover {
	            background: none;
	        }
	        div#right div.item_content a.gl:hover {
	            background: none;
	        }
	        div#right div.item_content form {
	            margin-top: 20px;
	            padding: 5px;
	        }
	        div#right div.item_content fieldset {
	            border: 0;
	        }
	        div#right div.item_content legend {
	            display: none;
	        }
	        div#right div.item_content label {
	            float: left;
	            width: 80px;
	        }
	        div#right div.item_content input, div#right div.item_content textarea {
	            display: block;
	            margin: 0 0 3px 80px;
	            padding: 2px;
	            width: 240px;
	            font-family: Arial, Verdana, sans-serif;
	            font-size: 10px;
	            border: 1px solid #999;
	            background: url(./media/input_bg.png) no-repeat 0 0;
	        }
	        div#right div.item_content input[type=text]:focus, div#right div.item_content textarea:focus {
	            border: 1px solid #666;
	        }
            div#right div.item_content textarea {
                height: 150px;
            }

	        div#right div.item_content div.smilies ul {
	            clear: none;
	            margin: 0 0 8px 0;
	            padding: 0;
	        }
	        div#right div.item_content div.smilies li {
	            display: inline;
	            margin: 0;
	            padding: 0;
	        }
	        div#right div.item_content div.smilies img {
	            cursor: pointer;
	            margin: 0 3px 0 0;
	            border: 0 none;
	        }

            div#right div.item_content input.hidden {
                display: none;
            }
            div#right div.item_content div.submit {
                margin: 0 0 0 80px;
            }
            div#right div.item_content input.button {
                display: inline;
                margin: 0 0 3px 0;
                padding: 3px;
                width: auto;
                border: 1px dotted #888;
                background: #fff;
            }
            div#right div.item_content input.button:hover {
                color: #fff;
                background: #A5ACB2;
                border: 1px dotted #000;
            }

            /*
            * BOTTOM LAYER
            */
            div#footer {
                clear: both;
            	margin: 0 auto;
                padding: 20px 0 20px 0;
                width: 786px;
                text-align: center;
                border-top: 1px dotted #666;
                background: #333 url(./media/bg_footer.gif) repeat-x;
            }
            div#footer ul {
                list-style-type: none;
            }
            div#footer ul li {
                display: inline;
                padding-left: 10px;
                background: url(./media/li_footer.gif) no-repeat;
            }
            div#footer ul li.first_child {
                background: none;
            }
            div#footer a {
                color: #666;
            }
            div#footer a:hover {
                text-decoration: none;
                background: 0;
            }

            /*
            * OUTER LAYER
            */
            div#outer_message {
                margin: 0 auto;
                min-height: 100%;
                width: 550px;
                background: url(./media/shadow_offline.png);
            }
            /*
            * MAIN LAYER
            */
	        div#main_message {
            	margin: 0 auto;
            	padding: 20px;
            	width: 484px;
            	background: #fff;
	        }
	        div#main_message h1 {
	            display: block;
	            margin-left: 5px;
	            text-transform: uppercase;
	            font-size: 220%;
	            color: #c5750a;
	        }
	        div#main_message div.flash {
	            margin: -1px 0 0 5px;
	            height: auto;
	        }
	        div#main_message object.flash {
	            margin: -1px 0 0 5px;
	        }
	        div#main_message div.item_content {
	            padding: 5px;
	        }
            /*
            * BOTTOM LAYER
            */
            div#footer_message {
                clear: both;
            	margin: 0 auto;
                padding: 20px 0 20px 0;
                width: 524px;
                text-align: center;
                border-top: 1px dotted #666;
                background: #333 url(./media/bg_footer.gif) repeat-x;
            }
            div#footer_message ul {
                list-style-type: none;
            }
            div#footer_message ul li {
                display: inline;
                padding-left: 10px;
                background: url(./media/li_footer.gif) no-repeat;
            }
            div#footer_message ul li.first_child {
                background: none;
            }
            div#footer_message a {
                color: #666;
            }
            div#footer_message a:hover {
                text-decoration: none;
                background: 0;
            }