* { margin: 0; padding: 0; }
body { background: url("../images/body-bg.jpg") repeat-x scroll 0 0 #efefef; font-family: Verdana, sans-serif; font-size: 14px; color: #666666;   }
p { line-height: 19px; color: #626262; }
h1 { font-size: 23px; border-bottom: 1px solid #ececec; padding-bottom: 2px; margin-bottom: 10px; }
p { padding-bottom: 25px; }
img { border: 0; }
ul { margin-bottom: 25px; }
li { margin: 0 0 10px 35px; list-style-image: url(../images/bullet.png); padding: 0 0 0 3px; }
a { font-weight: bold; color: #556894; text-decoration: none; }
.paginator a:hover, .comment .right a:hover, #sidebar a:hover { border-bottom: 1px dashed #556894; }
td { vertical-align: top; padding: 2px 3px; border-spacing: 0px; }
input[type=text], textarea { width: 450px; padding: 3px; border: 1px solid #dadada; -moz-box-shadow: inset 0 0 5px #e3e3e3; -webkit-box-shadow: inset 0 0 5px #e3e3e3; box-shadow: inner 0 0 5px #e3e3e3; }
input[type=button] { padding: 2px 3px; }
textarea { height: 270px; }
input[type=submit], button { border: 1px solid silver; background: #EFEFEF; padding: 2px 5px; border-radius: 3px; box-shadow: 1px 1px 1px silver; }
fieldset { margin: 12px; padding: 8px; border: 1px solid #e8e8e8; background: #f6f6f6; }
legend { margin: 0 2px; padding: 0 0px; font-weight: bold; }
.hidden { display: none; }
.button { font-size: 10px; border: 1px solid #b5c3e7; padding: 2px 3px; background: white; border-radius: 3px; }
.button:hover { background: #E0E9FF; }
.notifycation { color: red; font-weight: bold; }

#wrapper { width: 1100px; margin: 0 auto; }

#loginForm input[type=text], #loginForm input[type=password] {
	width: 200px; padding: 2px; border: 1px solid silver;
}

#header { height: 65px; position: relative; z-index: 2; }
#header .logo { position: absolute; top: 14px; left: 15px;  }
#header .menu {
	position: absolute; right: 0; top: 28px; margin: 0; z-index: 2;
}
#header .menu li { float: left; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#header .menu li a { padding: 8px 15px; color: white; text-decoration: none; display: block; }
#header .menu li a:hover { color: #e0e0e0; }

#content {
	background: white; padding: 0; border-radius: 0 0 8px 8px; border: 1px solid #cfcfcf; border-width: 0 1px 1px 1px;
	margin-top: -9px; position: relative; z-index: 1;
}
#content .inner { width: 800px; float: left; margin: 15px 0 15px 15px; }
#sidebar { float: right; width: 230px; margin: 25px 5px 0 0; padding: 5px; font-size: 14px; }
#sidebar h2 { font-size: 16px; border-bottom: 1px dashed #e7e7e7; padding: 3px; margin: 0 0 5px 0; background: #f9f9f9; }
#sidebar .search { margin: 15px 0 0 0; }
#sidebar .search input[type=text] { width: 150px; }
.comment {
	 margin: 0 auto 25px auto; border: 1px solid #e2e2e2; border-radius: 5px; background: #fdfdfd;
}
.comment .header { padding: 0 5px; border-bottom: 1px solid #e2e2e2; background: url(../images/comment-header.gif); height: 27px; line-height: 27px;  border-radius: 5px 5px 0 0;  }
.comment .header img { vertical-align: text-bottom; }
.comment .header .date { font-size: 11px; }
.comment.highlighted { background: #e8ecff; border: 1px solid #8991c1; }
.comment.highlighted .header { background: #e1e4f4; border-bottom: 1px dashed #8991c1; }
.comment.bookmarked { border: 1px solid orange; }
.comment.downwoted .content { display: none; }
.comment .content { }
.comment .header span.buttons { float: right; }
.comment .header span img { vertical-align: middle; }
.comment .content img { max-width: 100%; display: block; margin: 10px 0; }
.comment .sodi { color: #FF7A00; }
.comment .bottom { border-top: 1px dashed silver;  padding: 5px; font-size: 10px;}
.comment .left { float: left; width: 120px; padding: 5px 0px 10px 0px; font-size: 10px; text-align: center; border-right: 0px dashed silver; text-align: left; line-height: 20px; }
.comment .left img { display: block; margin: 5px auto 10px auto; width: 100px; height: 100px; border-radius: 8px; }
.comment .right { float: right; padding: 10px 10px 5px 0; width: 660px; }
.comment .right .innerDiv { min-height: 95px; padding: 0 0 15px 0; overflow-wrap: break-word;}

.comment table { margin: 10px; background: #ebf1ff; font-size: 0.8em; border: 1px solid #cad9ff; }
.comment table td { padding: 8px;  }

.comment .quote {  margin: 12px 0; padding: 10px; border: 1px solid #e8e8e8; background: #f6f6f6; position: relative; }
.comment .quote .author { position: absolute; top: -9px; left: 10px; background: ; font-weight: bold; }
.comment .quote img { display: none; }
.comment .verified { color: blue; }
.comment .verified.recskaboy { color: #FF7A00; }
.comment .verified.freshman { color:   #5dade2; }

legend { margin: 0 2px; padding: 0 0px; font-weight: bold; }
.paginator { text-align: center; margin: 25px 0; }
.paginator .active { border: 1px solid silver; padding: 1px; }

.newComments { display: none; text-align: center; margin: 20px auto; width: 50%; padding: 10px; background: #fffbbb; border: 1px solid #f5eb4a; }
.notify { text-align: center; margin: 20px auto; width: 400px; padding: 10px; background: #e3efff; border: 1px solid #cee3ff; }

#window {
	display: none; position: fixed; top: 50%; left: 50%; margin: -100px 0 0 -250px; width: 500px; height: 200px; background: white; border-radius: 8px; border: 1px solid silver; z-index: 9999;
	padding: 15px;
}
#overlay { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: black; z-index: 9998; }
.farkarosszNote { background:#edf0fe; border: 1px solid #bac7ff; padding: 10px; margin: 0 auto 15px auto; width: 600px; text-align: left; }

.bottomDate { display: none; }

#navButtons { position: fixed; bottom: 10px; right: 5px; z-index: 3; }
#navButtons a { display: block; float: left; padding: 10px; }
#bookmarkButton { float: left; }

.signature { display: block; border-top: 1px dashed silver; font-size: 11px; padding-top: 5px; clear: both; color: #929292; }

.image { float: left; padding: 15px; }

input[type=text].hiddenField { height: 0; border: 0; padding: 0; margin: 0; display: block; }

#next-events span { font-size: 11px; }

.sodiIndicator { display: block; margin: 0 0 15px 0; text-align: center; }
.online { color: orange; }
.offline { color: silver; }

.userform {padding-top:1em;}
.userform label {display: inline-block; width: 120px; font-weight: bold;height:4em;vertical-align:top;}
.userform input {display:block; width:auto;}
.userform div.input {display: inline-block; width: 600px;}
.userform span.description {font-style:italic;font-size:0.9em}

.feedbacks {height:2em; vertical-align:middle;padding-top:1em;}
.feedbacks span.error {color: #FF1000; padding: 0.5em;font-weight:bold;}
.feedbacks span.message {color: #10A510; padding: 0.5em;font-weight:bold;}

div.votebutton {display:inline-block;width:50px;height:18px;vertical-align:middle}
div.upvote {background-image: url("../images/thumbs_up.png");margin-right: 5px;}
div.downvote {background-image: url("../images/thumbs_down.png");}
div.selected-vote {border: 2px solid #FF7A00;border-radius: 8px;}
div.dismissed-vote {opacity:25%;}
.active div.votebutton {cursor: pointer;}

.novote div.votebutton {display:none;}

.disliked {opacity:50%;}
.disliked .content {display:none;}

#darkmode-toggle {
	width: 22px;
}

a.sodiurl {
	color: #d70206;
}

a.sodipic {
	color: #d17905;
}