/* --------------------  Generic + Resets ------------------------------------ */ 
html,body,form,fieldset,h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,li,address{margin:0;padding:0}
/*body{ background:#f7f7f7 url() repeat-x;color:#333;font:11px arial, verdana, sans-serif}*/
ul,li{list-style-type:none}
hr{clear:both;visibility:hidden}
img,fieldset{border:none}
h1{font:bold 26px arial, helvetica}
h2{font-size:13px; line-height:20px; padding-bottom:4px;}
h3{font-size:11px; color:#0e3847; font-size:14px; padding-bottom:8px;}
h4{font-size:10px}
input,button,textarea,select{font:10px verdana, arial;margin-bottom:3px}
button{font-weight:bold}
a{color:#3399cc;text-decoration:none}
a:hover{text-decoration:underline}
p {color:#666; line-height:17px;}



/* --------------------  Class Stuff : Misc classes and functions ------------------------------------ */ 	
	.subscribe { background:url(/images/icon/icon-rss-1.gif) right no-repeat; padding-right:20px; text-decoration:none;}
	.tags {color:#999; line-height:14px; font-size:9px; }	
	small {color:#999; font-size:11px; display:block;}	
	span.tags a {color:#65b2d8;}
	.mar10b {margin-bottom:10px; }
	
	.divider-right {border-right:1px solid #ccc;}
/* --------------------  Class Stuff : Misc classes and functions ------------------------------------ */ 	
	#body.fixed{}
		#contain { width:942px; /*border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4;*/ margin:0px auto auto auto; background:#fff}
		#body.fixed .width{margin:0 auto;padding:0 0px;text-align:left;width:942px;}
		#body.wide .width{margin:0 auto;padding:0 0px;text-align:left;width:942px;}
		#inner-width, #main { width:960px; margin:auto; }
		.header-width {width:942px; margin:auto;}
		#footer {margin:-34px auto 0 auto;padding:0 0 0 0;text-align:left;}


/* --------------------  Main Stuff : Cols etc ------------------------------------ */ 	
		#main {padding:0px 0 40px 0px; background:url(/images/col-2.gif) repeat-y; background-position:640px 0; border-top:10px solid #fff; }
		#col-full {background:#fff;  }
			#col-full #video {margin: 20px 5px 20px 5px;}
			#col-full #video .video {float:left;}
			#col-full #video .description {float:left; margin:0 0 0 20px; width:300px;}
			h1.pagetitle {border-bottom:1px solid #EEEEEE;margin:0pt 0pt 10px;padding:10px 10px 0px 0pt;}
	
		#main #col-1, #main #col-2 {background-color:#fff}
		#main #col-1{width:600px;float:left; margin:0 0 0 5px; }
		html>body #main #col-1{width:600px;float:left; margin:0 0 0 10px; }
			#main #col-1 #carousel {padding-bottom:20px; display:none;}
			
			#category-top { height:35px; line-height:35px; background:#000 url(/images/category-top.gif) no-repeat bottom; border-top:1px solid #33cccc; color:#ccc; padding:0 0 0 13px;}
			#category-top a{ color:#fff;}

			#main #section-top { display:none; background-color:#01141a; height:25px; padding:0; font-size:10px; margin:0 0 5px 0; color:#666; }
			#main #section-top div {background:#fff url(/images/section-top.gif) no-repeat; padding:0 26px 0 10px; height:25px;  line-height:25px; float:left; background-position:right   }
			#main #section-top a {float:left; display:block; height:25px; line-height:25px; color:#ccc; /*background:#fff url(/images/section-top-b.gif) no-repeat right;*/ padding:0 20px 0 10px; }
					
			#main #col-1 #news-col, /*#download-cats, #main #col-1 #reviews-col*/ #main #col-1 #news-list {padding-top:0px;}	
			#main #col-1 #news-list p img {display:none; width:120px; height:auto; padding:5px 10px 0 0;}
			#main #col-1 .news-story {padding:10px 40px 10px 0;}
			#news-list .news-story {padding-bottom:20px; border-bottom:2px solid #eee;}

			#main #col-1 .news-story p, #main #col-1 .news-story h2, #main #col-1 .news-story span, #main #col-1 .news-story small {padding-left:80px;}
			#main #col-1 #news-list .news-story p, #main #col-1 #news-list .news-story h2, #main #col-1 #news-list .news-story span, #main #col-1 #news-list .news-story small {padding-left:80px;}
			#main #col-1 .news-story p, #main #col-1 p, .col-set-3 div.review-feature p  {padding-bottom:5px;}
				
			#main #col-1 h2 a {}
			.col-set-3 div.review-item {float:left; width:130px; padding:0 10px 0 0; }

			.col-set-4 div.review-item {float:left; width:140px; padding:0 7px 0 0; margin:0 0 20px 0 }
			*.final-item {padding:0 0 0 0; }

			#howto-col div.review-item {float:right; padding:0 0 0 10px;}
			.col-set-3 div.review-feature {float:left; width:250px; padding:20px 20px 20px 20px; background-color:#eee; margin-right:10px; background:url(/images/overview-bg.gif) #e9e9e9 bottom }
			/*#main #col-1 .box {padding:0px 0px 9px 0px; margin-bottom:20px;}*/

			.double-col-head {float:left; width:305px; background:#fff; margin:0 0 20px 0}
			/*.double-col {float:left; width:300px; background:#fff; margin:0 0 10px 0}*/
			#main #col-1 .double-col .news-story {float:left; width:290px; background:#fff; margin:0 0 10px 0; padding: 10px 10px 10px 0; height:115px;}

			.col-set-2 {float:left; width:50%; margin-bottom:15px; }
			.col-set-2 li {margin-bottom:15px; padding-right:20px; }
			.col-set-2 li .video-thumb {margin-right:10px;}

			.review-item .classic-list li {background:url(/images/icon/icon-as.gif) no-repeat; padding: 0 0 0 18px; margin: 0 0 10px 15px;  background-position:0px 3px}
			.review-item h3 {padding:0 0 12px 16px; color:#2591b6;}
			.classic-list .tags {line-height:14px;}

			.news-more{padding:2px 10px;background:#fff;border:1px solid #d5ecf7;text-align:center}
			.news-more-wide{padding:2px 10px;background:#fff;border:1px solid #d5ecf7;text-align:center; margin-bottom:10px; }

			.story-subbox {border:4px solid #eee; padding:12px 12px 0 12px; margin-bottom:12px;}

			.category-list {clear:both; padding:10px 0px 9px 9px;}
			
		/* review styles
		-------------------*/
		#main #col-1 #review-col {}
			#main #col-1 #review-col p/*, #main #col-1 #news-col p*/ {margin-bottom:16px; font-size:11px; line-height:18px; padding-right:20px;}
			#main #col-1 #review-col blockquote.left { float:left; font-size:14px; line-height:20px; font-style:italic; color:#9d9d9d; width:200px; padding: 35px 18px 35px 0; text-align:right }
			#main #col-1 #review-col blockquote strong, #main #col-1 #review-col blockquote b {font-weight:normal; color:#658089;}
			#main #col-1 #review-col #prosncons {float:right; width:200px;  margin: 0 0px 20px 35px; border:3px solid #eee; padding:12px;}
			#main #col-1 #review-col #prosncons #good li, #main #col-1 #review-col #prosncons #bad li { padding-bottom:10px; list-style:none; margin:0}
			#main #col-1 #review-col #prosncons strong { margin:10px 0; display:block}
			#main #col-1 #review-col #prosncons #good li {background:url(/images/icon/icon-good.gif) no-repeat; background-position: 0px 3px; padding:5px 0 5px 20px; }
			#main #col-1 #review-col #prosncons #bad li {background:url(/images/icon/icon-bad.gif) no-repeat; background-position: 0px 3px; padding:5px 0 5px 20px; }
			#main #col-1 #story {padding:0 10px 0 10px;}
			#main #col-1 #story #story-details {padding:10px 0 20px 0;}
			#main #col-1 #story h1 {padding:0 0 5px 0;}
					#col-1 #story-subnav { margin:0 20px 20px 35px; padding:16px 16px 16px 16px; float:right; width:200px; font-size:11px; font-weight:normal; border:3px solid #eee; }
					#col-1 #story-subnav ul { margin:0; padding:0 0 15px 0; background:url(/i/x/st/storynav-btm.gif) no-repeat bottom }
					#col-1 #story-subnav ul li { margin:5px 0px 0 0px; padding:0 0 0 0px; list-style-type:none; background:url(/i/x/st/arr_gry.gif) no-repeat 0 4px; line-height:normal }
					#col-1 #story-subnav h3 { padding:0 }

					#specs h3{;margin:0px 0 5px}
					#specs li{float:left;padding:0 5px;width:45%}
					#specs ul{background:url(/i/x/m/hor-dot-grey.gif) repeat-x top;padding:10px 0; border-bottom:1px solid #eee;}
					#specs,#imagegallery{margin:0px 10px 0px 10px}

					#review-col .alignright, #review-col .boxright, .img_right, .img-right { margin:0 0 5px 15px; float:right; text-align:center }
					#review-col .alignright p, #review-col .alignleft p, #review-col .boxright p, #review-col .boxleft p, #review-col .aligncenter p { margin:5px 0 0 0; font-size:0.9em }
					#review-col .alignleft, #review-col .boxleft, .img_left, .img-left { margin:0 15px 5px 0; float:left; text-align:center }


		#main #col-1 #review-col ul, #main #col-1 #review-col ol {margin-bottom:16px;}
		#main #col-1 #review-col ul li, #main #col-1 #review-col ol li {color:#666666;font-size:11px;line-height:18px;list-style-image:none;list-style-position:outside;list-style-type:disc;margin-left:30px;padding-right:20px; padding-left:10px;}
		#main #col-1 #review-col ol li {list-style:decimal}

#main #col-1 #review-col #relatedposts ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0px;padding-left:0px;}
			
		/* overview box
		-------------------*/
			#main #col-1 #overview {margin-bottom:10px; /*background:url(/images/mock-ipod.jpg) no-repeat;*/ background-repeat:no-repeat; background-position:right; /*background-color:#e9e9e9;*/ position:relative;}
			#main #col-1 #overview h1, #main #video h1, #col-1 h1 {color:#2591b6; font-size:24px; font-weight:normal}
			#main #col-1 #overview.review p {background:url(/images/overview-quote-left.gif) no-repeat; padding-left:50px; margin-top:15px; font-size:11px; line-height:18px; color:#666;}
			#main #col-1 #overview.review h1, #main #col-1 #overview.review span, #main #col-1 #overview.review p {margin-right:220px;}
			#main #col-1 #overview.review #overview-bg {/*background:url(/images/overview-bg.gif) no-repeat bottom;*/ padding:15px 15px 25px 15px;}
			#main #col-1 #overview #overview-bg {/*background:url(/images/overview-bg.gif) no-repeat bottom;*/ padding:15px 15px 5px 15px;}
			#main #col-1 #overview #overview-bg .box {padding:9px 0; margin-bottom:20px;}
			#main #col-1 #overview #navigation-tab {position:absolute; display:none}
				 #main #col-1 #overview #navigation-tab.downloads {padding-left:520px;}
				 #main #col-1 #overview #navigation-tab.reviews {padding-left:220px;}
			#main #col-1 #overview.review p.rating {background:none; padding-left:50px; margin-top:15px; font-size:11px; line-height:18px; color:#666;}



		#relatedposts {}
		#relatedposts ul {}
		#relatedposts ul li {padding:2px 0; border-bottom:1px solid #eee; height:22px; font-size:13px;}
		#relatedposts ul li span {float:right;}
		#relatedposts ul li a {float:left;}


		/* popular test
		-------------------*/
		.popular li.alt {background-color:#fefefe;}


		
/* --------------------  Main Stuff : Extras etc ------------------------------------ */ 	
		/* gallery test
		-------------------*/
		.gallery-item {border-bottom:2px solid #eee;}
		.gallery-item .gallery-preview { width:220px; float:right;}
		.gallery-item .gallery-preview img {float:right; margin:0 0 0 5px; padding:3px; border:1px solid #eee;}
		.gallery-item .entrytext {float:left; width:350px;}
		.last {border:none;}

		.sitemap ul.item-listing li {padding:0pt;}
		.archive {padding-top:10px;}


		#sitemap {margin-top:10px;}
		#sitemap ul.item-listing {padding:0 10px 0 10px;}
		#sitemap ul.item-listing li {color:#666666;line-height:17px; margin:0 0 10px 0; padding:0 0 0px 0; border-bottom:1px dotted #ccc;}
		#sitemap ul.item-listing li img {float:right; margin:0 0 0 10px;}

		#downloads-static {margin-top:10px;}
		#downloads-static ul.item-listing {padding:0 10px 0 10px;}
		#downloads-static ul.item-listing li {color:#666666;line-height:17px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;}
		#downloads-static ul.item-listing li img {float:right; margin:0 0 0 10px;}



		/* photoooooos
		-------------------*/
		#photo-gallery #image-holder { margin:0 auto 15px auto; position:relative; clear:both }
		#photo-gallery #image-holder #nav-overlay { margin:0 auto; position:absolute; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0) }
		#photo-gallery #nav-overlay .prev, #photo-gallery #nav-overlay .next { float:left; display:block; width:55px; height:100%; background:url(/images/gallery/prev-btn.gif) no-repeat 0 50%; text-indent:-9999px; outline:none }
		#photo-gallery #nav-overlay .next { float:right; background-image:url(/images/gallery/next-btn.gif); background-position:100% 50% }
		#photo-gallery #nav-overlay .prev:hover { background-image:url(/images/gallery/prev-btn-hover.gif) }
		#photo-gallery #nav-overlay .next:hover { background-image:url(/images/gallery/next-btn-hover.gif) }
		.thumbnail-nav { padding:0 20px; position:relative; width:540px; height:59px; background:url(/images/gallery/thumbs-bg.png) repeat-x }
		.thumbnail-nav .prev, .thumbnail-nav .next { position:absolute; top:0; width:15px; height:59px; display:block; background:url(/images/gallery/btn-left.png) no-repeat; text-indent:-9999px; cursor:pointer }
		.thumbnail-nav .prev { left:0 }
		.thumbnail-nav .next { float:right; right:0; background-image:url(/images/gallery/btn-right.png) }
		.thumbnail-nav .prev:hover { background-image:url(/images/gallery/btn-left-hover.png) }
		.thumbnail-nav .next:hover { background-image:url(/images/gallery/btn-right-hover.png) }
		.thumbnail-slides { width:540px; height:59px; overflow:hidden }
		.thumbnail-slides .slides-container { width:3000px }
		.thumbnail-slides .slide { float:left }
		#main #col-1 #review-col .thumbnail-slides .slide li { width:64px; padding:5px 5px 0 0; float:left; text-align:center; list-style:none; margin:0; }
		.thumbnail-slides .slide li a { padding:2px; display:block }
		.thumbnail-slides .slide li a:hover { background:#06C }
		.thumbnail-slides .slide li.selected a, .thumbnail-slides .slide li.selected a:hover { background:#F60 }
		#story .thumbnail-slides li { margin:0; list-style:none }



/* --------------------  Sitebar stuff : boxes etc ------------------------------------ */ 			
		#main #col-2{width:320px;float:right; background-color:#eaeaea; margin-top:0px; }
		#main #col-2 .col-p {padding:5px 5px;}
			#main #col-2 #mpu {text-align:center; padding:5px 0; border:1px solid #ccc; margin:0px 0 10px 0; background-color:#fff; }
			#main #col-2 #mpu img.adtitle {padding:2px 4px 7px 0; float:right;}
			#subscribe-bubble {background:#79a238 url(/images/subscirbe-bubble.jpg) no-repeat bottom; padding:15px 15px 65px 15px;}
			#subscribe-bubble a, #subscribe-bubble p, #subscribe-bubble span {color:#fff;}
			#main #col-2 .editor-profile {padding:0px 15px 0px 15px; }
			#main #col-2 .editor-profile img {position:absolute; border: 1px solid #ccc; margin-top:-4px;}
			#main #col-2 .editor-profile p, #main #col-2 .editor-profile h2, #main #col-2 .editor-profile span  {padding-left:40px;}
			#main #col-2 .editor-profile p, #main #col-2 p, .col-set-3 div.review-feature p  {padding-bottom:5px;}		
		
		/* tabbed boxes
		-------------------*/
		.switch-tabs, .tabbed-heading { /*background:#7B0 url(/images/tab-green-right.jpg) no-repeat 100% 0;*/ background-image:url(/images/tab-blue.gif); background-repeat:repeat-x }
			#main #col-1 .switch-tabs{margin-bottom:15px;left:-14px;position:relative;width:500px; background-image:url(/images/h/tab-blue-2.gif); }


			#main #col-2 .switch-tabs{background-image:url(/images/tab-green.gif); }
			#main #col-1 .tab-space {margin-top:25px;}
			#main #col-1 .switch-tabs.tab-gallery, #main #col-1 .switch-tabs.box{margin-bottom:0;}
			.switch-tabs ul { height:27px; line-height:25px; padding:0 0 0 14px; display:block; float:left; /*background:url(/images/tab-green-left.jpg) no-repeat;*/}
			.switch-tabs ul li a { color:#FFF; text-decoration:none; padding:0 10px 0 0 }
			.switch-tabs ul li.selected a { font-weight:bold; display:block;  color:#FFF; /*background:#7B0 url(/images/selected-tab-green-right.gif) no-repeat 100% 0;*/  text-decoration:none; /*background:url(/images/tab-blue-selected.gif) no-repeat right;*/  }
			.switch-tabs ul li.selected a:hover {text-decoration:underline}
			.switch-tabs ul li.selected a span { display:block; /*padding:0 30px 0 20px; background:url(/images/selected-tab-green-left.gif) no-repeat*/ }
			.switch-tabs li { font-size:11px; list-style:none; padding:0; margin:0; list-style-type:none;}
			.switch-tabs li { margin:0 7px 0 0; padding:0px 10px 0px 0; float:left; background:url(/i/x/m/switch-tab-divider.gif) no-repeat 100% 100%;list-style-type:none;}
		#main #col-1 #review-col .switch-tabs ul {margin-bottom:0;}
			#main #col-1 #review-col .switch-tabs li { font-size:11px; list-style:none; padding:0; margin:0; list-style-type:none; line-height:25px;}
			#main #col-1 #review-col .switch-tabs li { margin:0 7px 0 0; padding:0px 10px 0px 0; float:left; background:url(/i/x/m/switch-tab-divider.gif) no-repeat 100% 100%;list-style-type:none;}
			.switch-tabs a.subscribe { display:block; float:right; height:25px; line-height:25px; margin-right:14px; color:#fff; }
			#main #col-1 .switch-tabs a.subscribe {position:absolute; right:-130px; color:#00CAE5;}
		.tabs-box { border:1px solid #ccc; border-top:none; }
		.lone-box { border:1px solid #ccc; }
		div.content-box { border:1px solid #ddd; border-top:none; padding:19px; }

		.box {padding:9px 9px 9px 9px; margin-bottom:5px; background-color:#fff;}
		h1.box {padding:9px 9px 0px 9px; margin-bottom:5px; background-color:#fff;}



			.video-desc {padding:10px; border-top:1px solid #eee; display:block; text-align:center; clear:both}
			.listing-b { float:left; width:50%; padding-top:15px;}
			.feeds li a  {height:25px; line-height:25px;}
			.feeds li a img {position:relative;top:5px; padding-right:5px;}

		.tab-gallery {float:left; width:410px;}
		.tab-thumb { float:right; width:200px; }
		.tab-thumb img {border:1px solid #eee; float:right; margin-left:5px;}
			
		/* popular styles
		-------------------*/	
		.popular ul li {padding:7px 0 7px 0; border-bottom:1px solid #eee; font-size:11px; margin:0 0 4px 0;}
		.popular a.pop-01 { font-size:22px }
		.popular a.pop-02 { font-size:18px; color:#5cadd6; }
		.popular a.pop-03 { font-size:16px; color:#70b7db; }
		.popular a.pop-04 { font-size:12px; color:#85c2e0; }
		
		.latest-news {}
		.latest-news .classic-list li {background:url(/images/icon/icon-as.gif) no-repeat; padding: 0 0 7px 20px; background-position:0px 3px}
		#col-2 .double-col li {background:url(/images/icon/icon-as.gif) no-repeat; padding: 0 0 15px 20px; background-position:0px 3px; float:left; width:77px; }


/* --------------------  Footer Stuff : Footer.... etc ------------------------------------ */ 	
		#footer {}
			#footer-title {width:165px; height:34px; line-height:34px; text-align:center; background:url(/images/footer-title-bg.gif) no-repeat; color:#fff; font-size:14px; position:relative; top:16px; left:16px;}
			#footer-top h4 {color:#0e3847; font-size:14px; padding-bottom:1px;}
			#footer-bottom h4 {color:#ccc; font-size:14px; padding-bottom:1px; position:absolute}
		
			#footer-top { background:url(/images/footer-top-bg.jpg) repeat-x; border-top:1px solid #c8c8c8; padding:35px 20px 25px 20px; background-color:#fff;}
				#footer-top ul {padding:0 20px 0 0;}
				#footer-top ul li {padding: 15px 0 0 28px; color:#666;}
				#footer-top ul li a {font-size:11px; text-decoration:none}
				#footer-top ul li img {float:right; margin: 0 0 0 10px; display:none}			
				
				#footer-top .col-1, #footer-top .col-2, #footer-top .col-3 {float:left;/*background-color:#ccc;*/}
				
				#footer-top .col-1 {width:360px; }
				#footer-top .col-1 ul {padding:0 40px 0 0;}
				#footer-top .col-1 ul li {background:url(/images/icon/icon-doc.gif) no-repeat; background-position: 0px 16px; }
				
				#footer-top .col-2 {width:390px;}
				#footer-top .col-2 ul {padding:0 20px 0 0; margin-bottom:25px;}
				#footer-top .col-2 ul li {background:url(/images/icon/icon-quote.gif) no-repeat; background-position: 0px 16px; overflow:hidden}
				#footer-top .col-2 ul li a {font-size:11px;}
				
				#footer-top .col-3 {padding: 0 0 0 5px}
				#footer-top .col-3 ul {padding:0;}
				#footer-top .col-3 ul li {padding: 15px 0 0 0;}
			
			#footer-bottom {  padding:15px 20px 25px 20px; background:#01141a url(/images/footer-bottom-bg.jpg); border-top:1px solid #d0d0d0; border-top:2px solid #006666; background-color:#01141a }
				#footer-bottom ul {margin-left:160px;}
				#footer-bottom ul li a {color:#999;}
				
		#sub-footer-promo {margin:0px auto 0 auto; border:1px solid #ddd; display:none}
			#sub-footer-promo div {margin:2px; padding:0 10px; background:#eee; line-height:40px;}
		




	


		/* thumb styles
		-------------------*/
		.footer-thumb { padding:5px 0 0 5px; float:left; width:66px; height:55px; display:inline; background:url(/images/thumbs/footer-thumb.gif) no-repeat; margin-right:15px; }
		.video-thumb { padding:4px 0 0 4px; float:left; width:96px; height:72px; display:inline; background:url(/images/thumbs/video-thumb.gif) no-repeat; }
		div.video-thumbs {padding: 10px 4px;}
		.news-thumb { padding:4px 0 0 5px; float:left; width:66px; height:55px; display:inline; background:url(/images/thumbs/news-thumb.gif) no-repeat; margin-right:15px; position:absolute }
		/*.news-thumb { padding:4px 0 0 4px; float:left; width:66px; height:55px; display:inline; background:url(/images/thumbs/news-thumb.gif) no-repeat; margin-right:15px; position:absolute }*/
		.news-icon{ padding:4px 0 0 0; float:left; width:20px; display:inline; margin-right:15px; position:absolute }
		.review-thumb { padding:4px 0 0 4px; float:left; width:129px; height:98px; display:inline; background:url(/images/thumbs/120x90-thumb.gif) no-repeat; margin-bottom:10px; position:relative; }
		.review-rating { width:35px; height:23px; position:absolute; bottom:13px; right:13px; background:#011a21; opacity:0.8; filter:alpha(opacity=80); font:normal 18px Arial, Helvetica, sans-serif; color:#FFF; line-height:23px; text-align:center; padding:0; margin:0; }
		#overview .review-rating { bottom:73px; right:-200px; }
		.review-rating span { display:none; visibility:hidden }

		
		/* story tools
		-------------------*/
		#story-tools {clear:left;padding:0px 0 10px 0; border-bottom:1px solid #eee; margin:0 0 10px 0;}
		#story-tools li {display:inline; margin:5px 20px 0 0}
		
		.ico-email { background:url(/images/icon/icon-email.gif) left no-repeat; padding-left:20px; }
		.ico-share { background:url(/images/icon/icon-share.gif) left no-repeat; padding-left:20px; }
		.ico-print { background:url(/images/icon/icon-print.gif) left no-repeat; padding-left:20px; }
		
		/* colours
		-------------------*/
		.green {color:#70af00}
		.red {color:#a53b3b}
		

		/* search
		-------------------*/
		#search-results-hd, .refine-search li { margin:0 0 15px 0 }
		#search-results-hd h1 { margin:0 0 3px 0 }
		.search-showing{float:right;margin:0 0 10px}
		.search-sort{float:left;margin:0 0 10px}
		.refine-search .categories li {margin:5px 0 0 0;float:left;width:100px;color:#666; border-bottom:1px solid #EEEEEE; padding-bottom:10px;}
		
		
			
		

		/* form
		-------------------*/
		.form-styling fieldset { margin:0 0 10px 0; padding:10px; border:1px solid #e5e5e5 }
			.form-styling br { clear:left }
			.form-styling legend { padding:0 3px; font-size:1.35em; color:#4d4d4d }
			.form-styling legend span.grey { font-weight:normal; color:#777 }
			.form-styling fieldset fieldset legend { font-size:1.1em; font-weight:normal }
			.form-styling p { margin:0 0 10px 0 }
		
		.fieldset-styling label, .fieldset-styling input, .fieldset-styling textarea, .fieldset-styling select, #alert-keyword, #user-name, .posting-options { margin:7px 0 0 0; float:left; display:block }
			.fieldset-styling label, .posting-options, #talkback-submission .preview-title { padding:0 10px 0 0; width:120px; text-align:right; color:#666 }
			.fieldset-styling input, .fieldset-styling textarea, .fieldset-styling select { padding:2px; font:1.0em Arial, Helvetica, sans-serif; background:#f7f7f7; border:1px solid #CCC }
			.fieldset-styling input:focus, .fieldset-styling textarea:focus, .fieldset-styling select:focus { background:#eee }
			.fieldset-styling input, .fieldset-styling textarea, #alert-keyword, #user-name { width:280px }
			.fieldset-styling select { width:285px }
			.fieldset-styling fieldset { margin:0; padding:0; border:none }
			.fieldset-styling fieldset input, .fieldset-styling fieldset label { width:auto; background:none; border:none }
			.fieldset-styling #tbpublic_key { display:none }
			.fieldset-styling .hidden-field { padding:0; background:none; border:none }
			.fieldset-styling img {float:right;}
		
		.loading { text-align:center }

		.loading span { display:block; font-size:0.9em; color:#666 }
		.note { padding:2px 20px 5px 130px; font-size:0.9em; color:#666 }
		.note a { color:#06C }
		.submit { margin:0 0 10px 0; text-align:center }






	
		#main #comments{margin:0 0 15px 0;padding:0 10px}
		#main #comments .comment-container{position:relative;margin:0 0 10px 0}
			#main #comments .comment-container .name{color:#6e6e6e;padding:5px 0 0 15px;background:url(/images/comment-wave.png) no-repeat top left;position:absolute;font-weight:bold;top:40px;left:420px}
				#main #comments .comment-container .name span{font-weight:normal;color:#bfbfbf;font-size:11px}
				#main #comments .comment-container .name .avatar{margin:0 0 5px 0}
				
			#main #comments .comment-container .comment{position:relative;width:420px;background:url(/images/comment-top-bg.png) no-repeat top left;padding:30px 0 0 0}
				#main #comments .comment-container .comment .rating-up, #main #comments .comment .rating-down{font-size:16px; position:absolute;top:0px;right:0;margin:0 20px 0 0;text-align:center;color:#fff;padding:13px 0 0 0;width:70px;height:40px;background:url(/images/comment-rating-up.png) no-repeat top left}
				#main #comments .comment-container .comment .rating-down{background:url(/images/comment-rating-down.png) no-repeat top left}
				#main #comments .comment-container .comment .comment-content{background:#f5f5f5 url(/images/comment-bottom-bg.png) no-repeat bottom left;padding:10px;line-height:16px}
					#main #comments .comment-container .comment .comment-content p{margin-bottom:10px;overflow:auto;width:100%}
					#main #comments .comment-container .comment .comment-content p.offensive{font-size:9px;margin-bottom:0;color:#c60000}		

		
		
	
.navigation .alignright {float:right; width:200px; text-align:right; padding-top:10px;}
.navigation .alignleft{float:left; width:200px; padding-top:10px;}
	
.video-row li { padding:0 5px; float:left; width:100px; display:inline; font-weight:bold; text-align:center }
html>body .video-row li { padding:0 10px; }
.video-row img { margin:0 10px 5px 10px;border:1px solid #333333; }
.video-row { margin:30px 0 25px 0 }
#video-url, #video-embed { margin:10px 0 0 0 }
#video-url input, #video-embed input { padding:2px; width:220px }	
#video-url label, #video-embed label { display:block; font:bold .9em arial }	

#video-related { max-height:330px; height:330px; overflow:auto; float:right; width:210px; }
#video-related li { padding:10px; background:#f5f5f5 }
#video-related li.alt { background:#efefef }
#video-related li a { font-weight:bold }
#video-related li img { margin:0 10px 0 0; float:left;border:1px solid #333333;}
		
		
.clear {clear:both}	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
