/*
Theme Name: Whitestones
Theme URI: http://www.stanleysy.com/
Description: A theme for CECC Whitestones
Version: 1.0
Author: Stanley Sy
Author URI: http://www.stanleysy.com/
*/

html { overflow: -moz-scrollbars-vertical !important; }
html { background: #fff url(images/cecc-bg_full.png) center top repeat-y; }
body { background: url(images/cecc-bg_top.png) center top no-repeat; color: #333; margin: 0; padding: 0; text-align: center; font: 76% arial, helvetica, verdana, bitstream vera sans, sans-serif; }

hr { display: none; }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.3em; }

a:link { color: #0054A6; }
a:visited { color: #4286C8; }
a:hover { color: #B13C5D; }
.border { border: 1px solid #ccc; }
img { border-width: 0; }
img.border { border: 1px solid #ccc; padding: 3px; }
a img.border { border: 1px solid #ccc; padding: 3px; }
a:hover img.border { border: 2px solid #B13C5D; padding: 2px; }

dl dt { font-weight: bold; }
dl.simple dd { margin: 0 0 10px 0; }
img.rightalign { float: right; margin: 0 0 5px 10px; }
.edit a { color: #B7A54E !important; }
.edit a:hover { color: #E8960C !important; }
.sep { margin: 0 3px; color: #ccc; }
.skip { position: absolute; width: 1px; height: 1px; left: -9999px; overflow: hidden; }
span.star { color: #B13C5D; }
p.star { padding-left: 0.6em; text-indent: -0.5em; font-size: 0.9em; color: #888; margin-right: 40px; }
blockquote.large { margin: 0 40px; font-size: 2.2em; letter-spacing: -0.07em; line-height: 0.9; font-weight: bold; color: #a00; }
blockquote.large small { display: block; font: 0.4em verdana, arial, helvetica, bitstream vera sans, sans-serif; letter-spacing: -0.02em; font-weight: normal; color: #777; padding-top: 5px; }
address { font-style: normal; }
img.rss { vertical-align: middle; padding-right: 2px; }

ul { margin-left: 0; padding-left: 0; list-style: none; }
ul li { padding: 0 0 0 14px; background: url(images/ws-dot.png) 3px 6px no-repeat; }

.page-width { width: 726px; margin: 0 auto; text-align: left; }
.primary { width: 410px; float: left; margin: 0; }
.secondary { margin: 0 0 0 460px; }

#header { height: 112px; }
#header h1 { margin: 0; }
#header h1 a { margin: 0; display: block; background: url(images/cecc-logo.png) no-repeat; width: 490px; height: 98px; overflow: hidden; text-indent: -9999px; color: #fff; text-decoration: none; }

#navigation { margin: 0; overflow: auto; }
#navigation h2 { display: none; }
#navigation ul { padding: 0; margin: 0; list-style: none; }
#navigation ul li { padding: 0; background-image: none; height: 1.8em; ; display: block; float: left; font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; }
#navigation ul li a { text-decoration: none; color: #666; padding-bottom: 2px; }
#navigation ul li a:hover { color: #B13C5D; border-bottom: 3px solid #B13C5D; padding-bottom: 2px; }
#navigation ul li.current_page_item a { font-weight: bold; color: #333; border-bottom: 3px solid #D2CFC0; padding-bottom: 2px; }
#navigation ul li.eng { display: none; }
#sitenav { float: left; }
#sitenav li { margin-right: 20px; }
#languages { text-align:right; }
#languages li { margin-right: 0; }

#content { clear: both; margin-top: 45px; }
#description { margin: 0 0 30px 0; font-size: 0.9em; width: 400px; }
#description p { margin-top: 0; }
.entry { margin: 0 0 40px 0; }
.entry h2 { letter-spacing: -0.05em; margin: 0 0 2px 0; line-height: 1; }
.entry h2 a:hover { text-decoration: underline; }
.entry h3 { letter-spacing: -0.05em; margin: 40px 0 0 0; line-height: 1; }
.entry small.date { font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; color: #aaa; }
.entry .content { line-height: 1.4; }
.entry .footer { font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; color: #999; }


#sidebar { margin-top: 45px; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }

#sidebar .date { font-size: 0.9em; font-weight: bold; font-family: verdana, arial, helvetica, bitstream vera sans, sans-serif; }
#notice { border: 1px solid #D7CCB4; background: #fffff2 url(images/cecc-bg_notice.png) repeat-x; padding: 15px 15px 5px 15px; }
#notice ul li { padding: 0; background-image: none; }

#notice h2 { margin: 0 0 4px 0; font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; color: #B5A175; text-transform: uppercase; font-weight: normal; }
#notice h3 { margin: 0; }
#themeofthemonth { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #D7CCB4; }
#events { margin-top: 35px; font-family: verdana, arial, helvetica, bitstream vera sans, sans-serif; }
#events ul li { padding: 0; background-image: none; }
#events h2 { font-size: 1em; }
#events h3 { font-size: 0.9em; color: #B13C5D; margin: 15px 0 0 0; }
#events .date { color: #626262; }
#events .date abbr { border-width: 0; }
#events .content { font-size: 0.9em; color: #626262; }


#info-width { margin: 80px 0 0 0; background: url(images/cecc-bg_info.png) center top repeat-y; padding: 10px 0 30px 0; font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; overflow: auto; }
#info { width: 726px; margin: 0 auto; color: #545454; text-align: left; line-height: 1.1; }
#info h2 { display: none; }
#info h3 { font-size: 1.1em; margin: 0 0 5px 0; padding: 25px 0 2px 0; border-bottom: 1px dotted #D2CFC0; color: #333; }
#info ul { list-style: none; margin: 0; padding: 0; }
#info dt { margin: 10px 0 0 0; font-weight: bold; }
#info dd { margin: 0; }
#info dd a:link, #info dd a:visited { text-decoration: none; }
#info dd a:hover { text-decoration: underline; }
#search-holder { margin-top: 40px; }

#footer { clear: both; color: #999; padding: 40px 0 4px 0; font: 0.9em/1.5 verdana, arial, helvetica, bitstream vera sans, sans-serif; }
#footer a { text-decoration: none; color: #555; }
#footer a:hover { text-decoration: none; color: #B13C5D; }
.backtotop { float: right; position: relative; padding-right: 20px; left: 0; width: auto; height: auto; }
.backtotop a:link, .backtotop a:visited { padding-left: 15px; background: #444 url(images/cecc-bg_backtotop.png); color: #333; }
.backtotop a:hover { padding-left: 15px; background: #B13C5D url(images/cecc-bg_backtotop.png); color: #B13C5D; }

/* WS */
body { background-image: url(images/ws-bg_top.png); }
#header h1 a { background-image: url(images/ws-logo.png); }

a:link { color: #5D58C7; }
a:visited { color: #8D80B9; }
a:hover { color: #B13C5D; }
#header { background: url(images/ws-bg_sublogo.png) no-repeat top right; }



.flickr_thumbs img { margin: 0 14px 0 0; padding: 3px; border: 1px solid #A9A9A9; }
.flickr_thumbs a:hover img { padding: 2px; border: 2px solid #B13C5D; }
.entry .falbum-thumbnail img { padding: 3px; border: 1px solid #A9A9A9; }
.entry .falbum-thumbnail a:hover img { padding: 2px; border: 2px solid #B13C5D; }

/* Data */
table.data { background: #F8F7FC url(images/ws/bg-table.png) repeat-x; color: #423789; margin: 10px 0 20px 0; border: 1px solid #ccc; border-collapse: collapse; }
table.data thead th { border: 1px solid #CCC8E9; padding: 5px 8px; background: #E0DEF0 url(images/ws/bg-table_header.png); }
table.data td { cursor: default; border: 1px solid #CCC8E9; padding: 2px 8px; vertical-align: top; }
table.data tr.odd td { background: transparent url(images/ws/bg-table_even.png); }
table.data tfoot tr td { background: transparent url(images/ws/bg-table_footer.png); font-weight: bold; padding: 5px 8px; }

* html table.data caption { padding: 0 0 8px 0; }
* html table.data td { background: #F5F4FB; background-image: none; }
* html table.data tr.odd td { background: #F0EEF8; background-image: none; }
* html table.data tfoot tr td { background: #EEECF7; background-image: none; }

/*
* html table.data tr.odd td { background: #F8F7FC; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ws/bg-table_even.png', sizingMethod='scale'); }
* html table.data tfoot tr td { background: #F8F7FC; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ws/bg-table_footer.png', sizingMethod='scale'); }
*/
table.data tr.active td { background-color: #FCFAD5 !important; background-image: none; }
	/* Stats */
	div.stats table.data { width: 580px; font: 0.9em verdana, arial, helvetica, bitstream vera sans, sans-serif; }
	div.stats table.data col.current { background-color: #ffe; }
	div.stats table.data thead th { text-align: right; }
	div.stats table.data thead th.current { background: #FCFAD5 url(images/ws/bg-table_headercurrent.png); }
	div.stats table.data thead th.player { text-align: left; }
	div.stats table.data thead th.r { width: 1.5em; }
	div.stats table.data td { text-align: right; }
	div.stats table.data td.player { text-align: left; }
	div.stats table.data thead th a:visited { color: #5D58C7; }

/* Weather */
#weather-holder { width: 506px; margin-bottom: 40px; padding-top: 6px; border-top: 2px solid #D2CFC0; }
* html #weather-holder { height: 1%; }
#weather { overflow: auto; }
#weather .day { margin-left: -1px; width: 56px; float: left; font: 0.78em verdana, bitstream vera sans, sans-serif; padding: 5px 5px 8px 5px; text-align: center; border-left: 1px dotted #D2CFC0; }
#weather .day .forecast strong { display: block; height: 13px; font-size: 1.1em; line-height: 0.9; }
* html #weather .day .forecast strong { height: 19px; }
#weather .day .forecast strong span { display: block; font-weight: normal; color: #aaa; font-size: 0.9em; }
#weather .day img { display: block; padding: 9px 0 3px 0; margin: 0 auto; }
#weather .day .condition { color: #666; line-height: 1; }
#weather .day .condition strong.desc { font-weight: normal; height: 36px; display: block; letter-spacing: -0.03em; }
#weather .day .lo { color: #466EB9; letter-spacing: -0.06em; }
#weather .day .hi { color: #B13C5D; letter-spacing: -0.06em; }
#weather .day .precip { color: #444; letter-spacing: -0.06em; }
#weather .day acronym { border-color: #ccc;}
#noweather { margin-bottom: 40px; color: #999; }