/* -------------------------------------------------------------- 
   reset some stuff
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;
	font-size: 100%;font-family: inherit;vertical-align: baseline;}
/*--------------------------------------------*/
/*         body and basic layout              */
/*--------------------------------------------*/
body {line-height:1.5;font-size:62.5%;height:100%;font-family: Arial, Verdana, sans-serif;}
#main{min-width:750px;}
#header, #content, #footer{clear:both;border-color:#c8c8c8;}
#header, #content, #footer{zoom:1;} /* ie. blah. - give these all "layout" */
/*--------------------------------------------*/
/*     elements and some general classes      */
/*--------------------------------------------*/
a, input.image{outline: none;}
a, a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0px;}
h1 {font-size:3.0em;}
h2 {font-size:2.0em;padding-bottom:5px;font-weight:normal;}
h3 {font-size:1.6em;padding-bottom:4px;font-weight:normal;}
h4 {font-size:2.0em;padding-bottom:5px;font-weight:normal;}
ul {list-style:none;}
p.help {font-size:1.2em;}
hr {background-color:#c8c8c8;border:none;}
.bookmarklet-section {}
.bookmarklet-holder {margin-top:20px;}
.bookmarklet-holder .bookmarklet {font-size:1.4em;color:#1e1e1e;text-decoration:underline;
                                  padding:5px 15px 5px 30px;
                                  background:url(/images/icons/famfamfam/book_add.png) no-repeat 13px 5px;
                                  background-color:#ccc;border:3px double #969696;}
.dulled {color:#c8c8c8;}
/*--------------------------------------------*/
/*         forms in general                   */
/*--------------------------------------------*/
form .heading-notes {font-size:1.4em;}
form h4 {}
form ul {}
form li {margin-bottom:10px;}
form label {display:block;font-size:1.4em;color:#1e1e1e;}
form label .label-help {font-size:0.75em;color:#969696;}
form .text,
form textarea {border:1px solid #c8c8c8;font-family:inherit;}
form .text {width:35.5em;font-size:1.2em;padding:3px;}
form textarea {width:40em;height:8em;font-size:1.2em;padding:3px}
form input.submit {}
form input.submit:hover {}
form .form-help {}
form .formError{display:inline;color:#f00;font-size:.75em;}
form .error{}
form .error input.text {}
.form-holder {}
.single-form {}
.form-help, .allowed-html-help {font-size:1.0em;color:#969696;}
/*--------------------------------------------*/
/*               header                       */
/*--------------------------------------------*/
#header {}
#header a {}
#header span {}
/*  user header */
.user-header {font-size:1.2em;text-align:right;padding:1px 10px;}
.user-header ul, .user-header li {display:inline;}
.user-header li {padding-left:10px;}
#header .user-header .user-karma {padding-left:0px;}
.user-header .user-link a,
.user-header .user-link span {}
.user-header .logout-link a {}
.user-header .logout-link,
.user-header #my_account_link {}
.user-header #login_or_register_link a,
.user-header #login_or_register_link span {}
/* title bar */
.title-bar {padding:0px 15px;}
.title-bar .logo {display:inline;}
.title-bar .logo img {margin:10px 5px 0px 0px;}
.title-bar .title {}
.title-bar .title a {}
.title-bar .subtitle {}
.title-bar a:hover {text-decoration:none;}
/*  menus */
.menu {position:relative;padding:0px 10px;font-size:1.4em;overflow:hidden;
       border-style:solid;border-width:1px 0px;padding:0px 0px;}
.menu {zoom:1;}
.menu ul {}
.menu li {float:left; margin-right:8px;border-right-style:solid;
          border-right-width:1px;margin-right:0px;}
.menu li a {display:block;padding:1px 15px 2px 15px;}
.menu li a:hover {text-decoration:none;}
.menu li.current a {}
/*--------------------------------------------*/
/*        content                             */
/*--------------------------------------------*/
.content {line-height:1.2;background-color:#fff;min-height:400px;overflow:auto;
          padding:10px 10px 20px 10px}
* html .content{overflow:visible;height:400px;}
.content a {}
.sidebar-column {float:right;margin-top:5px;margin-left:10px;overflow:hidden;position:relative;
                 z-index:10;}
.sidebar-column iframe.sidebar {}
.sidebar-column .sidebar-ads {width:160px;margin-top:4px;}
.search-form {text-align:right;margin-bottom:10px;}
.search-form .text {width:167px;vertical-align:bottom;}
.search-form .image {border:1px solid #eee;padding:2px;vertical-align:bottom;}
/* sidebar category nav */
.categories-nav {width:200px;padding:4px 0px 6px;}
.categories-nav .categories-nav-heading {font-weight:bold;color:#646464;padding:0;
                                         border-bottom:2px solid #c8c8c8;font-size:1.6em;}
.categories-nav ul {padding-top:2px;font-size:1.2em;}
.categories-nav li {padding:2px 0px;}
.categories-nav li a{color:#0072bc;text-decoration:underline;}
.categories-nav li.current {font-weight:bold;}
.categories-nav li.current a {color:#1e1e1e;text-decoration:none;}
/*--------------------------------------------*/
/*        category pages                      */
/*--------------------------------------------*/
.category-header {border-bottom:2px solid #c8c8c8;position:relative;overflow:hidden;
                  padding-right:150px;margin:3px 5px 10px}
.category-title {padding:0px;font-weight:bold;color:#646464;}
.category-sub-nav {position:absolute;top:1px;right:1px;font-size:1.2em;}
.category-sub-nav li {padding:0px;float:left;border-left:1px solid #969696;margin:1px 0px;color:#1e1e1e;}
.category-sub-nav li.first {padding-left:0px;;border-left:none;}
.category-sub-nav li a {padding:0px 6px;color:#0072bc;text-decoration:underline;}
.category-sub-nav li.current a{font-weight:bold;color:#1e1e1e;text-decoration:none;}
/*--------------------------------------------*/
/*        alert bar                           */
/*--------------------------------------------*/
.alert-bar {padding:10px 10px;text-align:center;font-size:1.4em;}
.alert-bar .error,
.alert-bar .notice {position:relative;padding:3px 25px;color:#383838;border:1px solid;}
.alert-bar .error .alert-icon,
.alert-bar .notice .alert-icon {}
.alert-bar a {color:#59a5f5;font-weight:bold;text-decoration:underline}
.alert-bar .error {border-color:#c03000;background:#e9b7a6;}
.alert-bar .error .alert-icon {}
                                      
.alert-bar .notice {border-color:#ffe53e;background:#fffbbe;}
.alert-bar .notice .alert-icon {}
/*--------------------------------------------*/
/*        items and comments                  */
/*--------------------------------------------*/
.modders {height:28px;width:13px;float:left;position:relative;margin-right:0.5em;top:2px;}
.modders .modder {position:absolute;width:13px;height:13px;background-repeat:no-repeat;
                  background-position:0 -26px;}              
.modders .modder:hover {background-position:0 -13px;}   
.upmodded .modders .upmod,
.downmodded .modders .downmod {background-position:0 0;}                                 
.modders .upmod {}
.modders .downmod {top:15px}
.actions, .actions li {display:inline;}
.actions {}
.actions a {padding:0px 3px;background-color:#f8f8f8;color:#646464;margin-right:3px;}
.info-line {font-size:1.1em;color:#969696;}
.info-line a {color:#646464;}
.text {line-height:1.2em;font-size:1.3em;color:#1e1e1e;margin-bottom:-0.2em;}
.text p {margin-bottom:0.6em;}
.text p.first {}
.text a {text-decoration:underline;color:#969696;}
.text a:hover {color:#1e1e1e;}
.text em {font-weight:bold;}
.text blockquote {margin-left:0.7em;padding-left:0.7em;border-left:1px solid;}
.text pre {font-family:Courier, monospace;padding-left:0.7em;}
.text pre br, .text blockquote br {display:none;}
.text pre p, .text blockquote p {margin:none;}
/*--------------------------------------------*/
/*                items                       */
/*--------------------------------------------*/
.items {margin:0px -10px;}
.item {position:relative;clear:left;padding:5px 3px;overflow:hidden;}
.show-item .item {margin-left:0.5em;}
.odd-item {}
.even-item {}
.item, .item-content {zoom:1;} /* hasLayout again. */
.item-content {overflow:hidden;}
/*   numbers  */
.item .number {float:left;font-size:1.4em;text-align:right;color:#c8c8c8;font-weight:bold;
               padding-top:0.1em;min-width:1.7em;width:auto !important;width:1.7em;
               margin:0 0.2em 0 0.1em;}
/* up and down mod buttons */
.item .modders {}
.item .modders .downmod {}
/*  the thumbnail */
.item .thumb {float:left;margin-right:0.5em;}
.item .thumb img {width:75px;height:75px;}
/* the item title and domain */
.item .title-line {position:relative;}
.item .title-line .title a {font-size:1.6em;}
.item .title-line .title a:hover {}
.item .title-line .title a:visited {}
.item .title-line .domain {font-size:1.0em;color:#969696;padding-left:4px;}
/* item description */
.item .description {color:#565656;padding-left:0.2em;}
/* the item info line with action buttons */
.item .info-line {}
.item .info-line .points {}
.item .info-line .points .point-number {}
.item .info-line .posted-by {}
.item .info-line .date {}
.item .info-line .actions {}
.item .info-line .actions a {}
.item .info-line .actions .comment-link {}
.item .info-line .actions .edit-link {}
.item .info-line .actions .delete-link {}
/* item with thumb */
.items .has-thumb {}
/* items without modders */
.items .unmoddable {}
.show-item .unmoddable {}
/* previous next buttons */
.previous-next-links {font-size:1.2em;margin:10px 12px;clear:left;}
.previous-next-links a {color:#646464; background-color:#f8f8f8;padding:0px 5px;}
.previous-next-links .previous-link {}
.previous-next-links .next-link {}
/*--------------------------------------------*/
/*                comments                    */
/*--------------------------------------------*/
/* the comment forms */
.item-comment-form {margin:0px 0px;clear:left;}
.comment-form {padding:10px 10px 0px 10px;background-color:#f8f8f8;margin-top:6px;float:left;}
.comment-form textarea {height:6em}
.comment-form .cancel-link {font-size:1.2em;margin-left:4px;text-decoration:underline;color:#646464;}
.comment-form .cancel-link:hover {color:#1e1e1e;}
/*  the comment list */
.comments {position:relative;clear:left;}
.comment {clear:left;position:relative;overflow:hidden;padding-right:10px;margin-top:4px;}
* html .comment {zoom:1;} /* ie6. argh. http://haslayout.net/css/nocontent */
.comment-content {position:relative;margin-top:10px;z-index:10;}
.comment-data {overflow:hidden;}
.comment a {}
/* modders */
.comment .modders {}
.comment .modders .modder {}
.comment .modders .upmod {}
.comment .modders .downmod {}
/* info line with collapser */
.comment .info-line {line-height:1.2em;padding:1px 22px 1px 0px;}
.comment .info-line .collapser {}
.comment .info-line .points {}
.comment .info-line .posted-by {}
.comment .info-line .date {}
.comment .info-line .child-count {display:none;}
/* text of comment */
.comment .text {}
/* actions */
.comment .actions {}
.comment .actions a {}
.comment .actions .permalink a {}
.comment .actions .reply-link a.reply-button {}
.comment .actions .edit-link a {}
.comment .actions .delete-link a {}
.comment .reply-form {display:none;}
.comment .comment-children {margin-left:20px;}
/*  a comment being replied to */
.replying .text {}
.replying .comment-form {}
.replying .actions {display:none;}
.replying .reply-form {display:block;}
/*  a collapsed comment */
.collapsed .text, 
.collapsed .modders,
.collapsed .actions,
.collapsed .comment-children,
.collapsed .reply-form {display:none;}
.collapsed {}
.collapsed .info-line {}
.collapsed .info-line .child-count {display:inline;}
.collapsed .info-line .collapser {background-position:0px -11px;}
.collapsed .info-line .points {}
/* the root comment on a page of all comments */
.root-comment .actions .parent-link a {border-left-width:0px;padding-left:0px;}
.on-item a {color:#646464;}
/*--------------------------------------------*/
/*                user pages                  */
/*--------------------------------------------*/
.user-menu {font-size:1.2em;margin-top:5px;}
.user-menu li a {text-decoration:underline;color:#969696;}
.user-menu li a:hover {color:#1e1e1e;}
.users {margin:5px 25px;font-size:12px;float:left;}
.users a {color:#646464}
.users .user {position:relative;padding:2px 4em 0px 0px;}
.users .even {background-color:#e8e8e8;}
.users .user .karma {position:absolute;right:0px;}
/*--------------------------------------------*/
/*        sidebar content                     */
/*--------------------------------------------*/
#sidebar_content {font-size:1.4em;text-align:left;}
/*--------------------------------------------*/
/*        user form                           */
/*--------------------------------------------*/
#update_user_form input.text {width:280px;}
/*--------------------------------------------*/
/*        footer                              */
/*--------------------------------------------*/
.footer {text-align:center;padding:6px 0px;position:relative;min-height:20px;height:auto !important;height:20px;}
.footer-links li {font-size:1.1em;display:inline;margin-right:0.7em;
                  padding-left:0.7em;border-left:1px solid;}
.footer-links .first {border:none;padding-left:0;}
.footer-links .last {margin-right:0}
.footer-links a {color:#1e1e1e;text-decoration:underline;}
.footer-links a img {vertical-align:bottom;}
.powered-by {position:absolute;right:0px;top:2px;padding:5px;}
.powered-by iframe {vertical-align:middle;}
/*--------------------------------------------*/
/*        item forms                          */
/*--------------------------------------------*/
#item_form li {clear:left;}
.item-try-it, .image-mode-toggle a {color:#646464;background-color:#f8f8f8;}
.item-try-it {padding:0px 5px;}
.image-mode-toggle {margin:5px 0px;}
.item-image-li .image-mode-url {display:none;}
.in-url-mode .image-mode-upload {display:none;}
.in-url-mode .image-mode-url {display:block;}
/*--------------------------------------------*/
/*        admin                               */
/*--------------------------------------------*/
.admin-box {margin-top:20px;}
.admin-box .ban-form {margin-top:5px;}
.admin-box .ban-form input {margin-top:5px;}
.admin {padding-top:10px;border-top:1px solid #c8c8c8;margin-top:10px;clear:left;}
.admin-help {padding:0px 0px 5px;font-size:1.2em;}
.admin h5 {font-size:1.6em;font-weight:bold;margin-bottom:10px;}
.admin table {font-size:1.2em;text-align:left;margin-bottom:10px;border-right:1px solid #afafaf;}
.admin table th, .admin table td {padding:4px 8px;}
.admin table thead a {color:#3e879e;}
.admin table thead td {border:1px solid #afafaf;border-width:1px 0 1px 1px;
                       background-color:#e6e6e6;font-weight:bold;color:#383838;}
.admin table tbody .odd {background-color:#fff;}
.admin table tbody .even {background-color:#fafafa;}
.admin table tbody td {color:#969696;border-left:solid #afafaf 1px;border-bottom:1px solid #afafaf;
                       font-weight:normal;}
.admin table tbody td a {color:#454545;}
.admin table tbody td.actions a {font-weight:bold;color:#fe6600;}
/*  pagination */
.pagination {margin:0px 0px 10px 0px;font-size:1.2em;font-weight:bold;}
.pagination a, 
.pagination span {border:1px solid #afafaf;padding:2px 5px;background-color:#fefefe;color:#454545;}
.pagination a:hover, 
.pagination span.current {background-color:#afafaf;color:#fff;border:1px solid #afafaf;}
.pagination .disabled {color:#969696;}
/*--------------------------------------------*/
/*        widgets page                        */
/*--------------------------------------------*/
.widget .widget-code,
.widget .widget-preview {float:left;}
.widget .widget-preview h3 {padding-left:10px;}
.widget .widget-code p {font-size:1.2em;padding-bottom:2px;color:#969696;}
.widget .widget-code {width:400px;}
.widget .widget-code textarea {width:400px;height:100px;border:1px solid #c8c8c8;overflow:none;}
.widget-preview {margin-left:15px;}
.widget-preview h3 {padding:0px 5px;}
.widget-preview iframe {height:500px;width:300px;border:none;}