@charset "utf-8";
/* CompMe Stylesheet */

/* Reset */

*
{
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}

code,kbd,samp,pre,tt,var,input,select,isindex,listing,xmp,plaintext
{
	font:inherit;
	white-space:normal;
}

textarea
{
	font:inherit;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym
{
	border-width:0;
}

dfn,i,cite,var,address,em
{
	font-style:normal;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:normal;
}

caption,th,td
{
	text-align:left;
}

html
{
	background: #CDDAED;
	color:black;
	line-height:1;
	font-family:helvetica, sans-serif;
}


html
{
	font-family:sans-serif;
}


q
{
	quotes:"\201C""\201D""\2018""\2019";
}

ul,ol,dir,menu
{
	list-style:none;
}

sub,sup
{
	vertical-align:baseline;
}

a
{
	color:inherit;
}

/* Disable Deprecated HTML */

font,basefont
{
	color:inherit;
	font:inherit;
	font-size:100%;
}


center,*[align]
{
	text-align:inherit;
}

s,strike,u
{
	text-decoration:inherit;
}

img
{
	border:none;
	margin:0;
}

ol
{
	list-style-type:decimal;
}

body
{
	background-color:transparent;
}

tr,th,td
{
	width:auto;
	height:auto;
	background-color:transparent;
	vertical-align:inherit;
	border:none;
}

table[border],.content table[border]
{
	border-collapse:separate;
	border-spacing:0;
}

nobr
{
	white-space:normal;
}

marquee
{
	overflow:visible;
	-moz-binding:none;
}

blink
{
	text-decoration:none;
}

/* General */

html
{
	font-size:125%;
}

body
{
	font-size:50%;
}

a
{
	text-decoration:underline;
}

strong,th,thead td,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:bold;
}

cite,em,dfn
{
	font-style:italic;
}

code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea
{
	font-size:100%;
	font-family:mono-space,monospace;
}

pre
{
	white-space:pre;
}

pre *
{
	font-size:100%;
	white-space:pre;
}

del
{
	text-decoration:line-through;
}

ins,dfn
{
	border-bottom:1px solid black;
}

small,sup,sub
{
	font-size:85%;
}

big
{
	font-size:125%;
	line-height:80%;
}

abbr,acronym
{
	text-transform:uppercase;
	font-size:85%;
	letter-spacing:.1em;
}

abbr[title],acronym[title],dfn[title]
{
	cursor:help;
	border-bottom:1px dotted black;
}

sup
{
	vertical-align:super;
}

sub
{
	vertical-align:sub;
}

blockquote
{
	padding-left:2.2em;
}

hr
{
	display:none; 
}

:lang(af),:lang(nl),:lang(pl)
{
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
	content:'\201C';
}

*[lang|='en'] q:after
{
	content:'\201D';
}

*[lang|='en'] q q:before
{
	content:'\2018';
}

*[lang|='en'] q q:after
{
	content:'\2019';
}

input,select,button
{
	cursor:pointer;
}

input[type='text'],input[type='password']
{
	cursor:text;
}

input[type='hidden']
{
	display:none;
}

/* Content */

.content
{
	font-size:1.2em;
	line-height:1.6em;
}

.content h1
{
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}

.content h2
{
	font-size:1.5em;
	line-height:1;
	margin:1.07em 0 .535em;
}

.content h3
{
	font-size:1.4em;
	line-height:1;
	margin:1.14em 0 .57em;
}

.content h4
{
	font-size:1.3em;
	line-height:1;
	margin:1.23em 0 .615em;
}

.content h5
{
	font-size:1.2em;
	line-height:1;
	margin:1.33em 0 .67em;
}

.content h6
{
	font-size:1em;
	line-height:1;
	margin:1.6em 0 .8em;
}

.content hr
{
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}

.content ul
{
	list-style:disc outside;
}

.content ol
{
	list-style:decimal outside;
}

.content table
{
	border-collapse:collapse;
}

.content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form
{
	margin-bottom:1.6em;
}

.content p+p
{
	margin-top:-.8em;
}

.content fieldset
{
	margin:1.6em 0;
	padding:1.6em;
}


.content legend
{
	padding-left:.8em;
	padding-right:.8em;
}


@media all and (min-width: 0px) /* for Opera 8 */
{ 
	.content legend
	{
		margin-bottom:1.6em;
	}
	.content fieldset
	{
		margin-top:0;
	}
	.content[class^='content'] fieldset
	{
		margin-top:1.6em;
	}
}

.content fieldset>*:first-child
{
	margin-top:0;
}

.content textarea,.content input[type='text']
{
	padding:.1em .2em;
}

.content input
{
	padding:.2em .1em;
}

.content select
{
	padding:.2em .1em 0;
}

.content select[multiple]
{
	margin-bottom:.8em;
}

.content option
{
	padding:0 .4em .1em;
}

.content button
{
	padding:.3em .5em;
}

.content input[type='radio']
{
	position:relative;
	bottom:-.2em;
}

.content dt
{
	margin-top:.8em;
	margin-bottom:.4em;
}

.content ul,.content ol
{
	margin-left:2.2em;
}

.content caption,.content form div
{
	padding-bottom:.8em;
}

.content ul ul,content ol ul,.content ul ol,content ol ol
{
	margin-bottom:0;
}

/*----------------------------------------------------------------*/
	
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
	padding-bottom:15px;
	font-size:1.2em;
}

.container2 {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	}
	
	
.contentLeft {
	width:690px;
	float:left;
	}

.contentRight {
	float:right;
	width:260px;
	}
	
#logo {
	height:110px;
	margin-left:10px;
	background:url(../img/logo.png) no-repeat left
	}

#headerRight {
	float:right;
	}
	
.header{
	height:120px;
	margin-top:10px;
	}
	
.results {
	padding:10px;
	width:95%;
	font-size:1.2em;
	}

.result {
	/*height:75px;*/
	margin:5px;
	padding:10px;
	width:95%;
	background-color:#FFFFFF;
	line-height: 1.3;
	/*font-size:1.2em;*/
	position: relative;
	-webkit-border-radius:2px;    /* for Safari */
  	-moz-border-radius:2px;       /* for Firefox */
	
	}
#result {
	/*height:75px;*/
	margin:5px;
	padding:10px;
	width:95%;
	background-color:#FFFFFF;
	line-height: 1.3;
	/*font-size:1.2em;*/
	position: relative;
	-webkit-border-radius:2px;    /* for Safari */
  	-moz-border-radius:2px;       /* for Firefox */
	
	}

.sentBy {
	font-size:.8em;
	/*position: absolute; 
	bottom: 4px; 
	right: 4px;*/
	text-align:right;
	margin-top:8px;
	}
	
.sideBar {
	padding:10px;
	margin:0 auto;
	width:90%;
	background-color:#FFFFFF;
	position: relative;
	font-size:1.2em;
	-webkit-border-radius:2px;    /* for Safari */
  	-moz-border-radius:2px;       /* for Firefox */
	}

.intro {
	font-size:1.2em;
	padding:10px;
	line-height:1.2em;
	text-align:justify;
	}
	
.clear {
	clear:both;
	}
	
#footer {
	clear:both;
	margin:0 auto;
	width:300px;
	padding-top:10px;
	font-size:1.2em;
	}
	
#slideContent {
	width:950px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background-color: #343434;
	}
	
/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

/* Voting CSS */
a.vote_up, a.vote_down {
	display:inline-block;;
	margin-left:4px;
}

#log {
	border: 1px solid #ADADAD;
	width: 226px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

#pwd {
	border: 1px solid #ADADAD;
	width: 226px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

#commbox {
	width: 100px;
	border: 1px solid #ADADAD;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
	height: 150px;
	white-space:pre;
	overflow:auto;
}

#commbox {
	text-align:left;
}

.button_login {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	min-width: 100px;
	margin-left: 22px;
	margin-bottom: 8px;
	margin-top:4px;
}

.button_login2 {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	width: 120px;
	margin-left: 0px;
	margin-bottom: 8px;
	margin-top:4px;
}

#bottominfo	{
	margin-top:10px;
	}
	
	
/* ADDON */

#submissionform{width:400px;}
#submissionform .input input{width:100%;}
#submissionform .input textarea{width:100%}

.datetime{clear:both;text-align:center;margin: 0 auto;}
.datetime a{font-family:verdana;}

.catname{font-size:20px;color:#333;}
.voted{color:#0099CC;}

.admintable{width:500px;}
.label{}
.input input{width:100%;}
.input textarea{width:100%;}
.spacer{height:10px;}


#mainresultlist{width:100%;}
#result .img,.result .img{border:solid 1px #888;margin:0 auto;display:block;}


.commentpopup{position:absolute;background:#CDDAED;padding:4px;display:none;border:solid 1px;
-webkit-border-radius:5px;    /* for Safari */
-moz-border-radius:5px;       /* for Firefox */
z-index:999;
_width:370px;
float:left;
margin: 0px 0 0 5px;
}

.comtitle{text-align:left;font-weight:bold;color:#333;font-size:15px;width:100%;border-bottom:solid 1px #333;margin:0 0 5px 0;}
.actitle{padding: 0 220px 0 0;}
.comxit{text-align:right;margin: 0 0 0 0px;padding:2px;}
.comxit:hover{cursor:pointer;color:red;}

.commentpopup #result{
background:#fff;
text-align:left;
width:350px;
margin: 0 0 0 0;
-webkit-border-radius:2px;    /* for Safari */
-moz-border-radius:2px;       /* for Firefox */
padding:8px;
}

.lside{padding: 0 10px 20px 0;display:block;float:left;margin: 0 10px 0 0;height:10px;border-right:solid 1px #BCBCBC;}


.bold{font-weight:bold;}
.red{color:red;}
.cent{text-align:center;margin: 0 auto;}
.nblk{color:#333;}

.addslide{float:right;margin: -10px 0 0 0;}
.sharelinks{display:none;text-align:right;margin: 20px 0 0 0;z-index:999;}



/* ADMIN STYLES */

#adminwrapper{border:solid 3px #D9E3F1;}
#adminwrapin{border:solid 1px #333;padding:5px;}
#admintop{border:solid 1px #888;margin: 0 0 10px 0;font-size:20px;color:#333;font-family:arial;padding:3px;background:#D9E3F1}

#adminwrapper table{width:635px;}
#adminwrapper .subtitle{text-decoration:underline;font-weight:bold;color:#333;padding:10px;padding-left:0px;}
#adminwrapper .label{width:40%;}
#adminwrapper .input input{width:100%;}
#adminwrapper .input textarea{width:100%;}
#adminwrapper .sminput input{width:50%;}
#adminwrapper .sminput textarea{width:50%}



.badfeed{width:623px;padding:6px;background:#FF9999;color:#990000;border:solid 1px #990000;clear:both;margin: 5px 0 5px 0;}
.goodfeed{width:623px;padding:6px;background:#CCFFCC;color:#006600;border:solid 1px #006600;clear:both;margin: 5px 0 5px 0;}
.badfeed,.goodfeed{font-size:15px;}
.bad{width:18px;height:18px;background:url('../img/bad.gif');float:left;margin: -1px 4px 0 0;}
.good{width:18px;height:18px;background:url('../img/good.gif');float:left;margin: -1px 4px 0 0;}

.spacer1{width:100%;border-top:solid 2px #888;margin: 5px 0 5px 0;}

.sm2input,.sm2input input{width:200px;}
.sm3input{width:200px;padding-left:5px;}
.sm3input input{width:190px;}

.field  {
	border: 1px solid #ADADAD;
	width: 226px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}
.currentPage {
    font-size:11px;
    font-weight:bold;
}