body { margin: 0; padding: 0; background: #ddd;  font-family: "HelveticaNeue-Light", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, Geneva, sans-serif; font-weight: 300; font-size: 62.5%; vertical-align:baseline; }

a { color: #00a0fc; }
	a:hover, a:visited:hover { color: #dc3522; }
	a:visited { color: #3C4596; }

.button { float: left; font-size: 1.4em; background: #00a0fc none repeat scroll 0 0; border: 1px solid #E1E1E1; color: #fff; padding: 0.3em 0.4em; line-height: 1.1em; vertical-align: middle; text-decoration: none; text-transform: uppercase; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; }
.button:hover, .button:visited:hover { color: #fff; background: #dc3522; border-color: #dfdfdf; text-shadow: 1px 1px 0 #999; }
.button:visited { color: white; }
	
nav, header, footer { display: block; }

.stay_left {float: left; clear: left;} .stay_right {float: right; clear: right;}

header, footer { margin-top: 20px; position: relative; }
	header { height: 100px; }
	header div.header_top {  position: absolute; height: 24px; bottom: 74px; background: transparent url(/images/header_top_bg.png) repeat-x bottom; width: 100%; }
	header div.bg { position: absolute; background: #444; bottom: 0; height: 74px; float: left; width: 100%; }
		header div.bg.pattern_1 { background-image: url(/images/header_bg_1.gif); }
		header div.bg.pattern_2 { background-image: url(/images/header_bg_2.gif); }
		header div.bg.pattern_3 { background-image: url(/images/header_bg_3.gif); }
	header h1 { margin: 0; padding: 0; height: 91px; }
		header h1 a { width: 300px; height: 91px; background: transparent url(/images/logo_3d.png) no-repeat 0 0; text-indent: -99999px; position: absolute; }
	header div img { margin: 10px; height: 148px; }
	header nav { height: 30px; text-align: right; margin-top: 53px; }
		header nav ul { list-style: none; float: right; }
			header nav ul li { float: left; margin: 0 10px 0 10px; }
				header nav ul li a, header nav ul li a:visited { padding: 5px 10px; font-size: 1.4em; background: #0071BB; color: #fff; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
				header nav ul li.current a { background: #000; }
				header nav ul li a:hover, header nav ul li a:visited:hover { background: #dc3522; color: #fff; text-decoration: none; }

footer { clear: both; bottom: 0; position: fixed; width: 100%; z-index: 50; }
	footer div.content { background: white; float: left; margin-top: 200px; }

#content { background: white url(/images/content_top_bg.png) repeat-x 0 0; margin: 0 0 20px 0; padding: 20px 0 10px 0; float: left; z-index: 99; position: relative; }

.notice { margin-top: 10px; text-align: center; float: left; width: 90%; display: block; font-size: 1.6em; }
	.confirm { background: #91c645; border: 3px solid #5b8a00; padding: 10px; color: white; }
	.notification { background: #ffffd7; border: 3px solid #cbb98b; padding: 10px; color: black; }
	.alert { background: #c00; border: 3px solid #900; padding: 10px; color: white; }

.callout { text-decoration: none; font-size: 20px; background: #91c645; border: 1px solid #5b8a00; color: white; padding: 3px 6px; margin: 5px 0 0 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.callout:hover { text-decoration: none; background: #5b8a00; border: 1px solid #5b8a00; color: white; }
.callout:active { background: #222; border: 1px solid #000; }

/* Typography */

	.headerPrimary, .copy h1 { font-size: 3em; letter-spacing: -0.03em; margin: 10px 0 5px 0; line-height: 1em; }
	.headerSecondary, .copy h2 { font-size: 1.8em; color: #222; margin: 10px 0 5px 0; line-height: 1em; }
	.headerTertiary, .copy h3 { font-size: 1.4em; color: #222; margin: 10px 0 5px 0; font-weight: normal; font-family: 'Helvetica Neue', Helvetica,Arial,"Bitstream Vera Sans",sans-serif; line-height: 1em;  }
	
	.header .number { padding: 6px 10px 4px 10px; height: 32px; background: #ddd; border: 1px solid #999; border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; }
	.header .tagLine { float: right; color: #999; font-style: italic; font-size: 0.8em; letter-spacing: -0.04em;}
	
	.headerSection { background: #00a0fc; padding: 3px 5px 5px 5px; color: white;}

	/* Copy */

	.copy { padding: 0 0 10px; line-height: 1.5em; font-size: 1.4em; color: #555;}
		.copy p {margin: 0 0 1em;}
		.copy strong, .copy b { color: #000; }
		.copy ul, .copy ol {list-style-position: outside; margin-left: 2em; padding: .5em 0;}
			.copy li {margin: 0 0 .5em;}
		.copy object, .copy embed { clear: both; }
		.copy .related { clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; padding: 10px; width: 360px; font-size: .85em; }
		

		.copy blockquote { margin: 20px; padding: 10px 0 0; border: solid #d6d6d6; border-width: 1px 0; color: #666; font-size: .916em; }
			.copy blockquote strong {display: block; margin: 0 0 5px; color: #333;}
			.copy blockquote strong + p br:first-child {display: none !important;}
		.copy table { font-size: .8em; border-top: 1px solid #eee; }
			.copy table td { padding: 3px 20px; border-bottom: 1px solid #eee; }

	.copySmall { font-size: .85em; color: #444;}

	/* Copy end */
	
	.tags { line-height: 1.2em; clear: both; margin: 10px 0; padding: 5px; color: #999; border: solid #e1e1e1; border-width: 1px 0; font-size: 1.2em; }
		.tags strong {font-weight: normal;}
		.tags a {color: #666; text-decoration: underline;}
		.tags a:hover {text-decoration: none;}
	
		.categoryLabel {font-family: Helvetica, Arial, Geneva, sans-serif; padding: 2px 3px 1px; letter-spacing: .1em; text-transform: uppercase; font-size: 9px !important; color: #fff !important; text-decoration: none !important; background-color: #bbb; text-shadow: 1px 1px 0 #222; }
		.categoryLabel:hover { background-color: #dc3522; }

/* Typography end */

/* @group Article */
.imgMain {position: relative; float: right; width: auto; margin: 0 0 10px; padding: 0 5px; text-decoration: none; text-align: center;}
.imgMain:hover {text-decoration: none;}
.imgMain.img620, .imgMain.img380 {padding: 0;}

.imgMain.imgBoxed {padding: 5px; border: 1px solid; border-color: #eee #ddd #ddd #eee;}
.imgMain.img210.imgBoxed img {width: 198px;}
.imgMain.img620.imgBoxed img {width: 608px;}

.imgMain.img620.imgGallery {float: none; clear: both; display: block;}

	.imgMain img {margin: 0 auto;}
	.imgCaption { font-size: .8em; display: block; padding: 5px; padding-left: 20px; background: url(/images/arrow_up.png) no-repeat 5px 4px; color: #222; line-height: 1.5em; text-align: left; }
	.img210 .imgCaption {width: 185px; color: #666; font-weight: normal;} .img210.imgBoxed .imgCaption {width: 173px;}
	.img620 .imgCaption {width: 595px; color: #666; font-weight: normal;} .img620.imgBoxed .imgCaption {width: 583px;}
	.imgGallery.img620 .imgCaption {text-align: center; background-image: none; color: #666; font-weight: normal;}

	.imgMain .imgOverlay {display: none;}
	
.byLine { font-size: .8em; color: #888; font-style: italic;}
/* @end */

/* @group Article lists */
ul.articleList { margin: 0; }
	ul.articleList li { padding-left: 110px; display: block; clear: both; margin: 0; float: left;}
		ul.articleList li a img, ul.articleList li div { margin-left: -110px; float: left; margin-bottom: 10px; }
		ul.articleList li a div { width: 100px; height: 69px; background: #eee; border: 1px solid #ccc; text-indent: -9999px;}

		ul.articleRow li .date, ul.articleList li .date { color: #666; font-size: 1.1em; }
		ul.articleRow li .copy, ul.articleList li .copy { font-size: 1.2em; clear: right; margin: 0;}
		ul.articleRow li strong, ul.articleList li strong { font-size: 1.4em; margin-bottom: 0.3em; display: block; }
		ul.articleRow li .read_more, ul.articleList li .read_more { white-space: nowrap; }

ul.linkList { margin: 0 0 20px 0; padding: 0; }
	ul.linkList li { margin: 0 0 0 20px; padding: 0; font-size: 1.2em; line-height: 1.4em; }
		ul.linkList li .count { font-size: 0.8em; color: #999; margin-left: 3px; }
	
ul.thumbnails { margin: 0 -10px 0 -10px; padding: 0; }
	ul.thumbnails li { margin: 0; list-style: none; float: left; width: 140px; height: 200px; margin: 0 10px; padding: 0; line-height: 1.1em; font-size: 1.2em; }

/* @end */

.widget {overflow: hidden; display: block; margin: 0 0 10px;}
	.widget .spinner { text-align: center; margin: 20px; }
		.widget .spinner img { display: inline; margin: 0; }

.box { margin: 10px 0 20px 0; padding: 10px 20px; border: 1px solid #d6d6d6; background: #eee url('/images/grey_overlay.png'); color: #444; }
	.box label { display: block; font-weight: bold; }
	.box input[type="submit"] { margin-top: 5px; }
	.box h2 { font-size: 1.2em; margin: 0 0 10px 0;}

	/* @group Columns/Lists */
		/* @group Global */
		.columnList {list-style: none; float: left; display: inline; width: 100%; margin: 10px 0 0;}
			.columnList li {float: left; display: inline; margin: 0;}
			.columnList li + li {margin-left: 10px;}
				.columnList li .header {margin: 5px 0 10px 0; font-weight: bold; }
				.columnList li p { margin: 5px 0 20px 0; padding: 0; font-size: 1.2em; }
				
		
		.columnList + .pagination {margin: 20px 0 0;}
		.columnList li a div { background: #eee; border: 1px solid #ccc; }
		/* @end */

		/* @group Widths */
		.columnList140 li {width: 140px;}
		.columnList180 li {width: 180px;}
		.columnList200 li {width: 200px;} /* Default */
		.columnList300 li {width: 300px;}
		/* @end */

		/* @group Video list */
		.videos { margin: 10px 0 0 0; padding: 0; list-style: none; float: left; display: block; width: 100%; }
			.videos li { padding: 0; float: left; height: 105px; margin-bottom: 20px; width: 140px; height: 105px; overflow: hidden;}
			.videos li a span { width: 140px; z-index: 5; position: absolute; display: block; }
				.videos li a span.header { width: 130px; padding: 4px 5px; bottom: 0; background: rgba(20,20,20,.75) none; color: #fff; font-size: 1.4em; text-shadow: 1px 2px 2px #000; }
					.videos li a:hover span.header { background: rgba(20,20,20,.90); }
				.videos li a span.overlay { z-index: 10; height: 105px; text-indent: -99999px; background: transparent url(/images/play_icon.png) no-repeat center center; }
					.videos li a:hover span.overlay { background: transparent url(/images/play_icon_hover.png) no-repeat center center; }
		/* @end */
		
	/* @end */

	/* @group Pagination */
	.pagination {float: right; display: inline; width: auto; padding: 5px 0; font-size: 1.3em;}
		.pagination * {float: left; display: inline; margin-left: 5px; padding: 3px 7px;}
		.pagination *:first-child {margin: 0;}
		
		.pagination a {background: #ddd; border: 1px solid #bbb; color: black; text-decoration: none;}
		.pagination a:hover {background: #333; border-color: #222; color: #fff;}

		.pagination .current,
		.pagination .gap {font-weight: bold; border: 1px solid #fff;}
		
		.pagination .prev_page,
		.pagination .next_page {font-weight: bold;}
		
		.pagination .disabled {display: none !important;}
	/* @end */

	/* @group Rotator */
	.widget_rotator {background: #222; border: solid #aaa; border-width: 1px; margin-top: 10px;}
		.widget_rotator a {text-decoration: none;}
		.widget_rotator a:hover {text-decoration: underline;}

		.widget_rotator .tabList {width: 180px; margin: 0;}
			.widget_rotator .tabList li {margin: 0; }
		.widget_rotator .tabList,
		.widget_rotator .tabList * {float: left; display: inline;}
		.widget_rotator .tabList li + li {border-top: 1px solid #ccc; }

			.widget_rotator .tabList li:hover,
			.widget_rotator .tabList li:hover + li {border-color: #aaa;} /* Bevel effect */

			.widget_rotator .tabList a { width: 170px; height: 140px; padding: 5px; background: #fefefe; font-size: 1.2em; color: black;}
			.widget_rotator .tabList a:hover, .widget_rotator .tabList li.selected a { background: #dc3522; color: white; }

			.widget_rotator .tabList a span { margin: 5px 5px 0 0;}
			.widget_rotator .tabList a:hover span { text-decoration: none; }

				.widget_rotator .tabList strong { float: none; display: block; font-size: 1.5em; }
				.widget_rotator .tabList img { padding-bottom: 5px;}

		.widget_rotator .stay_left {position: relative; overflow: hidden; width: 438px; height: 300px;}
			.widget_rotator .stay_left a {position: absolute; right: 0; bottom: 0;}
			.widget_rotator .stay_left .imgWrapper {width: 438px; height: 300px;}
				.widget_rotator .stay_left .imgWrapper img {}

			.widget_rotator .stay_left .textWrapper { width: 420px; padding: 10px 10px; background: rgba(20,20,20,.6) none; color: #fff; font-size: 1.4em; text-shadow: 1px 2px 2px #000; }
			.widget_rotator .stay_left .textWrapper:hover {text-decoration: none;}
				.widget_rotator .stay_left .textWrapper span { margin: 0 5px 5px 0; float: right; }

				.widget_rotator .stay_left .textWrapper .header {padding: 0; margin: 0 0 5px; font-size: 1.6em; display: block; color: white; clear: both;}
				.widget_rotator .stay_left .textWrapper:hover .header {text-decoration: underline;}
	/* @end */

	/* @group Big Article teaser */
	.widget_big_article_teaser {background: #222; border: solid #aaa; border-width: 1px; margin-top: 10px;}
		.widget_big_article_teaser a {text-decoration: none;}
		.widget_big_article_teaser a:hover {text-decoration: underline;}

		.widget_big_article_teaser div {position: relative; overflow: hidden; width: 620px; height: 430px;}
			.widget_big_article_teaser div a {position: absolute; right: 0; bottom: 0;}
			.widget_big_article_teaser div .imgWrapper {width: 620px; height: 430px;}
				.widget_big_article_teaser div .imgWrapper img {}

			.widget_big_article_teaser div .textWrapper { width: 602px; padding: 10px 10px; background: rgba(20,20,20,.6) none; color: #fff; font-size: 1.4em; text-shadow: 1px 2px 2px #000; }
			.widget_big_article_teaser div .textWrapper:hover {text-decoration: none;}
				.widget_big_article_teaser div .textWrapper span { margin: 0 5px 5px 0; float: right; }

				.widget_big_article_teaser div .textWrapper .header {padding: 0; margin: 0 0 5px; font-size: 1.6em; display: block; color: white; clear: both;}
				.widget_big_article_teaser div .textWrapper:hover .header {text-decoration: underline;}
	/* @end */

	/* @group Cloud */
	.cloud { margin: 0 0 10px 0; padding: 0; list-style: none; width: 98%; float: left; }
		.cloud li { float: left; margin: 0; padding: 0; font-size: 1.2em; }
		.cloud a { margin: 0 5px 5px 0; padding: 3px 8px 5px 8px; float: left; text-decoration: none; background: #2B2B33; color: #fff; display: inline; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
			.cloud a span { font-size: .5em; vertical-align: middle; line-height: 1em; margin-left: 1px; color: #eee;}
		.cloud a:hover { background: #dc3522; color: white; }
		.cloud a:visited { color: white; }
		.cloud a:visited:hover { color: white; }
		.cloud a.selected, .cloud a:active { background: #049630; text-shadow: 1px 0 0 #000; }
		
		.cloud .level_0 { background: #ddd; }
		.cloud .level_1 { background: #ccc; }
		.cloud .level_2 { background: #aaa; }
		.cloud .level_3 { background: #999; }
		.cloud .level_4 { background: #888; }
		.cloud .level_5 { background: #666; }
		.cloud .level_6 { background: #444; }
		.cloud .level_7 { background: #333; }
		.cloud .level_8 { background: #2B2B33; }
		.cloud .level_9 { background: #111; }
	/* @end */

	/* @group Cloud */
		ul.trending_topics { margin: 5px 0 20px 0; padding: 0; list-style: none; border-top: 1px solid #ddd; float: left; width: 100%; display: block; }
			ul.trending_topics li { clear: both; width: 100%; float: left; margin: 0; padding: 3px 0; line-height: 2em; border-bottom: 1px solid #ddd; }
				ul.trending_topics li a { float: left; font-size: 1.2em; }
				ul.trending_topics li span { float: right; font-weight: bold; font-size: 2em; color: #aaa; padding: 0 5px; }
	/* @end */

	/* @group VideoLink */
		.video_link .actions { float: left; }
			.video_link .actions a { font-size: 1.2em; }
			.video_link .actions a:hover { background-image: url(/images/icons/mono/16_wide_icons_sprite_color.png);}
		.video_link .main_image { float: left; width: 100%; clear: both; text-align: center; }
			.video_link .main_image img.main { margin: 0; border: 3px solid #ddd; box-shadow: 0 5px 10px #ccc; -webkit-box-shadow: 0 5px 10px #ccc; -moz-box-shadow: 0 5px 10px #ccc; }
		.video_link .description.copy { margin: 20px 0 0 0; float: left; clear: both; width: 100%; color: #222; text-align: center; }

		.video_link .image_overlay { top: 97px; left: 3px; width: 614px; background: rgba(0, 0, 0, 0.75); color: white; position: absolute; z-index: 10; overflow: hidden; }

	.video_link .navigation { clear: both; float: left; width: 620px; margin: 20px 0 30px 0;}
		.video_link .navigation .previous, .video_link .navigation .next { float: left; position: relative; width: 64px; height: 64px; margin-top: 50px;}
		.video_link .navigation .previous a, .video_link .navigation .next a { width: 64px; height: 64px; position: absolute; text-indent: -9999px;}
			.video_link .navigation .previous a:hover, .video_link .navigation .next a:hover { background-position: -64px 0; }
		.video_link .navigation .previous a { background: url(/images/arrow_big_left.png) no-repeat 0 0; }
		.video_link .navigation .next a { background: url(/images/arrow_big_right.png) no-repeat 0 0; }

		.video_link .navigation.top { width: 600px; padding: 10px; margin: 0 0 10px 0; background: #d9cb9e; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
			.video_link .navigation.top .previous, .video_link .navigation.top .next { margin-top: 0; }
			.video_link .navigation .current_location { width: 472px; float: left; }
				.video_link .navigation .current_location .header { margin: 0; padding-top: 15px; text-align: center; line-height: 20px; }

		.video_link .navigation .rating { width: 300px; float: left; margin: 0 95px; }
				.rating a.down, .rating a.up { width: 100px; float: left; text-indent: -9999px; overflow: hidden; height: 126px; background: url(/images/vote_sprite.png) no-repeat; }
				.rating a.down { background-position: 0 0; margin-left: 50px; }
				.rating a.up { background-position: -100px 0; margin-right: 50px; }
				.rating a.down:hover { background-position: 0 -126px; }
				.rating a.up:hover { background-position: -70px -252px; width: 130px; margin-left: -30px; }
			.rating .message { text-align: center; background: #049630; border: 4px solid #047526; color: white; font-size: 1.4em; line-height: 1.4em; width: 200px; padding: 6px; margin: -85px 40px 0 40px; z-index: 10; float: left; display: block; }
			.rating .favor_percent { font-size: 1em; margin-top: 10px; color: #999; text-align: center; width: 100%; float: left; display: block; }
				.rating .favor_percent strong { color: #374140; }

		.video_link_info ul.data { margin: 0 0 10px 0; padding: 0; list-style: none; float: left; }
			.video_link_info ul.data li { margin: 0; padding: 0; margin-bottom: 8px; float: left; clear: left; }
				.video_link_info ul.data li .icon { padding-left: 21px; font-size: 1.2em; line-height: 16px; vertical-align: bottom; color: #999; height: auto; display: block; clear: both; float: left; }

				.video_link_info .navigation div { float: left; width: 86px; margin: 0 10px 10px; }
					.video_link_info .navigation div.no_image { border: 1px solid #ddd; background: #f8f8f8; color: #aaa; margin: 0; width: 66px; height: 46px; text-align: center; font-weight: bold; padding: 20px 10px; text-shadow: 1px 1px 0 #fff; }
					.video_link_info .navigation div a { color: #999; font-size: 1.4em; text-decoration: none; line-height: .5em; }
					.video_link_info .navigation div a:hover { color: #DC3522; }
					.video_link_info .navigation div p { margin: 3px 0; }
				.video_link_info .navigation .previous { text-align: left; font-size: 1.3em; }
				.video_link_info .navigation .next { text-align: right; font-size: 1.3em; }
				.video_link_info .navigation .current { text-align: center; font-size: 1.3em; color: #999; margin: 0 0 10px 0; }
				.video_link_info .navigation .current img { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }

				.video_box { background: #eee; margin: 0 0 10px 0; float: left; width: 100%; }
					.video_box .header { margin: 10px 10px 5px 10px; }
					.video_box ul { margin: 0 10px; }
					.video_box .copy, .video_box .microCopy { margin: 0 10px 10px 10px; }
	/* @end */

	/* @group Icons */
	.icon { height: 16px; padding-left: 19px; background-image: url(/images/icons/16_wide_icons_sprite_50percent_opacity.png); background-position: 0 0; background-repeat:no-repeat; }
		.icon.love { background-position: 0 0; }
		.icon.comments { background-position: 0 -16px; }
		.icon.comments:hover { background-position: 0 -32px; }
		.icon.views { background-position: 0 -48px; }
		.icon.time { background-position: 0 -64px; }
		.icon.rating { background-position: 0 -80px; }
		.icon.tag { background-position: 0 -96px; }
		.icon.tags { background-position: 0 -112px; }
		.icon.save { background-position: 0 -160px; }
		.icon.collection { background-position: 0 -176px; }
		.icon.world { background-position: 0 -192px; }
		.icon.featured { background-position: 0 -208px; }
		.icon.tweet { background-position: 0 -224px; }
		.icon.user { background-position: 0 -240px; }
	/* @end */

	/* @group LocationLists */
	ul.countries li { margin: 0 0 0 10px; padding: 0 20px 0 0; float: left; }
	ul.countries h3 { font-size: 2em; font-weight: bold; margin: 10px 0 5px 0;}
		ul.countries h3 span { font-size: .7em; color: #999; font-weight: normal;}
		
	ul.cities { list-style: none; margin: 0; padding: 0; }
		ul.cities li.city { margin: 0 0 10px 0; padding: 0; float: left; width: 205px; height: 110px; }
			ul.cities li .header { font-size: 1.8em; font-weight: bold; }
				ul.cities li .header a { text-decoration: none; color: black; letter-spacing: -0.04em;}
				ul.cities li .header a:hover { color: #999;}
			ul.cities ul { list-style: none; margin: 0; padding: 0; }
				ul.cities ul li { padding: 0 0 0 10px; margin: 0; line-height: 1.6em;}
					ul.cities ul li a { font-size: 1.2em; }
					ul.cities ul li a.more { color: #999; text-decoration: none; margin-top: 5px; float: left; font-size: 1.4em; }
					ul.cities ul li a.more:hover { color: black; }
	/* @end */
	
	/* @group Forms */
	form .errors.copy { float: left; background: #dc3522; color: white; margin: 0; width: 100%; }
		form .errors .errorExplanation { margin: 10px;}
		form .errors h1, form .errors h2, form .errors h3 { color: white;}
	
	form fieldset { margin: 0; float: left; width: 90%; }
		fieldset legend { font-size: 1.8em; margin: 0 0 10px 0; padding: 0 0 4px 0; font-weight: bold; border-bottom: 5px solid #000; display: block; width: 100%;}
		fieldset .holder { padding: 5px 10px; clear: both; overflow: hidden; }
		.radio { white-space: nowrap; color: #444; font-size: .9em;}
		.holder { margin: 5px; float: left; width: 100%; }
			.holder label { display: block; }
			.holder.radio label { display: inline;}

		fieldset .holder.info { padding: 2px 10px; }
			fieldset .holder.radio em, fieldset .holder.checkbox em { margin: 0; font-size: 1.4em; font-style: normal; position: absolute; left: 10px; }
			fieldset .holder.radio label, fieldset .holder.checkbox label { width: 60%; margin-left: 5px; }
			fieldset .holder.radio input[type="radio"], fieldset .holder.checkbox input[type="checkbox"] { float: left; margin-left: 30%; }
		fieldset .holder.focus { background: url(/images/light_stripes_bg.png); border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 9px 10px; }
		fieldset .holder.disabled { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); }
		fieldset .holder.error, fieldset .holder.invalid { background: #dc3522; padding: 10px !important; border: none !important; }
			fieldset .holder.error label, fieldset .holder.error .hint, fieldset .holder.invalid label, fieldset .holder.invalid .hint, fieldset .holder.error .label { color: white; }
			fieldset .holder .required_text, fieldset .holder .invalid_text { color: white; font-weight: bold; font-size: 1.2em; line-height: 1.4em; display: block; float: right; clear: right; }
			fieldset .holder label { font-size: 1.4em; width: 30%; float: left; padding: 2px 0; }
			fieldset .holder .label { font-size: 1.4em; padding: 2px 0; }
			fieldset .holder.no_label { padding-left: 30%; }
			fieldset .holder input[type='text'], fieldset .holder input[type='password'] { width: 60%; }
			fieldset .holder .hint { color: #999; font-size: 1.2em; display: block; clear: both; margin: 3px 0 0 30%; float: left; }
			fieldset .holder .hint.inline { clear: none; display: inline; margin: 3px; float: none; width: auto; }
			fieldset .recaptcha { float: left; display: block;}
				fieldset .recaptcha .recaptcha_input_area label { margin: 0; padding: 0; float: none; width: auto;}
			fieldset .holder.submit span.text { font-size: 1.4em; }
				fieldset .holder.submit input[type='submit'] { font-size: 1.4em; }
				
		fieldset .holder.textarea textarea { height: 75px; }
		fieldset .holder.map div.map { margin-left: 30%; }
	/* @end */

	/* @group Comments */
	ul.comments { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; float: left; width: 100%; }
		ul.comments li { padding: 10px 0 30px 220px; margin: 0; float: left; width: 400px; display: block; clear: both; border-top: 1px solid #ddd; position: relative; }
		ul.comments li.alt { background: #fafafa; }
			ul.comments li .meta_data { margin-left: -220px; padding-left: 80px; display: block; clear: both; float: left; position: absolute; }
				ul.comments li .meta_data p { margin: 0; width: 120px; }
				ul.comments li .meta_data .author { font-size: 1.4em; font-weight: bold; }
				ul.comments li .meta_data .date { font-size: 1.2em; margin-top: 7px; }
				ul.comments li .meta_data img { margin-left: -70px; float: left; }
			ul.comments li .copy { margin: 0; color: #444; width: 300px; }
			ul.comments li .number { position: absolute; right: 3px; top: 5px; color: #eee; font-size: 8em; font-weight: bold; font-family: Helvetica, Arial, sans-serif; }

	ul.snackbook { border: none; margin-top: 10px;}
		ul.snackbook li { min-height: 150px; margin: 0 0 10px 0; padding: 10px 10px 20px 10px; width: 600px; border-bottom: 1px solid #aaa; border-top: 1px solid #999; clear: none; float: left;}
		ul.snackbook li .meta_data { margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; color: black; position: relative;}
			ul.snackbook li .meta_data .label { font-size: 1.2em; }
			ul.snackbook li .meta_data .author { display: inline; }
			ul.snackbook li .meta_data .date { display: inline; font-style: italic; font-weight: bold;}
		ul.snackbook li .copy { width: 540px; margin-top: 30px; color: #666; }
		ul.snackbook li img.photo { position: absolute; right: 8px; top: 5px; }
	
		ul.snackbook li.asset { border: none; height: auto; float; left; margin: 0; padding: 0; clear: none; width: 140px; height: 200px; margin: 0 10px; padding: 0; line-height: 1.1em; font-size: 1.2em; }
			ul.snackbook li.asset img { position: relative; padding-bottom: 5px; top: 0; right: 0; }

		ul.snackbook li.content { padding: 10px 20px 0 220px; margin: 0 0 10px 0; width: 380px; }
			ul.snackbook li.content a img, ul.snackbook li div { margin-left: -210px; float: left; margin-bottom: 10px; position: relative; padding-bottom: 5px; top: 0; right: 0; }
			ul.snackbook li.content a div { width: 100px; height: 69px; background: #eee; border: 1px solid #ccc; text-indent: -9999px;}
			ul.snackbook li.content strong { font-size: 1.6em;}
			ul.snackbook li.content .copy { margin-top: 10px; width: 380px;}

	form.new_comment, form.comment { clear: both; float: left; width: 100%; background: #eee; }
		form.new_comment .textarea textarea, form.comment .textarea textarea { height: 150px; }
	/* @end */