/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- All front-end CSS goes here -- */

h1 {
	font-size: 36px;
	font-weight:normal;
	color:#004276;
	line-height: 36px;
	margin: 0 0px 15px;
	padding: 0px;
}
h1 a { color:#666666; }
h1:hover a { color:#666666; text-decoration: none; }

h2.like_h1 {
	font-size: 15px;
	font-weight:bold;
	color:#004276;
	line-height: 22px;
	margin: 0 0 10px;
	padding: 5px 10px;
}
h2.like_h1 a { color:#004276; }
h2.like_h1:hover a { color:#666666; text-decoration: none; }

.wrapper { width: 940px; display: block; text-align: left; margin: auto; float: none; }
.login_wrapper { width: 340px; display: block; text-align: left; margin: auto; float: none; }
.login_wrapper form { border: 2px solid #004276; padding: 20px; background-color: #FFCC33; float: left; }

.header { width: 940px; padding: 5px 0; border-bottom: 1px solid #bebebe; color: #7b7b7b;  float: left; }
.header .fl { padding-top: 5px; float: left; }
.header .fl a { margin: 0 3px; }
.header .fl a.rss { margin-left: 15px; padding-left: 18px; background: url(../ui_assets/rss.gif) no-repeat center left; }

.top_location { width: 940px; padding: 5px 0 15px; float: left; }
.top_location img.logo { margin-top: 10px; float: left; }
.top_location .banner_spot { float: right; }

.navigation { width: 940px; float: left; }
.navigation li { list-style-type: none; float: left; margin: 0px; padding: 0px; }
.navigation li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
}
* html .navigation li a { margin-right: 5px; }
* html .navigation li a:hover { text-decoration: none; }
.navigation li a span { display: block; float: left; height: 30px; margin-left: 5px; padding: 0 5px 0 2px; }
* html .navigation li a span { margin-left: 3px; }
 .navigation li a span sup { color:#FF0000; font-size:8px; margin-left:-10px; margin-top:3px; position:absolute; }
 .navigation li a.active span sup { visibility: hidden; }
 .navigation li a:hover span sup { visibility: hidden; }

.navigation li a:hover { background: url(../ui_assets/navigation_hover.gif) no-repeat top left; color: #fff; }
.navigation li a:hover span { background: url(../ui_assets/navigation_hover.gif) no-repeat top right; }

.navigation li a.active { background: url(../ui_assets/navigation_active.gif) no-repeat top left; color: #fff; }
.navigation li a.active span { background: url(../ui_assets/navigation_active.gif) no-repeat top right; }

.sub_navigation { float: left; width: 935px; height: 17px; padding: 20px 5px 0 0; border-bottom: 1px solid #dfdfdf; }
.sub_navigation a { margin-left: 5px; }
.sub_navigation span.bull { padding-left: 5px; }

.sub_navigation form {
	float: left;
	margin: -9px 0 0;
	padding: 0;
}
.sub_navigation form .form_text {
	padding: 2px;
}

.center { width: 940px; margin-top: 10px; background: url(../ui_assets/bg_center.gif) repeat-y top left; float: left; }
.center a { color:#004276; }

.center-image { text-align: center; }

p.category_p{
	background-color: #E1E1E1;
	padding-left: 5px;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
	border-top: 3px;
	border-top-color: #FF6600;
	border-top-style: solid;
	min-height: 29px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
p.category_p a { text-decoration: none; color: #FF6600; }

.double { width: 460px; float: left; }

table.contact_table { width: 100%; margin: 15px 0; }
table.contact_table td { padding: 5px; border-bottom: 1px dotted #ccc; }
table.contact_table td span { color: #999; }
table.contact_table td.more2 { background-color: #D1DFEF; color: #fff; font-size: 14px; font-weight: bold; border: none; }

.footer { float: left; width: 940px; margin: 10px 0; padding: 7px 0;  border-top: 6px solid #bebebe; color: #9F9F9F; font-size: 12px; }
.footer div { float: left; padding: 2px 0; }
.footer div div { padding: 0px; }
.footer div div.fl { float: left; padding: 0px; }
.footer div div.fr { float: right; padding: 0px; }
.footer a { margin-right: 5px; }

.content { float: left; width: 490px; }
.content p.mini_list { margin-bottom: 30px; font-size: 10px;  display: block; width: 420px; padding: 0px; }
.content p.push_bottom { margin-bottom: 10px; }

.add_this { width: 420px; padding: 10px 0; float: none; }

.addthis_toolbox.addthis_pill_combo a {float: left;}
.addthis_button_compact .at15t_compact {float: left;}   

.post_comment { float: left; width: 420px; margin-top: 5px; padding-top: 10px; border-top: 1px dotted #ccc; }
.post_comment textarea { width: 410px; height: 75px; padding: 5px; margin-bottom: 10px; font-family: arial; font-size: 12px; border: 1px solid #ccc; }

.comments { float: left; width: 420px; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #ccc; }
.comment { float: left; width: 400px; padding: 10px; margin-bottom: 5px; background-color: #EFF6FF; }

.columnist {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.columnist img {
	float: left;
	margin: 0 10px 10px 0;
}

.article p { line-height: 20px; margin-bottom: 10px; padding: 0px; }

a.medium_title { font-size: 14px; font-weight:bold; margin: 0; display: block; }
a.medium_title:hover { color:#497ea8; text-decoration: none; }
a.medium_title + p { padding-bottom: 5px; display: block; width: 420px; }

a.medium_title_x { font-size: 14px; font-weight:bold; margin: 0; padding: 0px 0 10px; color:#004276; }
a.medium_title_x:hover { text-decoration: none; color: #FF6633; }

.dramatic { padding-bottom: 5px; margin-bottom: 10px; background-color:#F6F6F6; float: none; }
.dramatic h1 { padding: 0px 10px 5px; margin: 0px; }
.dramatic p { padding: 0 10px 0px; line-height: normal; }
.dramatic p.tr { padding: 0px 5px; text-align: right; }

.paging { float: left; width: 420px; padding: 20px 0; text-align: center; margin-top: 10px; border-top: 1px dotted #ccc; }
.paging a { border: 1px solid #3189b9; padding: 3px 7px; margin: 0px 4px 4px 0; display: inline-block; }
.paging a.active { border: 1px solid #3189b9; background-color: #3189b9; color: #fff; }
.paging a.active:hover { text-decoration: none; }

.sidebar { float: left; width: 300px; padding: 0 15px; }

.mid_banner { margin-bottom: 10px; text-align: center; }

h3.mt { font-size: 13px; font-weight:bold; margin: 0; padding: 0px 0 10px; color:#004276; }
h3.mt a:hover { text-decoration: none; color: #FF6633; }

.latest { padding: 5px 0px 0; margin-bottom: 20px; border-top:5px solid #D3D3D3; background:#EFF5FF; }
.latest h2 { font-size: 13px; color: #9F9F9F; padding: 0px 10px 5px; margin: 0px; }
.latest ul { margin: 0px; padding: 0px; }
.latest li { margin: 0px; list-style-type: none; height: auto; }
.latest li a { text-decoration: none; display: block; padding: 5px 10px; }
.latest li a:hover { background-color: #D1D6DF; }

.magazine {
	float: left;
	width: 120px;
}
.div_subscribe { float: left; width: 140px; padding: 10px; margin: 10px 0; background:#EFF5FF; }
.div_subscribe h3 { font-weight: normal; margin: 0px 0 5px; padding: 0px; font-size: 12px; color: #4F4F4F; }
.div_subscribe input.text { width: 140px; padding: 3px 0; color: #9F9F9F; }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */