/* CSS Reset */
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 {
    font-size: 62.5%;
	line-height: 1.8em;
}

body, input, textarea, button, select {
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}
/* End CSS Reset */

/* Header and Footer */
div#header, div#footer {
    display: block;
    width: 100%;
    background: #cd0102;
    overflow: auto;
}

div#header {
    height: 60px;
}

h1 {
    float: left;
    font-size: 3em;
    padding: 18px;
}

h1 a {
    text-decoration: none;
    color: #fff;
}

div#header ul.nav {
    float: right;
    margin: 18px 10px 0 0;
}

ul.nav li {
    float: left;
    padding: 0 5px;
    border-left: 1px solid #fff;
    font-size: 1.2em;
}

ul.nav li a {
    text-decoration: none;
    color: #fff;
}

ul.nav li a:hover {
    text-decoration: underline;
}

div#search {
    display: block;
    width: 100%;
    background: #efefef;
    color: #666;
    font-size: 1.2em;
    overflow: auto;
}

p#slogan {
    float: left;
    padding: 12px 18px 8px;
    font-weight: 700;
}

div#search form {
    float: right;
    padding: 9px 10px;
}

input#query {
    border: 1px solid #666;
    padding: 2px 2px 3px;
}

input#searchbtn {
    border-width: 1px;
    border-color: #fff #000 #000 #fff;
    border-style: solid;
    background: #666;
    color: #fff;
    font-weight: 700;
    padding: 2px;
}

div#footer {
    padding: 9px 0;
    border-top: 10px solid #efefef;
}

div#footer ul.nav {
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

div#footer ul.nav li {
    float: none;
    display: inline;
}

p.subfooter { font-size: 1.1em;}
p.subfooter, p.subfooter a {
    color: #cdcdcd;
    padding: 2px;
}

p.subfooter {
    float: left;
    width: 32.9%;
}

p#chat5008 { text-align: center; }
p#sambazasoko { text-align: right; }
/* End Header and Footer */

/* Content Box */
div#content {
    display: block;
    margin: 18px auto;
    width: 960px;
    overflow: auto;
}

div#main {
    display: block;
    width: 790px;
    float: left;
}

div#sidebar {
    display: block;
    width: 160px;
    float: right;
}

h2 {
    font-size: 2.2em;
    line-height: 1.8em;
}
/* End Content Box */

/* Photos Table */
table {
    margin-left: -5px;
}

table td {
    font-size: 1.2em;
    background: #f0f0f0;
    padding: 18px 10px;
    border: solid;
    border-color: #fff #e0e0e0 #e0e0e0 #fff;
    border-width: 5px 1px 1px 5px;
}

table td img {
    display: block;
    margin: 0 auto 10px;
    border: 4px solid #f0f0f0;
}

table td a:hover img {
    border-color: #ccc;
}

p.pagination {
    font-size: 1.2em;
    margin: 18px 0;
    width: 100%;
    text-align: center;
}

p.pagination a {
    padding: 3px;
    border: 1px solid #f3f3f3;
    text-decoration: none;
}

p.pagination a:hover {
    text-decoration: underline;
}

a.curpage {
    font-weight: 700;
    background: #f3f3f3;
}
/* End Photos Table */

/* Tags/Categories List */
ul#tagscats {
    font-size: 1.4em;
    list-style-type: disc;
    list-style-position: inside;
}
/* End Tags/Categories List */

/* Viewing Photo */
p#backnext {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 10px;
}

p#backnext a {
    color: #999;
}

p#photo {
    width: 100%;
    text-align: center;
}

div#user-info {
    font-size: 1.4em;
    line-height: 1.8em;
    background: #f0f0f0;
    padding: 18px 10px;
    border: solid;
    border-color: #fff #e0e0e0 #e0e0e0 #fff;
    border-width: 5px 1px 1px 5px;
    width: 300px;
    margin: 0 auto;
}
/* End Viewing Photo */

/* Register */
    form#register {
        float: left;
    }
    
    form#register label {
        display: block;
        font-size: 1.2em;
        color: #222;
    }
    
    form#register input, form#register select {
        margin-bottom: 1em;
    }
    
    div#register-notes {
        display: block;
        float: left;
        margin-left: 15px;
        padding: 10px;
        font-size: 1.2em;
        width: 250px;
        background: #eee;
    }
    
    div#register-notes ol, div#register-notes ul {
        margin: 10px 0 10px 18px;
    }
    
    div#register-notes ol { list-style-type: decimal; }
    div#register-notes ul { list-style-type: disc; }
/* End Register */