/*
Theme Name: mag
Theme URI: http://ilearn-culture.com
Description: This theme was designed for use on iLearn Culture website
Version: 1.0.0
Author: Kenneth M
*/


/* -- Set Style Defaults -- */
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
p { margin: 0; padding: 0;}
IMG { margin: 0; padding: 0; border: 0 solid #FFFFFF; vertical-align: bottom;} /* if using strict doctype, gap is created below images. vertical-align will fix this */

a:link { text-decoration: none; color:#333333;}
a:visited { text-decoration: none; color:#333333;}
a:active { text-decoration: none; color:#333333;}
a:hover { text-decoration: none; color:#FF0000;}

/* -- Layout -- */
html, body{ margin: 0; padding: 0; background: #FFFFFF;}

.cleardiv { clear: both;}
.clear { clear: both; line-height: 0; height: 0; font-size: 0; /* kills IE6 bug */}
.clearfix:after { content:" "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* mac hide \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide */
/* 	
	cleardiv placed in div after floated elements
	clear placed in empty div after floated elements
	clearfix placed in float container div
*/

.f_l { float: left; position: relative;}
* html .f_l { display:inline; } /*ie6 3px jog bugfix*/
.f_r { float: right;}


body { background: #FFFFFF url(images/bg_mag_color.gif) repeat;}

#bgouterup { background: url(images/bg_mag_top.gif) no-repeat bottom left; width: 15px; height: 11px; font-size: 0;}
#bgouterdown { background: url(images/bg_mag_bottom.gif) no-repeat top left; width: 18px; height: 9px; font-size: 0;}
#bgup { background: url(images/bg_mag_stretch_o.jpg) no-repeat 1027px 60px; width: 100%;}
#bgdown { width: 100%;}

.bgmagpage_w { background: url(images/bg_mag_page_w.gif) repeat-y; width: 100%;}
.bgmagpage_b { background: url(images/bg_mag_page_b.gif) repeat-y; width: 100%;}

.container { width: 965px; margin: 0; padding: 0 0 0 26px;}

#header { height: 90px; margin: 0; padding: 0;}

#header_logo { width: 709px;}
#header_logo h2 { margin: 15px 300px 0 15px; font-size: 10px; } /* 1st text in page */
#header_logo IMG { position:absolute; left:15px; top:15px;}


#header_search { 
width: 246px;
text-align: right;
}

#topnav { margin: 0 0 9px; padding: 5px 0;}

#menuflash { margin: 0; padding: 0;}

#content { margin: 15px 0 0; padding-bottom: 0px;}

#content_left { width: 680px; padding: 0 8px 25px 0; margin: 0;}
#content_right { width: 267px; margin: 0; padding: 0;}

.content_left_home {
background: url(images/content_left_home_bgline.gif) repeat-x 0 315px;
} /*background: url(images/content_left_home_bgline.gif) repeat-x 0 315px;*/

#content_left_home_newposts { margin:0; padding: 13px 0 3px; width: 680px;}
#content_left_home_newposts h1{}

#photoset { width: 687px; margin: 0 0 0 -7px; padding: 0;}
#photoset .photo {
width: 221px;
height: 316px;
background: #FFFFFF url(images/photobg.gif) no-repeat top;
margin: 0 0 20px 8px;
padding: 0px; /* minus width if add padding */
}

.photocategory { background: #FFFFFF; padding: 0px 3px 3px 0; position: absolute; top: -3px; left: 1px; text-align: left; width: 205px;}
}

.photo_flipmore { margin: 0; padding: 0;}
.photo_height { height: 302px; overflow: hidden; margin: 0; padding: 0;}/*height 298 if using flipmore*/

.photo_height p { padding: 0 3px 0 0;}

.photo_flipmore a{
text-align:right;
height: 18px;
margin:0; padding: 0 15px 0 10px;
display: block;
font-weight:bold;
font-size:12px;
} /* background: url(images/photo_flipmore.gif) no-repeat bottom right; */

/*.photo_flipmore a:hover {
background: url(images/photo_flipmore_h.gif) no-repeat bottom right;
}*/

.sandbag_linedown, .sandbag_dotdotarrow { float: right; clear: right; padding: 0;}
.sandbag_linedown { width: 7px; margin: 0; padding: 0; height: 100px;}
.sandbag_dotdotarrow { width: 25px; margin: 0; padding: 3px 12px 0 5px; height: 15px;}
.sandbag_dotdotarrow a, .sandbag_dotdotarrow a:visited { color: #FF0000;}



/*margin-right: 19px; margin-top: 103px;*/

.segcontainer { margin: 13px 0; padding: 0;}
.segtop {
width: 267px; height: 9px; margin: 0; padding:0; font-size: 0; line-height: 0;
background: url(images/seg_box_top.gif) top left no-repeat;
}
.seg {
width: 265px;
margin: 0;
border-left: 1px solid #8B8575;
border-right: 1px solid #8B8575;
background-color: #FFFFFF;
overflow: hidden;
}
.segbottom {
width: 267px; height: 9px; margin: 0; padding:0; font-size: 0; line-height: 0;
background: url(images/seg_box_bottom.gif) bottom left no-repeat;
}
/* .seg_subscribe .seg_act .seg_swe styling for h1 and color with .seg */

.seg_ad { margin: 0 0 10px;}
.seg_subscribe { margin: 0 0 7px; padding: 30px 0 0 0; width: 267px; height: 136px;
background: url(images/seg_bg_subscribe.gif) top left no-repeat;}
.seg_subscribe_subscribe2 { height: 65px; overflow: hidden;}
.seg_subscribe_subscribe2 .linkwithin_hook { display: none; line-height: 0; height: 0; font-size: 0;}
/* added due to plugin conflict. linkwithin shows up under subscribe2 plugin unnessarily */
.seg_subscribe_subscribe2 p{ padding: 0 5px;}
/* adds padding for text notice from subscribe2 plugin */
.seg_subscribe_follow { margin: 35px 0 0 10px;}
.seg_act { height: 200px; background: #FFFFFF url(images/seg_act_bg.gif) top right no-repeat;}
.seg_swe { height: 266px; background: #FFFFFF url(images/seg_swe_bg.gif) top right no-repeat;}
.seg_endbox { }
.seg_more { height: 15px;  text-align:right; font-weight: normal; letter-spacing: 1px;
border-top: 0px solid #999; border-bottom: 0px solid #999; border-left: 0px solid #999;} /* border-right: 0px solid #333; */
.seg_more a, .seg_more a:visited { color: #333; padding: 0 8px 0 8px;}
.seg_more a:hover { color: #333; background-color: #CCCCCC;}

#footer { margin: 0; padding: 0;}
#footernav { margin: 0; padding: 10px 0 0 0; color: #FFFFFF; height: 240px; background-color:#333333;}
#footernav a { color: #FFFFFF;}
#footernav a:hover { color: #999999;}
#copyright { text-align: center; margin: 0; padding: 5px 0; font-size: 14px; color:#555555;}
#copyright IMG { margin: 0; padding: 0 12px;}



/* Begin Searchwrap */
#searchwrap { padding: 0 0 5px 5px; height: 25px; background: url(images/searchbg.gif) top left no-repeat;}
* + html #searchwrap { padding: 1px 0 5px 5px;}
#searchwrap input{ vertical-align: middle; background: none; color: #3C3F36; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#searchwrap #s{ border: none; padding: 5px 0 5px 0; margin: 0; width: 215px;}
* + html #searchwrap #s { margin: -3px 3px 0 0; width: 210px;}
/* End Searchwrap */




/* -- Style seg -- */
.seg p{margin:0; padding: 5px 5px 0; text-align: left;}

.seg_swe_countdown { margin:0 0 0 20px; padding: 0; font-size: 35px; font-weight: bold; color: #006600;}
.seg_swe_countno { font-size: 22px; color: #666666; line-height: 0px; vertical-align:middle;}
.seg_swe IMG { margin: 0 5px;}
.seg_swe_h { font-size: 16px; font-weight: bold; color:#339900;}

.seg_act ul {margin: 0; padding: 0px 4px 0px 7px; list-style-type: none;}
.seg_act ul li {margin: 0; padding: 5px 0 5px;}

.seg_act_city { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #0099CC;}
.seg_act_city a, .seg_act_city a:visited { color: #0099CC;}
.seg_act_city a:hover { color: #FF0000;}
.seg_act_name { font-size: 13px; font-weight: bold; margin: 1px 0 0 5px;}
.seg_act_name a, .seg_act_name a:visited { color: #003366;}
.seg_act_name a:hover { color: #FF0000;}

.seg_endbox h3 { margin: 0 0 5px 7px; color: #653355;}
.seg_endbox ul { margin: 0; padding: 0 5px; list-style-type: none;}
.seg_endbox ul li { margin: 0; padding: 0 3px; border-bottom: 1px solid #CCCCCC; }




/* -- Style LISTS -- */
.menu {
position: relative;
width: 955px;
height: 50px;
margin: 15px 0 0;
background: transparent url(images/menu_bg.gif) 0 25px repeat-x;
}
* html .menu { padding-bottom: 0;}
.menu_space{width:7px; background: transparent url(images/menu_space.gif) no-repeat;}
.menu ul{
list-style-type: none;
padding: 0;
margin:0;
width: 955px;
height: 100%;
}
.menu li{ float: left;}
.menu table{ position: absolute; border-collapse: collapse; left: 0; top: 0;}
.menu a, .menu :visited {
color: #333333;
text-decoration: none;
}
.menu a b, .menu :visited b {
display: block;
font-weight: normal;
float: left;
padding: 0;
height: 2.5em; line-height: 2em;
cursor: pointer;
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:5px;
width:955px;
padding: 0 0 0 0px;
}/* width = 955 - padding */

.menu ul ul.travel { margin: 0 0 0 0px; width: 600px; background: transparent url(images/menu_bg_arrow.gif) 23px -2px no-repeat;}
.menu ul ul.food { margin: 0 0 0 115px; width: 600px; background: transparent url(images/menu_bg_arrow.gif) 20px -2px no-repeat;}
.menu ul ul.chinaliving { margin: 0 0 0 220px; width: 750px; background: transparent url(images/menu_bg_arrow.gif) 25px -2px no-repeat;}
.menu ul ul.fashion { margin: 0 0 0 360px; width: 600px;}
.menu ul ul.traditions { margin: 0 0 0 90px; width: 750px; background: transparent url(images/menu_bg_arrow.gif) 530px -2px no-repeat;}
.menu ul ul.art { margin: 0 0 0 500px; width: 200px;}
.menu ul ul.gallery { margin: 0 0 0 600px; width: 200px;}
.menu ul ul.events { margin: 0 0 0 700px; width: 200px;}

.menu :hover { white-space:normal;}
.menu a:hover b {
color:#FF0000;
}
.menu li:hover > a b {
color:#FF0000;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:22px;
} /* can set background here for submenu too. */
.menu ul :hover ul li {
display:block; 
height:2em;
}
.menu {font-size:18px; font-family:Arial, sans-serif; color:#333333;}
.menu ul :hover ul li a {
display:block; 
font-size:16px;
font-weight:bold;
height:2em; 
line-height:2em; 
width:auto; 
float:left; 
color:#333333; 
padding:0 30px 0 0px;
}
.menu ul :hover ul li a:hover {
color:#C00;
}



.footernav_cat { width: 150px; margin: 0; padding: 0;}
.footernav_cat_b { width: 90px; margin: 0 10px 0 0; padding: 0;}
.footernav_cat_c { width: 50px; margin: 0; padding: 0; text-align: right;}
#footernav_featured { width: 600px; margin: 0; padding: 0;}
#footernav_info { width: 315px; margin: 0; padding: 0;}

#footernav h3 { margin: 5px 0 10px; padding: 0; font-size: 16px;}
#footernav h2 { margin: 0; padding: 0 0 5px; font-size: 13px;}
#footernav ul { margin: 0; padding: 0; list-style: none;}
#footernav ul li { margin: 0 0 3px;}

#footernav ul li { font-size: 11px;} /* smaller footer text for static footer */
#footernav_featured ul li, #footernav_info ul li { font-size: 13px;} /* larger footer text for static footer featured and info section */

#footernav_featured h1, #footernav_info h1{
margin: 5px 0 10px;
}
#footernav_featured ul li, #footernav_info ul li{
display: inline;
margin: 0; padding: 0 20px;
}
#footernav_featured, #footernav_info {
margin: 10px 0 0 0;
border-top: 1px solid #484848;
}






/* -- Style Search Photos -- */
#photoset a:hover { color: #FF0000;}
#photoset p a, #photoset p a:visited { color: #FF0000;}
#photoset p a:hover { color: #CC00FF;}
#photoset h1 { font-size: 13px; font-weight: normal; margin: 4px 2px 3px 5px; line-height: 14px;}
.photo_height a IMG { margin: 20px 7px 0px; border: 1px solid #FFFFFF;}
.photo_height a:hover IMG { border-color: #FFFFFF;}
#photoset h2 { margin: 5px 8px; font-size: 16px; font-weight: bold; line-height: 17px;}
#photoset p { margin: 0 8px; font-size: 12px; line-height: 15px;}

.photoset_nav { width: 680px; height: 25px; background: transparent url(images/photoset_navbg.gif) -1px 0 repeat-x; font-size: 13px;}
.photoset_nav_l { margin:0; padding: 0px 10px 0px 30px; font-weight: bold; line-height: 25px; background: transparent url(images/photoset_nav_l.gif) top left no-repeat;}
.photoset_nav_r { margin:0; padding: 0px 30px 0 10px; font-weight: bold; line-height: 25px; background: transparent url(images/photoset_nav_r.gif) top right no-repeat;}
.photoset_nav .photoset_nav_l a, .photoset_nav .photoset_nav_l a:visited, .photoset_nav .photoset_nav_r a, .photoset_nav .photoset_nav_r a:visited { color:#333333;}
.photoset_nav .photoset_nav_l a:hover, .photoset_nav .photoset_nav_r a:hover { color: #FF0000;}






/* Begin Entry */

.post { font-size: 13px;}
.postcontain_pad_r { padding-right: 30px;}

post_feature { font-size: 15px;}

.entry a, .entry a:visited {
color: #003399;
}

.entry a:hover {
color: #FF0000;
}

.post h1 {
font-size: 30px;
font-weight: bold;
text-align: left;
color: #1d1d1d;
margin: 5px;
padding: 1px;
}

.post h2 {
font-size: 17px;
font-weight: bold;
color: #CC3300;
}

.entry h2 {
font-size: 25px;
letter-spacing: 1px;
padding: 20px 0 8px;
}

.entry h3 {
font-size: 18px;
font-weight: bold;
letter-spacing: 0.8px;
color: #000000;
padding: 15px 0 5px;
}

.entry h4 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
letter-spacing: 0.5px;
color: #333333;
padding: 5px 0 3px;
}

.post p { padding: 0 0 10px;}

.entry {}

.entry img {
padding: 3px 0 3px;
}
	/* max-width: 500px; */
	/* Resize the image for IE6 */
	/* width: expression(this.width > 500 ? 500: true); */

.entry img.alignleft { clear: left;}
.entry img.alignright { clear: right;}
.entry img.aligncenter { clear: both;}
/* fixes when images become jaggedly positioned in posts */

.entry img a {}

.postmetadata {}

.pagetitle {}

.post ol li{
margin:0; padding: 6px 0;
}

.post ul li{
margin:0; padding: 6px 0;
}

/* End Entry */





/* Begin Comment Styles */
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

.commentmetadata a {
font-size:11px;
color:#333333;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
width: 592px;
}

ol.commentlist li.alt {
padding: 18px 18px 5px 18px !important;
background:#F8F8F4;
border:1px solid #DEDBD1;	
}

#commentform input {
background: #FFFFFF;
border: 1px solid #333333;
}

#commentform textarea {
background: #FFFFFF;
border: 1px solid #333333;
width: 600px;
}

input#submit {
color:#333333;
padding:5px;
margin: 0 0 3px 0;
text-align: center;
border: 1px solid #666666;
background:#E3E3E3;
}
/* End Comment Styles */






/* Begin Defaults */
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

p img {
padding: 0;
max-width: 100%;
}

a img {
border: none;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 2px;
margin: 0 0 8px 1px;
display: inline;
}

img.alignleft {
padding: 2px;
margin: 0 1px 8px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.center {
text-align: center;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden {
display: none;
}

blockquote {
margin: 15px 30px 10px 0;
padding-left: 30px;
background: url(images/blockquote.jpg) top left no-repeat;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* End Defaults */

/* WP Page Numbers Plugin Classic Style */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
}
#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	background: white;
	margin-bottom: 10px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}
#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: #333;
	border: 1px solid #bfbfbf;
}
#wp_page_numbers li a:hover {
	border-color: #BA0000;
}
#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}
#wp_page_numbers li.first_last_page {
	font-style: italic;
}
#wp_page_numbers li.active_page a {
	border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #BA0000;
}
#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 11px;
	border: 1px solid #bfbfbf;
}
/* End WP Page Numbers Plugin Classic Style */





/* -- Style Popup activity box -- */
.content_popup { background-color:#FFFFFF; width: 500px; margin: 5px; padding: 3px;}
.content_popup a {color: #0066CC;}
.content_popup a:hover {color: #FF0000;}
.content_popup h2 { font-size: 15px; margin: 0; padding: 0; color: #333333;}
.content_popup h1 { font-size: 22px; font-weight: bold; border-bottom: 1px solid #333333; margin: 5px 0 5px 20px; padding:0;  color: #0066CC;}
.popupclose_top a{ display:block; font-weight: bold; width: 25px; height: 25px; padding: 0; background: #FFFFFF url(images/button_close.gif) right 0 no-repeat;}
.popupclose_top a:hover {background: #FFFFFF url(images/button_close.gif) right -25px no-repeat;}
.popupclose a{ display:block; font-weight: bold; width: 40px; height: 21px; padding: 4px 30px 0 0; text-align: right; font-size: 13px;
background: #FFFFFF url(images/button_close.gif) right 0 no-repeat; overflow: hidden;}
.popupclose a { color: #333333;}
.popupclose a:hover {background: #FFFFFF url(images/button_close.gif) right -25px no-repeat;}


/* -- Style TEXT & Post Elements-- */

#topnav { font-size: 16px; font-weight: bold;}
#topnav .topnav_current { color: #FF0000;}

.box{
padding: 6px;
border: 1px solid #999999;
}

.boxcolor0{
padding: 6px;
background-color: #FFF;
border-right: 1px solid #999;
}

#content .subtitle { font-size: 15px; margin: 0; padding: 0; color: #333333;}
#content .subtitle h2 { font-size: 15px; margin: 0; padding: 0; color: #333333;}
#content .subtitle h2 a { color: #924949; font-weight: normal;}
#content .subtitle h2 a:hover { color: #FF0000;}

#content .title { font-size: 30px; font-weight: bold; margin: 10px 0 25px 50px; padding: 0; color: #444444;}

.feature_title { font-size: 24px; font-weight: bold; border-bottom: 1px solid #333333; margin: 0; padding: 0;}
.feature_title_swe { color: #336600;}
.feature_title_act { color: #0066CC;}


.articleinfo_l {
margin:0;
padding: 2px 5px;
width: 400px;
}

.articleinfo_r {
border-left: 1px dotted #666666;
margin:0;
padding: 2px 3px 0 10px;
width: 210px;
}

ul.post-categories { list-style: none; margin: 0 0 0 0px; padding: 0;} 
/* define breadcrumbs in single posts */


.table_db_list td { margin: 0; padding: 0; padding-left: 5px; padding-right: 5px;}
.table_db_bg_header td{ background-color: #333333; color: #FFFFFF; padding-top: 7px; padding-bottom: 7px;}
.table_db_bg_blank {}
.table_db_bg_fill { background-color:#DADEE5;}

.table_db_bg_header td a, .table_db_bg_header td a:visited { color:#FFFFFF;}
.table_db_list .table_db_bg_header a:hover { color: #FFFF00;}


.aligncenter{ text-align: center;}

.ph_catimage_travel IMG { margin-left: 5px; padding: 0;}
.ph_catimage IMG { margin-left: -8px; padding: 0;}
.photo_height_home { height: 286px; overflow: hidden; margin: 0; padding: 0;}
.photo_height_home p { padding: 0 3px 0 0;}
.photo_height_home a IMG { margin: 4px 7px 0px; border: 1px solid #FFFFFF;}
.photo_height_home a:hover IMG { border-color: #FFFFFF;}
.ph_more { color: #999999; font-weight: bold; margin: 0; padding: 15px 0 0; }
.photo_ph ul { margin: 0 9px 0 8px; padding: 0; list-style-type: none;}
.photo_ph ul li { margin: 0; padding: 1px 0; height: 15px; overflow: hidden; font-weight: bold; }
hr.ph_hr { margin: 0; padding: 0; color: #CCCCCC; background-color: #CCCCCC; height: 1px; border: none;}
#photoset .photo_ph {
width: 221px;
height: 420px;
background: #FFFFFF url(images/photobg_ph.gif) no-repeat 0px 102px;
margin: 0 0 20px 8px;
padding: 0px; /* minus width if add padding */
}
.ph_allp { margin: 2px 0 0 8px; font-size: 14px; font-weight: bold; }
.ph_allp a { color:#FF6600;}

.segplugheader { background: #FFFFFF; font-weight: bold; padding: 5px 0 3px;}
.segplugheader_map { background: #FFFFFF; font-weight: bold; padding: 2px 0;}
.segplug_weatherheader  { margin: 5px 0 0;  z-index: 10 ;}
.segplug_weather { width: 267px; height: 230px; position: relative; top: -20px; z-index: 1 ; margin-bottom: 5px;}
.segplug_map { width: 440px; padding-left: 9px;}



/* -- SWE DG -- */
#swedg_banner { background: #FFFFFF url(images/swedg_banner_bg.jpg) 0px 0px no-repeat;
width: 680px; height: 160px;}

.swedg_banner_date { padding: 73px 0 0 80px; font-size: 20px; color: #336600;}
.swedg_banner_countdown { padding: 3px 0 0 80px; font-size: 36px; font-weight: bold; }
.swedg_banner_countdown_no { width: 20px; color: #336600; }
.swedg_banner_countdown_text { color: #F25846; letter-spacing: -0.6px;}

#swedg_list { background: #FFFFFF url(images/swedg_list_bg.jpg) 0px 0px no-repeat;
width: 680px; height: 880px;}
#swedg_list h2 { font-size: 24px; font-weight: bold; color: #333333; padding: 0 0 20px;}

#swedg_list ul { margin: 0; padding: 0; list-style-image:url("/images/swedg_bullet.gif"); list-style-type:square;}
#swedg_list ul li { font-size: 14px; padding: 0 0 3px; margin: 0 16px;}

.swedg_list_1 { text-align: right; padding: 41px 315px 0 0; }
.swedg_list_1b { text-align: right; padding: 18px 0 0 60px; width: 180px; }
.swedg_list_2 { text-align: left; padding: 36px 40px 4px 0; width: 250px; }
.swedg_list_3 { text-align: right; padding: 90px 315px 20px 0;}
.swedg_list_4 { text-align: left; padding: 33px 0 0px 338px; }
.swedg_list_5 { text-align: right; padding: 52px 335px 0 0;}

/* -- SWE DG Menu dropdown -- */
.swedg_menu {width:680px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* remove all the bullets, borders and padding from the default list styling */
.swedg_menu ul {padding:0;margin:0; list-style-type: none;}
.swedg_menu ul ul {padding:0;margin:0; width:136px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.swedg_menu li {float:left;width:136px;position:relative;}
/* style the links for the top level */
.swedg_menu a, .swedg_menu a:visited {display:block;font-size:13px;text-decoration:none; color:#333333; width:130px; height:25px; background:#FFFFFF; padding-left:6px; line-height:26px; font-weight:bold;border-bottom:1px solid #333333;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .swedg_menu a, * html .swedg_menu a:visited {width:136px; w\idth:130px;}

/* style the second level background */
.swedg_menu ul ul a.swedg_menu_drop, .swedg_menu ul ul a.swedg_menu_drop:visited {background:#d4d8bd url(/images/swedg_grey-arrow.gif) no-repeat 0 0;}
/* style the second level hover */
.swedg_menu ul ul a.swedg_menu_drop:hover{background:#c9ba65 url(/images/swedg_blue-arrow.gif) no-repeat 0 0;}
.swedg_menu ul ul :hover > a.swedg_menu_drop {background:#c9ba65 url(/images/swedg_blue-arrow.gif) no-repeat 0 0;}
/* style the third level background */
.swedg_menu ul ul ul a, .swedg_menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.swedg_menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.swedg_menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:136px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .swedg_menu ul ul {top:25px;t\op:26px;}

/* position the third level flyout menu */
.swedg_menu ul ul ul{left:136px; top:-1px; width:136px;}

/* position the third level flyout menu for a left flyout */
.swedg_menu ul ul ul.left {left:-136px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.swedg_menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.swedg_menu ul ul a, .swedg_menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px; width:126px; font-weight:normal;}
/* yet another hack for IE5.5 */
* html .swedg_menu ul ul a, * html .swedg_menu ul ul a:visited {width:138px;w\idth:126px;}

/* style the top level hover */
.swedg_menu a:hover, .swedg_menu ul ul a:hover{color:#000; background:#b7d186;}
.swedg_menu :hover > a, .swedg_menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.swedg_menu ul li:hover ul,
.swedg_menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.swedg_menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.swedg_menu ul :hover ul :hover ul{ visibility:visible;}

.swedg_menu_listlast { text-align: right;}
.swedg_menu ul li, .swedg_menu ul ul li {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}

.related_posts { width: 114px; height: 175px; border-right: 1px solid #999999; padding: 0 8px 14px 7px;}
.related_posts IMG { width: 110px; padding: 2px; border: 1px solid #999999;}
.related_posts a:hover IMG { border: 1px solid #FF0000; background: #CCCCCC;}