@import url("reset.css");

body {
	width: 100%;
	text-align: center;
	
}

#wrap {
	width: 820px;
	min-height: 600px;
	padding: 0 5px;
	margin: 0 auto;
}

#header { height: 55px; width: 100%; }
#usermenu {float: right; }
#usermenu li { display: inline; padding: 5px 10px; }

#rightbar ul {list-style-type: none; border-bottom: 1px dotted #999; margin: 0; padding: 10px 0;}
#rightbar ul:first-child {padding-top: 0;}
#rightbar ul li {margin: 0 0 0 5px;}
#rightbar ul a { display: block; text-decoration: none; color: #0066FF; font-family: Arial; font-size: 12px; padding: 2px 5px; line-height: 16px; }
#rightbar ul a:hover { background-color: #FFFF99; }


#footer { margin: 10px auto; font-size: 11px; clear: both; color: #ccc;}
#footer li {display: inline; padding: 0 10px; }

/* #mainmenu { height: 45px; padding: 10px 10px; width: 100%; background: #3b8fc0 url(gradientmenu.png) repeat-x; } */


	#mainmenu { padding: 10px 0; background: #3b8fc0 url(gradientmenu.png) repeat-x; width: 100%; margin: 0 0 5px; border: 1px outset #fff;} 
	#mainmenu a {color: #fff; }
	#mainmenu li {display: inline; padding: 0 10px; font-size: 14px; }

a {color: #666;}
a:hover {color: #000;}
/*a.active {color: #4B71C2; }*/
a.active {color: #159CD6; }

#viewwrap {background: #fff; border: 1px solid #e8e8e8; margin: 10px 200px 0 0;}

#viewheader {min-height: 100px; width: 100%; text-align: left; position: relative; padding: 0 0 5px; border-bottom: 1px solid #eee;}

#viewbody {width: 100%; position: relative; clear: left; text-align: left; }

.collectioncover {display: block; height: 100px; padding: 3px 3px; position: relative; margin: 1px 1px; overflow: hidden; }
.float32 {float: left; width: 31%;}
.float50 {float: left; width: 50%;}
.cpic {height: 75px; width: 75px; margin: 5px 5px; background-color: #ccc; }
.ctitle {font-size: 16px; color: #666; padding: 0 5px; margin: 5px 0;}
.ccontrib {font-size: 11px; padding: 5px 0; color: #666; margin: 0 5px;}
.cinfo {font-size: 11px; color: #666; padding: 0 5px;}
.collectionactive {cursor: pointer;}
.collectionactive:hover {background-color: #eee;}
.cborder {border: 1px solid #eee; }
.float32 .ctitle {font-size: 14px;}

.mycollection {margin: 2px 0; border-top: 1px solid #ddd;}
.mycollection li {text-align: left; }
.mycollection input {background-color: #FFCCCC; }

#paging { height: 20px; width: 100%; margin: 10px 0; text-align: center;}
#paging ul {margin: 0 auto; }
#paging li {display: inline; padding: 0 10px; font-size: 12px;}


#quoteslot1 { border-top: 1px solid #ddd; }

.quotation { width: 100%; position: relative; color: #222; text-align: justify; margin: 0 10px 0 0; border-bottom: 1px solid #eee; }

.qodd {background-color: #FFFFDE; }

.qpic { width: 75px; height: 100px; float: left; margin: 0 10px 0 0; }

.qq { padding: 5px 5px; font-size: 17px; line-height: 30px; padding: 5px 5px; letter-spacing: normal; font-family: Baskerville, Times, 'Times New Roman', serif; }

.qby { font-size: 12px; font-style: italic; line-height: 16px; text-align: right; padding: 0 10px; clear: left; color: #666; }

.qcontrib { font-size: 10px; line-height: 16px; clear: left; padding: 3px 5px; color: #aaa;}

.removelink {display: none; }

.qmenu { padding: 0 5px; font-family: myriad pro, myriad, arial; margin: 0 0 0 5px; }
.qmenu a { font-size: 12px; line-height: 20px; color: #159CD6; }

.sharer {background: url(trans80.png); position: absolute; bottom: 0; left: 0; border: 1px solid #ccc; border-bottom: 2px solid #ccc; width: 100%; height: 40px; display: none;}
.sharer ul li {display: inline; line-height: 38px;}

#quoteform {text-align: left; padding: 10px 10px; margin: 10px 10px; width: 420px; background-color: #04A2B3; }
#quoteform textarea {width: 400px; height: 200px; font-size: 16px; line-height: 20px; }
#quoteform #quotedby {width: 400px; font-size: 16px; line-height: 20px; }
#quoteform #btn_submit {display: block; width: 75px; margin: 10px 0 0; }
#quoteform label {display: block; margin: 10px 0 0; color: #fff; }
#formtitle {text-align: center; font-size: 16px; line-height: 22px; }

#feedbackform {padding: 2px 2px; border: 1px dotted #ccc; background-color: #FFFFCC; font-size: 12px; }
#feedbackform td {font-size: 12px; }