html { overflow-y: scroll; }
body{margin:0;padding:0;word-wrap: break-word;}

img{border:none;}

:active, :focus, input, button{outline: 0 none;}
a{text-decoration:none;color:#004BCC;transition: color 0.1s linear 0s;}
a:visited{text-decoration:none;color:#004BCC;}
a:hover{text-decoration:underline;color:#0A3B57;}
a:active{color:#02131C;}

.clear{display:block;overflow:hidden;clear:both;}
.clear-20{display:block;overflow:hidden;clear:both;margin-bottom:20px;}
.border{border:1px solid black;}

h1,h2,h3,h4,h5{margin:0;}

/* typography */
body{font-family:Verdana, Arial, Helvetica, sans-serif;color:#222;}

h1,h2,h3,h4,h5, .top-bar, .form-input, .form-submit, .pages, .categories-container, .appoint-or, .stories-sort a{font-family:Segoe UI, Segoe, Segoe WP, Tahoma, Arial, Helvetica, Verdana, sans-serif;font-weight:normal;}
/* typography end */

.page-content{overflow:hidden;padding-bottom:40px;}

/* top bar */
.top-bar{border-bottom:1px solid #DBDBDB;padding:5px;overflow:hidden;}

.top-bar-my-account{float:left;padding-right:10px;}

.top-bar-categories {}
.top-bar span{padding:0 5px;border-right:1px solid #DBDBDB;display:inline;}
.top-bar span a{padding:0 0 0 6px;display:inline-block;}

.top-bar .top-bar-width-limiter{height:21px;overflow:hidden;}

/* username button menu */
.username-button-menu{ background-color: #FAFAFA;left:10px;top:28px;box-shadow: 4px 4px 2px #777;position: absolute;z-index: 201;}
.username-button-menu a{display:block;padding:5px 8px;border: 1px solid #ACACAC;margin-left:-1px;margin-top:-1px;}
.username-button-menu a:hover{text-decoration:none;background-color:#d9d9d9;}

/* more categories button */
.more-categories-button{position:absolute;right:0;background-color:#FFF;padding:0 6px 0 12px;}

/* logo bar */
.logo-bar{overflow:hidden;border-bottom:1px solid #DBDBDB;}

.logo-bar-logo{float:left;margin:0 15px 0 5px;}

.logo-bar-ad{float:left;padding:5px;}

.logo-bar-search{float:right;padding-right:10px;}

/* side */
.side{width:300px;float:right;margin:5px;}

/* side search */
.side-search{overflow:hidden;padding-bottom:6px;}

.search-form .form-input{width:259px;}

.form-input{padding:3px;float:left;font-size:14px;height:20px;border:1px solid #ACACAC;background-color:#FFF;border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}

.form-submit{display:block;text-align:center;font-size:18px;color:#FFF !important;cursor:pointer;border:0;background-color:#3265F0;float:left;padding:4px;border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}
.form-submit:hover{text-decoration:none !important;background-color:#2A55C9;-webkit-box-shadow: 0 0 3px rgba(90, 90, 90, 0.35);-moz-box-shadow: 0 0 3px rgba(90, 90, 90, 0.35);box-shadow: 0 0 3px rgba(90, 90, 90, 0.35);}
.form-submit:active{background-color:#0d5de4;}
.form-submit img{padding:3px 7px 2px 7px;}

.form-submit-undo{background-color:#DB2C12;}
.form-submit-undo:hover{background-color:#C93A2A;}
.form-submit-undo:active{background-color:#E42A0D;}

.search-form .form-input{border-radius:3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px;}
.search-form .form-submit{height:20px;border-left-width:0;border-radius:0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;}

.form-input{      -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) inset;-moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) inset;box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) inset;}
.form-input:hover{-webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.35) inset;-moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.35) inset;box-shadow: 0 0 1px rgba(50, 50, 50, 0.35) inset;border-color:#999;background-color:#FCFCFC;}
.form-input:focus{-webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.50) inset;-moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.50) inset;box-shadow: 0 0 2px rgba(50, 50, 50, 0.50) inset;border-color:#2762CA;background-color:#FAFAFA;}

.form-row{margin:5px 0;overflow:hidden;}

.form-label{padding:3px;clear:both;}
.form-label label{font-weight:bold;}

.form-label .form-checkbox{margin-right:6px;}

.form-textarea, .form-select{height:auto;}

.form-input, .form-submit{
  transition-property: box-shadow, border-color, background-color;  
  transition-duration: 0.3s;  
  transition-timing-function: ease-in-out;
  -moz-transition-property: box-shadow, border-color, background-color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-property: box-shadow, border-color, background-color;  
  -webkit-transition-duration: 0.3s;  
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-property: box-shadow, border-color, background-color;  
  -o-transition-duration: 0.3s; 
  -o-transition-timing-function: ease-in-out;  
}

.form-input-inactive{color:#555;}

/* side logged */
.side-logged{float:right;margin:5px;max-width:150px;overflow:hidden;}
.side-logged a{display:block;float:left;padding:0 4px;}

/* side user */
.side-user{padding:4px;margin:2px 0;}
.side-user-name{margin-bottom:5px;}
.side-user-buttons{margin-bottom:5px;overflow:hidden;}

.side-user-buttons a{float:left;padding-right:5px;margin-right:5px;display:block;font-size:12px;}

/* side lang */
.side-lang{font-size:12px;padding:2px 5px 4px;overflow:hidden;}
.side-lang a{display:block;float:right;}
.side-lang a.side-lang-login{float:left;}

/* input validity status */
.validate-input-container{overflow:hidden;position:relative;}
.input-valid, .input-invalid, .loading{position: absolute;right:6px;top:6px;}
.loading{top:9px;}

/* side share button */
.side-share-button{padding-bottom:6px;overflow:hidden;}
.side-share-button a{padding:6px 0;width:300px;}

/* stories */
.stories{}

.stories-sort{padding:0 20px;overflow:hidden;margin-top:-1px;}
.stories-sort a{float:left;display:block;padding:6px;margin-right:6px;border:1px solid #DBDBDB;}
.stories-sort a.current-sort{background-color: #EEE;}


.stories-category{padding: 10px 25px;overflow:hidden;}

/* story item */
.story-item-outside{position:relative;overflow:hidden;}
.story-item{overflow:hidden;padding:8px 0; margin:0 6px;}

.story-item-votes{margin-top:3px;padding:5px;overflow:hidden;position:absolute;right:6%;/*bottom:20%;*/background-color:#FFF;border:1px solid #DBDBDB;
-webkit-box-shadow: 0 0 3px #DBDBDB;
-moz-box-shadow:    0 0 3px #DBDBDB;
box-shadow:         0 0 3px #DBDBDB;
border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
}
.story-item-votes-score{text-align:center;}

.story-item-outside .story-item-votes{display:none;}
.story-item-outside:hover .story-item{border:1px solid #D7D4FF;padding:7px 0; margin:0 5px;}
.story-item-outside:hover .story-item-votes{display:block;}
.story-item-votes-buttons a{display:block;float:left;padding:5px;}

.story-item-image{padding:0 5px;float:left;}
.story-item-image-inner{display:block;position:relative;}

.story-item-content{padding:0 5px;overflow:hidden;}
.story-item-title{padding:0 0 2px;}
.story-item-title span{padding-left:4px;font-size:14px;}
.story-item-stat{font-size:12px;margin-left:-7px;}
.story-item-shorttext{overflow:hidden;max-height:36px;padding-bottom:2px;}
.story-item-link{padding-bottom:4px;}

.story-item-stat span{padding:0 6px;border-left:1px solid #DBDBDB;display:block;float:left;}

a.other-site-link{font-size:15px;color:#858585;font-weight:normal;}
a.other-site-link:hover{color:#636363;}
a.other-site-link:active{color:black;}

.icon-play{position:absolute;right:5px;bottom:5px;}

/* overlay */
.overlay-catch{background:url("/images/transparent_black_25.png") top left repeat;width:100%;height:100%;z-index:400;position:fixed;left:0;top:0;}
.overlay-popup{border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;box-shadow: 0 0 10px #777;background-color:#FFF;z-index:401;position:absolute;padding:15px;top:50px;
/* center hack */
width:auto;left:50%;}

.overlay-popup-login{margin-left:-302px;width:575px;}
.overlay-popup-post{margin-left:-319px;width:608px;}

.overlay-inside{}

.overlay-close{position:absolute;right:10px;top:10px;cursor:pointer;}

/* custom alert */
.custom-alert-catch{background:url("/images/transparent_black_25.png") top left repeat;width:100%;height:100%;z-index:600;position:fixed;left:0;top:0;}
.custom-alert-popup{border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;box-shadow: 0 0 10px #777;background-color:#FFF;z-index:601;position:fixed;padding:15px 10px;top:40%;left:50%;width:400px;margin-left:-215px;}

.custom-alert-popup span{overflow:hidden;width:375px;display:block;line-height:22px;}

.custom-alert-close{position:absolute;right:10px;top:50%;margin-top:-8px;cursor:pointer;}

/* hover */
.hover-container{overflow:hidden;position:absolute;margin:2px 0 0 5px;padding:6px;background-color:#FFF;z-index:301;border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;box-shadow: 0 0 10px #777;}

/* user info in hover, and on user page */
.user-avatar{float:left;}
.user-info{float:left;padding-left:8px;font-size:16px;}
.user-info h1{font-size:20px;padding-bottom:2px;}
.user-info-buttons{font-size:12px;padding-top:2px;}

.user-info-buttons .form-submit{font-size:12px;margin-right:3px;}

.side-other-user{overflow:hidden;padding-bottom:10px;border-bottom:1px solid #DBDBDB;margin-bottom:10px;}

.side-other-user .user-info{width:200px;}

/* login/register */
.login-main{padding:10px 0 0 30px;}
.login-container{overflow:hidden;margin-top:20px;}

.login-container form{float:left;overflow:hidden;width:auto;}

.login-container .form-input{width:210px;}
.login-container .form-submit{padding:6px 0;width:218px;}

.login-or{float:left;font-size:40px;color:#777;padding:0 40px;}
.appoint-or{text-align:center;font-size:40px;color:#777;padding:10px;}

/* login message/inbox message */
.login-message, .inbox-message{padding:5px;margin:5px;text-align:center;border:1px solid #1B56E0;background-color:#F7F9FC;}
.login-message h3, .inbox-message h3{font-weight:bold;}

/* post */
.post-main{padding:10px 0 0 30px;}
.post-container{overflow:hidden;margin-top:20px;}

.post-container .form-input, .post-container .form-label{width:600px;}
.post-container .form-submit{padding:6px 0;width:608px;}

/* send message */
.send-container{overflow:hidden;margin-top:20px;}

.send-container .form-input, .send-container .form-label{width:600px;}
.send-container .form-submit{padding:6px 0;width:608px;}

/* forgot e-mail */
.email-main{padding-bottom:60px;}

.forgot-container{padding:10px 0 0 30px;overflow:hidden;margin-top:20px;}
.forgot-container .form-input, .forgot-container .form-label{width:440px;}
.forgot-container .form-submit{padding:6px 0; width:448px;}

/* user settings */
.settings-container{padding:10px 0 0 30px;overflow:hidden;}
.settings-container .form-input, .settings-container .form-label{width:440px;}
.settings-container .form-submit{padding:6px 0; width:448px;}
.settings-form{padding-bottom:10px;}

.current-avatar{float:left;margin:0 6px 0 2px;}
.choose-new-avatar{line-height:28px;}

/* pages */
.pages{float:left;margin:5px;clear:both;}
.pages li{float:left;list-style:none;margin:0 4px;}
.pages ul{padding:5px;margin:0;overflow:hidden;}
.pages a{cursor:pointer;padding:4px 6px;font-size:18px;background-color:#f4f4f4;border:#d9d7d7 1px solid;display:block;border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.pages a.paging-current{border:gray 1px solid;background-color:#c1cbf7;cursor:default;}
.pages a:hover{background-color:#e7e9f3;border:#666 1px solid;text-decoration:none;}

.paging-dots{float:left;display:block;margin: 0 2px;}

/* categories list */
.categories-container{padding-left:30px;}

.categories-container a{display:block;padding:5px 10px;}
.categories-container span{display:block;font-size:24px;padding:10px 5px;}

/* categories list new */
.categories-list-container{padding:5px 10px 5px 30px;}

.category{overflow:hidden;padding:8px 0; margin:0 6px;}
.category-content{overflow:hidden;padding:0 5px;}

.category:hover{border:1px solid #D7D4FF;padding:7px 0; margin:0 5px;}

.category .form-submit, .side-category .form-submit, .category-onhover .form-submit{font-size:14px;margin-top:4px;}

.category-desc{max-height:54px;overflow:hidden;padding-bottom:2px;}

.category-buttons{font-size:12px;overflow:hidden;margin-left:-7px;}
.category-buttons span{display:block;float:left;padding:0 6px;border-left:1px solid #DBDBDB;}

.category-edit{overflow:hidden;padding:2px 5px;}
.category-edit a{font-size:14px;}

.category-subscribe{overflow:hidden;}

.category-onhover{padding:6px;overflow:hidden;}

/* side category */
.side-category, .category-mods{overflow:hidden;margin-top:10px;border-top:1px solid #DBDBDB;padding: 2px 5px;}
.side-category h2, .category-mods h2{margin-bottom:5px;}
.side-category .category-desc{clear:left;margin-top:5px;}

/* side category mods */
.category-mods-list{}
.category-mods-list span{display:block;clear:left;padding:4px;}

.category-mods-buttons{font-size:12px;margin-top:5px;}

.mod-delete{margin-left:4px;}

/* friends list */
.friends-list-container{padding:5px 10px 5px 30px;}

.user{overflow:hidden;padding:8px 0; margin:0 6px;}
.user-content{overflow:hidden;padding:0 5px;}

.user:hover{border:1px solid #D7D4FF;padding:7px 0; margin:0 5px;}

/* comments */
.story-comments-container{overflow:hidden;padding-left:20px;}

.story-comments-reply{margin-bottom:10px;}
.story-comments-reply-text{/*width:600px;*/width:90%;}

.comment{overflow:hidden;margin-right:20px;padding:6px;}
.comment:hover{background-color:#F7FAFC;}

.comment-text{overflow:hidden;margin-bottom:5px;}
.comment-info{overflow:hidden;font-size:12px;}
.comment-info div{float:left;margin-right:5px;}
.comment-info-date{color:#444;}

.comment-info-thumbs-positive{color:green;}
.comment-info-thumbs-negative{color:red;}

.comment-right-thumbs{display:none;}

.comment:hover .comment-right-thumbs{display:block;}

.comment-like, .comment-dislike{display:block;overflow:hidden;float:left;padding:4px;}

.comment-hidden{color:#444;font-size:12px;}

/* button generator */
.button-info{padding-left:30px;}

.button-info-top{font-size:18px;margin-bottom:20px;}
.button-info-choose{margin-bottom:10px;}

.button-info-choose-item{float:left;overflow:hidden;padding:4px;}
.button-info-choose-item input, .button-info-choose-item label{float:left;padding:4px;}
.button-info-choose-item div{padding-bottom:6px;}

.button-info-bottom{overflow:hidden;clear:left;margin-top:10px;}

.button-info-bottom .form-input{width:450px;}

/* inbox */
.messages-container{padding:10px 0 1px 30px;overflow:hidden;}

.message{margin: 0 6px -1px 6px;overflow:hidden;border:1px solid #D7D4FF;}
.message:hover{background-color:#F7F7F7;}

.message-selected, .message-selected:hover{background-color:#EEE;}

.message-cont{margin:8px;overflow:hidden;}

.message-text{margin-bottom:8px;max-height:54px;overflow:hidden;}
.message-buttons{font-size:12px;overflow:hidden;margin-left:-4px;}
.message-buttons input{margin:0;padding:0;}
.message-buttons span, .messages-choice span{display:block;float:left;padding:0 6px;border-left:1px solid #DBDBDB;}

.message-expanded .message-text{max-height:none;}

.messages-choice{margin:20px 0 0 35px;overflow:hidden;}
.messages-choice-wrap{margin-left:-1px;overflow:hidden;}

.mod-hidden, .author-hidden{display:none !important;}

.multi-messages-controls{overflow:hidden;padding:8px;}
.multi-messages-select{float:left;}
.multi-messages-controls .form-submit{font-size:14px;margin-left:4px;}

.video-embed{padding:20px;}

/* faq */
.faq-list-container{padding:5px 10px 5px 30px;}

.faq-container{overflow:hidden;padding:10px 5px;}
.faq-question{}
.faq-answer{display:none;padding-top:5px;}

/* admin */
.admin{padding:5px 10px 5px 30px;}
.admin .form-submit{margin-right:5px;font-size:14px;}

.side-admin a{display:block;margin-bottom:10px;clear:left;width:290px;}

/* footer */
.footer-container{border-top:1px solid #DBDBDB;background-color:#FFF;}
.footer{margin:0 auto;line-height:18px;padding:10px 10px 45px;margin-left:-11px;position:relative;/*width:950px;*/font-size:12px;text-align:left;overflow:hidden;color:#555;}

.footer span{float:left;margin-right:8px;padding-left:8px;border-left:1px solid #DBDBDB;}
.footer span.footerCopyright{margin-right:30px;}

.footerFriends{clear:both;padding-top:10px;overflow:hidden;}