/* Universal styles */

@font-face {
 font-family: 'Bebas';
 src: url('/site_includes/fonts/bebas/bebas___-webfont.eot');
 src: local('☺'), url('/site_includes/fonts/bebas/bebas___-webfont.woff') format('woff'), url('/site_includes/fonts/bebas/bebas___-webfont.ttf') format('truetype'), url('/site_includes/fonts/bebas/bebas___-webfont.svg#webfont1SpuN1zc') format('svg');
 font-weight: bold;
 font-style: normal;
}

a, a:link {
 color: #c00;
}

h2 {
 font-size: 150%;
 font-weight: bold;
 line-height: 150%;
 color: #c00;
}

h2 span {
 font-size: 50%;
 color: #000;
}

h3 {
 font-family: helvetica,sans-serif;
 font-size: 130%;
 font-weight: bold;
 line-height: 180%;
}

strong {
 font-weight: bold;
}

em  {
 font-style: italic;
}

body{
 font: 90%/140% helvetica,sans-serif;
 background: #555;
}

.error {
 clear: both;
 padding-top: 10px;
}

#container {
 width: 90%;
 min-width: 760px;
 margin: 0 auto;
 background: #fff;
 border-left: 1px #000 solid;
 border-right: 1px #000 solid;
}

#head {
 position: relative;
 background: #000;
 color: #fff;
 height: 110px;
}

#head h1 {
 color: #fff;
 font-size: 350%;
 line-height: 130%;
 font-family: 'georgia',serif;
 letter-spacing: -2px;
 width: 451px;
}

#head h1 a {
 background: #333 url('/site_includes/graphics/fr_logo.png') 0 100%;
 display: block;
 width: 451px;
 height: 73px;
 text-indent: -200%;
}

#head p {
 font-family: 'garamond',georgia,'times new roman',serif;
 position: absolute;
 right: .5em;
 height: 73px;
 line-height: 73px;
 top: 0;
 color: #444;
 overflow: hidden;
 max-width: 50%;
}

#head p cite {
 display: block;
 text-align: right;
 font-style: italic;
}

#head h1 a:hover {
 background-position: 0 0;
}

#navigation {
 position: absolute;
 bottom: 0;
 width: 100%;
 border-top: 1px #ddd solid;
 overflow: auto;
 background: #333;
}

#navigation li {
 float: left;
}

#navigation li a {
 display: block;
 padding: 8px 8px;
 color: #ddd;
 font: 80%/150% helvetica,sans-serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-decoration: none;
 border-right: 1px #ddd solid;
}

#navigation li#last a {

}

#navigation li a:hover {
 color: #fff;
 background: #444;
}

#info {
 zoom: 1; /* Goodness! IE6 HackS?! If there are any more, I'll put them in a seperate stylesheet */
 background: #eee;
 border-top: 1px #aaa solid;
 border-bottom: 1px #aaa solid;
 overflow: auto;
 padding: 5px 10px;
}

#info p {
 margin: 0; 
 padding: 0;
 color: #666;
 float: left;
}

#info #info_nav {
 float: right;
 text-align: right;
}

#info_nav li {
 display: inline;
 list-style: none;
}

#login_bar {
 padding: 5px 10px;
 background: #eee;
 border-top: 1px #aaa solid;
 border-bottom: 1px #aaa solid;
}

#login_bar label {
 width: auto;
 float: none;
}

#content {
 padding-bottom: 10px;
 overflow: hidden;
}

#footer {
 background: #333;
 color: #fff;
 padding: 10px 0;
 text-align: center;
 font-size: 80%;
 color: #aaa;
 clear: both;
}

/* Universal form styles */

fieldset {
 background: #eee;
 border: 1px #aaa solid;
}

fieldset {
}

fieldset legend {
 margin-left: 10px;
 padding: 3px 6px;
 background: #fff;
 border: 1px #aaa solid;
}

fieldset ul {
 margin: 10px;
}

fieldset ul li {
 margin-bottom: 5px;
}

form label {
 float: left;
 width: 12em;
}

form label span, form p span {
 color: #c00;
}

form li input[type="text"], form li input[type="password"] {
 background: #f6f6f6;
 border: 1px #aaa solid;
}

form li input:focus {
 background: #fff;
}

textarea {
 width: 60%;
}

/* Universal table styles */
.standard_table th, .standard_table td {
 padding: .5em;
}

.standard_table th {
 background: #FFEDCF;
 font-weight: bold;
 border-bottom: 1px #666 solid;
}

.standard_table tr {
 background: #FFF3DF;
}

.standard_table tr:nth-child(2n) {
 background: #FFF9EF;
}

 /* collective colour information, jeez */
#forum #categories li:nth-child(2n), #forum #posts li:nth-child(2n), #forum #threads tr:nth-child(2n) {
 background: #FFF9EF;
}

#forum #categories li, #forum #posts li, #forum #threads tr { 
 background: #FFF3DF;
}

#forum #threads th {
 background: #FFEDCF;
}

#forum #posts, #forum #categories {
}

#submit_image, ul#comments, h2, h3, #content p, #submit_comment, #login_form, #user_info, #change_password{
 margin: 0 10px;
}

#content p {
 margin: 5px 10px;
}

/* Register */
#register_form {
 padding-top: 10px;
}

/* Login */
#login_form {
 margin-top: 10px;
}

/* Imageboard */

.toggleable span {
margin-left: .5em;
font-size: 70%;
font-weight: normal;
}

#content p.information {
 margin: 0 10px;
 font-size: 90%;
 color: #666;
}

#submit_image #submit {
 margin-left: 13em;
}

#submit_image h3, #submit_image p {
 margin: 10px 0 0;
 line-height: 120%;
}

#submit_image p {
 margin-bottom: 10px;
}

#submit_image .note {
 width: 20em;
 line-height: 120%;
 font-size: 80%;
 margin: 0 0 15px;
}

#imageboard {
 overflow: auto;
 padding-top: 10px;
 margin-bottom: -10px;
 clear: both;
}

#imageboard li {
 text-align: center;
 margin: 0 0 10px 10px;
 float: left;
 width: 170px;
 height: 180px;
 background: #eee;
 position: relative;
 border: 1px #aaa solid;
}

#imageboard li:hover, #imageboard li.set:hover {
 background: #FFFEEF;
}

#imageboard li.set {
}

#imageboard .image_container {
 position: relative;
 display: inline;
}

#imageboard  .set_icon, #imageboard .image_icon {
 display: block;
 width: 16px;
 height: 16px;
 text-indent: 200%;
 overflow: hidden;
 position: absolute;
 bottom: 3px;
 left: 5px;
}

#imageboard .set_icon {
 background: url('/site_includes/icons/folder_image.png');
}

#imageboard .image_icon {
 background: url('/site_includes/icons/image.png');
}

#imageboard .image_link {
 padding-top: 5px;
}

#imageboard .image_link img {
 margin-top: 5px;
 border: 1px #aaa solid;
 vertical-align: bottom;
}

#imageboard .image_link:hover img {
 border-color: #c00;
}

#imageboard dl {
 text-align: left;
 color: #888;
 position: absolute;
 bottom: 10px;
 left: 10px;
 font-size: 75%;
 line-height: 150%;
 width: 150px;
}

#imageboard dl dt {
 float: left;
 width: 6em; 
}

#set_other li {
 position: relative;
 background: #eee;
 border: 1px #aaa solid;
 float: left;
 width: 138px;
 height: 145px;
 text-align: center;
 margin-left: 10px;
 margin-bottom: 10px;
}

.pagination, .nsfw_controls, #update_options {
 margin-top: 10px;
}

.pagination {
 clear: left;
 margin-left: 10px;
 overflow: auto;
 float: left;
}

.pagination li {
 margin-right: .5em;
 float: left;
}

.pagination li a, .pagination li span, .nsfw_controls {
 display: block;
 padding: .25em .5em;
 border: 1px #aaa solid;
}

.pagination a, .nsfw_controls {
 background: #eee;
}

.pagination li a:hover, .nsfw_controls:hover {
 background: #fff;
}

.nsfw_controls {
 float: left;
}

#update_options, #search_images {
 background: #eee;
 border: 1px #aaa solid;
 float: right;
 padding: 3px 5px;
 margin-right: 10px;
 margin-top: 10px;
}

#update_options select {
 margin-left: 5px;
}

#update_options label, #update_options input {
 margin: 0;
 padding: 0;
 width: auto;
}

#search_images label {
 width: auto;
 margin-right: .5em;
}

/* imageboard set view */
#set_info {
 margin: 0 10px;
 overflow: auto;
 font-size: 80%;
 color: #555;
}

#set_info dt, #set_info dd {
 float: left;
}

#set_info dd {
 padding-right: 10px;
 margin-right: 10px;
 margin-left: 5px;
 border-right: 1px #aaa solid;
}

#set_info dd.last {
 border-right: 0;
}

/* register page */
#register_form {
 margin: 0 10px;
}

/* single image */
#image {
 margin-top: 10px;
 text-align: center;
}

#image #image_title {
 display: block;
 font-size: 120%;
}

#image .set_info {
 display: block;
}

#image a img {
 padding: 1px;
 border: 2px #888 solid;
}

#image a:hover img {
 border-color: #c00;
}

#image #note {
 color: #888;
 font-size: 80%;
 text-align: center;
}

#image #description {
 text-align: center;
 margin: .5em 0;
}

#set_other {
 overflow: auto;
}

#set_other li {
 float: left;
 margin-left: 10px;
 padding: 10px;
 width: 100px;
 height: 100px;
}

#set_other li img {
 border: 1px #aaa solid;
}

#traversing {
 margin-top: 10px;
}

#traversing a, #admin_controls a {
 padding: .25em .5em;
 border: 1px #aaa solid;
 background: #eee;
}

#admin_controls {
 margin-left: 10px;
}

#traversing a:hover, #admin_controls a:hover {
 background: #fff;
}

#comments {
 
}

#comments li {
 margin: .5em 0;
}

#comments li p {
 background: #eee;
 border: 1px #aaa solid;
 padding: .3em .5em;
 margin: 0;
}

#comments li span {
 display: block;
 margin-left: 10px;
 font-size: 90%;
 color: #555;
}

#commenting_info {
 float: left;
 font-size: 80%;
 line-height: 120%;
 color: #444;
 margin: 10px;
}

#commenting_info li {
 margin-left: 20px;
 list-style: circle;
}

/* user profile */

#user_info dt {
 float: left;
 width: 7.5em;
 font-style: italic;
} 

#user_info dd {
 margin-left: 5em;
}

/* Forum */

 /* collective colour information, jeez */
#forum #categories li:nth-child(2n), #forum #posts li:nth-child(2n), #forum #threads tr:nth-child(2n) {
 background: #FFF9EF;
}

#forum #categories li, #forum #posts li, #forum #threads tr { 
 background: #FFF3DF;
}

#forum #threads th {
 background: #FFEDCF;
}

#forum #posts, #forum #categories {
}

/* Other stuff */ 

#forum div h3 {
 color: #aaa;
 margin-left: 0;
}

#forum #categories, #forum #posts {
 margin: 0 10px;
}

#forum #threads {
 margin: 0 10px;
}

#forum #threads table { 
 border-collapse: collapse;
}

#forum #threads td {
 padding-left: 5px;
}

#forum #crumbs{
 margin: 10px;
}

#forum #categories li {
 border-top: 1px #aaa solid;
 padding: .5em 0 .5em .5em;
}

#forum #categories p {
 margin: 0;
 color: #666;
}

#forum #categories a {
 float: left;
}

#forum #categories .info {
 float: right;
}

#forum #categories .description {
 clear: both;
}

#forum form {
 margin: 10px;
}

#forum #submit_thread, #forum #submit {
 margin-left: 12.8em;
}

#forum table {
 width: 100%;
 border-collapse: collapse;
}

#forum table td {
 padding-bottom: .5em;
}

#forum table td:first-child {
 padding-top: .5em;
}

#forum table td .by {
 display: block;
}

#forum table th {
 padding: 5px 0 0 5px;
 color: #666;
 font-weight: bold;
 border-bottom: 1px #aaa solid;
}

#forum table .thread-info {
 line-height: 80%;
 color: #666;
 font-size: 90%;
 display: block;
}

#forum td.last-post {
 border-right: 0;
 font-size: 90%;
 line-height: 120%;
}

#forum table .latest-datetime {
 display: block;
}

#forum #thread h3 {
 margin-left: 10px;
}

#forum #posts {
 
}

#forum #posts li {
 overflow: auto;
 clear: both;
 padding-left: 1em;
 padding-top:1em;
 padding-bottom: 1em;
 border-top: 1px #bbb solid;
}

#forum #posts li:first-child /* fuck you IE users */ {
 border-top: 0;
}

#forum #posts .post-info {
 float: left;
 width: 150px;
 border-right: 1px #bbb solid;
}

#forum #posts .post-info .admin {
 display: block;
}

#forum #posts .post-content {
 margin-left: 150px;
 border-left: 1px #bbb solid;
 padding-left: 10px;
}

#forum #posts .post-content p {
 margin: 1em 0 0;
}

#forum #posts .post-content p:first-child {
 margin: 0;
}

#forum #posts .post-datetime {
 display: block;
 color: #666;
}

#forum #posts .image-container {
 position: relative;
}

#forum #posts .image-note {
 bottom: 11px;
 left: 8px; 
 position: absolute;
 background: #ddd;
 padding: 5px;
 opacity: 0.7;
}

#forum #posts .user-image {
 padding: 8px;
 background: #ddd;
}

#forum #posts blockquote {
 background: #ddd;
 padding: 5px;
 border: 1px #aaa solid;
 margin-top: .5em;
}

#forum #posts .quote-title {
 display: block;
 font-weight: bold;
}

#forum #posts blockquote p {
 
}

#forum #bbcode {
 background: #eee;
 overflow: hidden;
 margin: 10px;
 font-size: 90%;
 border: 1px #aaa solid;
}

#forum #bbcode li {
 float: left;
 margin: 0 0 8px 8px;
 padding: 5px;
 background: #ddd;
 border: 1px #aaa solid;
}

#forum #bbcode code {
 display: block;
 font-family: monospace;
}


#forum form {
 clear: both;
}

/* Admin panel */

#admin_users {
 margin-left: 10px;
}


/* CSS3 SHIT!!! */
#search_images, #update_options, fieldset, fieldset legend, #submit_image legend, #submit_image fieldset, #imageboard li, .nsfw_controls, .pagination li a, .pagination li span, #traversing a, #admin_controls a, #comments p, #set_other li,  #posts, #categories, #bbcode, #bbcode li, #forum blockquote{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#comments li:nth-child(2n) p /* Even */ {
 background-color: #ddd;
 border-color: #333;
}