/*
Theme Name: Selebzone Magz V2
Theme URI: http://www.selebzone.com/
Description: This is Private Themes of Selebzone Base on Guzel
Version: 1.0a
Author: Arif Nofiyanto
Author URI: http://coratcoret.com
*/

/*Lets use old resource */
#container { width: 960px; margin-right: auto; margin-left: auto; text-align: left; background: #e1f3f8; padding: 10px 5px 10px 5px; border-left: 1px solid #7bd1eb; border-right: 1px solid #7bd1eb; }
.container { background: #fff; border: 1px solid #7bd1eb; }
/* My Fav Align system */
.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }

/* Google CSE*/
#cse-search-box { margin-top: 5px; margin-right: 5px; }

/* Top Wrapper */
#top { height: 34px; /*background: url(images/top.gif) repeat-x;*/ background: #FFFFFF; border-top: 1px solid #7bd1eb; border-bottom: 1px solid #7bd1eb; }
#topleft { float: left; /*background: url(images/topx.gif) left no-repeat;*/ height: 34px; padding-left: 0px; }
#topright { height: 34px; }
#header { background: #fff; border-bottom: 1px solid #7bd1eb; }
#header img {
	margin-top: 5px;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	white-space: normal;
}

/*drop Menu*/
#menu { background: #B9E4EE; padding: 0; margin: 0; border-bottom: 1px solid #7bd1eb; }
#dropmenu, #dropmenu ul {margin:5px; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background: transparent; font-weight:bold;} 
#dropmenu a {display:block; padding:0.2em 0.5em; color: #1E90FF;/* border-right: 1px solid #81ABCE;*/ text-decoration:none; background: transparent url(images/border.gif) no-repeat right;} 
#dropmenu a:hover {background: #778899; color:#fff;} 
#dropmenu li {float:left; position:relative;list-style:none;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.4em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left; background: #fff;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 
#dropmenu li.current-cat a { color: #D26146; }
#tanggalan { background: #fff; height: 25px; border-bottom: 1px solid #7bd1eb; }
.nav-date { margin-top: 5px; margin-left: 20px; }

ul#syndicate { bottom: -1px; overflow: hidden; list-style-type: none; margin-left: 75px; }
ul#syndicate li { float: right; margin-right: 5px; list-style: none; }
li#rss-subscribe a { display: block; margin-right: 5px; padding-top: 5px; color: #f16317; text-transform: uppercase; padding-left: 17px; list-style: none; background: transparent url(images/icons.png) no-repeat 0 5px; text-decoration: none; }
li#rss-subscribe a:hover { color: #FFB426; text-decoration: underline; }
li#email-subscribe a { display: block; padding-top: 5px; color: #f16317; text-transform: uppercase; padding-left: 17px; list-style: none; background: transparent url(images/email.png) no-repeat left; text-decoration: none; }
li#email-subscribe a:hover { color: #FFB426; text-decoration: underline; }
li#twitter a { display: block; padding-top: 1px; color: #f16317; text-transform: uppercase; padding-left: 10px; list-style: none; background: transparent none no-repeat left; text-decoration: none; }
li#twitter a:hover { color: #FFB426; text-decoration: underline; }
li#fesbuk a { display: block; padding-top: 1px; color: #f16317; text-transform: uppercase; padding-left: 2px; list-style: none; background: transparent none no-repeat left; text-decoration: none; }
li#fesbuk a:hover { color: #FFB426; text-decoration: underline; }

/* Feature Control */
#featured { width: 950px; background: #FFF url(images/bg.gif) repeat-y; border-bottom: 4px solid #66ccff; }
#featuredleft { float: left; width: 580px; /*	background: url(images/lround.gif) no-repeat top left;*//*	background: url(images/lround.gif) no-repeat top left;*/ }
#featuredright { float: left; width: 370px; /*	background: url(images/rround.gif) no-repeat top right;*//*	background: url(images/rround.gif) no-repeat top right;*/ }

/* Featured Posts CSS*/
.featuredposts { width: 600px; }
.featuredposts li { float: left; display: inline; text-align: center; border-right: 1px solid #eee; }
.featuredposts li a { float: left; display: block; padding-left: 20px; padding-right: 20px; line-height: 38px; height: 38px; font-size: 1em; font-weight: bold; color: #545454; text-decoration: none; }
.featuredposts li a:hover { background: url(images/tabmover.gif) no-repeat top center; color: #ff9000; }
.featuredposts li a.selected { background: url(images/tabselector.gif) no-repeat top center; color: #ff9000; }
.featuredposts li a.selected:hover { background: url(images/tabselector.gif) no-repeat top center; color: #545454; }
.featuredposts_content { display: none; border-top: 1px solid #eee; padding: 15px; width: 570px; }

@media print {
	.featuredposts_content {
	display: block !important;
	}
}
.featuredposts_content .thumb img { float: left; display: inline; margin-right: 15px; border: 3px solid #dcdcdc; }
.featuredposts_content .post { display: inline; }
.featuredposts_content .post h1 a { font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #FF3300; text-decoration: none; }
.featuredposts_content .post h1 a:hover { color: #993300; text-decoration: underline;}
.featuredposts_content .post .time { font-size: 1em; line-height: 2em; }
.featuredposts_content .post .entry { padding-top: 5px; border-bottom: 1px solid #ddd; }
.featuredposts_content .post .entry p { margin: 0px 0px 7px 0px; font-size: 1em; line-height: 1.4em; text-align: justify; }
.featuredposts_content .post .endpost { padding-top: 5px; }
.featuredposts_content .post .cat a { float: left; display: block; padding: 5px; background: #cccc33; text-transform: uppercase; font-size: 1em; color: #FFF; font-weight: bold; line-height: 1.1em; }
.featuredposts_content .post .cat a:hover { background: #ff9000; }
.extra { float: right; }
.extra li { display: inline; float: left; margin-left: 10px; }
.extra li a { font-size: 0.85em; font-weight: bold; }
.extra li.comments a { background: url(images/comments.gif) no-repeat; background-position: right center; padding-right: 20px; padding-left: 10px; border-left: 1px solid #bbb; color: #ff9000; }
.extra li.comments a:hover { text-decoration: underline; }
/* Featured Tabs CSS*/
.featuredtabs { width: 380px; }
.featuredtabs li { float: left; display: inline; text-align: center; border-right: 1px solid #eee; }
.featuredtabs_content ul li { list-style: url(images/li.png); margin-left: 10px; }
.featuredtabs li a { float: left; display: block; padding-left: 20px; padding-right: 20px; line-height: 38px; height: 38px; font-size: 1em; font-weight: bold; color: #aaa; text-decoration: none; }
.featuredtabs li a:hover { background: url(images/tabmover.gif) no-repeat top center; color: #ff9000; }
.featuredtabs li a.selected { background: url(images/tabselector.gif) no-repeat top center; color: #3259d8; }
.featuredtabs li a.selected:hover { background: url(images/tabselector.gif) no-repeat top center; color: #3259d8; }
.featuredtabs_content { display: none; border-top: 1px solid #eee; padding: 15px; width: 350px; }

@media print {

	.featuredtabs_content {
	display: block !important;
	}
}
.featuredtabs_content ul { }
.featuredtabs_content ul li { border-bottom: 1px dotted #ccc; margin-bottom: 4px; padding-bottom: 4px; font-size: 0.8em; line-height: 1.4em; color: #999; }
.featuredtabs_content ul li a { font-size: 1em; line-height: 1.4em; }
.featuredtabs_content ul li span { display: block; }
.featuredtabs_content ul li span a { color: #333; }
.featuredtabs_content ul li span a:hover { color: #ff9000; }

#tags { padding-left: 40px; padding-right: 20px; }
#tags a { text-decoration: none; }
#recent ul li a, #popular ul li a, #comments ul li a{ font-size: 12px; text-decoration: none; }


/* Front story styling*/
#content { padding: 5px; }
#content-single { padding: 20px; }
.post-box { padding: 2px; margin-top: 0; }
.post-box-side { padding-right: 10px; margin-top: 0; margin-bottom: 10px!important; }
.side-entry {
	 padding-right: 10px;
}
h1.featured-title {
	font-size: 20px;
	line-height: 22px;
}
h2.page-title { border-bottom: 1px solid #666; font-size: 18px; font-weight: bold; margin-top: 0; margin-right: 5px; }
h2.cat-title { border-bottom: 1px solid #666; font-size: 12px; font-weight: bold; margin-top: 0; margin-right: 5px; }
h2.single-title { color: #004F9B;font-size: 20px; font-weight: bold; }
h3.post-title a { text-decoration: none; font-size: 14px; font-weight: bold; }
h3.post-title a:hover {
	text-decoration: underline;
}
/*entry*/
.entry, .left-entry, .right-entry {
	padding: 5px;
}
.entry p {
	text-align: justify;
}
.post-metadata { border: 1px solid #DCDCDC; color: #121212; font-size: 12px; margin: 30px 20px; padding: 10px; }
p.previous-post-link { float: left; margin-top: 10px; }
p.next-post-link { float: right; margin-top: 10px; }
.post-metadata a:link, .post-metadata a:visited, .post-metadata a:active,
.recent-post a:link, .recent-post a:visited, .recent-post a:active,
.post-info a:link, .post-info a:active, .post-info a:visited, .entry a:link, .entry  a:visited, .entry  a:active { color: #333; padding: 5px 0 5px 0; text-decoration: none; font-weight: bold; }
.post-info a:hover, .post-metadata a:hover,.recent-post a:hover,
.entry a:hover {
	color: #F7610A;
	padding: 5px 0 5px 0;
	text-decoration: underline;	
	font-weight: bold;
}
.time {
	font-size:11px;
}
ul.more-stories {
	border-top: 1px solid #66ccff;
	list-style: none;
	padding-top: 5px;
}
ul.more-stories li {
	list-style: url(images/li-2.png);
}
/*Sidebar*/
.sidebar-left {
	float: left;
	padding: 0 10px 10px 0;
}
#sidebar {
	
}
#sidebar ul li {
	list-style: url(images/li.png);
	border-bottom: 1px dashed #ccc;	
}
#sidebar a {
	text-decoration: none;
}
h3.sidebar-title {
	background: #b9e4ee;
	color: #00008B;
	font-size: 14px;
	width: 285px;
	padding: 5px;
}
h3.sidebar-title-4 {
	color: #00008B;
	font-size: 14px;
	padding: 5px;
}
/*Footer*/
#footer { width: 950px; /*margin-bottom: 30px;*/ line-height: 1.8em; background: #fff; margin-top: 25px; margin-bottom: 25px; border-top: 4px solid #66ccff; }
#menufooter2{ color: #003366; list-style: none; font-size: 0.85em; text-align: center; margin-top: 15px; }
#menufooter ul{ color: #000000; margin: 0px; display: inline; list-style: none; }
#menufooter li{ margin: 0px 5px; display: inline; list-style: none; }
#menufooter li a:link{ color: #003399; }
#menufooter li a:hover{ color: #006699; }
#footer a:hover { color: #3259d8; text-decoration: underline; }
#required { font-size: 0.85em; color: #003366; text-align: center; }
#copyright { margin-right: 10px; font-size: 0.85em; color: #003366; text-align: center; }

/* image aligning */
.aligncenter { display: block; overflow: hidden; text-align: center; margin: 0 auto 0 auto; }
.alignleft { float: left; display: inline; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
.alignright { float: right; display: inline; overflow: hidden; margin-left: 10px; margin-bottom: 10px; }
.alignnone { display: block; overflow: hidden; margin-bottom: 10px; }
p.wp-caption-text { padding: 5px; font-size: 0.85em; color: #999; }


.recent_thumb img { float: right; display: inline; width: 75px; height: 75px; margin-left: 10px; padding: 2px; border: 1px solid #666; }
.top_thumb img { float: left; display: inline; width: 75px; height: 75px; margin-right: 10px; padding: 2px; border: 1px solid #666;  }