/*
=====================================================
SITEMASON LAYOUT
=====================================================
*/

/* LIST */


.sm_content .sm_calendar .sm_list .sm_datetime { font-weight: normal; width: 14em; }
.sm_content .sm_calendar .sm_list .sm_datetime div { font-size: 0.7em; }
.sm_content h2 { line-height: 1em; }

/*
.sm_content ul.sm_items li { min-height: 200px; }
*/


/* DETAIL */




/*
 * MISC
 -------------------------*/

ul.sm_alpha_search { list-style-type: none; margin: 0; padding: 0; }
ul.sm_alpha_search li { display: inline; margin: 0; padding: 0; }

.sm_nav ul { list-style-type: none; margin: 0; padding: 0; }

div.sm_icon { width: 70px; height: 70px; text-align: center; float: left; }
div.sm_icon img { border: 1px solid #666; }



/*
=====================================================
SITEMASON STYLE
=====================================================
*/

div.sm_content { font-size: 13px; }

div.sm_content h1 { font-size: 2em; margin: 0; padding: 10px 0; }

div.sm_content .sm_list h2 { font-size: 1.5em; margin: 0; padding: 12px 0 2px 0; }
div.sm_content .sm_list h3 { font-size: 1.1em; margin: 0; padding: 0; }
div.sm_content p { font-size: 1em; }

div.sm_content .float_left { float: left; margin: 0 10px 0 0; }
div.sm_content .float_right { float: right; margin: 0 0 0 10px; }

div.sm_content #sm_search_share { float: right; text-align: right; }

div.sm_content .sm_icons img { padding: 0 6px 0 0; }
div.sm_content .sm_icons .stbuttontext { font-size: 11px; color: #333; display: none; }

div.sm_content .sm_datetime div { display: inline; }
div.sm_content .sm_status_icons div { display: inline; }

div.sm_content .sm_description sm_image { padding: 0 8px 0 0; }

div.sm_content ul.sm_items { list-style-type: none; margin: 0; padding: 0; }
div.sm_content ul.sm_items>li { clear: both; margin: 0; padding: 0; border-top: 1px solid #EEE; }
div.sm_content ul.sm_items>li:first-child { border-top: 0; }

div.sm_content .sm_list .sm_datetime { font-size: 0.75em; }
div.sm_content .sm_list .sm_summary_block { padding: 8px 0 0 0; }
div.sm_content .sm_list .sm_sitemason_file img { padding: 0 8px 8px 0; }
div.sm_content .sm_list .sm_alternate_source p { font-size: 0.8em; font-weight: bold; margin: 0; padding: 0 4px 0 0; float: left; }
div.sm_content .sm_list .sm_alternate_source p a { color: #666; text-decoration: none; }
div.sm_content .sm_list .sm_alternate_source p a:hover { text-decoration: underline; }

div.sm_content .sm_list_set_buttons { color: #AAA; font-size: 0.8em; clear: left; }
div.sm_content .sm_list_set_buttons a { color: #444; text-decoration: none; }
div.sm_content .sm_list_set_buttons a:hover { color: #44F; text-decoration: underline; font-weight: bold; }
div.sm_content .sm_list_set_buttons a.current_page { color: #222; font-weight: bold; }

.sm_tags { background: #DDD; font-size: 0.8em; }
.sm_tags .sm_label { font-weight: bold; background: #BBB; }
.sm_tags .sm_label { padding: 2px 10px; }
.sm_tags .sm_value { padding: 4px 10px; }

div.sm_content .sm_detail h2 { font-size: 1.5em; margin: 0; padding: 10px 0; clear: both; }
div.sm_content .sm_detail h3 { font-size: 1.1em; margin: 0; padding: 0 0 10px 0; }
div.sm_content .sm_detail .sm_datetime { font-size: 0.9em; }
div.sm_content .sm_detail .sm_item_details { font-size: 0.9em; }
div.sm_content .sm_detail .sm_item_details .sm_label { display: inline; }
div.sm_content .sm_detail .sm_item_details .sm_value { display: inline; }

/*
div.sm_content .sm_detail .sm_item_details div div { display: inline; padding: 0 8px 0 0; }
*/

div.sm_content .sm_detail p.sm_media_title { font-size: 1em; color: #222; font-weight: bold; margin: 0; padding: 2px 0 0 0; }
div.sm_content .sm_detail p.sm_caption { font-size: 0.8em; color: #333; margin: 0; padding: 2px 0 0 0; }
div.sm_content .sm_detail p.sm_copyright { font-size: 0.7em; color: #444; margin: 0; padding: 2px 0 0 0; }

#sm_icons_instructions { display: none; position: absolute; border: 1px solid #333; width: 300px; background-color: #DDD; overflow: auto; text-align: center; }
#sm_icons_instructions input { font-size: 11px; }
#sm_icons_instructions .help_item { padding: 4px; border-bottom: 1px solid #AAA; }
#sm_icons_instructions .help_item p { text-align: left; color: #111; font-size: 11px; width: 225px; margin: 0 0 0 40px; }
#sm_icons_instructions .help_item p.link { margin: 4px 0 0 40px; }
#sm_icons_instructions .help_item p.link a { color: #3333FF; font-weight: bold; text-decoration: none; }
#sm_icons_instructions .help_item p.link a:hover { text-decoration: underline; }
#sm_icons_instructions .help_item img { float: left; padding: 0 4px 0 0; }


/*
=====================================================
GALLERY
=====================================================
*/
div.sm_gallery ul.sm_items>li { padding: 4px 0; }
div.sm_gallery .sm_list .sm_thumbnail { float: left; margin-right: 8px; }
div.sm_gallery .sm_list .sm_thumbnail_content { float: left; }
div.sm_gallery .sm_list .sm_title h2 { padding-top: 0; }
div.sm_gallery .sm_list_grid ul.sm_items>li { clear: none; float: left; border: 0; text-align: center; }
div.sm_gallery .sm_list_grid .sm_thumbnail { float: none; margin-right: 8px; }
div.sm_gallery .sm_list_grid .sm_thumbnail_content { display: none; }

div.sm_gallery .sm_list_slideshow .viewer {
	/* dimensions */
	overflow: hidden;
	width:506px;
	margin:15px 0;
	padding:0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#000;
}

div.sm_gallery .sm_list_slideshow .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 400px;
	height: 90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.sm_gallery .sm_list_slideshow .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
div.sm_gallery .sm_list_slideshow .items div { float:left; margin: 0 10px; }
div.sm_gallery .sm_list_slideshow .items>div>div {
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: center;
	background-color: #000;
}

div.sm_gallery .sm_list_slideshow .items>div>div.scrollable_bookend {
	margin: 0;
	background-color: transparent;
	width: 0;
	border-right: 2px #666 dotted;
	border-left: 2px #666 dotted;
}

/*
=====================================================
CALENDAR
=====================================================
*/
div.sm_content .sm_calendar .sm_datetime { font-size: 0.75em; width: 140px; float: left; }
div.sm_content .sm_calendar .title { margin: 0 0 0 140px; font-size: 1em; }
div.sm_content .sm_calendar .title a { color: #222; text-decoration: none; }
div.sm_content .sm_calendar .title a:hover { text-decoration: underline; }


/* Cal Grid */

div.sm_content .sm_cal_grid .month td { border: 1px solid #CCC; width: 14.28%; height: 110px; background: url('/images/cal_grid/corner.png') bottom right no-repeat; }

div.sm_content .sm_cal_grid .week a { color: #222; }
div.sm_content .sm_cal_grid .week th .sm_date { font-size: 0.7em; }
div.sm_content .sm_cal_grid .week th .sm_date a { color: #666; }

div.sm_content .sm_cal_grid .week td, div.sm_content .sm_cal_grid .week th { width: 12.5%; height: 30px; border: 1px solid #CCC;}
div.sm_content .sm_cal_grid .week td { font-size: 0.7em; }
div.sm_content .sm_cal_grid .week td.hour, div.sm_content .sm_cal_grid .week td.hour_day { background: #EEE; }
div.sm_content .sm_cal_grid .week td.half_hour, div.sm_content .sm_cal_grid .week td.half_hour_day { border-bottom: 1px solid #888; }

div.sm_content .sm_cal_grid td.today { background: #E8ECFF; }
div.sm_content .sm_cal_grid td.other_month { background: #DDD; }

div.sm_content .sm_cal_grid td p.dom { background: #DDD; font-size: 10px; padding: 2px 4px; }
div.sm_content .sm_cal_grid td p.dom a { color: #222; text-decoration: none; }
div.sm_content .sm_cal_grid td p.dom a:hover { text-decoration: underline; }

div.sm_content .sm_cal_grid td.other_month p.dom { background: #BBB; }
div.sm_content .sm_cal_grid td.other_month p.dom a { color: #222; }

ul.sm_calgrid_items { list-style-type: none; margin: 0 1px; padding: 0; font-size: 10px; }
ul.sm_calgrid_items li { padding: 2px 4px; margin: 2px; overflow: hidden; }
ul.sm_calgrid_items li.more { text-align: right; font-size: 9px; }
ul.sm_calgrid_items li a { color: #111; text-decoration: none; }
ul.sm_calgrid_items li a:hover { text-decoration: underline; }

ul.sm_calgrid_items .start_time { font-weight: bold; color: #666; font-size: 9px; margin: 0 4px 0 0; }



/* all day */
ul.sm_calgrid_items li.all_day { background: #96C5FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/* span buttons */
ul#span_buttons { font-weight: bold; font-size: 11px; font-family: Arial, Verdana, sans-serif; list-style-type: none; padding: 0 0 24px 0; border-bottom: 1px solid #DDD; margin: 0; }
ul#span_buttons li { float: left; height: 21px; background-color: #DDD; margin: 2px 2px 0 2px; border: 1px solid #CCC;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul#span_buttons li#current_calendar_span { border-bottom: 1px solid #E8ECFF; background-color: #E8ECFF; }

#span_buttons a { float: left; display: block; color: #222; text-decoration: none; padding: 4px; }
#span_buttons a:hover { background: #E8ECFF; border-bottom: 1px solid #E8ECFF; }

li#current_calendar_span a { color: #222; }


/* Cal List */

div.sm_content .sm_cal_list h2.date { font-size: 1.15em; background: #EEE; padding: 4px 0; margin: 4px 0; }
div.sm_content .sm_cal_list h2.date a { color: #333; text-decoration: none; }
div.sm_content .sm_cal_list h2.date a:hover { text-decoration: underline; }
div.sm_content .sm_cal_list ul.sm_items li { padding: 4px 0; }
div.sm_content .sm_cal_list ul.sm_items li .no_events { font-size: 0.75em; color: #666; }


/*
=====================================================
CALENDAR
=====================================================
*/
div.sm_store input.sm_quantity { width: 55px; text-align: right; }


/*
 * EMAIL
 -------------------------*/
 
.email th { font-size: 12px; font-weight: bold; text-align: left; }
.email .label { font-size: 11px; font-weight: normal; text-align: left; }
.email .body { background-color: #EFEFEF; border: 1px #999999 solid; margin: 12px 0; padding: 10px 8px; font-family: monospace; font-size: 12px; }
.email .body textarea { font-family: monospace; font-size: 12px; }


/*
 * COMMENTS
 -------------------------*/
div.comments h4,
div.post_comments_form h4 { font-size: 1.4em; font-weight: bold; padding: 20px 0 0 0; margin: 0 0 8px 0; border-bottom: 1px solid #CCC; }
div.comments form { background-color: #DDD; padding: 20px; margin: 20px 0; }
div.comments ul { list-style-type: none; margin: 0; padding: 0; }
div.comments ul li { margin: 0; padding: 16px 0 0px 0; font-size: 1em; border-bottom: 1px dotted #DDD; }

div.comments div.leftbox { float: left; width: 160px; }
div.comments div.subject { font-size: 0.9em; color: #222; padding: 0 0 4px 0; }
div.comments div.info { font-size: 0.7em; color: #444; }
div.comments div.body { font-size: 0.9em; color: #777; margin: 0 0 0 160px; }

div.post_comments_form .name_field,
div.post_comments_form .subject_field,
div.post_comments_form .comment_field { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.8em; color: #333; width: 300px; }
div.post_comments_form .name_field { width: 150px; }
div.post_comments_form .comment_field { height: 100px; }


/*
 * MISC
 -------------------------*/
 
ul.sm_alpha_search li { font-size: 0.85em; }
ul.sm_alpha_search li a { text-decoration: none; }
ul.sm_alpha_search li a:hover { text-decoration: underline; }



/*
=====================================================
SITEMASON COLOR
=====================================================
*/

div.sm_content h2 a { color: #000; }
/*
div.sm_content p { color: #222; }
*/
div.sm_content .sm_datetime { color: #666; }


div.sm_tag_cloud a { color: #444; text-decoration: none; }
div.sm_tag_cloud a:hover { text-decoration: underline; }