* { outline: none; 	margin: 0; }

html, body {
	height: 100%;
}

body {
font-family: Helvetica, Arial, Georgia, serif;
font-size: 14px;
line-height: 1.4;
color: #000;
margin: 0;
margin-bottom: 50px;
padding: 0;
background: #fff;
}

#wrapper {
width: 600px;
background: white;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -81px; /* the bottom margin is the negative value of the footer's height */
}
#innerwrapper { padding: 25px 0}

#mentions { cursor: pointer }

#thread{margin-bottom: 50px}

.mediabox { max-width: 600px; height: auto; margin: 20px 0}

.alert { width: 560px; padding: 20px; background: #feffdf; margin-bottom: 35px }
.alertmini { width: 170px; padding: 10px; background: #feffdf; margin-bottom: 35px }
.alert a, .alert a { background: #ffed27; color: #000; padding: 2px 5px}
.alert h3 { color: #191919 !important; margin-bottom: 10px }

.border { border: 5px solid #1a1a1a; padding: 5px }
.pushit { margin-right: 10px; margin-bottom: 20px }

#user_box_interests { margin-top: 0px }

#user_box { width: 560px; padding: 20px; background: #feffdf; margin-bottom: 35px }
#room_box { width: 170px; padding: 10px; background: #feffdf; margin-bottom: 35px }
#room_box a { color: #000; font-weight: bold }

.error { color: red; font-size: 12px; }

.signup_big { padding: 70px 0; width: 600px; position: absolute; margin: 0 auto; top: 36px; text-align: center; }
.signup_big_info { position: relative; margin: 0 auto; margin-top: 200px; width: 570px; }
.login_big_info { position: relative; margin: 0 auto; margin-top: 200px; width: 400px}
.signup_box { float: left; width: 170px; }


hr { border: 2px solid #1a1a1a; background: transparent; margin: 30px 0}

#header {
	padding: 0px 0 20px 0;
	color: #bbb;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc; 
}

.footer, .push {
	height: 80px; /* .push must be the same height as .footer */
}

.footer {
	width: 600px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 12px;
	color: #000;
	border-top: 1px solid #ccc; 
}

.footer a {
	font-size: 12px;
	color: #000;
}


/*#header a { font-size: 12px; color: #f9f9f9; font-weight:bold; text-shadow: #000 1px 1px 1px !important; }*/
#header a { font-size: 12px; color: #000; font-weight:bold; }


#header a:hover { color: #B81C55; font-weight:bold; }

h1 {
font:1.2em 'Helvetica', Arial, sans-serif;
font-weight:bold;
color:#000;
margin: 20px 0;
}



h5 {
font:1.2em 'Helvetica', Arial, sans-serif;
font-weight:bold;
color:#000;
margin: 0;
line-height: 1.3;
}

h6 {
font:1.2em 'Helvetica', Arial, sans-serif;
font-weight:bold;
color:#000;
margin: 0;
margin-top: 1px;
margin-bottom: -23px;
padding: 0;
}

h2 {
font-weight:normal;
}

h3 {
font:2.6em 'Helvetica', Arial, sans-serif;
font-weight:bold;
letter-spacing: 0px;
color:#000;
margin: 0;
color: #1a1a1a;
}

h4 {
font:1.2em 'Helvetica', Arial, sans-serif;
font-weight:bold;
color:#000;
margin: 10px 0 10px 10px;
}


.deactive { color: #a8a8a8 !important; font-weight: normal }
.active { color: #ff0000 !important; font-weight: bold }

.more{position: absolute; width: 600px; text-align: center; background: #f4f4f4; cursor: pointer }

.toggle {
font:12px 'Helvetica', Arial, sans-serif;
font-weight:bold;
color:#000;
margin: 0;
max-width: 300px
}

.borderbox { border: 1px solid #d8d8d8; padding: 20px; margin: 20px 0;}

/* INDEX */
#latest_activity { width: 390px; }
.author_content_index { width: 535px; padding: 10px; }
#interest_box { margin-left: 20px; width: 190px }
.bobble { font-size: 12px; background: url("../img/bobble.gif") repeat-x; padding-top: 10px; color: #bbb; height: 36px; display: block; width: 100%; margin-bottom: 10px; color: #f9f9f9; font-weight:bold; text-shadow: #000 1px 1px 1px !important; }

.bobbleG { font-size: 12px; background: #e7e7e7; padding-top: 10px; color: #bbb; height: 36px; display: block; width: 100%; margin-bottom: 10px; color: #000; font-weight:bold; }


.bobble_content { width: 100%; }
.gap { display: inline; width: 10px; }
.interesting_link { font:1.0em 'Helvetica', Arial, sans-serif; font-weight: bold; color:#000 !important; margin: 0; line-height: 1.3; }


/* COMMENT */
.commentwrap { margin: 0 0 15px 0; }

.author_img { width: 35px; height: 35px; padding: 10px 0;}
#author_content { width: 555px }
/*#author_content a { color: #a2ff00; text-decoration: underline }
#author_content a:visited { color: purple } */
.author_link { font:14px 'Helvetica', Arial, sans-serif; font-weight:bold; color:#000 !important; margin: 0; line-height: 1.3; }

.bottombox { color: black; background: #fff; padding: 5px 10px; font-size: 12px; float: right; margin-top: -7px; visibility: hidden }


#member {
margin-top: 4px;
float: right;
font-family: Arial, sans-serif; font-size: 0.9em;
}

.title { display: block; }


#logo {
float: left;
}

#uploadprofile {
	height: 100px;
}

.gap { display: block; height: 25px;}
.content {display: inline; margin-left: 0px;}
.content a { color: #ff0047 }
.content a:hover { color: #8e0027; text-decoration: underline }
.content a:visited { color: purple; }

#profileImage {
	margin: 15px 0 0 0;
	width: 35px;
	height: 35px;
	padding: 4px;
	border: 1px solid #d8d8d8;
}

/* 
#qonverheader {
	border: 1px solid #dfdfdf;
	padding: 20px;
	background: #fff;
	margin: 20px 0;
}
*/

a:active {
opacity:0.5;
}


.intro_big { font-size: 35px; color: #000 !important; font-weight: bold}
.intro_sec { font-size: 25px; color: #000 !important; font-weight: bold}

#discussions {
	margin-top: 40px;
}


#qonverheader {
	margin: 0 0 30px 0;
}


#qonvericon {
	width: 75px;
	height: 75px;
	margin-right: 20px;
}

#qonvericon img { width: 75px; height: 75px; }

#qonvertitle {
	font-weight: bold; text-align:center;
	}

.qonverurl { background: #1a1a1a; color: white; font-weight: normal; padding: 10px }

#qonverdesc {
	margin-top: 20px;
}

.qonverdesc {
}

#qonverstarter {
	margin-top: 20px;
	font-size: 12px;
	color: #000;
	font-family: Arial, sans-serif;
}


#bookmarklet, .bookmarklet {
	background: #B81C55; color: white !important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold
}

.time {
	font-family: Arial, sans-serif; font-size: 0.8em;
	color: #999;
	margin-bottom: 20px;
}

.time_start {
	font-family: Arial, sans-serif; font-size: 12px;
	line-height: -10px;
	color: #999;
	margin-top: -4px;
}


.author_box { width: 150px; }
.content_box { width: 450px; }


.count { font-size: 0.9em; background: #000; color: white; display: inline; float: right; padding: 1px 5px; margin-top: -1px; margin-right: 0px; -webkit-border-radius:8px; -moz-border-radius:8px;}

.clear { clear: both }

a img { border: 0; outline: none; }
a { color: #555; text-decoration: none; }
a:hover { color: #000; }
a:active { color: #333; }


.tagcloud { margin-top: 2px; float: left; margin-left: 10px; font-family: Arial, sans-serif; font-size: 12px}
.tag { font-size: 1.0em; margin-right: 1px; color: #c1c1c1; }
.row { background: #fff; border-top: 1px solid #e8e8e8; }


ul { margin: 20px 0 40px 0; padding: 0}
li { display: block; list-style: none; margin: 0; padding: 0; }

li a:visited { color: #999; }

li.start { padding: 4px; }
li.odd { background: #fff; border-top: 1px solid #e8e8e8; }
li.even { background: #fff; border-top: 1px solid #e8e8e8; }
li.room { margin-top: 30px; padding-left: 0px; }

.roomcontentbubble { width: 23px; height: 7px; position: absolute; margin-top: -7px; margin-left: 3px; display: block; background: url("http://qonversation.com/lib/img/bubble.gif") no-repeat top left; }
.roomcontent { background: #fff; border: 1px solid #d8d8d8; margin: 7px 0 15px 0; -webkit-border-radius:4px; -moz-border-radius:4px; }
.roomcontentpad { padding: 15px; }

.front { width: 390px; display: block; height: 1px }

h5 a {
float: left;
color:#000 !important;
text-decoration: none;
margin: 0;
margin-right: 15px;
}

.float_r { float: right }
.float_l { float: left }


.dis_to_dis { background: #fffec6; margin: 00px 0px 20px 150px; width: 428px; padding: 10px; }
.respond { cursor: pointer }

input[type="text"], input[type="password"], textarea {
	border:1px solid #ccc;
	padding: 5px;
	background:#fff;
	line-height: 1.5;
	color:#000;
	vertical-align:middle;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
}


input[name="search"] {
	border:1px solid #ccc;
	padding: 5px;
	width: 178px;
	margin-top: 10px;
	margin-bottom: 4px;
	background:#fff;
	line-height: 1.5;
	color:#000;
	vertical-align:middle;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
}

.booktitle { font-size: 20px; font-weight: bold }
.smalltext { font-family: Arial, sans-serif; font-size: 12px; }
.smalltime { font-size: 11px; }

small { font-size: 12px; line-height: 10px !important}

input[name="title"] { width: 588px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 11px; }
input[name="media"] { width: 588px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 11px; }
input[name="userurl"] { width: 588px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 11px; }

input[name="inputString"]  { width: 100px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 11px; }
input[name="tags"] { width: 588px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 11px; }
textarea { width: 588px; height: 100px; color:#000; margin-bottom: 10px; }

.tinyarea { }

.edit textarea { margin: 5px 10px 10px 10px; width: 310px !important; }
input.edit{ margin-left: 20px; }

input[type="text"]:focus, textarea:focus {
/*	border:1px solid #ecc765;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#fffedd;
	color:#666;
	vertical-align:middle;
*/
}
a#add { font-weight: bold; margin: 8px; font-size: 17px; cursor: pointer; color: #1a1a1a}

.plus { margin-left: 0px; margin-top: 0px; padding: 2px 6px; display: block; cursor: pointer; background: #eee; -webkit-border-radius:4px; -moz-border-radius:4px; }
.interestbox { cursor: crosshair; background: #e8e8e8; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom: 3px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 5px; margin-right: 2px; float: left; font-size: 0.8em; }

#interestboxes { width: 550px; background: yellow}
#uploadbutton { cursor: pointer; }
#uploadloader { position: absolute; margin-top: 0px;}
#resultImage img { margin-top: 20px; }

.replybox-wrapper-hfix				{ height: 81px;}
.fixposition #replybox 				{ position: fixed; top: 0px; z-index: 10; margin: 0 0 10px 0; padding: 20px 0 10px 0; background: white; border-bottom: 1px solid #eee;}

.img-fix { max-width: 335px; height: auto }
.replyboxbg {
/*	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#fff;
	color:#666;
	vertical-align:middle;
*/
}

.reply { font-size: 1.2em; font-weight: bold; margin-bottom: 10px }

	.suggestionsBox {
		position: relative;
		left: 0px;
		width: 522px;
		border:1px solid #d8d8d8;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background:#fff;
		color:#666;
		vertical-align:middle;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}