/****  CSS Reset by Eric Meyer, http://meyerweb.com/eric/tools/css/reset/index.html  ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,
ul{list-style:none;}
blockquote,
q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


/****  general styles  ****/
body{margin:0;padding:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;line-height:1.1em;text-align:center;}
a{color:#f02222;}


/**** container  ****/
#container{width:995px;overflow:hidden;margin:0 auto 30px auto;text-align:left;background:#fff;color:#000;}


/****  header  ****/
#header{float:left;width:100%;height:100px;background:#000;color:#fff;}
#header .logo{float:left;display:inline;width:350px;}
#header h1 a{float:left;display:inline;width:350px;height:73px;margin-right:10px;background:url(images/header_logo.gif) no-repeat;text-indent:-9999px;}
#header .description{clear:left;float:left;display:inline;width:350px;height:25px;margin-top:2px;text-align:center;}
#header .ad{float:left;display:inline;width:625px;height:80px;margin:10px 0 10px 10px;text-align:center;}


/****  navigation  ****/
#navigation{clear:both;float:left;width:100%;height:30px;background:#393939;}
#navigation ul{float:left;display:inline;width:645px;margin:0 0 0 130px;padding:0;list-style:none;}
#navigation li{float:left;margin:0;padding:0;}
#navigation li.selected{background:url(images/nav_selected_bg.gif) repeat-x;}
#navigation li.selected span{float:left;width:1px;height:30px;background:url(images/nav_bar_selected.gif) no-repeat;}
#navigation li a{float:left;height:30px;padding:0 10px;background:url(images/nav_bar.gif) no-repeat top right;color:#fff;text-decoration:none;line-height:30px;}
#navigation li a.last{background:none;}
#navigation li.selected a,
#navigation li.selected a.last{background:url(images/nav_bar_selected.gif) no-repeat top right;}
#navigation .search{float:right;width:220px;height:20px;margin-top:4px;}
#navigation .search input{float:left;width:130px;height:16px;padding:5px 0 1px 25px;border:0;background:#000 url(images/search_bg.gif) no-repeat 3px 5px;color:#ccc;font-weight:bold;}
#navigation .search #searchsubmit{float:left;width:50px;height:21px;margin-left:10px;padding:2px 5px;background:#ccc;color:#333;}


/****  content  ****/
#content{clear:both;float:left;width:100%;padding-top:20px;background:#f1f2f2 url(images/content_bg.gif) repeat-x;}


/****  col1  ****/
#col1{position:relative;z-index:2;clear:both;float:left;display:inline;width:150px;margin:0 20px 50px 10px;}
#col1 #newsalert a{clear:both; float:left;width:153px;height:113px;margin-bottom:10px;background:url(images/newsalert.gif) no-repeat;text-indent:-9999px;}
#col1 ul{clear:both;}
#col1 li{position:relative;border-bottom:solid 1px #cd0d0d;}
#col1 li a{display:block;padding:5px 10px;color:#000;text-decoration:none;line-height:1.1em;}
#col1 li a:hover,
#col1 li.focus{background:#ccc;color:#000;}
#col1 li li{border-style:solid;border-color:#cd0d0d;border-width:0 1px 1px 1px;}
#col1 #archives-link a{background:url(images/icon_subnavarrow.gif) 135px 8px no-repeat;}
#col1 #archives-link a:hover{background:#ccc url(images/icon_subnavarrow.gif) 135px 8px no-repeat;}
#archives-subnav-wrapper{display:none;position:absolute;top:3px;left:153px;z-index:100;width:140px;background:#999;}
#archives-subnav{position:relative;top:-4px;left:-3px;background:#f1f2f2;border-top: solid 1px #cd0d0d;}
#col1 #archives-subnav a{background:none;}
#col1 #archives-subnav a:hover{background:#ccc;}


/****  col2  ****/
#col2{position:relative;z-index:1;float:left;display:inline;width:435px;overflow:hidden;margin:0 0 50px 0;}
#col2 a{color:#f02222;}
#col2 .formRow{clear:both;float:left;width:100%;margin-bottom:10px;}
#col2 label{clear:both;float:left;width:170px;font-weight:bold;}
#col2 textarea{width:95%;}
#col2 .note{clear:both; float:left;width:100%;margin:5px 0;font-size:0.9em;color:#666;}
#newsTypeContainer label{width:100%;}
#newsTypeContainer .radioButtons{clear:both;padding:1em;}

#col2 .page,
#col2 .post{position:relative;z-index:1;clear:both;float:left;width:413px;margin:5px 0 15px 0;padding:10px;border:solid 1px #ccc;background:#f4f4f4;}
#col2 .page .t,
#col2 .post .t{position:absolute;top:-5px;left:0px;width:435px;height:5px;background:url(images/post_t.gif) no-repeat;}
#col2 .page .b,
#col2 .post .b{position:absolute;bottom:-5px;left:0px;width:435px;height:5px;background:url(images/post_b.gif) no-repeat;}
#col2 .page .b,
#col2 .post .b{_bottom: -16px;/* IE6*/}
#col2 .page h2,
#col2 .post h2{margin-bottom:5px;padding-bottom:4px;border-bottom:solid 1px #555;font-size:16px;line-height:26px;}
#col2 .page h2 a,
#col2 .post h2 a{margin-bottom:10px;color:#000;text-decoration:none;}
#col2 .page h2 a:hover,
#col2 .post h2 a:hover{text-decoration:underline;}
#col2 .page small,
#col2 .post small{font-size:0.9em;line-height:1.4em;}
#col2 .page .entry,
#col2 .post .entry{clear:both;float:left;width:100%;margin-top:3px;font-size:1.2em;line-height:1.4em;}
#col2 .page .entry p,
#col2 .post .entry p{margin-bottom:1em;}
#col2 .page .entry image,
#col2 .post .entry img{float:left;margin-right:10px;background:#fff;}
#col2 .page .postmetadata,
#col2 .post .postmetadata{clear:both;float:left;width:100%;margin-top:10px;border-top:solid 1px #dedede;padding-top:10px;}
#col2 #respond{clear:both;float:left;width:100%;margin:20px 0;}
#col2 #respond textarea{width:100%;}

#col2 .post h2 .video {float:left;width:23px;height:22px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px 0px;}
#col2 .post h2 .type1diabetes {float:left;width:23px;height:20px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px -27px;}
#col2 .post h2 .type2diabetes {float:left;width:23px;height:22px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px -54px;}
#col2 .post h2 .type15ladadiabetes {float:left;width:23px;height:22px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px -81px;}
#col2 .post h2 .gestationaldiabetes {float:left;width:35px;height:22px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px -108px;}
#col2 .post h2 .prediabetes {float:left;width:25px;height:22px;margin:3px 5px 0 0;background:url(images/sprite.gif) no-repeat 0px -135px;}

#col2 .sharethis{clear:both;float:left;width:120px;margin:20px 0 10px 0;}
#col2 .tellafriend{float:left;width:120px;margin:20px 0 10px 0;padding-top:5px;}

#col2 .navigation{clear:both;float:left;width:100%;margin-bottom:10px;font-size:1.1em;}
#col2 .navigation .alignleft{clear:both;float:left;width:45%;margin-right:10%;}
#col2 .navigation .alignright{float:left;width:45%;}

#topread h2,
#archivepage h2,
#col2 .pagetitle{margin-bottom:10px;font-size:1.4em;line-height:1.7em;}
#archivepage,
#topread{list-style:none;}
#archivepage li,
#topread li{clear:both;float:left;width:100%;padding:5px 0;}
#newsbymonth li{margin-bottom:1em;}
#newsbytype li{margin-bottom:1em;font-weight:bold;}
#newsbytype li .date{font-weight:normal;font-size:0.9em;white-space:nowrap;}
#newsbytype  #type2,
#newsbytype #type15,
#newsbytype #gestational,
#newsbytype #prediabetes{display:none;}
#newsbytype .subnav{padding-left:1em;}
#newsbytype  .subnav a{padding: 0.2em 0.5em 0.4em 0.5em;border-style:solid;border-color:#ccc;border-width:1px 1px 0 1px;background:#fff;text-decoration:none;line-height:1.5em;}
#newsbytype  .subnav a:hover{background:#f02222;color:#fff;}
#newsbytype  .subnav a.selected{background:#f02222;border-color:#999;color:#fff;}
#newsbytype .more{clear:both;float:right;margin-right:1em;padding:0.2em 0.5em;border:solid 1px #999;color:#fff;background:#f02222;text-decoration:none;}

#guestexperts h3{clear:both;margin:1em 0 0.5em 0;font-size:1.1em;}
#guestexperts .author img{float:left;margin:0 10px 10px 0;border:solid 1px #ccc;}
#guestexperts .author li{padding-bottom:0.5em;}

#forum #col2{width:100%;margin:0;}

#videochannel #col2{width:800px;margin:0;}
#videocontainer {float:left; width:586px;overflow:hidden;margin-right:10px;}
#videoarticles{float:left;width:204px;margin-top:40px;}
#videoarticles h2{margin-bottom:15px;font-size:1.2em;}
#videoarticles li{padding-bottom:10px;}

/****  col3  ****/
#col3{float:left;display:inline;width:350px;overflow:hidden;margin:0 10px 50px 20px;}
#col3 .share{margin-bottom:1em;}
#col3 .share li{padding-bottom:0.5em;}
#col3 .share li a{text-decoration:none;line-height:18px;}
#col3 .share li img{vertical-align:middle;}
#col3 .share li.twitter a:hover span{text-decoration:underline;}
#col3 .ad{width:330px;overflow:hidden;margin:20px 0;padding:10px;background:#fff;}
#col3 .rssfeeds h3{margin:1em 0 0.5em 0;padding-top:1em;border-top:solid 1px #dedede;}
#col3 .rssfeeds li{display:none;}
#col3 .rssfeeds li.cat-item-3,
#col3 .rssfeeds li.cat-item-12,
#col3 .rssfeeds li.cat-item-4,
#col3 .rssfeeds li.cat-item-14,
#col3 .rssfeeds li.cat-item-13{display:block;}


/****  footer  ****/
#footer{clear:both;padding:20px 0;background:#f1f2f2;text-align:center;color:#666;font-size:0.9em;line-height:1.2em;}