/* CSS Document */

/* A few resets */

*						{ margin:0; padding:0; }
body					{ background:#000 url(../images/glow_bg.jpg) repeat-y top center; color:#f1f1f1; text-align:center; }
.clear					{ clear:both; }
.off					{ display:none; }
li						{ list-style-position:inside; }
div.last				{ padding-right:0; margin-right:0; }
div.top					{ padding-top:0; margin-top:0; }
.float_left				{ float:left; }
.float_right			{ float:right; }
.margin_right			{ margin-right:20px; }
a						{ text-decoration:none; }
a img					{ border:none; }
.keyline				{ clear:both; border-bottom:0px solid #666; height:7px; }

h3						{ clear:both; }
h3 a					{ text-decoration:none; color:#999; }

h3 a.cat_red:hover		{ color:#DF0822; }
h3 a.cat_green:hover		{ color:#a2c02f; }
h3 a.cat_blue:hover		{ color:#007bb5; }
h3 a.cat_orange:hover	{ color:#f36f21; }
h3 a.cat_purple:hover		{ color:#9d1882; }
h3 a.cat_red:hover		{ color:#df0822; }
h3 a.cat_pin:hoverk		{ color:#de0079; }
h3 a.cat_yellow:hover		{ color:#fff000; }
h3 a.cat_teal:hover		{ color:#009a8a; }
h3 a.cat_grey:hover		{ color:#999; }

h4						{ border-bottom:0px solid #666; text-transform:uppercase; font-size:0.8em; font-weight:normal; }
h4 a					{ color:#fff; }

h5						{ padding:0 0 5px 0; font-weight:normal; }

h5 a.cat_red		{ color:#9d1882; }
h5 a.cat_green		{ color:#a2c02f; }
h5 a.cat_blue		{ color:#007bb5; }
h5 a.cat_orange		{ color:#f36f21; }
h5 a.cat_purple		{ color:#9d1882; }
h5 a.cat_red		{ color:#df0822; }
h5 a.cat_pink		{ color:#de0079; }
h5 a.cat_yellow		{ color:#fff000; }
h5 a.cat_teal		{ color:#009a8a; }
h5 a.cat_grey		{ color:#999; }

h6						{ font-size:0.8em; }

#container				{ width:1000px; margin:0 auto; font: 1em/1.2em normal Arial, Helvetica, sans-serif; color:#f1f1f1; font-weight:normal; text-align:left; }

/* Header styles */

#header					{ width:1000px; clear:both; }
#header_logo			{ width:285px; margin: 25px 0 0px; float:left; }

#leaderboard			{ border-bottom:1px solid #666; width:1000px; clear:both; position:relative; height:130px }
.leader_ad				{ position:absolute; z-index:0; left:0px; top:20px; }
.leader_ad img			{ position:absolute; z-index:0; left:728px; top:0px; }
p.advertisement			{ font-size:0.5em; }
#leader_admin			{ position:absolute; z-index:10; right:0px; top:20px; }

#puff					{ width:468px; height:118px; margin:0; float:right; }
#puff_image				{ width:258px; float:left; }
#puff_text				{ height:80px; margin:25px 0 0 70px; float:left; width:130px; }
#puff_text h3 a			{ font-size:0.8em; color:#a2a2a2; font-weight:normal; }
#puff_text p			{ font-size:0.8em; line-height:1.4em; padding-top:3px; }
#puff_text p a			{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; color:#fff000; }
#puff_text a:hover		{ text-decoration:underline; }

#nav a:hover.red		{ color:#DF0822; }
#nav a:hover.green		{ color:#a2c02f; }
#nav a:hover.blue		{ color:#007bb5; }
#nav a:hover.orange		{ color:#f36f21; }
#nav a:hover.purple		{ color:#9d1882; }
#nav a:hover.pink		{ color:#de0079; }
#nav a:hover.yellow		{ color:#fff000; }
#nav a:hover.teal		{ color:#009a8a; }
#nav a:hover.grey		{ color:#999; }


/* Content styles */

#content				{ width:654px; float:left; }
#content.wide			{ width:1000px; }
#content p a			{ color:#fff000; text-decoration:none; }
#content p a:hover		{ text-decoration:underline; }
#content.wide #article_hero 	{ width:1000px; }

h4.lone					{ margin-top:20px; }

#hero					{ background:url("../images/dummy_hero_text2.jpg") no-repeat scroll right top #2B2B2B; margin:20px 0 0; overflow:hidden; height:246px; position:relative; }
#hero .image			{ position:absolute; z-index:10; left:0; top:0; width:400px; height:246px; overflow:hidden; display:none;}
#hero .text				{ position:absolute; z-index:10; left:15px; top:10px; width:221px; display:none;}
#hero p					{ margin:15px 0 0; font-size:0.9em; }
#hero_text				{ width:224px; height:185px; color:#ccc; padding:10px 15px 0; position:absolute; z-index:10; left:400px; top:0px; }
#hero_text h3 a			{ font-size:1.2em; line-height:25px; padding:10px 0 0; color:#fff; text-shadow:#141414 1px 1px 4px; font-weight:normal; }
#hero_text p a			{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

.feature_slider					{ width:214px; font-size:0.7em; position:absolute; z-index:100; left:420px; bottom:20px; }
.feature_slider ul				{ list-style:none; }
.feature_slider ul li			{ display:inline; width:10px; }
.feature_slider ul li a			{ border:1px solid #ccc; text-decoration:none; color:#999; margin:0 2px; padding:0 5px; float:left; background-color:black; }
.feature_slider ul li a:hover	{ background-color:#666; color:#fff; }
.feature_slider ul li.prev	a	{ margin:0 10px 0 0; }
.feature_slider ul li.next	a	{ margin:0 0 0 10px; }
.feature_slider ul li a.selected{ background-color:#ccc; border:1px solid #fff; color:#000; }

.article ul, .article_last ul					{ margin:10px 0; list-style-type:disc; color:#999; }
.article ul li a, .article_last ul li a			{ font-size:12px; color:#999; text-decoration:none; }
.article .article_image							{ display:block; height:115px; overflow:hidden }

.article ul.cat_more, .article_last ul.cat_more				{ list-style:none; list-style-position:inside; margin-top:0; }
.article ul.cat_more li, .article_last ul.cat_more li		{ list-style-position:inside;  }

.article ul li a.more_blue, .article_last ul li a.more_blue					{ font-size:12px; color:#007bb5; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_purple, .article_last ul li a.more_purple				{ font-size:12px; color:#9d1882; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_green, .article_last ul li a.more_green				{ font-size:12px; color:#a2c02f; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_orange, .article_last ul li a.more_orange				{ font-size:12px; color:#f36f21; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_red, .article_last ul li a.more_red					{ font-size:12px; color:#DF0822; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_pink, .article_last ul li a.more_pink					{ font-size:12px; color:#de0079; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_yellow, .article_last ul li a.more_yellow				{ font-size:12px; color:#fff000; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_teal, .article_last ul li a.more_teal					{ font-size:12px; color:#009a8a; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.article ul li a.more_grey, .article_last ul li a.more_grey					{ font-size:12px; color:#999; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

.article ul li a:hover, .article_last ul li a:hover		{ color:#fff; }

.article					{ width:148px; float:left; margin:20px 20px 0 0; }
.article h5					{ padding:0 0 5px; font-size:0.8em; font-weight:normal; text-transform:uppercase; }
.article_text				{ width:148px; height:120px; }
.article h3					{ font-size:1em; font-weight:normal; padding:5px 0 3px; }
.article p					{ font-size:12px; /*height:60px;*/ line-height:1.3em; padding:0 0 10px; }

.article_large				{ width:316px; float:left; margin:20px 0 0; }
.article_large h3			{ font-size:16px; font-weight:normal; padding:5px 0 3px; }
.article_large p			{ font-size:12px; line-height:13px; }
.article_large img			{ margin-top:20px; }
.mag						{ margin-top:12px; }
.indesign_mag				{ margin-right:20px; }

#tv							{ width:608px; background-color:#1d1d1d; padding:20px; margin:5px 0 25px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #2e2e2e; float:left; }
#tv_content					{ width:340px; height:220px; float:left; }
#tv_content img				{  }
#tv_text					{ width:224px; padding:0 20px; float:left; color:#ccc; }
#tv_text h3	a				{ font-size:1.2em; line-height:28px; padding:10px 0 0; color:#fff; text-shadow:#141414 1px 1px 4px; font-weight:normal; }
#tv_text p					{ margin:10px 0 0; font-size:0.9em; }
#tv_text p a				{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#tv_text p.watch a			{ /*font-size:0.7em;*/ }

.module						{ float:left; width:654px; margin:20px 0 0; padding:0 0 20px 0; }
.module h4					{ border-bottom:1px solid #666; padding:0 0 2px; text-transform:uppercase; font-size:0.8em; font-weight:normal; }
.module h4 a				{ color:#fff; text-decoration:none; }

.parties_content			{ width:148px; height:200px; float:left; background-color:#ccc; }
.parties_content img		{ margin:60px 0 0 130px; }
.parties_text				{ width:148px; padding:0 20px 0 0; float:left; }
.parties_text				{ width:148px; float:left; }
.parties_text h3			{ padding:5px 0 5px; font-size:14px; width:148px; }
.parties_text p				{ width:148px; font-size:12px; line-height:12px; }
.parties_text a				{ color:#000; text-decoration:none; }
.parties_text a:hover		{ color:#ccc; }

#coverflow					{ background:#000 url(../images/scrollable/parties_backing.jpg) no-repeat top left; margin:5px 0 0; float:left; width:654px; }

#sustainability_text		{ width:214px; height:185px; color:#ccc; padding:10px 20px 0; float:left; border-right:3px solid #2e2e2e; }
#sustainability_text h3 a	{ font-size:1.2em; line-height:28px; padding:10px 0 0; font-weight:normal; color:#fff; text-shadow:#141414 1px 1px 4px; font-style:italic; }
#sustainability_text p a	{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

.module #panes img, .parties #panes h3, .parties #panes p		{ float:left; }
.module #panes h4			{ border-bottom:none; }

.article_large				{ width:316px; margin:20px 20px 0 0; float:left; }
.article_large h3			{ padding:5px 0; }


/* Sidebar styles */

#sidebar					{ width:300px; background-color:#2e2e2e; padding:0 12px 12px; margin:20px 0; float:right; }

#search						{ margin-top:12px; width:300px; overflow:auto; margin-bottom:10px; }
#search p					{ float:right; }
#search input				{ width:260px; height:15px; _height:24px !important; padding:5px; border:0px solid #000; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; }
.searchFloat				{ float:right; }

#newsletter					{ width:300px; margin-top:10px; }
#newsletter #tab_bar		{ background-color:#000; color:#999; oveflow:auto; margin:0; font-size:0.5em; }
#newsletter #tabs			{ margin: 0 10px 0 0; padding:0; float:left; }

#submit_signup				{ width:76px; height:26px; text-indent:-5000px; overflow:hidden; background:url('images/submit.gif') no-repeat; float:left; }
.field .button_container	{ float:left; }
#submit_signup:hover		{ background-position:0 -26px; }
form						{ float:left; }

.form						{ display:block; color:#363636; }
.short_field				{ width:120px; float:left; margin:0 0 0 10px; }

input,select				{ font-family:Arial,sans-serif; font-size:12px; outline:none }
input[type=text]			{ border:1px solid #ccc; padding:5px}

.form label						{ margin:0 0 4px 0; font-family:Arial,sans-serif; font-weight:bold }
.form .field					{ margin:0 0 10px 10px; float:left; }
.form .field, .form .control	{ font-family:Arial,sans-serif }
.form input[type=text]			{ width:272px }
.form input[name=first_name]	{ width:80px; margin:0 10px 0 0; }
.form input[name=last_name]		{ width:110px; }
.form input[name=email]			{ width:120px; margin:0; }

.control					{ float:left; }

.sidebar_ad					{ width:300px; height:250px; }
.sidebar_internal			{ width:300px; margin-top:10px; }

.sidebar_ad_title			{ width:300px; height:20px; font-size:0.5em; text-transform:uppercase; margin-top:10px; color:#999; }

.sidebar_cal				{ width:300px; margin-top:20px; color:#fff000; }
.sidebar_cal_inner			{ width:280px; height:120px; padding:10px; background-color:#ccc; color:#666; font-size:0.8em; }
.sidebar_cal_inner a		{ color:#000; background-color:#999999; margin:0 0 5px; display:block; }
.sidebar_cal_inner a:hover	{ background-color:#fff000; }
.sidebar_cal #tab_bar		{ background-color:#2e2e2e; oveflow:auto; margin-left:2px; }
.sidebar_cal #tabs			{ background-color:#666; border:4px solid #2e2e2e; margin: 0 10px 0 0; padding:7px; float:left; }
.sidebar_cal #tabs.active	{ border:4px solid #ccc; outline:1px solid #ccc; }

.sidebar_cal_inner h3		{ font-size:0.9em; font-weight:bold; color:#000; margin-bottom:6px; background-color:#acacac; }
.sidebar_cal_inner span		{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; color:#f1f1f1; background-color:#000; padding:2px 4px; margin-right:7px; }

/* Sidebar widget */

div.panes a					{ color:#000; background-color:#f1f1f1; margin:0 0 5px 0;padding:2px 4px; text-decoration:none; height:20px; display:block; float:left; width:206px; }
div.panes a:hover			{ background-color:#fff000; }

div.panes ul				{ list-style:none; }
div.panes ul li				{ margin:0 0 5px; clear:both; }

div.panes h3				{ font-size:0.9em; font-weight:bold; color:#000; margin-bottom:6px; background-color:#acacac; }
div.panes span				{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:0.8em; color:#000; background-color:#ccc; padding:2px 4px;
							width:45px; margin-right:7px; height:20px; display:block; float:left; }
div.panes p					{ text-align:right; }
div.panes p a.more			{ margin:0; background:none; color:#fff000; float:right; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
div.panes p a.more:hover	{ text-decoration:underline; }

/* Separate styling for blogs pane */

div.panes a.blogs			{ color:#fff000; background-color:transparent; margin:0 0 5px 0; display:block; width:180px; float:left; padding:0; height:auto; font-size:0.9em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }
div.panes a.blogs:hover		{ text-decoration:underline; }

/* Widget pane styling */
div.panes div 				{ display:none; padding:15px 10px 10px; border-top:0; font-size:14px; background-color:#2e2e2e; color:#fff; font-size:0.8em; }

.sidebar_adv				{ width:280px; background-color:#444; margin-top:5px; color:#fff; padding:10px; }
.sidebar_adv img			{ padding:0 0 7px; }
.sidebar_adv p				{ font-size:0.7em; line-height:1.2em; width:280px; padding:0 0 7px; }
.sidebar_adv h3				{ padding:0 0 7px; }
.sidebar_adv h3 a			{ font-size:0.8em; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; color:#ccc; padding:0 0 5px; }
.sidebar_adv a				{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; color:#fff000; font-size:0.7em; }
.sidebar_adv a:hover		{ text-decoration:underline; }


/* Footer styles */

#feeds						{ clear:both; margin:0 0 10px; border-top:1px solid #666; position:relative }
#feeds .article				{ width:153px; margin-right:15px; }
#feeds .article ul li		{ list-style:outside; margin:0 0 0 14px }
#feeds .article h5			{ font-size:0.6em; font-weight:normal; padding:5px 0 0; }
#feeds .article ul, #feeds .article_last ul	{ margin-top:5px; }

#feeds .article ol			{ margin:0; list-style:inside; }
#feeds .article ol li		{ list-style:inside decimal; color:#999999; font-size:12px; }
#feeds .article ol li a 	{ color:#999; }
#feeds .article ol li a:hover	{ color:#fff; }


#footer						{ clear:both; margin:20px 0 0; height:130px; border-top:1px solid #666; overflow:auto; text-align:center; position:relative; }
#footer div.ad				{ position:absolute; z-index:10; left:128px; top:20px; }
#footer img					{ position:absolute; z-index:10; right:129px; top:20px; }
#footer	h4					{ padding:7px 0 7px 10px; border-bottom:1px solid #ccc; margin:0 0 10px 0; }
#logo_sigs					{ float:right; margin-right:20px; width:300px; }
#logo_sigs h2				{ font-size:18px; }
#logo_sigs p				{ font-size:12px; }


/* Article page styles */

.breadcrumb					{ margin:20px 0 0; font-size:0.8em; text-transform:uppercase; font-weight:normal; border-bottom:none; }
a.breadcrumb_cat			{ color:#fff000; text-decoration:none; }
a.breadcrumb_cat:hover		{ text-decoration:underline; }

#article_hero				{ width:454px; margin:20px 0; float:left; overflow:hidden; }
#article_hero.blank			{ width:654px }
#article_hero img			{ /*width:100%;*/ }
#article_hero p				{ font-size:14px; padding:20px 0 0; }
#article_hero a				{ color:#fff000; text-decoration:none; border:0px; }
#article_hero a	img			{ border:0px; }
#article_hero h1, #article_hero h2		{ font-weight:normal; }
#article_hero h1						{ padding:10px 0; line-height:1.2em; }
#article_hero h2						{ border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:10px; color:#999; line-height:1.2em; }
#article_hero p.date					{ border-bottom:1px solid #666; margin:10px 0 0; padding:2px 0; }
#article_hero h4			{ border-bottom:1px solid #666; padding:0 0 2px; text-transform:uppercase; font-size:0.8em; font-weight:normal; }
.article_date				{ color:#ccc; background-color:#2e2e2e; padding:0 5px; text-align:right; font-weight:normal; font-size:0.7em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; clear:both; }

.supplier					{ padding:20px 0 10px; font-size:1.2em; }
.product-details			{ margin:20px 0 10px 0; padding:0; font-size:0.8em; border:1px solid #666; }
.product-details td			{ padding:5px; }
.product-details th			{ background:#2e2e2e url(../images/title.gif) repeat-x top left; padding:5px; font-size:1.4em; font-weight:normal; }
.product-details dd			{ margin:0 0 10px 0; padding:0; float:left; width:385px; }
#article_hero .product-details a img		{ border:1px solid #666; }

span.sponsored_tab				{ float:right; text-transform:uppercase; color:#999; background-color:#2e2e2e; padding:1px 5px; font-size:0.7em; margin-bottom:3px; }

/* A set of styles for basic non-article page */

#article_basic					{ width:654px; margin:20px 0; float:left; }
#article_basic p				{ font-size:14px; padding:20px 0 0; }
#article_basic a				{ color:#fff000; text-decoration:none; border:0px; }
#article_basic a img			{ border:0px; }
#article_basic h1, #article_basic h2		{ line-height:1.5em; font-weight:normal; }
#article_basic h1				{ padding-top:10px; }
#article_basic h2				{ border-bottom:1px solid #999; padding-bottom:10px; color:#999; }
#article_basic p.date			{ border-bottom:1px solid #ccc; margin:10px 0 0; padding:2px 0; }
#article_basic h4				{ border-bottom:1px solid #666; padding:0 0 2px; text-transform:uppercase; font-size:0.8em; font-weight:normal; }
.article_date					{ color:#ccc; background-color:#2e2e2e; padding:0 5px; text-align:right; font-weight:normal; font-size:0.7em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* End basic styles */


#toolbar					{ width:158px; float:left; margin:20px 35px 0 0; color:#fff; }
#toolbar ol					{ margin:0 0 10px 18px; font-size:11px; }
#toolbar ol li				{ list-style-position:outside; line-height:1.3em; padding:0 0 10px; }
#toolbar ol li a			{ color:#ccc; text-decoration:none; }
#toolbar ol li a:hover		{ text-decoration:underline; }
#toolbar h5					{ padding:5px 0 3px; border-top:1px solid #666; font-weight:normal; text-transform:uppercase; font-size:0.7em; }
#toolbar h5 span			{ color:#fff000; float:right; }
#toolbar h5 a				{ color:#fff000; }


#sharing_icons				{ margin:20px 0; }
#sharing_icons ul			{ list-style:none; margin:10px 0 0; }
#sharing_icons ul li		{ float:left; margin:0 5px 0 0; }
a.sharing					{ width:35px; height:35px; background-position:top left; display:block; }
a.sharing:hover				{ background-position:bottom left; }
.delicious					{ background-image:url(../images/icons/delicious_icon.jpg); }
.facebook					{ background-image:url(../images/icons/facebook_icon.jpg); }
.digg						{ background-image:url(../images/icons/digg_icon.jpg); }
.google						{ background-image:url(../images/icons/google_icon.jpg); }
.stumble					{ background-image:url(../images/icons/stumbleupon_icon.jpg); }
.retweet					{ background-image:url(../images/icons/twitter_icon.jpg); }
.friend						{ background-image:url(../images/icons/friend_icon.jpg); }

.comment					{ padding:15px; margin:20px 0 0; clear:both; }
.comment h6					{ width:150px; float:left; }
.comment span				{ display:inline-block; width:40px; color:#fff; float:right; font-size:0.8em; }
#article_hero .comment p	{ padding:10px 0 0; }

.odd						{ background-color:#2d2d2d; }
.even						{ background-color:#676767; }
.editor						{ background-color:#fff000; }
.comment.editor span		{ color:#000; }
#article_hero .comment.editor p		{ color:#000; }
#article_hero .comment.editor a		{ color:#000; }

.inset1						{ float:right; width:80%; }
.inset2						{ float:right; width:60%; }

#comment_module							{  }
#comment_form .field					{ margin:10px 0 0; }
#comment_form							{ background-color:#666; width:414px; padding:20px; }
#comment_form.form label				{ color:#fff; font-size:12px; }
#comment_submit							{ display:inline-block; width:76px; height:0; padding-top:30px; overflow:hidden; background:#000 url(../images/submit.gif) no-repeat; float:left; }
#comment_submit:hover					{ background-position:0 -30px; }
.form input[type=textarea]				{ width:272px; height:100px; }
#comment_form .field.first				{ margin:0; }
#comment_form.form input[name=email]	{ width:220px; margin:0; }
#comment_form.form input[name=name]		{ width:220px; margin:0; }

.pagination						{ clear:both; font-size:0.7em; margin:50px 0 0; }
.pagination div					{ width: 340px; margin:0 auto; text-align:center; position:relative }
.pagination ul					{ list-style:none; }
.pagination li				{ display:inline-block; list-style:none; margin-right:5px; }
.pagination div a				{ border:1px solid #ccc; text-decoration:none; color:#999; margin:0; padding:0 5px; display:inline-block }
.pagination div a:hover			{ background-color:#666; color:#fff; }
.pagination div a.selected		{ background-color:#666; color:#fff; }

.pagination div a.prev			{ margin-right:2px}

/*.pagination div a.prev:first-child			{ position:absolute; z-index:10; left:0px; top:0px; }
.pagination div a.next:last-child			{ position:absolute; z-index:10; right:0px; top:0px;  }*/

#hero img						{ float:left; }

/* start of sections page */

.section_bar						{ padding:5px; margin:20px 0 0; background:#000 url(../images/title.gif) repeat-x top left; border:none; font-size:0.7em; color:#999; }
a.section_heading					{ font-size:1.3em; color:#fff; margin-right:50px; float:left; text-transform:uppercase; }
ul.section_listing					{ list-style:none; }
ul.section_listing li				{ float:left; list-style-position:outside; padding:0 2px; }
ul.section_listing li a				{ color:#ccc; text-decoration:none; }
ul.section_listing li a:hover		{ text-decoration:underline; }
ul.section_listing li.section_view_all			{ font-weight:normal; float:right; }
ul.section_listing li.section_view_all a		{ color:#fff000; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* article listing page */

.intro						{ padding:20px 0 0; }
.filter						{ font-size:0.8em; margin:20px 0 0; }
.filter ul					{ list-style:none; }
.filter ul li				{ float:left; margin:0 5px; }
.filter ul li a				{ color:#fff000; text-decoration:none; background-color:#2e2e2e; border:1px solid #666; padding:2px 5px; display:inline-block; }
.filter ul li a:hover		{ text-decoration:underline; }
.filter ul li a.active		{ color:#fff; background-color:#666; border:1px solid #999; }

.article p.listing_desc		{ padding:0; height:auto; }

#article_hero .feedback			{ margin:15px 0 15px 0; border-bottom: 1px dotted #666666; }
/*#article_hero p					{ padding:10px 0 0; margin:0; } */
#article_hero p.feedback_date	{ color:gray;} 
#article_hero h5				{ font-weight:bold; text-align:right }
#article_hero h5 span			{ color:gray; }

#footer_links				{ color::white; font-size:11px; border-top: 1px solid #666666; padding:10px 0 }
#footer_links a				{ color:white; }


/* Magazine Page */

#subs_indesign				{ margin-left:65px; text-align:center; width:100px; float:left; }
#subs_habitus, #subs_dq, #subs_tc		{ margin-left:35px; text-align:center; width:100px; float:left; }
a.subs_button				{ background:#000 url(../images/sub_button_bg.jpg) repeat-x top left; color:#fff000; text-decoration:none; display:block; width:100px; padding:4px 5px; font-size:0.8em; -webkit-border-radius:5px; -moz-border-radius:5px; }
#article_hero a.subs_button2				{ background:#000 url(../images/sub_button_bg2.jpg) repeat-x top left; color:#fff; text-decoration:none; display:block; width:100px; padding:4px 5px; font-size:0.8em; -webkit-border-radius:5px; -moz-border-radius:5px; }

.advertise_idl				{ background-color:#151515; padding:40px; font-size:0.8em; margin-bottom:20px; }
#article_hero .advertise_idl h2			{ border-bottom:0px; display:inline-block; width:350px; color:#fff; }
#article_hero ul						{}
#article_hero ul li						{ list-style-position:outside; padding:0 0 15px; }
.advertise_idl img.floatright			{ float:right; padding:0 0 30px 30px; }
#article_hero .advertise_idl div.bullets						{ float:left; width:300px; }

.advertise_idm				{ background-color:#151515; padding:40px; font-size:0.8em; }
#article_hero .advertise_idm h2			{ border-bottom:0px; display:inline-block; width:250px; color:#fff; }
#article_hero ul						{ margin-left:15px;}
#article_hero ul.checklist li						{ list-style-image:url(../images/tick.jpg); }
.advertise_idm img.idm_thumb					{ padding:0 0 30px; }
#article_hero .advertise_idm div.bullets						{ float:left; width:250px; }
#article_hero .advertise_idm div.bulletsright					{ float:right; width:250px; }

/* Sign up page */

/* form */

	#form2{
		margin:1em 0 30px 150px;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#form2 h3{
		margin:0;
		background:#57a700 url(../images/form/form_heading.gif) repeat-x;		
		color:#fff;
		font-size:20px;
		border:1px solid #57a700;
		border-bottom:none;
		}		
	#form2 h3 span{
		display:block;
		padding:10px 20px;
		background:url(../images/form/form_ico.gif) no-repeat 93% 50%;			
		}				
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		/*background:#000 url(../images/form/form_top.gif) repeat-x;*/
		background-color:#222121;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 20px;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:272px;
		border:1px solid #111;
		background:#282828 url(../images/form/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:right;
		}	
	#form2 button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #70ad2e;
		background:#5aae00 url(../images/form/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}	
		
		#form2 input[type=checkbox]	{ width:15px; }
		table.signup_checkbox		{ margin: 20px 0 0 20px; }
		#article_hero td.fineprint	{ font-size:0.7em; padding-left:5px; }			

/* end form  */