@font-face {
	font-family: 'Museo900';
	src: url('museo/museo900-regular-webfont.eot');
	src: local('☺'), url('museo/museo900-regular-webfont.woff') format('woff'), url('museo/museo900-regular-webfont.ttf') format('truetype'), url('museo/museo900-regular-webfont.svg#webfontVpRphO91') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo700';
	src: url('museo/museo700-regular-webfont.eot');
	src: local('☺'), url('museo/museo700-regular-webfont.woff') format('woff'), url('museo/museo700-regular-webfont.ttf') format('truetype'), url('museo/museo700-regular-webfont.svg#webfontTjHyLhJ1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo500';
	src: url('museo/museo500-regular-webfont.eot');
	src: local('☺'), url('museo/museo500-regular-webfont.woff') format('woff'), url('museo/museo500-regular-webfont.ttf') format('truetype'), url('museo/museo500-regular-webfont.svg#webfontUZQu9n1Q') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url('museo/museo300-regular-webfont.eot');
	src: local('☺'), url('museo/museo300-regular-webfont.woff') format('woff'), url('museo/museo300-regular-webfont.ttf') format('truetype'), url('museo/museo300-regular-webfont.svg#webfontVYg3ntzv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo100';
	src: url('museo/museo100-regular-webfont.eot');
	src: local('☺'), url('museo/museo100-regular-webfont.woff') format('woff'), url('museo/museo100-regular-webfont.ttf') format('truetype'), url('museo/museo100-regular-webfont.svg#webfont0JbDr5Qg') format('svg');
	font-weight: normal;
	font-style: normal;
}



* { margin: 0; padding: 0; }

body { background: url(/gfx/tikibg.gif) top center; text-align: center; }

.clear{ clear: both; }

pre { background: black; color: white; padding: 4px; font-family: monaco; font-size: 12px; text-align: left; margin: 10px;}

#breadcrumbs { }
#breadcrumbs .arrow { float: left; display: block; width: 56px; height: 45px; background: url(/gfx/arrow.gif) no-repeat; }
#breadcrumbs a { float: left; display: block; background: #343434; border-radius: 11px; padding: 8px 9px 8px 9px; text-align: center; margin: 8px 0 0 12px; color: #ffffff; font-weight: bold; font-family: helvetica; font-size: 11px; text-decoration: none; }
#breadcrumbs a:hover { background: #ffffff; color: #000000; }

#head { padding: 0; }

#head { background: #000000;  }

#head_main { width: 1050px; text-align: left; margin: 0 auto 0 auto; }

#logo { float: left; width: 100px; height: 45px; margin: 0 0 0 20px; }

#main { width: 1050px; text-align: left; margin: 50px auto 50px auto; }

.market { 
	font-family: lucida grande, arial; font-size: 11px; margin: 0; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.market .market_cont { 
	padding: 3px;
}

a .market-line { text-decoration: none; }
.market-line { width: 330px;float:left;display:block;padding: 15px 15px 15px 0; }

.market-line.pos { color: #212121; }
.market-line.neg { color: #343434; }
.market-line { background: #ffffff; color: #000000; padding: 3px; margin: 0 0 3px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.market-line.alt { background: #fafafa; }
.market-line:hover { background: #232323; color: #ffffff; cursor: pointer; }

.market .tabs { height: 33px; background: url(/gfx/tiki-sprite.gif) no-repeat 0 0; }
.market .tabs a { display: inline-block; }
.market .tabs a.on, .market .tabs a:hover { }

.market .tabs a#marketCurrent { width: 81px; height: 24px; margin: 6px 0 0 4px; }
.market .tabs a#marketRising { width: 78px; height: 24px; margin: 6px 0 0 5px; }
.market .tabs a#marketFalling { width: 71px; height: 24px; margin: 6px 0 0 9px; }

.market .place { font-size: 16px; letter-spacing: -1px; font-family: georgia; font-weight: bold; }
.market .name { font-size: 13px; font-weight: bold; }
.market .rank { font-size: 9px; }
.market .indicator { font-size: 11px; font-weight: bold; }

.loading { padding: 20px; font-size: 12px; font-weight: bold; }

.hp { background: #ffffff; float: left; width: 330px; height: 330px; font-family: helvetica; overflow: hidden; margin: 2px; border: 3px solid #cccccc; }
.hp:hover { cursor: pointer; border: 3px #000000 solid; }
.hp .wrap { width: 500px; }
.hp .img { z-index: 4; width: 330px; height: 330px; float: left; }
.hp .info { z-index: 4; width: 330px; height: 330px; float: left; background: #121212; color: #ffffff; line-height: 160%; }

.hp .info h2, .hp .info h3, .hp .info h4 { margin: 10px 10px 0 10px; font-size: 14px; }
.hp .info h3 { font-size: 13px; }
.hp .info h4 { font-size: 12px; color: pink; }

.hp .info p { margin: 10px; font-size: 12px; }

.hp .celebName { opacity: .9; z-index: 5; color: #a6b627; background: #000000; font-weight: bold; position: absolute; margin-top: 255px; width: 330px; line-height: 120%; }

.hp .groupCount { display: none; margin: 0 0 0 0; z-index: 5; position: absolute; margin-top: 0; width: 330px; }
.hp .groupCount a { clear: both;display: inline-block; padding: 7px 12px 7px 12px; font-family: helvetica; background: #000000; color: #ffffff; font-size: 12px; text-decoration: none; font-weight: bold; }
.hp .groupCount a:hover { color: #a6b627; }

.hp .img:hover .celebName { opacity: 1; }
.hp .img:hover .groupCount { display: block; }
.hp .celebName .inner { padding: 10px; }

.hp .celebName .inner.s1 { font-size: 25px; }
.hp .celebName .inner.s2 { font-size: 18px; }
.hp .celebName .inner.s3 { font-size: 16px; }
.hp .celebName .inner.s4 { font-size: 12px; }
.hp .celebName .inner.s5 { font-size: 11px; }

.hp .celebName .celeb_name { font-size: 16px; }
.hp .celebName .caption { font-size: 11px; color: #ffffff; }

.hp .celebName .rank { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-shadow: #000000 2px 2px 2px; background: #343434; padding: 1px 4px 1px 4px; font-size: 17px; font-weight: bold; float: right; display: inline-block; width: auto; text-align: center; color: #ffffff; }
.hp .celebName .rank small { font-size: 11px; }

.hp .celebName:hover .groupCount { background: #a6b627; cursor: pointer; }

.celebWrap {  }
.celebWrap h1 { background: url(/gfx/blue-bg.gif) no-repeat; width: 295px; height: 52px; font-size: 25px; color: #ffffff; font-family: 'Museo700'; font-weight: bold; text-align: center; }
.celebWrap h1 div { padding: 5px 0 0 0; text-shadow: #121212 1px 1px 1px; }
.celebWrap h2 { font-size: 15px; font-weight: bold; font-family: helvetica; color: #232323; padding: 10px 0 10px 0; }
.celebWrap a { text-decoration: none; }
#celebArticles {  }
#celebPics {  }

#celebArticles h1 { font-family: helvetica; font-weight: bold; font-size: 20px; }

.article { font-family: helvetica; background: #ffffff; border-bottom: 4px solid #cccccc; padding: 10px 5px 10px 5px; font-size: 13px; line-height: 160%; margin: 0; font-family: georgia; }
.article .title { font-weight: bold; font-size: 15px; }
.article .personNameHighlight { font-weight: bold; }

#footer { background: #000000; padding: 30px; color: #ffffff; margin: 0; text-align: left; font-family: helvetica; font-size: 12px; }
#footer .slogan { font-size: 13px; font-weight: bold; }
#footer .nav a { color: #cacaca; }

.story { background: #ffffff; padding: 7px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 10px; font-family: helvetica; font-size: 13px; }
.story:hover { background: #212121; cursor: pointer; color: #ffffff; }
.story .title { font-size: 15px; font-weight: bold; }
.story .date { font-size: 11px; color: #454545; }
.story:hover .date { color: #ffffff; }
.story .source { font-size: 12px; color: #96b600; font-weight: bold; }

.single-image { text-align: center; }
.single-image img { margin: 0 auto 0 auto; border: 3px solid #232323; }

.celebs { font-family: helvetica; font-size: 12px; }
.celebs .celeb { width: 200px; height: 50px; padding: 8px; background: #ffffff; border: 1px solid #cccccc; margin: 10px; float: left; }
.celebs .celeb:hover { background: #fafafa; border: 1px solid #343434; cursor: pointer; }
.celebs .celeb .icon { float: right; width: 50px; }
.celebs .celeb .name { font-weight: bold; font-size: 14px; padding: 0 0 4px 0; }
.celebs .celeb .stories { font-size: 11px; padding: 0 0 4px 0; color: #676767; }
.celebs .celeb .pics { font-size: 11px; color: #676767; }
.celebs .celeb .pics b, .celebs .celeb .stories b { font-weight: bold; color: #343434; }

.search { margin: 10px; background: #ffffff; border: 1px solid #cccccc; padding: 10px; }
.search input { padding: 3px; font-size: 14px; }
.search button { color: #ffffff; font-weight: bold; padding: 7px 13px 7px 13px; background: #232323; border: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.awesome { font-family: 'Museo500'; background: #df0088; font-size: 17px; padding: 5px; color: #ffffff; font-weight: bold; border: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
.awesome:hover { background: #009eeb; }

.paging { font-size: 10px; padding: 10px 45px 20px 10px; }
.paging .prev { }
.paging .next { float: right; }

.pics .pic { float: left; width: 330px; height: 330px; margin: 3px; }
.pics .pic .caption { position: absolute; width: 330px; }
.pics .pic .caption .inner { padding: 6px; font-family: Museo500, helvetica; font-size: 13px; text-align: left; margin-top: 260px; color: #ffffff; background: #000000; line-height: 150%; }

#search { float: right; width: 350px; text-align: left; line-height: 0; padding: 10px 10px 0 0; margin: 0; }
#search * { text-align: left; }
#search form { margin: 0; padding: 0; line-height: 0; }
#search input, #logo #search button { width: 250px; font-size: 13px; font-weight: bold; padding: 4px; border: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#search button { background: #ec2f7f; color: #ffffff; border: 0; padding: 5px; font-weight: bold; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: auto; }
#search button:hover { background: #cb226a; cursor: pointer; }
#search #search_results { 
	position: absolute; 
	width: 300px; 
	background: #fafafa; 
	border: 1px solid #212121; 
	z-index: 9999;
}
#search #search_results div.result {
	padding: 0;
	clear: both;
}

#search #search_results div.result a {
	display: block; background: #fafafa; border-top: 1px solid #cccccc; padding: 13px 10px 10px 10px; font-family: helvetica; font-size: 13px; font-weight: bold; color: #232323; text-decoration: none;
}
#search #search_results div.result a:hover {
	background: pink; color: white;
}
#search #search_results div.empty-result, #logo #search #search_results div.result a { padding: 8px; background: #fafafa; color: #232323; display: block; border-bottom: 1px solid #cacaca; font-size: 10px; }
#search #search_results div.result a:hover { background: #ec2f7f; color: #ffffff; }

#search #search_results div.result .date {
	font-size: 10px;
	float: right;
	margin-left: 5px;
}

#twitter_div { font-family: helvetica; padding: 0 10px 0 0; margin: 0; }
#twitter_div ul { margin: 0; padding: 0; }
#twitter_div ul li { list-style: none; list-style-image: none; margin: 0 0 10px 0; font-size: 11px; padding: 5px; background: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#twitter_div ul li a { color: #fb0076; font-weight: bold; }

.hcol { height: 600px; overflow-x: hidden; overflow-y: auto; position: relative; }
.hcol .inner { padding: 0 10px 0 10px; }


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}


.vscrollerbar {
background-image: url(/gfx/scrollbar.png);
width: 22px;
height: 110px !important;
background-image: url(/gfx/scrollbar.png);
}

.vscrollerbar:hover {
	cursor: pointer;	
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/gfx/scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */