/* CSS Document */

#title{
	width:800px;
	height:75px;
	background: #fff url("images/bg/repeat.jpg") repeat-x; 
	}
	
.clickdtitle2{
	width:500px;
	text-align:center;
	border:1px;
	background: #9BD1FA
}

#content-right{
	float:right;
	display:inline;
	padding:5px;
}

#picbox{
	display:inline;
        }
        
#picbox #littlebox{
        float:left;
	display:inline;
        }
        
        
#picbox #littlebox .box{
        float:left;
        padding:0 0 2px 0px;
        }
        
#picbox #littlebox .box img{
        float:left;
		padding:2px;
        border:2px solid #000000;
        }

h1{
	font-size:20px;
	font-weight:bold;
}	
		
h2{
	font-size:18px;
	font-weight:bold;
}	

h3{
	font-size:16px;
	font-weight:bold;
}		

h4{
	margin:0;
	font-size:14px;
	font-weight:bold;
}
        
.box{
        position: relative;
}

.box a:hover {
        font-size: 99%;
}

.box a span {
        display: block;
        position: absolute;
        top:115px;
        left:5px;
        background:#000000;
        text-decoration:none;
        color:#6C6C6C;
        color:#fff;
        width: 262px;
        padding: 2px 2px 0 0;
		margin-left:-5px;
        z-index: 100;
        text-align:center;
        font-size:90%;
}

.box a:hover span {
        background:#0063DC;
        text-decoration:none;
        color:#0063DC;
        color:#fff;
        width: 262px;
}

#picbox #littlebox .box a:hover img {
        border:2px solid #0063DC;
}




.quote {
	border-top: 2px dashed #000000;
	border-bottom: 2px dashed #000000;
	margin: 2px auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 1.8em;
	line-height: 105%;
	width:350px;
	display:block;
	font-weight:bold;
	}

.quote a,
.quote a:link,
.quote a:visited,
.quote a:active,
.quote a:hover{
	text-decoration: underline; 
	font-weight:bold;
	color:#000000;
	font-size: 1em;
}

.callout {
	background: none;
	margin: 10px auto;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	font-size: 1.7em;
	line-height: normal;
	}


#clickheader{
	display:inline;
}
div.clicktitle{
	float:left;
	width:250px;
	display:inline;
	text-align:center;
}

.clicktype{
		display:inline;
		position: relative;
        bottom:25px;
        right:40px;
        z-index: 100;
}


div.main{
	//background-color: #0AAA02;
	background-color: #ffffff;
	width:420px;
	color:#444;
}

div.main-inner{
	margin:20px 20px 20px 20px;
	paddi//ng:3px 3px 3px 3px;
	color:#000000;
	float:left;
	width:350px;
}

div.right{
	border: dashed 3px #FF8711;
	background-color: #000000;
	width:150px;
	height:300px;
	color:#444;
	font-weight:bold;
	margin-left:10px;
}

div.footer{
	border: dashed 3px #FF8711;
	background-color: #000000;
	width:560px;
	height:20px;
	color:#444;
	font-weight:bold;
	margin-top:10px;
}

img.pointer{
	position:relative;
	bottom:40px;
	right:80px;
	z-index:10;
	border:0;
}

body {
font-family: arial, Helvetica, verdana, sans-serif; 
font-size:10px;
color: #444;
//background-color:#265F8A;
background-color:#ffffff;
}

a.titlelink:link { color: #0063DC;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px;}
a.titlelink:visited { color: #2E67C7;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px;font-style: italics;}
a.titlelink:hover { color: #0063DC;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:25px;font-weight: bold;}
a.titlelink:active { color: #0063DC;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px;font-weight: bold;}

h1{

}

.top {vertical-align: top;}


/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 5px 5px;
	}

ul.menu li a {
	font: 1.2em verdana, sans-serif, arial, Helvetica;
	color: black;
	margin: 0;
	background: #999;
	padding: 5px 15px 5px 5px;
	}

ul.menu li a:hover {
	background: #6699CC;;
	color: #eee !important;
	text-decoration: none;
	padding: 5px 15px 5px 5px;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: #6699CC;
	text-decoration: none;
	padding: 5px 15px 5px 5px;
	}

.admintab {
	position: absolute;
	right: 20px;
	color: Red;
	}	
	
	
/* For the DomTab */
		div.domtab{
			padding:0;
			margin: 0;
			width:200px;
			/* background: Fuchsia; */
			
		}
		ul.domtabs{
			float:left;
			width:200px;
			padding:0;
			margin: 0 !important;
			list-style: none;	
			display: block;		
		}
		ul.domtabs li{
			float:left;
			padding:0 0.3em 0 0; /* does what? 0 0.5em 0 0 */
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			padding: .3em .2em; /* .2em 1em controls the spacing between tabs themselves */
			display: block;
			background: #999; /* controls the background colour of non active tabs 99CCFF */
			color:#fff; /* controls the font colour of non active tabs */
			font-weight:bold;
			text-decoration:none;
			font-size:12px;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:2em; /* 2 em controls spacing between tabs and content */
		}
		ul.domtabs a:hover{
			background: #6699CC;
			text-decoration: none !important;
		}
		div.domtab div {
			/* clear:both; makes the content float beaneath almost everything...*/
			width: auto;
			background: none; /* #ccc Controls the background colour of the big box  */
			/* color:#fff; */
			padding: .5em .5em; /* 1em 1em;controls the width of the padding around content*/
			margin-top: 0px !important; /* Fix for IE */
		}
		

		
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#ccc;
			color:#000;
			text-decoration: none !important;
		}
		#domtabprintview{
			padding:.5em 4em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#ccc;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
		/*	display:block;
			padding:1em .5em;
			font-size:1em;
			text-decoration: none !important;*/
			line-height: 1em; 
		}

			div.domtab div ul li {
			margin: 0;
			/* padding: 1px 0;& */
			line-height: 1.5em;
			
			}
#domtabtagcloud {
	background: url("images/bt.gif") repeat top left !important; 
	line-height: 2em;
	height:400px;
	width:180px;
}

#domtablatest {
	background: url("images/bt.gif") repeat top left !important; 
	text-align:left;
	z-index:15;
	height:400px;
	width:180px;
}

#domtabfeatured {
	background: url("images/bt.gif") repeat top left !important; 
	height:400px;
	width:180px;
}

#domtabquestion {
	background: url("images/bt.gif") repeat top left !important; 
	text-align:left;
	z-index:15;
	height:400px;
	width:180px;
}

/*end Domtab */

/* icons */



//Icon Navigation
	
.iconsmenu{
	width:250px;
	display:inline; 
	list-style:none;
	}

.iconsmenu ul{
	padding:0;
	margin:0;
	display:inline; 
	}

.iconsmenu li{
	padding:0 0 0 1px;
	margin:0px;
	line-height:1.2em;
	list-style:none;
	float:left;
	}
	
.iconsmenu img{
	border:0px;
	}


 .iconsmenu div.content{
	display: block;
	visibility:hidden;
	}

.iconsmenu a:hover div.content{
	height:10px;
	width:100px;
	color:#000000;
	padding: 2px 2px 2px 2px;
	border: 1px dashed red;
	text-decoration:none;
	visibility:visible;
	position:absolute;
	top: 5px;
	left: px;
	}
	





.otherclicksleft{
		width:80px;
		padding-right:10px;;
}
.otherclicksright{
		width:80px;
}



/*test 
.portfolioimg{
	padding:4px 4px 4px 4px;
	border:1px solid #DBDCDE;
	margin-right:10px;
	}

.iconsblock{
	float:left;
	width:110px;
	position:relative;
	text-align:center;
	}

.iconsblock .imglinks {
	margin: 0.2em 0;
	color: #000000;
	}

.iconsblock .imglink:link,
.iconsblock .imglink:active,
.iconsblock .imglink:visited,
.iconsblock .imglink:hover{
	display: block;
	width: 32px;
	float: left;

	}

.iconsblock .imglink:link .item,
.iconsblock .imglink:active .item,
.iconsblock .imglink:visited .item{
	visibility: hidden;
	}

.iconsblock .imglink:hover .item {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	visibility: visible;
	border:1px dashed red;
	padding:2px;
	width:150px;
	}
*/

.iconsblock{
        float:left;
        width:250px;
        position:relative;
        text-align:center;
        }

.iconsblock .imglinks {
        margin: 0.2em 0;
        }

.iconsblock .imglink:link,
.iconsblock .imglink:active,
.iconsblock .imglink:visited,
.iconsblock .imglink:hover {
        display: block;
        width: 16px;
        height:16px;
        float: left;
        padding-left:2px;
        padding-right:2px;
        margin: 1px !important;
        text-decoration:none;
        }

.iconsblock .imglink:link .item,
.iconsblock .imglink:active .item,
.iconsblock .imglink:visited .item,
.iconsblock .imglink:hover .item {
        display: none;
        }

.iconsblock .imglink:hover .item {
        position: absolute;
        top: 25px;
        padding:2px;
        left: 5px;
        display: block;
        border: 1px dashed black;
        width:200px;
        height:30px;
        color:black;
        }

.iconsblock .imglink:hover {
        border: 0px;
        color: black;
        }
		
		
	


.prevnextblock{
        float:left;
        width:190px;
        position:relative;
        text-align:center;
		margin-bottom:95px;
        }

.prevnextblock .imglinks {
        margin: 0.2em 0;
        }

.prevnextblock .imglink:link,
.prevnextblock .imglink:active,
.prevnextblock .imglink:visited,
.prevnextblock .imglink:hover {
        display: block;
        width: 89px;
        height:80px;
        float: left;
        padding-left:2px;
        padding-right:2px;
        margin: 1px !important;
        text-decoration:none;
        }

.prevnextblock .imglink:link .item,
.prevnextblock .imglink:active .item,
.prevnextblock .imglink:visited .item,
.prevnextblock .imglink:hover .item {
        display: none;
        }

.prevnextblock .imglink:hover .item {
        position: absolute;
        top: 85px;
        padding:2px;
        left: 35px;
        display: block;
        border: 1px dashed black;
        width:115px;
        height:100px;
        color:black;
        }

.prevnextblock .imglink:hover {
        border: 0px;
        color: black;
        }





.newmoment{
	width:120px;
	display:block;
	position:relative;
	bottom:130px;
	right:140px;
	z-index:100;
	}
	
.stars{
	clear:both;
	height:30px;
	position:relative;
	right:50px;
	borhder:1px solid red;
	display:block;
	}
	
.hand{
	position: relative;
	bottom: 45px;
	left: 2px;
	border: 0px;
	}

.bkt{
	position:relative;
	right:8px;
	font-weight:bold;
}
	
#bookmark a:link, 
#bookmark a:visited, 
#bookmark a:hover,
#bookmark a:active{
	display: block;
	background:url(images/bookmark.gif) no-repeat 3px 10px;
	height:60px;
	width:30px;
	padding-top:30px;
	}
	
#bookmark a:hover{
	background:url(images/bookmark2.gif) no-repeat 3px 10px;
	height:60px;
	width:30px;
	padding-top:30px;
	}
	
a:link {font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #444;
	font-size: 10px;
	text-decoration: underline; 
}

a:visited {font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: italics; color: #444;
	font-size: 10px;}

a:hover, a:active {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #0063DC; font-size: 10px;}

/* COTM BAR */
.bodybar{
	margin:0px;
	padding:0px;
	background: url("images/bt.gif") repeat top left !important; 
	}
	
#bar{
	display:block;
	width:100%;
	height:130px;
	border-bottom:2px dashed #666666;
	}
	
.title{
	font-size:2em;
	font-weight:bold;
	
	}
	
.innerbottom{
		display:inline;
		float:left
		}
		
.feed{
	display:block;
	clear:both;
	width:140px;
	border:0px;
	}
	
.biglink{
	 font-size:10pt !important;
	 text-decoration:none;
	 font-weight:bold;
	}
	
input.inputboxcode {
font-family:verdana;
font-size:10px;
background-color: #ffffff;
color: black; 
font-weight: bold;
border: solid 1px #000;
width: 370px;
}

input.inputbox {
font-family:verdana;
font-size:10px;
background-color: #ffffff;
color: black; 
font-weight: bold;
border: solid 1px #000;
width: 150px;
}

.textbox{
font-family:verdana;
font-size:10px;
background-color: #ffffff;
color: black; 
font-weight: bold;
border: solid 1px #000;
width: 150px;
height:30px;
}

input.join {
font-family:verdana;
font-size:10px;
background-color: #ffffff;
color: black; 
font-weight: bold;
border: dashed 1px #000;
width: 100px;
}

input.submit {
font-family:verdana;
font-size:10px;
background-color: #B37D00;
color: black; 
font-weight: bold;
border: solid 1px #515151;
}

#cd{
	font-weight:bold;
	}
	
.thumb{
	border:1px solid #444;
	padding:0;
}

a.thumblink img{
	border:1px solid #444;
}

a.thumblink:hover img{
	border:1px solid #0063DC;
}

#tags{
	display:block;
	width:350px;
	position:relative;
	top:50px;
	line-height: 1.8em;
}

.tagsrhm{
	display:block;
	width:200px;
	line-height: 2em;
}

 .w1{font-size:10px !important;}
 .w2{font-size:16px !important;}
 .w3{font-size:20px !important;}
 .w4{font-size:26px !important;}

a.tag:link { color: #0063DC;font-family: Verdana, Arial, Helvetica, sans-serif; 	}
a.tag:visited { color: #2E67C7;font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italics;}
a.tag:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:24px;}
a.tag:active { color: #FFFFFF; text-decoration: none; background: #0259C4; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

a.tag2:link { color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
	}
a.tag2:visited { color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: italics;
font-weight: normal;
}
a.tag2:hover { color: #000000; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;}
a.tag2:active { color: #000000; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
a.tag3:link { color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
	}
a.tag3:visited { color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: italics;
font-weight: normal;
}
a.tag3:hover { color: #000000; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;}
a.tag3:active { color: #000000; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
#refstable {
padding: 0px;
border: solid 1px #444;
}

#refstable th1{
	background:#999;
	color:#000;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.searchmatch{
	border:1px solid #D6CFD6;
	margin:10px;
	width:400px;
}

.ad{
	border:1px solid #D6CFD6;
	margin:10px;
	width:400px;
	height:110px;
}

.searchmatch:hover{
	border:1px solid #0063DC;
}

.searchmatch:hover td{
}

.griditem{
	border:1px solid #D6CFD6;
	margin:2px;
	width:125px;
	height:135px;
}

.griditem:hover{
	border:1px solid #0063DC;
}

.griditem:hover td{
}

.feedicon{
	float:right;
	position:relative;
	bottom:170px;
	right:15px;
	width:37px;
	border:0;
}

.coins{
	color:#FFA600;
	font-weight:bold;
	font-size:16px;
}

.coinstitle{
	color:#A57900;
	font-weight:bold;
	font-size:14px;
}

.tp{
	height:10px;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

#enclose{
	width:500px;
	text-align:center;
}

#enclose h1, #enclose h2, #enclose p {letter-spacing:1px;}
#enclose h1 {font-size:2.5em; color:#000;margin:0;padding:0;}
#enclose h2 {font-size:2em;color:#06a; border:0;}
#enclose p {padding-bottom:0.5em;}
#enclose h2 {padding-top:0.5em;}
#enclose {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.2xb1, .2xb2, .2xb3, .2xb4 {display:block; overflow:hidden;}
.2xb1, .2xb2, .2xb3 {height:1px;}
.2xb2, .2xb3, .2xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.2xb1 {margin:0 5px; background:#08c;}
.2xb2 {margin:0 3px; border-width:0 2px;}
.2xb3 {margin:0 2px;}
.2xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}


.raised {background: transparent; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:16px; color:#000;font-weight:bold; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; width:140px; text-align:center;}

.xsnazzy h1, .zsnazzy h1 {margin:0; color:#000; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #08c;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: #fff; width:150px; float:left; margin:0 3px;}

.xboxcontent2 {display:block; border:0 solid #08c; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_c {background:#fff; color:#fff;}

.h1bg {background:#ccc; color:#fff; font-family:verdana;}

#infobar {
	width:397px;
	text-align:center;
	border: solid 1px #2E67C7;
	font-weight:bold;
	padding:2px;
	float:left;
	 margin-left:3px;
}

#infobar img{
	float:left;
}

#infobar a:link, 
#infobar a:visited, 
#infobar a:hover,
#infobar a:active
#infobar a:hover{
	color:#2965C6;
}

#prev a:link, 
#prev a:visited, 
#prev a:hover,
#prev a:active{
	display: block;
	background:url(images/prevday.gif) no-repeat top left;
	height:16px;
	}
	
#prev a:hover{
	background:url(images/prevday_over.gif) no-repeat top left;
	}
	
#next a:link, 
#next a:visited, 
#next a:hover,
#next a:active{
	display: block;
	background:url(images/nextday.gif) no-repeat top right;
	height:16px;
	}
	
#next a:hover{
	background:url(images/nextday_over.gif) no-repeat top right;
	}
	
#repeat{
	position:relative;
	right:10px;
	z-index:500;
	cursor:pointer;
}
	
#repeat a:link, 
#repeat a:visited, 
#repeat a:hover,
#repeat a:active{
	display: block;
	background:url(images/repeat.gif) no-repeat top left;
	height:16px;
	}
	
#repeat a:hover{
	background:url(images/repeat_over.gif) no-repeat top left;
	cursor:pointer;
	}
	
#prev div{
	margin-left:18px;
}

#next div{
	margin-right:18px;
}

#repeat div{
	width:16px;
	height:16px;
}
	
.sitesearchtxt{
	font-size:8px;
	height:12px;
	color:#000000;
	border: 1px solid #444444;
}

.si{
	margin: 0 5px 0 5px;
	border:0;
}

#treasuremap{
	background:url(images/treasuremap.gif) no-repeat top left;
	width:150px;
	height:184px;
	float:left;
	margin-bottom:14px;
}

#theclickbar{
	width:535px;
	text-align:center;
	border:1px solid #2E67C7;
	padding:1px;
	background:#2E67C7;
}

#theclickbar span{
	background:#2E67C7;
	color:white;
	width: 180px;
	text-align:left;	
	font-weight:bold;
	margin-top:3px;
}

input.click{
	font-family:verdana;
	font-size:10px;
	background-color: #ffffff;
	color: black; 
	font-weight: bold;
	border: solid 1px #000;
	width: 100px;
}

#theclickbar input.submit {
font-family:verdana;
font-size:10px;
background-color: #CCCCCC;
color: black; 
font-weight: bold;
border: solid 1px #2E67C7;
}

#LHM{
	 border-right:1px solid #CCCCCC;
}

#RHM{
	 border-left:1px solid #CCCCCC;
}

#types td{
	text-align:left;
	border:1px solid #CCCCCC;
}

#types a{
	font-size:16px;
	font-weight:solid;
	text-decoration:none;
}

#types td:hover{
	border:1px solid #99CCFF;
}

#types img{
	border:0;
}