/* ----- CSS ---- */

* { margin: 0; padding: 0; border: none; outline: none; list-style:none; text-decoration: none; }

body{
margin:0;
padding:0;
background:;
font-family: "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
font-size: 12px;
}

h1 {
}

/* ----- IDS ----- */

#container{
width:;
margin:;
padding:;
background:;
text-align:;
}
#primaryContent{
position:;
float:;
width:;
margin:;
padding:;
background:;
text-align:;
}

h1#logo a {
    color: black;
    padding: 0;
    margin: 15px 0 0 0;
    border: 0;

    text-indent:-2000px;
	background: url("/assets/imgs/logo.gif") no-repeat;
    width: 338px;
    height: 80px;
    display: block;
}

#hleft {
    float: left;
}

#hright {
    padding-top: 20px;
    float: right;
}

	#hright form input {
		padding: 0px;
	}

	#hright form input.text {
		float: left;
		width: 185px;
		height: 18px;
	}
	
	#hright form input.submit {
		width: auto;
		margin-left: 5px;
	}


ul#mainmenu {
    text-align: right;
    list-style: none;
	display:block;
    line-height: 30px;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
}

    ul#mainmenu li {
		display:inline;
        list-style: none;
        
        font-weight: bold;
    }


    ul#mainmenu li a {
        background: #600;
        color: #fff;
        padding: 5px;
        }

    ul#mainmenu li a:hover {
        background: #900;
        text-decoration: none;
        }

/* ----- CLASSES ----- */

.hide{
display:none;
}
.show{
display:block;
}


ul.menu {
		padding: 0;
		margin: 0 0 20px 0 ;
		list-style: none;
		-font-weight: bold;
		}
		ul.menu li {
			}
		ul.menu li a {
			padding: 5px;
			-font-weight: bold;
			display: block;
			text-decoration: none;
			border-bottom: 1px solid #F4BD54;
			background: none;
			}
		ul.menu li a:hover {
			background: #F4BD54;
			}

/* ----- PARAGRAPHS ----- */



p{
line-height: 18px;
margin-bottom: 10px;
}

/* ----- LISTS ----- */

li{
}

/* ----- LINKS ----- */

a{
	color:#a00;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:visited, a:active, a:focus{
}

a.rss {
	width: 26px;
	height: 16px;
	display: block;
	float: right;

    text-indent:-2000px;
	background: url("/assets/imgs/rss.gif") no-repeat;

	margin: 9px 10px 0 0;
}


hr {
	border: 0;
	padding: 0;
	margin: 0;
	border: 0;
	height: 0;
	clear:both;
	visibility: hidden;
}


/* ---- xxx ------*/
.clear {
	clear:both;
	visibility: hidden;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
}

.hwrapper {
	width: 960px;
	margin: 0 auto;
}

#content h1 {
	padding: 5px 10px;
	background: #FFE699;
	border-bottom: 1px solid #CC9B00;
	margin: 0 0 10px 0;
	color: #930;
	font-size: 20px;
    font-weight: normal;
	font-family: georgia;
}

	#content h2 {
		color: #930;
	    font-size: 16px;
		margin: 0 0 5px 0;
		padding: 4px 0px;
		border-bottom: 1px solid #CC9B00;
		color: #930;
		
		font-family: georgia;
		font-weight: normal;
	}

#header {
	background: url("/assets/imgs/clean_header_bg.png") bottom repeat;
	height: 100px;
	-border-bottom: 2px solid #600;
	color: #fff;
}

#content {
}

	#left {
		width: 200px;
		float: left;
		margin-right: 20px;
	}

	#main {
		width: 520px;
		float: left;
	}

	#right {
        float: left;
	    width: 200px;
        padding-left: 20px;
	}

#footer {
		width: 960px;
		margin: 0 auto;
}

	#footer .wrapper {
		border-top: 1px solid #ccc;
		font-size: 10px;
		width: 960px;
		padding: 20px 0;
	}

.topic {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CC9900;
}

.topic h2 {
    font-size: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	
	font-family: georgia;
	font-weight: normal;
}

.topic h2 a {
    background: none;
    margin: 0;
    padding: 0;
	color: #930;
}

.topic .summary h2 a:hover {
    text-decoration: none;
}

.topic .left {
    float: left;
	width: 100px;
}

ul.countblock {
    width: 100px;
    height: 100px;
	background: url("/assets/imgs/opinion_count_bg.png") 0 0 no-repeat;
    font-size: 1.5em;
    color: #000;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

ul.countblock li.count {
    padding-top: 25px;
    text-align: center;
}

ul.countblock li.opinion {
    padding-top: 25px;
    text-align: center;
    color: #fff;
}

ul.countblock li.opinion a {
    background: none;
    color: #fff;
}


ul.countblock li.count a {
    background: none;
}


.topic .left a {
    padding: 0;
}

.topic .left a:hover {
}



a.countblock .opinion {
    padding-top: 10px;
    color: white;
}

.topic .summary {
	width: 410px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;

}

.poster {
	color: #666;
	margin-bottom: 10px;
}

.tags {
	color: #666;
	margin-top: 10px;
}

#content a {
}

#categorylist {
		padding: 0;
		margin: 0 0 20px 0 ;
		list-style: none;
		-font-weight: bold;
		}
		#categorylist li {
			}
		#categorylist li a {
			padding: 5px;
			-font-weight: bold;
			display: block;
			text-decoration: none;
			border-bottom: 1px solid #F4BD54;
			background: none;
			}
		#categorylist li a:hover {
			background: #F4BD54;
			--text-decoration: underli
			}


ul.opinions {
    margin:0;
    padding:0;
    list-style: none;
}

	ul.opinions li {
		padding: 10px;
		border-bottom: 1px dotted #CC9900;
	}

	ul.opinions li.even {
		background: #f7f7f7;
		border-bottom: 2px solid #ddd;
	}

	ul.opinions li.odd {
		background: #f0f0f0;
		border-bottom: 2px solid #ddd;
	}


ul.foragainst {
    float: left;
    margin:0;
    padding:0;
    list-style: none;
}

ul.helpful {
    float: left;
    margin:0;
    padding: 0;
    list-style: none;
}

.opinion .info {
    
}

.opinion .controls {
}



.cat_computers_internet, .cat_computers_internet:hover {
    border-top: 10px solid #666;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: #fff url("/assets/imgs/categories/computers.png") repeat;

    border-bottom: 1px solid #000;
    display: block;
}

.cat_government, .cat_government:hover {
    border-top: 10px solid #000;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/government.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_business, .cat_business:hover {
    border-top: 10px solid #1c00bd;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/business.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_health, .cat_health:hover {
    border-top: 10px solid #4592c4;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/health.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}


.cat_reference, .cat_reference:hover {
    border-top: 10px solid #b2b2b2;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/reference.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_entertainment, .cat_entertainment:hover {
    border-top: 10px solid #29b219;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/entertainment.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_science, .cat_science:hover {
    border-top: 10px solid #2b5e10;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/science.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_arts, .cat_arts:hover {
    border-top: 10px solid #5a301c;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/arts.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}


.cat_other, .cat_other:hover {
    border-top: 10px solid #a75218;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/other.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_news, .cat_news:hover {
    border-top: 10px solid #da0019;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/news.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_society_culture, .cat_society_culture:hover {
    border-top: 10px solid #ff8f21;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/society.png") no-repeat;
    border-bottom: 1px solid #000;
    display: block;
}

.cat_education, .cat_education {
    border-top: 10px solid #ffcf00;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
    border-bottom: 1px solid #000;
    display: block;
	background: url("/assets/imgs/categories/education.png") no-repeat;
}

.cat_recreation_sports, .cat_recreation_sports:hover {
    border-top: 10px solid #d010b1;
    width: 100px;
    height: 15px;
    text-indent:-2000px;
	background: url("/assets/imgs/categories/recreation.png");
    border-bottom: 1px solid #000;
    display: block;
}



























form {
	padding: 0;
}

	legend {
		visibility: hidden;
	}
	
	label{
		margin:5px 0;
	}

	label span {
		line-height: 24px;
	}
	
	input {
		display:block;
		width:510px;
		padding:5px;
		border: 1px solid #aaa; 
	}

	input.long {
		width: 434px;
	}

	#sub input.long {
		width: 459px;
	}

	select {
		display:block;
		width:520px;
		padding: 5px 0;
		border: 1px solid #aaa; 
		}
	textarea{
		display:block;
		width:510px;
		padding:5px;
		border :1px solid #aaa;
		}

		.btTxt{
			margin:10px 0;
			width:auto;
			border:1px solid #aaa;
			}



.flash, .error {
	padding: 5px;
}

.error {
	background: #900;	
	color: #fff;
	border-bottom: 2px solid #660000;
	margin-bottom: 5px;
}

.flash {
	background: #090;	
	color: #fff;
	border-bottom: 2px solid #336600;
	margin-bottom: 5px;
}


div.pagination {
	margin: 00px 0;
	padding:12px;

}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #a00;
    
    text-decoration: none; /* no underline */
	color:#a00;
}

div.pagination a:hover, div.pagination a:active {
	background: #a00;
	color: #fff;
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #a00;
    
    
    font-weight: bold;
    background-color: #a00;
	color:#fff;
}

div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    
    
    color: #a00;
}


.help {
    padding: 10px 30px;
    background: #EEFCDE url("/assets/imgs/help.png") 5px 10px no-repeat;
    border: 4px solid #D8FAAD;
    color: #477A0C;
}
