/*
Theme Name: Tantan Media 1
Theme URI: http://www.goblogging.net
Description: 3 columns Wordpress theme
Version: 1.0
Author: <a href="http://www.goblogging.net">GoBlogging</a>
Author URI: http://www.goblogging.net

*/
* { margin: 0; }

body
{
	font-family: Arial, Helvetica, Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	background:#FFF; color:#000;
}
a { color: #005EBF; text-decoration:none;}
a:hover { color: #0048FF; text-decoration:underline;}
/*a:visited { color:#800080;}*/
a:visited:hover { color:#3366FF;}
h1 {font:bold 22px Corbel;}
h2 {font:bold 17px Corbel;}
h3 {font:bold 14px arial;}
table {margin:5px 0 5px 0;}
img, img a {border:0;}

#wrap{margin:5px auto; width:990px; max-width:990px; text-align:left; 
background:#FFF url(images/wrap_content.png) repeat-y left top;
}
.wraptop {background:url(images/wrap_top.png) no-repeat left top; height:35px;}
.wrapbottom {background:url(images/bottombar.png) no-repeat left bottom; height:35px;}
.wrapcontent {padding:0 35px;}

#header{margin:0 auto; width:950px; padding:5px 0 5px 0; height:60px; color:#333;} 
#header a{text-decoration:none;} 
#header .logo { float:left; padding:10px 0 0 0;}
#header .logo h1{font:bold 26px arial; margin:0 0 5px 0; padding:0;}
#header .logo h2{font:bold 13px arial, arial; margin:0 0 0 5px; padding:0; color:#555; text-shadow:1px 1px 0px #EEE;}
#header .header { float:right; text-align:right; padding:10px 0 0 0;}

#search { padding:0 0 0 0;}
#search input[type="text"] { color:#333; background:#f5f5f5; border:1px solid #DDD; width:180px; height:18px; margin:0 5px 0 0; padding:3px 0 1px 3px;}

#subscribe {margin:0 0 1px 0; height:24px; width:300px; height:350px; background:url(img/opt-in.jpg) no-repeat left top; line-height:16px;}
#subscribe .subscribe{padding:130px 20px 0 10px;}
#subscribe input[type="text"] { color:#000; background:#f5f5f5; border:1px solid #DDD; height:18px; margin:0 0 3px 0;}
#subscribe input[type="images"], #subscribe input[type="submit"] {margin:;}

.banner_style a img:hover {-moz-box-shadow:0 0 10px 0px rgb(68, 68, 68);}
.fade_style img:hover {opacity:0.80;filter:alpha(opacity=80)}
.no_img_margin img {margin:0;}
.img_margin img {margin:8px;}

#topbar {padding:15px 0 0 0; color:#555; line-height:1.4em; margin:0 0 0 0; }
#topbar .topbar {margin:0 0 0 0; float:left; background:#;}
#topbar .topbar h2 {font:bold 18px Corbel; margin:0 0 5px 0; padding:0 0 2px 0; color:#F0480D; }
#topbar .topbar h2 a {color:#000; }
#topbar .topbar h2 a:hover {color:#0048FF; text-decoration:underline;}
#topbar .topbar ul li a {text-decoration:none; padding:0 3px;}
.feature_slider {font:bold 13px Corbel; line-height:1.8em; color:#000; width:150px; text-align:center; text-transform:uppercase; margin:0 0 0 0; padding:0; border:1px solid #e5e5e5; background:#f5f5f5; border-bottom:0;}

#menu{width:940px; background:url(images/menu.png) no-repeat left top; height:35px; line-height:35px; padding:15px 25px 0 25px ; margin:0 0 1px 0;}
#menu ul{padding:1px 0 0 0; list-style: none;}
#menu ul li{float:left; margin:0 4px 0 0; padding:0 0; }
#menu .left{float:left; padding:0 0 0 0;}
#menu .left ul li a{color:#FFF; text-decoration:none; padding:3px 7px; font:normal 1.2em calibri, arial; text-transform:uppercase;}
#menu .left ul li a:hover{color:#FFF; background:#EE6130 url(images/menu_hover.png) repeat-x left top; 
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#menu ul.menu li.current_page_item a{color:#FFF; background:#EE6130 url(images/menu_hover.png) repeat-x left top; 
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#menu .right {float:right; padding:6px 0 0 0; margin:0;}

#navtop{width:956px; background:#eee; font-size:13px; height:30px; line-height:30px; margin:0 17px; border-bottom:1px solid #DDD;}
#navtop .categories {padding:0 0 0 0; }
#navtop .categories ul {list-style:none; padding:0 0 0 0;}
#navtop .categories ul li{float:left; border-right:1px solid #DDD; margin:7px 0 0 0; line-height:16px;}
#navtop .categories ul li a{margin:0 10px; color:#000; text-decoration:none; text-shadow:1px 2px 0px #fff;}
#navtop .categories ul li a:hover{color:#005ebf;}
#navtop .categories ul li.current-cat a{color:#000; font-weight:bold;}
#navtop .categories ul li.current-cat a:hover{color:#005ebf;}

#navtop .categories li ul li a{padding:0 0; width:120px; display:block; line-height:20px;}
#navtop .categories li ul li a:hover{color:#005ebf;}
#navtop .categories li{position: relative;}
#navtop .categories ul li ul li{position: relative; border-top:1px solid #FFF;}
#navtop .categories ul ul{ position:absolute; background:#EEE; visibility: hidden; line-height:20px; border:1px solid #DDD; border-top:0; margin-left:-1px;}
#navtop .categories ul li:hover ul{ visibility:visible; padding:0 0 0 0;}

#navtop .right {float:right; padding:1px 0 0 0;}
#navtop .right img {margin:0 1px;}

#content{padding:0; width:920px; background:#FFF url(images/content_bg.png) repeat-y right bottom;}
.content_top{background:#FFF url(images/content_top.png) repeat-x left top; height:5px; margin:0 0; display:block;}
.content_bottom{background:#FFF url(images/content_bottom.png) repeat-x left bottom; height:5px; margin:0 0; display:block;}

#post{line-height: 1.5em; float:left; padding:15px 0 15px 0;}
#post{margin:0 0; width:585px;}
.post{ margin:0 0 15px 0;}
.post{ background:#FFF; border-bottom:1px solid #DDD; padding:0;}
.post a{font-weight:bold;}

.h1_class {color:#F0480D; padding:0 0 5px 0; margin:0 0 15px 0; background:#FFF url(images/content_top.png) repeat-x left bottom;}
.post h1 { padding:0 0 10px 0; }
.post h2 {padding:0 0 5px 0; color:#000;}
.post h3 {padding:0 0 10px 0; color:#F0480D;}

#sidebar{width:300px; float:right; font-size:12px; line-height:1.4em; padding:5px 0 0 0; color:#555; 
}
#sidebar p{margin:0 0 5px 0;}
#sidebar a{color:#000; text-decoration:none; padding:1px 0;}
#sidebar a:hover{color:#005EBF; text-decoration:underline;}
#sidebar .box { margin:0 0 15px 0; padding:0px 0;}
#sidebar h2{font:bold 1.2em Corbel; margin:0; padding:0 0 5px 0; color:#F0480D; text-transform:uppercase;}
#sidebar .sidebar-1 ul,#sidebar .sidebar-2 ul{padding:0 0 0 0; }
#sidebar .sidebar-top ul{padding:0; }
#sidebar .sidebar-top ul li{list-style: none; padding-top:2px; padding-bottom:3px; }
#sidebar .sidebar-1 ul li,#sidebar .sidebar-2 ul li{list-style: none; padding:2px 0 3px 0; }
#sidebar ul li ul {padding:2px 0 0 0;}
#sidebar ul li ul li{}
#sidebar ul{border-bottom:1px solid #f5f5f5;}
#sidebar li{border-top:1px solid #f5f5f5;}
#sidebar .sidebar-top{margin:0 0 15px 0; font-size:0.9em;}
#sidebar .sidebar-1{width:150px; float:left; margin:0 5px 10px 0; font-size:0.9em;}
#sidebar .sidebar-2{width:140px; float:right; margin:0 0 10px 5px; font-size:0.9em;}

.read_more {font-size:0.9em; font-weight:bold; float:right; margin:5px 0;}
.read_more:hover {text-decoration:underline;}

.line {border-top:1px solid #DDD; margin:0 0 15px 0; display:block;}
.space {line-height:8px; height:8px; display:block;}
.space5 {line-height:4px; height:4px; display:block;}

.textads {border:1px solid #E6DB55; background:#FFFFEE; margin:0 0 15px 0; padding:6px 10px;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.textads span {background:url(images/arrow_green.png) no-repeat 0 0px; padding:0 0 0 25px; margin:0; line-height:20px; font-weight:bold;}
.textads:hover {-moz-box-shadow:0 0 10px 0px rgb(68, 68, 68);}

.rss_14 {background:url(images/feed_14.png) no-repeat left top; padding:0 0 0 18px;}

.font_normal {text-transform:uppercase; font-weight:normal;}

#related {margin:0 0 15px 0;}
#related ul {margin:0 0 0 0; padding:0px 0 0 0; list-style:none;}
#related ul li { margin:0 0 5px 0; padding:0 0 0 15px; background:url(images/arrow_serong.png) no-repeat 0 5px;}
#related ul li a {color:#000; text-decoration:none;}
#related ul li a:hover {color:#005EBF; text-decoration:underline;}
#related .ad {float:left; width:300px; margin:0 15px 0 0;}
#related .related {float:left; width:270px;}
#related h2,#related h3 {margin:0 0 5px 0;}

#post img{}
#post .commentlist li.alt ol, #post .commentlist li.alt ul
{
	margin: 5px 0 0 0;
	padding: 0;
}
#post .commentlist li.alt li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px dashed #CCC;
}
#post .post blockquote
{
	margin:10px 10px 10px 10px; padding:0 10px 0 50px; 
	background:#FFF url(images/quote.png) no-repeat left top; color:#555;
}

.post .entry
{
	text-align: left;
	padding:0 0 0 0;
	margin-bottom:15px;
}
.post p {padding:0 0 15px 0;}
.post table tr td p {padding:0 0 15px 0;}

.post ul,.post ol {margin:0 0 15px 20px; padding: 0 0 0 0;}
.post ul li{list-style: none; margin-bottom:5px; background:url(images/accept.png) no-repeat 0 1px; padding-left:22px;}
.post ol li{list-style: decimal; margin:0 0 5px 20px;}


#post h2 a,#post h1 a{font-weight:bold; color:#000; text-decoration:none;}
#post h2 a:hover,#post h1 a:hover{color:#0048FF; text-decoration:underline;}
.post .meta {color: #000; font-size:11px; margin:0 0 1px 0;}
.post .meta a{color: #666; padding:0 0; font-weight:normal; text-decoration:none; border-bottom:1px dotted #aaa;}
.post .meta a:hover{color:#0048FF; border-bottom:1px dotted #0048FF; }
.post .meta .posted { float:left; background:url(images/clock.png) no-repeat 0 1px; padding:0 0 10px 18px; line-height:1.4em; color:#666;}
.post .meta .postedin {height:20px; display:block; background:url(images/cat.png) no-repeat 0 1px; padding:0 0 0 20px; line-height:1.4em; text-transform:capitalize;}
.post .meta .tags {display:block; background:url(images/tag_blue.png) no-repeat 0 1px; padding:0 0 10px 20px; line-height:1.4em; margin-top:5px;}
.post .meta .tags a {text-transform:lowercase;}
.post .meta .comments { float: right;}
.post .meta .comments a
{
	background: url(images/comments.png) left no-repeat;
	padding-left: 20px;
	display: block;
	text-decoration: none; border:0;
}
.post .meta .comments a:hover{color:#3366FF;}

.trackback {font-size:11px; background:url(images/trackback.png) no-repeat 0 0px; line-height:16px; padding:1px 0 1px 18px;}
.commentsfeed {font-size:11px; background:url(images/feed_14.png) no-repeat 0 0px; line-height:16px; padding:1px 0 1px 18px;}
.feed {background:url(images/feed_14.png) no-repeat 0 0px; line-height:16px; padding:0 0 0 18px;}
#trackback h3,#trackback h2{font-size:15px; font-weight:normal; text-transform:uppercase; margin-bottom:10px;}

.archives {}
.archives li{float:left; width:140px;}
.tag_cloud {line-height:1.8em; margin:0 0 10px 0; text-transform:lowercase;}
.tag_cloud a {padding:2px 5px; color:#000; text-shadow:1px 1px 0px #FFF;}
.tag_cloud a:hover {background:#CCC; text-decoration:none; 
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 Images */
.alignleft {margin:5px 10px 10px 0;}
.alignright {margin:5px 0 10px 10px;}
.aligncenter {margin-bottom:15px;}

.thumbnail-class { max-height:70px; max-width:100px; 
height: expression(this.height > 70 ? 70: true); width: expression(this.width > 100 ? 100: true);}

#comments, #respond{margin: 0; padding:1em 0 0 0;}
h3#respond {background:url(images/comments_2.png) no-repeat left bottom; padding:0 0 0 38px; line-height:34px;}
#commentform {margin:10px 0; padding:10px; background:#f9f9f9; border:1px solid #ddd;}
.commentnum { font-size:1.5em; font-weight:bold; margin:0 5px 0 0;}

#post .commentlist {margin:5px 0; padding: 0;}
#post .commentlist li.one, #post .commentlist li.alt{list-style:none; margin:0 0 10px 0; padding:8px 10px; 
background:#FFF; border:1px solid #ddd;}
#post .commentlist li.alt {background:#FFF;}
#post .commentlist li.authorcomment {background: #F2F9FF;}
#post .commentlist li.one .cmtinfo, #post .commentlist li.alt .cmtinfo {font-size:1em;}
#post .commentlist li.one cite, #post .commentlist li.alt cite{font-style:normal; font-weight:bold;}
#post .commentlist li.one .cmtinfo em, #post .commentlist li.alt .cmtinfo em 
{
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#888;
}

.comment-avatar {float:left; padding:0; margin:0 10px 0 0;}
img.avatar { border:3px solid #DDD;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input[type="text"] {margin:0 0 5px 0; border:1px solid #DDD;}
textarea {margin:0 0 5px 0; border:1px solid #DDD;}
select {border:1px solid #DDD;}

#bottombar {line-height:1.4em; font-size:; margin:0 auto; margin:0 17px;  width:956px; 
background:#F7F7F7 url(images/content_top.png) repeat-x left top; padding:5px 0 0 0;
}
#bottombar .bottombar {padding:5px 0 0 0; margin:0; float:left; width:290px; border-left:20px solid #F7F7F7; }
#bottombar .bottombar h2 {font:normal 1.4em Corbel; margin:0 0 5px 0; padding:0 0 2px 0; color:#F0480D; text-transform:uppercase; letter-spacing:2px;}
#bottombar .bottombar ul {list-style:none; padding:0;}
#bottombar .bottombar li {float:; list-style:none; padding:0 0 0 15px; margin:0 15px 5px 0; background:url(images/arrow_serong.png) no-repeat 0 5px;}
#bottombar .bottombar ul li a {font-weight:bold;}
#bottombar .bottombar li a {color:#000; text-decoration:none;}
#bottombar .bottombar li a:hover {color:#005EBF; text-decoration:underline;}

#bottombar .list_inline li{list-style:none; padding:0 0 0 15px; margin:0 15px 5px 0; float:left;}
#bottombar ul.list_inline li a{font-weight:normal;}
#bottombar .bottombar ol {list-style:none; padding:0;}
#bottombar .bottombar ol li {float:left; width:72px; list-style:none; padding:0 0 0 0; margin:0 0 10px 0; text-align:center; background:none;}

#footer {margin:0 0 auto; padding:1px 15px 1px 15px; color: #555; 
font: normal 11px arial, Candara, Helvetica, Verdana, Tahoma, Arial, Sans-Serif; }
#footer ul {list-style:none; padding:0; margin:0 0 10px 0;}
#footer ul li {display:inline; padding:0 0 0 0; margin:0 10px;}
#footer ul li a {text-decoration:none; color:#555; padding:0 0;}
#footer ul li a:hover {text-decoration:underline;}
#footer a {text-decoration:none; color:#555;}
#footer a:hover {text-decoration:underline;}
#footer p {margin:0 0 10px 0;}

/*comments thread*/
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #DDDDDD;
	margin: 10px;
	padding:8px 10px;
	background-color: white;
}
.chalt{ background-color: #f5f5f5; }
#newcomment{ border:1px dashed #777;width:90%; padding:6px 10px;}
#newcommentsubmit{ color:blue; }
.adminreplycomment{ border:1px dashed #777; background: #F2F9FF; width:99%; margin:4px; padding:4px; }
.mvccls{color: #999;}
.thdrpy {text-align:right; padding:0; margin:0;}

.thdrpy a{padding:3px 10px; background:#DDD; border:1px solid #CCC; font-weight:bold; color:#000;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.thdrpy a:hover{background:#FFF; text-decoration:none;}

#cancel_reply {font-weight:bold; margin:5px 0; color:#CC0000;}
#cancel_reply a {color:#CC0000;}
/*comments thread*/

/**/
.a2a_dd img {opacity:0.65;filter:alpha(opacity=65)}
.a2a_dd img:hover {opacity:1;filter:alpha(opacity=100)}

.share2 {border-bottom:1px solid #DDD; padding:0 0 10px 0; margin:0 0 15px 0; display:block; font-weight:bold;}
.share2 ul {list-style:none; margin:0; padding:0;}
.share2 ul li{float:left; margin:0 0 0 0; padding:0 8px; border-right:1px solid #DDD; line-height:16px;height:16px; background:none;}
/**/

/*
green light = 4aed05
blue light = 05DFED 00CCFF
orange light = FFA800 ffa43d FF9C00
*/