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

*{
    margin: 0;
}

body{
margin:0;
padding:0;
background: #DFECC0;
font-family: verdana;
font-size: 12px;
}

h1 {
	font-family: Arial;
}

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

#container{
}
#primaryContent{
}

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

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

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

p{
font:;
color:;

font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;

margin: 10px 0;
}

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

li{
listy-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}

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

a{
font:;
color:#a00;
text-decoration:none;
}
a:hover{
border-bottom:1px dotted;
}
a:visited, a:active, a:focus{
}


hr {
	border: 0;
	padding: 0;
	margin: 0;
	border: 0;
	height: 0;
}


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

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


#content h1 {
	-padding: 5px 10px;
	-background: #FFE699;
	-border-bottom: 2px solid #CC9900;
	-margin: 0;
}


#header {
    height: 80px;
}

#header .wrapper {
	padding: 0;
    background: #DFECC0 url("/assets/img/header_background.jpg") 0 -20px repeat-x;
}


#header #logo {
    height: 80px;
    display: block;
    margin: 0;
    text-indent: -2000px;
    background: url("/assets/img/logo.jpg") center 0px no-repeat;
}

#content {
}


	#main {
        background: #fff;
		width: 716px;
		float: left;
        padding: 20px 20px;
        border-left: 2px solid #CBE098;
        border-right: 2px solid #CBE098;
        border-bottom: 2px solid #CBE098;
	}

#footer {
    padding: 0 0 40px 0;
	background: #DFECC0;
	color: #000;
}

#footer .wrapper {
    margin-top: 20px;
}

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

.topic h2 {
	margin: 0;
}

.topic .header .category {
	float: right;
}

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

.topic .info .summary {
	margin-left: 120px;
}

#content a {
	padding: 0 0px ;
}

#content a:hover {
	-background: #F4BD54;
}

label {
	width: 200px;
}

.factbox {
	border: 2px solid #CBE098;
    border-top: 0;
    
    background: #DFECC0;
	padding : 10px;
}

h1.factorfiction {
    display: block;
    background: url("/assets/img/hdr_fact_fiction.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}

h1.factorfiction small {
	font-size: 11px;
}

p.fact {
	font-size: 16px;
	font-family: Georgia, Times Roman;
	border: 2px solid #CBE098;
    background: #fff url("/assets/img/quotes.jpg") no-repeat;
	padding: 20px 60px 20px 60px;
    margin : 0;
}

p.fact em {
    font-size: 11px;
}

.gauge {
    border: 2px solid #CBE098;
    border-width: 0 2px;
	background: #FFF url("/assets/img/gauge.jpg") center center no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}

.standings {
	font-weight: bold;
    padding-bottom: 10px;
}

.standings .fact {
	background: #AFBE55 url("/assets/img/fact.jpg") no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}

.standings .waiting {
	background: #000 url("/assets/img/waiting.jpg")  no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}

.standings .fiction {
	background: #CE0E0E url("/assets/img/fiction.jpg") top right no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}

h1.about {
    display: block;
    background: url("/assets/img/hdr_about.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}


h1.contact {
    display: block;
    background: url("/assets/img/hdr_contact.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}

h1.yourthinking {
    display: block;
    background: url("/assets/img/hdr_your_thinking.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}


h1.add {
    display: block;
    background: url("/assets/img/hdr_submit.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}

h1.thinking {
    display: block;
    background: url("/assets/img/hdr_current_thinking.jpg") center center no-repeat;
    height: 60px;
    text-indent: -2000px;
    border: 2px solid #CBE098;
    margin: 10px 0 0 0;
}

.thinking {
    background: #FFF url("/assets/img/thinking_background.jpg") top center repeat-y;
    border-left: 2px solid #CBE098;
    border-right: 2px solid #CBE098;
    border-bottom: 2px solid #CBE098;
}

.thinking .fact {
    padding-left: 10px;
	float: left;
	width: 345px;
}

.thinking .fiction {
	float: right;
	width: 345px;
    padding-left: 10px;
}



#factlist, #fictionlist {
	margin:0 10px 20px  0;
	display:block;
	padding:0;
}

    #factlist li, #fictionlist li {
        background: #EBF4D9;
        list-style: none;
        border-bottom: 1px dotted #AFBE55;
        padding: 0 10px;
        margin: 0;
    }


    p.user {
        float: left;
    }

    p.date {
        float: right;
    }


.fact h2 {
    margin: 10px 10px 0 0 ;
	background: #AFBE55 url("/assets/img/fact.jpg") no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}


.fiction h2 {
    margin: 10px 10px 0 0 ;
	background: #CE0E0E url("/assets/img/fiction.jpg") top right no-repeat;
	color: white;
    height: 25px;
    text-indent: -2000px;
}











form {
    border: 2px solid #CBE098;
    border-top: 0;
    background: #DFECC0;
    padding: 10px ;
}

form fieldset {
    border: 2px solid #CBE098;
    background: #FFF;
    padding: 10px;
}


label {
	padding:5px 10px;;
	display:block;
	font-size: .8em;
	text-transform: uppercase;
	color: #000;
	margin:5px 0 10px 0;
    }
	label em {
	font-style: normal;
	font-weight: normal;
	color: #999;
	}
	
#reportproblem label{
	padding:10px;
	display:block;
	font-size: .8em;
	text-transform: uppercase;
	color: #000;
	margin:5px 0 10px 0;
	}
form textarea, form input, form select{
	display:block;
	width: 290px;
	border:1px solid;
	border-color: #000 #999 #ccc #999;
	color: #666;
	padding:3px;
	font-weight:bold;
	font-size:150%;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	}
form input.submit {
	color:#454545;
	margin:5px 0;
	width: 150px;
	border:1px solid;
	border-color: #000 #999 #ccc #999;
	}
	form input.submit:hover, .button:hover {
	border-color:#ccc  #999 #000 #999;
	}

form input.hidden {
    border: none;
    padding:0;
    margin:0;
    visibility: hidden;
}

.wide {
    width: 635px;
}

form input.short {
	width: 235px;
	}

	form .clear_me{
		margin:5px 0;
		clear:both;
		}
		form .checkbox{
			display:inline;
			width:20px;
			}
	
	
		
.alignl { 
	float: left;
	width:45%;
	}
.alignr { 
	float: right;
	width:45%;
	}	
	
	
	
	
.hidden {
display:none;
}	

a.selectedfact {
    background: url("/assets/img/fact.jpg") no-repeat;
    display: block;
    width: 100px;
    height: 25px;
    text-indent: -2000px;
    float: left;
    margin: 0;
    padding: 0;
}

a.selectedfiction:hover, a.selectedfact:hover {
    border: 0;
}

a.selectfact {
    background: url("/assets/img/fact_button_disabled.jpg") no-repeat;
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -2000px;
    float: left;
    margin: 0;
    padding: 0;
}
	
a.selectfact:hover {
    background: url("/assets/img/fact_button.jpg") no-repeat;
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -2000px;
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

a.selectfiction {
    background: url("/assets/img/fiction_button_disabled.jpg") no-repeat;
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -2000px;
    float: left;
    margin: 0;
    padding: 0;
}
	
a.selectedfiction {
    background: url("/assets/img/fiction_button.jpg") no-repeat;
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -2000px;
    float: left;
    margin: 0;
    padding: 0;
}

a.selectfiction:hover {
    background: url("/assets/img/fiction_button.jpg") no-repeat;
    display: block;
    width: 120px;
    height: 45px;
    text-indent: -2000px;
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

.orisit {
    background: url("/assets/img/or_is_it.jpg");
    display: block;
    width: 100px;
    height: 25px;
    text-indent: -2000px;
    float: left;
}

.selectfactorfiction {
    text-align: center;
    width: 350px;
    margin: 0 auto;
}







/*-----------------------------------------------------------------------------
			main menu
------------------------------------------------------------------------------*/
#menu{
	margin:0;
	display:block;
	padding:5px;
    height: 12px;
	}
	#menu li{
		display:inline;
		}
		#menu li a{
			text-transform:uppercase;
			font-size:0.8em;
			font-weight:bold;
			padding:3px;
			color:#fff;
			background:#AFBE55;
            text-decoration: none;
			}
			#menu li a:hover{
				color:#AFBE55;
				background:#DFECC0;
				border: 0;
				}






#google_link_unit{

	padding:5px 0 0 0;
	text-align:center;
	display:block;
}

	

	#google_main_unit{
		clear:both;
		padding:15px;
		text-align:center;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		margin:20px 0 0 0;
		}








ul.flash {
	list-style: none;
    margin: 0;
    padding: 5px 10px;
	background:#ACCE5E;
	color:#FFFFFF;
}

ul.flash li {
    font-weight: bold;
    padding: 0 10px;
}

ul.error {
	list-style: none;
    margin: 5px 3px ;
	padding: 10px;
	background:#CC0000;
	color:#FFFFFF;
}

ul.error li {
    font-weight: bold;
    padding: 0 10px;
}


.module {
    padding: 10px;
    border-left: 2px solid #CBE098;
    border-right: 2px solid #CBE098;
    border-bottom: 2px solid #CBE098;
}

.whatdoyouthink {
    background: url("/assets/img/what_do_you_think.jpg") center center no-repeat;
    width: 350px;
    height: 25px;
    text-indent: -2000px;
}