.hidden { position: absolute !important; top: -99999px !important; left: -999999px !important; overflow: hidden !important; width: 1px !important; height: 1px !important;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

img, a img {border: 0; }
a { color: #00f; background-color: transparent; cursor: pointer;  text-decoration: underline;}
p { margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; line-height: 1.2em; }
.fontbigger { font-size: 1.1em; line-height: 1.2em; }
.fontbigger-xl { font-size: 1.2em; line-height: 1.2em; }
.fontbigger-xxl { font-size: 1.4em; line-height: 1.2em; }
.fontbigger-xxxl { font-size: 1.6em; line-height: 1.2em; }
.fontsmaller { font-size: 0.95em; line-height: 1.2em; }
.fontsmaller-xs { font-size: 0.9em; line-height: 1.2em; }
.fontsmaller-xxs { font-size: 0.85em; line-height: 1.2em; }
.float_left { float: left; display: inline; margin: 0 20px 7px 0;}
.float_right { float: right; display: inline; margin: 0 0 7px 20px;}
ul, li { margin: 0; padding: 0; list-style-type: none; }
form { margin: 0; padding: 0; }
input, select, textarea {  vertical-align: middle; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.w40 { width: 50%}
.w50 { width: 50%}
.w60 { width: 50%}

.notice { color: #000; background-color: #edf3fd; padding: 8px 40px; margin: 0 0 1em 0; border-top: 1px solid #b2c7df; border-bottom: 1px solid #b2c7df; text-align: left; }
.notice.notice-big { font-size: 2em; line-height: 1em; padding-top: 1em; padding-bottom: 1em; }
.notice a { color: #000; background-color: transparent; }
.notice.ok { color: #000; background: #edffe1 url(../images/ico/ok.gif) no-repeat 15px 0.7em; border-top: 1px solid #bdd8bd; border-bottom: 1px solid #bdd8bd; }
.notice.warning { color: #000; background: #fdffcb url(../images/ico/warning.gif) no-repeat 15px 0.7em; border-top: 1px solid #fcd41d; border-bottom: 1px solid #fcd41d; }
.notice.error { color: #c33; background: #ffebe2 url(../images/ico/error.gif) no-repeat 15px 0.7em; border-top: 1px solid #fecfc1; border-bottom: 1px solid #fecfc1; }
.notice.idea { color: #000; background: #ffe0b2 url(../images/ico/lightbulb.png) no-repeat 15px 0.7em; border-top: 1px solid #f1ba69; border-bottom: 1px solid #f1ba69; }
.notice.ok.notice-big { background-image: url(../images/ico/ok-big.gif); padding-left: 75px;}
.notice.warning.notice-big { background-image: url(../images/ico/warning-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice.error.notice-big { background-image: url(../images/ico/error-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice.idea.notice-big { background-image: url(../images/ico/idea-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice-message { margin: 0 0 1.5em 0; border: 3px solid #ccc; font-size: 2em; line-height: 1.2em; text-align: center; padding: 1.5em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.ico { padding: 3px 0 3px 22px; position: relative; background-repeat: no-repeat; background-position: 0 0.3em; }
.ico.ico-information { background-image: url(../images/ico/information.png); }

.main2cols { width: 100%; clear: both; }
.main2cols_left { width: 520px; float: left; display: inline; }
.main2cols_right { width: 280px; float: right; display: inline; }

.cols_50 { width: 100%; clear: both; }
.cols_50_left { width: 400px; float: left; display: inline; }
.cols_50_right { width: 400px; float: right; display: inline; }

.cols_60_40 { width: 100%; clear: both; }
.cols_60_40_left { width: 460px; float: left; display: inline; }
.cols_60_40_right { width: 340px; float: right; display: inline; }

.cols_80_20 { width: 100%; clear: both; }
.cols_80_20_left { width: 580px; float: left; display: inline; }
.cols_80_20_right { width: 220px; float: right; display: inline; }


.button { background: #ddd; color: inherit; padding: 2px 10px; border: 1px outset #ccc; cursor: pointer; }
.buttonB { display: block; width: 100%; font-size: 2em; font-weight: bold; line-height: 2em; text-align: center; text-decoration: none; background: #ddd; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.buttonB.blue { background-color: #d9f0ff; color: #000; }
.buttonB.green { background-color: #ccf5cc; color: #000; }
.buttonB.yellow { background-color: #eedd82; color: #000; }

.titleA { color: #000; font-weight: bold; font-size: 2.1em; letter-spacing: -1px; line-height: 1.2em; text-align: center; }
.titleB { font-size: 1.4em; line-height: 1.2em; margin-bottom: 0.5em;}

.listA { margin: 0 0 0 0px; padding: 0 0 0 25px; list-style-type: decimal}
.listA li { margin-bottom: 0.6em; list-style-type: decimal;}
.listB { margin: 0; padding: 0; list-style-type: none;}
.listB li { margin-bottom: 2.5em;}


.fields { clear: both; width: 100%;}
.fields p { padding-left: 160px; }
.fields p.normal { padding-left: 0; }
.fields p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.fields p label, .fields p .label { float: left; display: inline; margin: 0.2em 0 0 -150px; }
.fields p.normal label, .fields p.normal .label, .fields p label.nolabel { float: none; margin: 0; }
.fielderror { display: block; color: #c00; background-color: transparent; font-size: 11px; font-weight: normal; line-height: 1.2em; padding: 0.2em 0 0.5em 0;}
.fieldbox { padding: 1px 4px; }
.fieldbox.wide { width: 93%; }
.form-actions { margin-top: 1em; }

.tabs { width: 100%; height: 31px; overflow: visible; border-bottom: 1px solid #666; padding-left: 12px; margin-bottom: 1em; }
.tabs li { float: left; display: inline; font-weight: bold; }
.tabs li a { float: left; display: inline; margin-left: -1px; border: 1px solid #8c8c8c; border-bottom: 0; text-decoration: none; padding: 0 12px; line-height: 30px; background-color: #d1d1d1; color: inherit;}
.tabs li a:hover { background-color: #f0f0f0; color: inherit; }
.tabs li.current a { background-color: #fff; color: inherit; border-bottom: 1px solid #fff; }

.upload-progress-bar { border: 1px solid #060; padding: 1px;}
.upload-progress-bar-percent { height: 12px; overflow: hidden; width: 0%; background-color: #0c0; color: inherit; }

/* */

.avatar-small { vertical-align: middle; }

.pages-navigation { margin: 1em 0; line-height: 1.5em; position: relative; width: 100%; text-align: center; font-weight: bold;  }
.pages-navigation a.prev { position: absolute; left: 0; background: url(../images/ico/prev.png) no-repeat 0 50%; padding: 0 0 0 22px;  }
.pages-navigation a.next { position: absolute; right: 0; background: url(../images/ico/next.png) no-repeat 100% 50%; padding: 0 22px 0 0;  }

.grid-thumbs { margin: 0 0 0 -20px; padding: 0; list-style-type: none; }
.grid-thumbs li { float: left; display: inline; margin: 0 0 20px 20px; width: 190px; height: 120px; overflow: hidden; }
.grid-thumbs li a { display: block; width: 190px; height: 120px; background: #e1e1e1; color: inherit; }

.photo-title { font-weight: bold; font-size: 2em; line-height: 1.2em; margin: 0.5em 0; }
.photo-options { margin-bottom: 0.5em; }
.photo-options li { float: left; display: inline; margin-right: 15px;}
.photo-options li a { color: #666; background-color: transparent; }
.photo-image { margin-bottom: 1em; }

.user-info { padding: 0 0 0 75px; }
.user-info .avatar-medium { float: left; display: inline; margin: 0 0 0 -75px; }
.user-info .author { display: block; font-size: 1.5em; line-height: 1.2em; }
.user-info .time { display: block; font-size: 0.9em; line-height: 1.2em; margin: 0.5em 0 0 0; }

.home-image img { width: 460px; }

.photo-description { overflow: hidden; }

.simple-text h1 { text-align: center; font-size: 1.6em; margin: 1.5em 0;}
.simple-text h2 { font-size: 1.1em; margin: 1em 0; font-weight: bold; }

.comments-holder { margin-top: 3em; }
.comments-holder .comments-title { font-weight: bold; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.5em;}
.comments-holder li, .comments-holder form { padding: 10px 10px 10px 60px; margin: 0 0 1.5em 0; background-color: #eee; }
.comments-holder form { margin-bottom: 0; background-color: #eee; color: inherit; }
.comments-holder .avatar-holder { float: left; display: inline; margin: 0 0 0 -50px; }
.comments-holder .comment-metainfo { color: #666; background-color: transparent; font-size: 0.95em; }
.comments-holder .comment-permalink { float: right; display: inline; font-size: 0.95em; }
.comments-holder .comment-permalink a { color: #666; background-color: transparent; }
.comments-holder label { color: #333; background-color: transparent; }
.comments-holder .comment-text { margin-top: 1em; font-size: 1.1em; line-height: 1.2em; }

.user-gallery-thumbs { margin-top: 0.5em; }
.user-gallery-thumbs .title { margin-bottom: 0.5em; }
.user-gallery-thumbs img { width: 80px; height: 80px; }
.user-gallery-thumbs li { float: left; display: inline; margin-top: 4px; }
.user-gallery-thumbs li.next { float: right; }
.user-gallery-thumbs li.current { margin: 0 0 0 16px; }
.user-gallery-thumbs li.current img { border: 4px solid #67cc34; }