﻿/* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


html, body
{
    margin: 0;
    padding: 0;
    font: x-small "Segoe UI" , Verdana, Arial, Tahoma, Sans-Serif;
    font: x-small Tahoma, Verdana, Arial, Sans-Serif;
    font-size: small;
    background: #e6e6e6 url(  '../img/bg.png' );
}
html > body
{
    font-size: small;
}


.section_header h2
{
    color: #fff;
}
#wrap
{
    position: relative;
    clear: both;
    width: 961px;
    margin: 0px;
    padding: 0px;
    background: #fff url(  '../img/bg2col.png' ) repeat-y;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}
#wrap2col
{
    position: relative;
    clear: both;
    width: 961px;
    margin: 0px;
    padding: 0px;
    background: #fff url(  '../img/bg3col.png' ) repeat-y;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}

.clear
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
hr
{
    display: none;
}
#col1-3, #col2-3, #col3-3, #col1-2, #col2-2
{
    display: inline;
    float: left;
}
#col2-3
{
    width: 540px; /*cos there has to be a 15px right margin */
}
#col3-3
{
    margin: 0 0 0 1px;
    width: 220px;
}
#col2-2
{
    width: 760px;
}
a img
{
    border: none;
}
h1, h2, h3, h4, h5
{
    font-weight: normal;
}
#col1-3 h2, #col2-3 h3
{
    font-family: Georgia, "Times new roman" , serif;
}
#col2-3 h4
{
    font-size: 95%;
}
#col2-3 h2
{
    font-family: "Trebuchet MS" , "Lucida Sans" , "Arial" , "Verdana" , Sans-serif;
    color: #fff;
    font-size: x-large;
    font-weight: normal;
    margin: 0 0 0 5px;
}
#col2-3 h3
{
    font-weight: normal;
    color: #fff;
    font-style: italic;
    margin: 0 0 0 5px;
}
/* global */
a, a:visited, a:link
{
    text-decoration: none;
    color: #0c6b8c;
}
a:hover
{
    text-decoration: underline;
    color: #246;
}
#header h1
{
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
}
#header h1 a
{
    display: block;
    width: 190px;
    height: 70px;
    background: #fff url(  '../img/sprite.png' ) no-repeat;
    background-position: 0px 0px;
}
#header h1 a:hover
{
    background-position: 0px -70px;
}
#header span
{
    display: none;
}
#col1-3 .col, #col2-3 .col, #col3-3 .col
{
    background-color: #e6e6e6;
    padding: 10px;
}
#usernav
{
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0px;
    background-color: #e6e6e6;
}
#user_box
{
    display: inline;
}
#user_box a
{
}
.nav h1, #col2-3 h1, #col2-2 h1
{
    display: none;
}
.nav h2, #col3-3 h2, #col3-3 h3
{
    width: 180px;
    padding: 4px 10px;
    font-weight: normal;
}
#navcategories h2, #col3-3 h2
{
    color: #dc616a;
}
#navtags h2
{
    color: #6BC0A0;
}
#navsearch h2
{
    color: #EAC239;
    color: #E6871E;
}
#navcategories h2, #navtags h2, #navsearch h2
{
    font-style: italic;        
}
.nav ul
{
    margin: 0 0 5px 0;
}
.nav ul li
{
    padding: 0;
    margin: 0;
    margin-left: 10px;
    line-height: 1.5em;
    list-style-type: none;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:active
{
    /*padding: .1em 2px .1em 10px;line-height: 1.4em;*/
    padding: .2em .4em .2em .2em;
    color: #fff;
}
.nav ul li.selected a
{
    display: block;
    padding-left: .2em;
}
.nav h2 span
{
    font-size: x-small;
}
#navcategories ul li a
{
    background: #DC616A;
    /*cursor: hand;*/
}
#navtags ul li a
{
    background: #86ccb1;
    /*cursor: hand;*/
}
#navsearch ul li a
{
    background: #efd169;
    color: #777;
    background-color: #E6871E;
    color: #fff;
    /*cursor: hand;*/
}
#navigation
{
    margin-top: 5px;
}
.nav ul li a:hover
{
    /*padding: .2em .1em .2em .2em;*/
}
input, textarea
{
    border: 1px solid #999;
    background-color: #999;
    color: #fff;
}
#navsearch input
{
    background-color: #FFAD53;
    border-color: #fff #FFAD53 #FFAD53 #FFAD53;
    color: #fff;
    margin-right: 1px;
}
#navsearch input:hover
{
    background-color: #888;
    border-color: #fff #888 #888 #888;
    color: #fff;
}
#col1-3 p
{
    padding: 10px;
    width: 180px;
}
#col1-3 .col
{
    padding: 10px;
}

#footer
{
    color: #999;
    padding: 2px 10px;
}
#footer ul li
{
    list-style-type: none;
    display: inline;
    margin-right: 10px;
}
#footer a, #footer a:visited, #footer a:link
{
    text-decoration: none;
    color: #999;
}
#footer a:hover
{
    text-decoration: underline;
    color: #666;
}



#navigation
{
    padding: 0 0 0 10px;
}
#navigation a, #navigation a:active, #navigation a:link, #navigation a:visited, #navigation a:hover
{
    color: #666;
    text-decoration: none;
}
#addnewlink
{
    padding: 0;
    height: 18px;
    width: 76px;
}
#addnewlink a
{
    width: 78px;
    background: #fff url(  '../img/sprite.png' ) no-repeat;
    display: inline-block;
    background-position: -200px 0px;
    height: 16px;
}
#addnewlink a:hover
{
    background-position: -200px -16px;
}
#addnewlink a span
{
    visibility: hidden;
}

#account_nav
{
    display: block;
    background-color: #999;
    color: #fff;
    text-align: right;
    padding: 1px 5px 1px 0;
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #777;
}
#account_text, #account_links
{
    vertical-align: top;
    display: inline-block;
}

#account_nav a, #account_nav a:hover, #account_nav a:link, #account_nav a:visited
{
    color: #fff;
    text-decoration: none;
}
a#lnksettings, a#lnkhelp, a#lnklogout
{
    display: inline-block;
    height: 14px;
}
a#lnksettings span, a#lnkhelp span, a#lnklogout span
{
    visibility: hidden;
}

a#lnksettings
{
    margin: 2px 0px 0 10px;
    width: 42px;
    background: transparent url(  '../img/sprite.png' ) -310px 0px no-repeat;
}
a#lnksettings:hover
{
    background: transparent url(  '../img/sprite.png' ) -310px -16px no-repeat;
}

a#lnkhelp
{
    margin: 2px 0px 0 0px;
    width: 24px;
    background: transparent url(  '../img/sprite.png' ) -354px 0px no-repeat;
}
a#lnkhelp:hover
{
    background: transparent url(  '../img/sprite.png' ) -354px -16px no-repeat;
}

a#lnklogout
{
    margin: 2px 0px 0 0px;
    width: 34px;
    background: transparent url(  '../img/sprite.png' ) -380px 0px no-repeat;
}
a#lnklogout:hover
{
    background: transparent url(  '../img/sprite.png' ) -380px -16px no-repeat;
}


#col2-3 .col, #col2-2 .col
{
    padding: 10px;
}

.section_header
{
    background: transparent url(  '../img/headers.png' ) no-repeat;
    width: 520px;
    display: block;
    min-height: 50px;
    padding: 0 0 5px 0;
}
#wrap2col .section_header
{
        width: 740px;
}
#section_links, #section_settings, #section_about, #section_help, #section_blank, .section_blank
{
    margin: 10px;
}

#section_links .section_header, #section_links.category .section_header
{
    background-position: -220px -130px;
}
#section_links.tag .section_header
{
    background-position: -220px -280px;
}
#section_links.search .section_header
{
    background-position: -220px -430px;
}
#section_settings .section_header
{
    background-position: -220px -580px;
    height: 50px;
}
#section_help .section_header
{
    background-position: -220px -760px;
    height: 50px;
}
#section_about .section_header
{
    background-position: 0px -670px;
    height: 50px;
}

#section_blank .section_header
{
    background-position: 0px 0px;
    height: 50px;
}
/* paging could be two different boxes (top and bottom) */
.paging
{
    margin: 10px 0 0 0;
    background-color: #e6e6e6;
    padding: 1px 5px 4px 5px;
    color: #999;
    vertical-align: top;
}
.paging a, .paging a:hover
{
    text-decoration: none;
}
#pfirst, #pprev, #prefresh, #pnext, #plast, #ppagecnt, #plinkcnt
{
    display: inline-block;
    height: 14px;
    vertical-align: bottom;
    background: transparent url(  '../img/sprite.png' ) no-repeat;
}
#pfirst
{
    margin-left: 50px;
}
#pfirst span, #pprev span, #prefresh span, #pnext span, #plast span
{
    visibility: hidden;
}

#pfirst, #pfirst.i
{
    background-position: -200px -72px;
    width: 36px;
}
#pfirst.a
{
    background-position: -200px -40px;
}
#pfirst.a:hover
{
    background-position: -200px -56px;
}


#pprev, #pprev.i
{
    background-position: -238px -72px;
    width: 52px;
}
#pprev.a
{
    background-position: -238px -40px;
}
#pprev.a:hover
{
    background-position: -238px -56px;
}


#prefresh, #prefresh.i
{
    background-position: -292px -72px;
    width: 48px;
}
#prefresh.a
{
    background-position: -292px -40px;
}
#prefresh.a:hover
{
    background-position: -292px -56px;
}


#pnext, #pnext.i
{
    background-position: -342px -72px;
    width: 36px;
}
#pnext.a
{
    background-position: -342px -40px;
}
#pnext.a:hover
{
    background-position: -342px -56px;
}


#plast, #plast.i
{
    background-position: -380px -72px;
    width: 35px;
}
#plast.a
{
    background-position: -380px -40px;
}
#plast.a:hover
{
    background-position: -380px -56px;
}
#ppagecnt
{
    background-position: -416px -40px;
    height: 14px;
    padding-left: 32px;
}
#plinkcnt
{
    background-position: -416px -56px;
    height: 14px;
    padding-left: 32px;
}

#ppagecnt span, #plinkcnt span
{
    display: none;
}

.section_content
{
    margin: 10px 0 0 0;
    border-top: 1px solid #e6e6e6;
}

div#links
{
    border-color: #afd2f0;
}
img.imgedit
{
    background: transparent url(  '../img/sprite.png' ) -240px -90px no-repeat;
    height: 16px;
    display: inline-block;
    width: 16px;
}
img.imgnew
{
    background: transparent url(  '../img/sprite.png' ) -260px -87px no-repeat;
    height: 16px;
    display: inline-block;
    width: 20px;
}

.linkbox
{
    background-color: #CFE4F5;
    vertical-align: top;
    padding: 3px 1px 5px 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #afd2f0;
}
.linkbox:hover
{
    background-color: #90C3EE;
    border-bottom: 1px solid #90C3EE;
}
dl.linkbox dt a.stari, dl.linkbox dt a.stara
{
    text-decoration: none;
    background: transparent url(  '../img/sprite.png' ) no-repeat;
    background-position: -200px -87px;
    width: 16px;
    height: 18px;
    display: inline-block;
    margin: 0 5px 0 2px;
}

dl.linkbox dt a.stara
{
    background-position: -220px -87px;
}
dl.linkbox dt a.stari em, dl.linkbox dt a.stara em
{
    display: none;
}
dl.linkbox dt a
{
    display: inline-block;
    max-width: 420px;
    overflow: hidden;
    font-size: 110%;
}
dl.linkbox dd em
{
    display: none;
}
dl.linkbox dt
{
    vertical-align: top;
    padding-right: 10px;
}
dl.linkbox dt span
{
    vertical-align: top;
    padding-right: 10px;
    padding-top: 3px;
    display: inline-block;
}
dl.linkbox dd
{
    margin-left: 25px;
    vertical-align: top;
}
dl.linkbox dd.desc
{
    padding-left: 20px;
    background: transparent url(  '../img/sprite2.png' ) 0px 4px no-repeat;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    font-family: Cambria, "Times New Roman" , Times, serif;
    font-style: italic;
    color: #777;
    font-size: 110%;
}
dl.linkbox dd.url
{
    background: transparent url(  '../img/sprite2.png' ) 0px -156px no-repeat;
    padding-left: 20px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
    margin-right: 10px; /* 	overflow-x: auto; 	white-space: pre-wrap; 	white-space: -moz-pre-wrap !important; 	white-space: -pre-wrap; 	white-space: -o-pre-wrap; 	word-wrap: break-word; */
}
dl.linkbox dd.tags
{
    /*text-indent: 18px;*/
    padding-left: 20px;
    background: transparent url(  '../img/sprite2.png' ) 0px -80px no-repeat;
    display: inline;
}

dl.linkbox dd.tags ul
{
    display: inline;
    list-style-type: none;
}
dl.linkbox dd.tags li
{
    display: inline;
    background-color: #90C3EE;
    text-decoration: none;
    font-style: normal;
    padding: 0 3px 0 2px;
    margin: 0 0 0 3px;
    color: #fff;
}
dl.linkbox:hover dd.tags li
{
    background-color: #CFE4F5;
    color: #555;
}
dl.linkbox dd.tags em.h
{
    display: none;
}
dl.linkbox dd.tags em
{
    background-color: #fff;
}
dl.linkbox dd.dt
{
    display: inline;
    padding-left: 20px;
    background: transparent url(  '../img/sprite2.png' ) 0px -320px no-repeat;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    font-family: Cambria, "Times New Roman" , Times, serif;
    font-style: italic;
}
.linkbox:hover dd.dt
{
    /*background-position: 0 -240px;*/
}
.linkbox:hover dd.url
{
    color: #CFE4F5;
    color: #666;
}
.linkbox:hover dd.desc
{
    color: #333;
}

.linkbox:hover a:link, .linkbox:hover a:visited, .linkbox:hover a:active
{
    color: #fff;
}


#section_settings .section_content
{
    border-color: #888;
    border-bottom: 1px solid #888;
    background-color: #aaa;
    min-height: 100px;
}

table.form tr td
{
    padding-top: 5px;
    vertical-align: top;
    padding: 5px 3px 3px 3px;
}


table.form tr td input, table.form tr td textarea
{
    width: 100%;
}
table.form tr td input.btn, input.btn
{
    width: 100px;
}

ul.tagsinline
{
    list-style-type: none;
}
ul.tagsonline li
{
    display: inline;
    list-style-type: none;
}

.modal h2, .modal h3
{
    font-weight: bold;
}

.counter
{
    font-family: Times New Roman, "Times", Serif;
    color: #999;
}

#col2-2 h2
{
    font-size: 18px;
}


ul.inline li
{
    margin: 10px;
}




.row
{
    width: 100%;
    clear: both;
}
.col1 
{
    float: left;
    width: 35%;
}
.col2
{
    float: right;
    width: 65%;
}

#section_registration .row
{
    margin-bottom: 2px;
}

a#lnksettings, a#lnkhelp
{
    display: none;
}

#Credits dd
{
    margin-left: 20px;
}



#col3-3 .col
{
    width: 200px;
    padding: 5px;
    margin: 5px;
}

#col3-3 p
{
    padding: 5px;
}

#col3-3 h3
{
    text-decoration:underline;
}
#col3-3 h2, #col3-3 h3
{
    padding: 5px;
}
#col3-3 h2
{
    font-weight: bold;
} 

ul.li
{
    list-style-type: disc;
    margin: 0 0 0 20px;
}