/* 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,
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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }

/* remember to define focus styles! */
:focus													{ outline: 0; }
body													{ line-height: 1;color: black;background: white; }
ol, ul													{ list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table													{ border-collapse: separate;border-spacing: 0; }
caption, th, td 										{ text-align: left;font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after	{ content: ""; }
blockquote, q											{ quotes: "" ""; }


/* general */

* {margin:0; padding:0; border:0}

a[href] {color:#F90; text-decoration:none;}
a:hover[href] {text-decoration:underline;}

em {font-style:italic;}
body {background:url(../layout/header_background.png) repeat-x #EEE;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
ul {margin:0 0 0 30px;}
li {list-style:square;}

div#header {width:980px;margin:auto;padding:15px 0 15px 0;}
div#header > a {color:#666;font-family:Arial;font-size:12px;display:inline-block;vertical-align:top;}
div#header > a:hover {text-decoration:none;}
div#header > a > strong {font-weight:normal;}
div#header > div.social {display:inline-block; margin: 5px 0 0 20px;vertical-align:top;}

div#menu {height:46px;margin:0;display:inline-block;float:right;}
div#menu > ul {margin:0;}
div#menu > ul > li {list-style:none; display:inline-block; text-align:center;}
div#menu > ul > li > a {width:163px;text-decoration:none;font-weight:bold;color:#666;font-family:Arial,Verdana,sans-serif;font-size:16px;display:block;padding:10px 0 18px 0;text-shadow:1px 1px #000;}
div#menu > ul > li > a:hover {color:#f90;}

div#holder {padding:10px 0 0 0;}

form.search {line-height:25px;color:#CCC;font-size:12px;float:right;height:25px;display:inline-block;text-align:right;vertical-align:top}
form.search > input[type="text"] {border-radius:5px;width:200px;border:1px solid #666;font-size:14px;line-height:14px;padding:4px 0 4px 4px;background:#000;color:#CCC;}
form.search > input[type="submit"] {cursor:pointer;border-radius:5px;display:inline-block;width:27px;height:27px;background:url(../layout/input_search.png) no-repeat; border:0px;}

div#wrapper {padding:10px;background:#FFF;border-radius:5px;box-shadow: 0 2px 3px #CCC;width:960px;margin:auto;overflow:hidden;font-size:12px;}
div#wrapper p {line-height:18px; padding:0 0 0 5px; margin:5px 0;}
div#wrapper h1 {padding: 0 0 5px 0; font-size:24px; margin:0 0 20px 0; color:#666; border-bottom:3px dotted #CCC;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
div#wrapper h2 {padding: 0 0 5px 0; font-size:20px; margin:20px 0; color:#666; border-bottom:1px solid #CCC; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
div#wrapper h3 {font-size:16px; margin:10px 0; color:#666; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

div#sidebar {font-family:Verdana,Geneva,Arial,sans-serif;font-size:12px;line-height:16px;width:160px;margin:0 10px 0 0;min-height:300px;height: auto !important;height:300px;}
div#sidebar > a#rss {text-decoration:none; color:#FFF; background:url(../layout/rss_feed.png) no-repeat; height:27px; width:110px; padding:13px 0 0 50px; display:block; margin:0 0 10px 0;}
div#sidebar > a#rss:hover {text-decoration:underline;}
div#sidebar > h3 {color:#FFF; font-family:Arial, Helvetica, sans-serif;margin:30px 0 5px 0; font-size:16px; background:#333;border-radius:3px;box-shadow: 0 2px 3px #CCC;padding:5px;}
div#sidebar > h3:first-child {margin:0 0 5px 0;}
div#sidebar > ul {margin:0;}
div#sidebar > ul > li {list-style:none; margin:7px 0;}
div#sidebar > ul > li > span {font-size:10px;}
div#content {float:right;color:#666;width:780px;min-height:300px;height:auto !important;height:300px;}

div.leaderboard {width:728px; height:90px; margin:0 auto 20px auto;}
div.subPicBanner {border-radius:5px;border:1px solid #000;background:#222;padding:5px;margin:10px 0 0 0;text-align:center;}
div.subPicBanner > div {width:336px;height:280px;display:inline-block;background:#333;border-radius:5px;padding:5px;border:1px solid #202020;}

div#footer {width:958px;background:url(../layout/footer-background.png) repeat-x #000 top;padding:10px;margin:20px auto 0 auto;border-radius:5px;box-shadow: 0 2px 3px #CCC;border:1px solid #000;}
div#footer > div.box {line-height:18px;font-size:12px;color:#999;width:300px;padding:5px;display:inline-block;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;vertical-align:top;}
div#footer > div.box > h3 {color:#CCC; margin:0 0 10px 0; padding:0 0 10px 0; font-size:20px; font-weight:bold;font-family:Arial, Verdana, sans-serif;}
div#footer > div.box > p {margin: 5px 0;}
div#footer > div.box > a.rss {text-align:center; padding:80px 0 0 0; display:inline-block; width:80px; height:20px; background:url(../layout/rss.png) no-repeat;}
div#footer > div.box > a.rss:hover {background-image:url(../layout/rss_hover.png);}
div#footer > div.box > a.twitter {text-align:center; padding:80px 0 0 0; display:inline-block; width:80px; height:20px; background:url(../layout/twitter.png) no-repeat;}
div#footer > div.box > a.twitter:hover {background-image:url(../layout/twitter_hover.png);}

div#login {padding:10px;width:958px;margin:20px auto 0 auto;border-radius:5px;box-shadow: 0 2px 3px #CCC;background:#A6D64F;font-size:12px;text-align:center;border:1px solid #9BC649;}
div#login > form > input {vertical-align:middle;line-height:15px;font-size:13px;height:18px;background:#FFF;padding:5px 5px 2px 5px; color:#333;border-radius:5px;border:1px solid #9BC649;}
div#login input[type="submit"] {height:27px;background:#8DB243;padding:0 10px;cursor:pointer;color:#000;border-color:#FFF;}
div#login input[type="submit"]:hover {color:#FFF;}
div#login a {color:#FFF;}

div#footer-note {width:980px;margin:20px auto;color:#999;font-size:10px;text-align:center;font-family:Arial,sans-serif;}

img.thumbnail {border-radius:5px;box-shadow: 0 2px 3px #CCC;border:1px solid #FFF;}
a:hover > img.thumbnail {border-color:#FF9900;}

div.success, div.info, div.error {box-shadow:0 0 2px #999;border-radius:5px;line-height:18px;font-size:14px;padding:20px;color:#000;text-shadow:1px 1px 1px #999;}
div.success	{background:#9BC649;}
div.info	{background:#ffcb7d;}
div.error	{background:#ff4a4a;}

div.error > ul {margin:5px 0;}
div.error > ul > li {list-style:square; margin:0 0 0 40px;}

img.avatar {border-radius:5px;box-shadow: 0 0 4px #CCC;}

div.pagination {margin:25px 0; text-align:center; color:#CCC; font-size:14px;}
div.pagination > a.anchor_page_nav, div.pagination > span {margin:3px;background:#666;padding:3px 8px;border-radius:5px;color:#FFF;}
div.pagination > span {background:#FFF;color:#000;border:1px solid #999;}
div.pagination > a.anchor_page_nav:hover {background:#333;text-decoration:none;}

div#content > ul {margin:0 0 0 20px;}
div#content > ul > li {list-style:square; margin:7px 0; line-height:18px; font-size:12px;}

strong {font-weight:bold;}

/* account */
table.details {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
table.details tr > td {padding:5px;}
table.details tr > td:first-child {font-weight:bold; width:250px;}

/* 404 */
div.not-found {font-size:12px;line-height:18px;background:url(../layout/404.gif) no-repeat left;padding:100px 10px 100px 300px;}
div.not-found > h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 10px 0; font-size:24px;}
div.not-found > p {margin: 5px 0;}

/* form */
table.form {border-top:1px solid #EEE; margin:20px 5px; width:100%; }
table.form tr > td {border-bottom:1px solid #EEE; padding:5px 0; margin:0;}
table.form td {font-size:12px; line-height:18px;}
table.form td.label {font-weight:bold; width:200px; vertical-align:middle;}
table.form td.input > img {margin:0 0 5px 0;}
table.form td.input > input, table.form td.input > textarea, table.form td.input > select {border-radius:5px;font-size:13px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; border:1px solid #CCC; padding:3px;}
table.form td.input > input[type="text"], table.form td.input > input[type="password"], table.form td.input > textarea {width:300px;}
table.form td.input > input.error, table.form td.input > textarea.error, table.form td.input > select.error {border-color:#FF8080;}

/* forum */
table.forums {background:#FFF;}
table.forums {width:100%; font-size:12px; line-height:18px;}
table.forums th {background:#CCC; color:#666; padding:5px; font-size:16px; font-weight:bold;}
table.forums td {padding:10px 0; background:#F9F9F9; border-bottom:1px solid #CCC;}
table.forums tr {margin:1px 0 0 0;}
table.forums a.title {font-size:16px;}

table.threads {background:#FFF;}
table.threads {width:100%; font-size:12px; line-height:18px;}
table.threads th {background:#CCC; color:#666; padding:5px; font-size:16px; font-weight:bold;}
table.threads td {padding:10px 0; background:#F9F9F9; border-bottom:1px solid #CCC;}
table.threads tr {margin:1px 0 0 0;}
table.threads a.title {font-size:16px;}

a.forum-button[href] {
    color: #FFF;
    font-size: 12px;
    background: #FF9966;
    padding: 5px;
    border: 1px solid #FF6633;
    display: inline-block;
    margin: 1px 1px 1px 0;
}

a.forum-button:hover[href] {
    background: #FF6633;
    text-decoration: none;
}



/* thread ######################################################################## */
table.thread {	width: 100%; font-size: 12px; }

table.thread tr>td[colspan="2"] {
    background: #DDD;
    border: 1px solid #CCC;
    color: #666;
}

table.thread td {
    padding: 3px;
    line-height:20px;
}

table.thread td.userdata {
    line-height:normal;
    text-align: center;
    width: 150px;
    vertical-align: top;
}

hr {border: none;height: 1px;background: #CCC;margin:5px 0;}

/* gallery */
div#content > ul#gallery {margin:0px;}
div#content > ul#gallery > li {list-style:none; display:inline-block; line-height:18px; margin:0;}
ul#gallery > li > a {color:#666;overflow:hidden;border-radius:5px;text-decoration:none;font-size:12px;display:block;width:373px;height:92px;padding:5px;}
ul#gallery > li > a:hover {background:#D9EFAE;}
ul#gallery > li > a > img {float:left; margin:0 5px 0 0;}
ul#gallery > li > a > span > strong {font-size:14px; color:#000;width:228px; overflow:hidden; display:block;}
ul#gallery > li > a > span:hover {text-decoration:none;}

/* homepage */
table.members {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; width:100%;}
table.members tr > th {font-weight:bold; padding:10px; text-align:center;}
table.members tr:hover {background:#FFF;}
table.members tr > td {padding:0 5px; vertical-align:middle; text-align:center;}

/* links */
ul.links {padding:5px;}
ul.links > li {list-style:none; float:left; display:inline-block; line-height:18px; width:373px; height:80px; overflow:hidden;}
ul.links > li > a {font-weight:bold; font-size:14px;}
ul.links > li > span {font-size:12px;}

/* picture */
div#pic-description		{border:1px solid #E9E9E9;padding:15px; background:#F3F3F3; font-size:13px; margin:10px 0 0 0;border-radius:5px;margin:10px 0;}
div#pic-holder			{border:1px solid #CCC;padding:2px; background:#FFF;margin:0 auto; overflow:hidden;}
div#thumbnail-navigator	{padding:0 0 25px 0;background: url(../layout/thumbnail-navigator.png) no-repeat center bottom; margin:10px auto;text-align:center;}
div#thumbnail-navigator > div {display:inline-block;}
div#thumbnail-navigator > div.previous, div#thumbnail-navigator > div.next {width:408px;}
div#thumbnail-navigator > div.previous {text-align:right;}

div.comment > div.identity	{width:80px; float:left; padding:5px 0 0 0;}
div.comment > div.content	{margin:0 0 0 80px; min-height:80px; padding:5px 0 20px 0;}
div.comment > div.content textarea, div.comment > div.content input {font-size:13px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; border:1px solid #CCC; padding:3px;}

ul#tags {margin:10px 0;}
ul#tags > li {display:inline-block; margin:5px;}
ul#tags > li > a {background: url(../layout/tag_orange.png) no-repeat; padding:0 0 0 20px;}

table.details {width:100%;}
table.details td {padding:4px;}

div.adminOptions {display:inline-block;border:1px solid #FF0000;padding:5px;border-radius:5px;background:url(../layout/admin-background.png) repeat-x #FF0000;box-shadow:0 2px 4px #CCC;}
div.adminOptions a {color:#FFF; text-decoration:none;font-size:12px; background: url(../layout/bullet_red.png) no-repeat left; padding:7px 7px 7px 20px; display:inline-block;}

div#workspace {border:5px solid #FF9F9F; background:#F5F5F5; padding:10px; display:none;}

div#rating {height:50px; background:#FFF;text-align:center; padding:10px 0;display:none;position:absolute;color:#000;font-size:12px;
	    filter:alpha(opacity=70);
	    -moz-opacity:0.7;
	    -khtml-opacity: 0.7;
	    opacity: 0.7;
}
div#rating > strong {margin: 0 0 5px 0;display:block;}
div#rating > img {cursor:pointer;}
div#social-buttons {width:80px;position:absolute;float:right;display:block;}
div#social-buttons > div {display:block;float:left;width:65px;height:65px;margin:3px;text-align:center;}

table.crud {width:100%;}
table.crud tr:hover {background:#EEE;}
table.crud td {padding:6px 2px;}

a.add {border-radius:20px;background:#A6D64F;padding:10px;border:3px solid #A1CE4E;display:inline-block;color:#FFF;font-weight:bold;box-shadow:0 0 10px #CCCCCC;margin:4px;}