/**
Theme Name: ClassicMag Red
Author URI: http://wpjunction.com
Theme URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: ClassicMag Theme Premium WP, sliding image, top 5 post on front page
*/

.glidecontentwrapper{
	position:relative; /* Do not change this value */
	width:636px;
	height:260px; /* Set height to be able to contain height of largest content shown */
	overflow:hidden;
	margin:0;
	}

.glidecontentwrapper .featured-post { /*style for each glide content DIV within wrapper.*/
	background-color:#FBFBFB;
	position:absolute; /* Do not change this value */
	width:100%;
	padding:0;
	margin:0;
	/* height:220px; */
	overflow:hidden;
	float:left;
}

.glidecontent .meta { margin-bottom:5px; }

.glidemeta{
	height: 55px;
	width:552px; /* jg lupa lebar image dikurangi padding dari glidemeta */
	padding:10px;
	position:absolute;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
	top:225px; /* jg pake bottom g support di IE6 */
	line-height:14px;
	color: #fff;
	font: 10px/15px Arial, Helvetica, sans-serif;
	overflow: hidden;
	display:none;
}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	padding:0 7px;
}

.glidecontenttoggler a { /*style for every navigational link within toggler */
	background:transparent url('images/featured-nav-bg.gif') no-repeat 0 0;
	display:block;
	height:22px;
	float:left;
	font-size:10px;
	line-height:22px;
	text-transform:uppercase;
	color:#717171;
	padding-left:6px;
	margin-right:5px;
}

.glidecontenttoggler a.selected, .glidecontenttoggler a:hover { /*style for selected page's toggler link. ".selected" class auto generated! */
	color:#9597C2;
}

.glidecontenttoggler a span {
	background:transparent url('images/featured-nav-bg.gif') no-repeat 100% 0;
	display:block;
	height:22px;
	float:left;
	cursor:pointer;
	padding-right:6px;
}

.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.next {
}

.glidecontenttoggler a.prev:hover {
}

.glidecontenttoggler a.next:hover{
}

#togglebox {
	/*margin-bottom:10px;*/
}
.lavaLampNoImage {
	position:relative;
	height:39px;
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
}
.lavaLampNoImage li {
	background:transparent url('images/menu-separator.gif') no-repeat 100% 2px;
	float:left;
	list-style:none;
}

.lavaLampNoImage li.back {
	width:9px;
	z-index:8;
	position:absolute;
	margin:0 !important;
}

.lavaLampNoImage li .left {
	border-bottom:3px solid #000000;
	height:27px;
	margin:auto 10px;
}

.lavaLampNoImage li a {
	font-size:10px;
	line-height:39px;
	text-decoration:none;
	color:#C93E40;
	outline:none;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0;
	z-index:10;
	display:block;
	float:left;
	height:39px;
	position:relative;
	overflow:hidden;
	margin:auto 10px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li.current_page_item a {
	border:none;
	color:#521818;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#mygallery {
	background-color:#4B0A0A;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:935px; /*Width of Carousel Viewer itself*/
height:263px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:6px;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:7px ; /*margin around each panel*/
width:307px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:254px;
}
.stepcarousel .panel p{
text-align:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align:left; /*leave this value alone*/
height:20px;
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
}
.post .meta {
	height:34px;
	padding:4px 6px;
}
#sidebar  #tab-slide {
	border:none;
}

#tab-slide .tabnav {
	background:transparent url('images/widget-bg.gif') repeat-y 0 0;
	margin:0;
	padding:0 5px;
	height:21px;
}

#sidebar ul ul.tabnav  li {
	height:21px;
	float:left;
	font:normal 10px Arial, Verdana;
	border:none;
	margin-right:5px;
	text-transform:uppercase;
}

#sidebar ul ul.tabnav  li.last { margin:0; }

#tab-slide .tabnav  li a {
}

.tabdiv {
	clear:left;
}

.tabdiv li {
}

.ui-tabs-hide {
	display: none;
}

.tabnav-button {
	display:block;
	cursor:pointer;
	height:21px;
	background-color:#9A1C1D;
	background-repeat:no-repeat;
	background-position:0 0;
}

#re-button {
	width:101px;
	background-image:url('images/tab-recent-entries-bg.jpg');
}
#rc-button {
	width:121px;
	background-image:url('images/tab-recent-comments-bg.jpg');
}
#ac-button {
	width:70px;
	background-image:url('images/tab-archieves.jpg');
}


/* ads widget */
#ads-125-125 {
	text-align:center;
	padding:5px 0;
}

.img-adv {
	background-color:#FFFFFF;
	margin:0 10px 10px 0;
	padding:7px;
}

.img-adv.right{ margin-right:0; }

.img-adv.bottom{ margin-bottom:0; }

.img-adv.last{ margin:0; }

/* search widget*/
#sidebar #search  {
	height:45px;
	padding:0;
}

#sidebar #search .widget-top { display:none; }

#sidebar #search .widget-content {
	padding:0;
	width:320px;
}

#searchform {
	padding:6px 6px 0;
	background: transparent url('images/widget-search-form-bg.jpg') no-repeat 0 0;
	width:308px;
	height:39px;
}

#searchform div {
	position:relative;
}

#s, #searchsubmit {
	border:none;
	background-color:transparent;
	position:absolute;
	display: block;
	font:normal 11px 'Trebuchet MS', Tahoma, Verdana;
	color:#FFFFFF;
	text-transform:uppercase;
}

#s {
	left:680px;
	top:190px;
	width:225px;
}

#searchsubmit {
	height:30px;
	width:66px;
	top:0px;
	left:240px;
	color:#FFFFFF;
	padding:0;
	cursor:pointer;
}

#adlinkstopo {
	position:absolute;
	left:0px;
	top:40px;
	width:100%;
	background: white;
}

/* callendar widget */
#wp-calendar {
	empty-cells: show;
	width:100%;
}

#wp-calendar a { color:#1484B4 !important; }

#wp-calendar a:hover { color:#41C5EF !important; }

#wp-calendar th, #wp-calendar td { text-align:center; }

#wp-calendar th { font-weight:bold; }

#wp-calendar #today {
	border:1px solid #D3E7F2;
	background-color:#E6EFF4;
}

#wp-calendar #next { text-align:right !important; }
#wp-calendar #prev { text-align:left !important; }

/* bottom sidebar */
#sidebar #bottom-sidebar .widget {
	border:0 none;
	padding:0;
}

.small-sidebar {
	width:180px;
}

#sidebar-left { float:left; }

#sidebar-right { float:right; }


/* comment and respond */
#comments, #respond h3 {
	font-size:14px;
	color:#5A5285;
	padding-bottom:5px;
}

.commentlist { padding-left:25px;}

.commentlist li {
	margin-bottom:5px;
	list-style:decimal;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right:5px;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	clear:both;
	line-height: 1.5em;
}

#commentform input, #commentform textarea {
	border:1px solid #DDDEEA;
	padding:5px;
}

#commentform p {
	margin-bottom:10px;
}

#commentform #submit {
	background-color:#4F4779;
	color:#FFFFFF;
	border:1px solid #DDDEEA;
}

#commentform textarea { width:568px; }
.clear { clear:both; }

.clearleft { clear:left; }

ul li { list-style:none; }

.entry { line-height:18px; }
.entry a:link { color: #808080; }
.entry a:hover { color: #808080; }
.entry a:visited { color: #808080; }
.entry a:active { color: #808080; }

.entry p { margin-bottom:2em; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight:bold;
	margin:5px 0;
}

blockquote {
	padding-left:30px;
	font-style:italic;
}

.entry ul { padding-left:20px; }

.entry ul li { list-style-type:square; }

.entry ol { padding-left:25px; }

/* Begin Images */
p img {
	padding:0;
	max-width:100%;
}

/*	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) */

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

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright { float:right; }

.alignleft { float:left }
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor:help; }

acronym, abbr { border-bottom:1px dashed #999; }

blockquote {
	margin:10px;
	padding-left:20px;
}

blockquote cite {
	margin:5px 0 0;
	display:block;
}

.center { text-align:center; }

.hidden { display:none; }

hr { display:none; }

a img { border:none; }

.navigation {
	/* display:block;
	text-align:center;
	margin-bottom:60px;*/
	margin-top:10px;
}
/* End Various Tags & Classes*/

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

.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;
}

.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 captions */

body {
	background:#FFFFFF url('./images/background.gif') repeat-x 0 0;
	font:normal 12px Arial, Verdana, Tahoma;
}

a {
	color:#B90000;
	text-decoration:none;
}

a:hover { color:#976868; }


#body-in {
	background:transparent url('./images/body-in.gif') repeat-x 0 100%;
	padding-bottom:40px;
}

#wrapper {
	width:980px;
	margin:0 auto;
}

#page-menu {
	width:710px;
	height:39px;
	float:left;
	overflow:hidden;
}

#rss-wrapper {
	float:left;
	width:270px;
	height:24px;
	padding-top:8px;
}

#subcribe-form {
	background:#787AB3 url('./images/top-search.gif') no-repeat 0 0;
	float:left;
	width:227px;
	height:24px;
	margin-right:5px;
}

#subcribe-form div {
	position:relative;
}

.input-text {
	background:transparent;
	left:6px;
	top:3px;
	width:215px;
	position:relative;
	font:normal 11px 'Trebuchet MS', Tahoma, Verdana;
	color:#EDEDED;
	text-transform:uppercase;
	border:medium none;
}

#rss-icon {
	background:transparent url('./images/all-icons.gif') no-repeat 0 -155px;
	display:block;
	width:24px;
	height:24px;
	float:left;
}

#branding {
	height:75px;
	padding:10px 2px 0;
}

#blog-title {
	font:bold 35px 'Trebuchet MS';
	text-transform:capitalize;
}

#blog-title a { color:#930F0F; }

#blog-title a:hover { color:#C93E40; }

#blog-description {
	font:normal 14px Tahoma;
	color:#C93E40;
	text-transform:uppercase;
}

#cat-left, #cat-center, #cat-right {
	display:block;
	float:left;
	height:38px;
}

#cat-left, #cat-right { width:9px; }

#cat-left {
	background:#9E1314 url('./images/cat-menu-left-bg.gif') no-repeat 100% 0;
}

#cat-right {
	background:#9E1314 url('./images/cat-menu-right-bg.gif') no-repeat 0 0;
}

#cat-center {
	background:#9E1314 url('./images/cat-menu-bg.gif') repeat-x 0 0;
	width:962px;
	overflow:hidden;
}

#cat-center li {
	display:inline;
}

#cat-center li a {
	background:transparent url('./images/cat-menu-separator.gif') no-repeat 100% 1px;
	display:block;
	float:left;
	font:normal 12px Tahoma, Verdana;
	color:#FFFFFF;
	height:38px;
	line-height:38px;
	padding:0 17px 0 15px;
}

#cat-center li a:hover, #cat-center li.current-cat a {
	background:transparent url('./images/cat-menu-hover-bg.gif') no-repeat 100% 1px;
}

/* container */
#container {
	padding-top:12px;
}

/* content */
#content {
	float:left;
	width:638px;
}

#top-container { margin-bottom:17px; }

#featured-posts-wrapper {
	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
	margin-bottom:17px;
}

#featured-posts-wrapper-in {
	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
}

#featured-posts-wrapper-bottom {
	background:#FFFFFF url('./images/featured-bottom-bg.gif') no-repeat 0 0;
	height:6px;
}

#featured-posts .title {
	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#5A5285;
	height:28px;
	line-height:28px;
	padding:0 6px;
	overflow:hidden;
}

.icon {
	background-image:url('./images/all-icons.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right:10px;
	display:block;
	float:left;
}

#featured-posts .featured-post {
	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
}

#featured-posts .meta {
	background:#FBFBFB url('./images/featured-meta-bg.gif') repeat-y 0 0;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#976868;
	text-transform:uppercase;
	padding:7px 7px 5px;
	margin-bottom:5px;
}

#featured-posts .meta a { color:#976868; }

#featured-posts .meta a:hover  { color:#B90000; }

.meta p, .entry { clear:left; }

#featured-posts .date-post { background-position:0 2px; }

#featured-posts .comment-post { background-position:0 -21px; }

#featured-posts .categories-post { background-position:2px -43px }

#featured-posts .entry {
	padding:0 7px;
}

.pagetitle {
	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
	color:#888AC4;
}

.post {
	clear:left;
	margin-bottom:10px;
}

.post .title {
	font:bold 17px 'Arial', Verdana, Trebuchet MS, Tahoma;
	color:#5A5285;
	margin-bottom:0px;
}

.post .meta {
	background:#F7F7F7 url('./images/meta-bg.gif') repeat-x 0 0;
	height:30px;
	padding:3px 3px 8px 6px;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#976868;
/*/	text-transform:uppercase; /*/
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}

.post .meta-left, .post .meta-right {
	position:absolute;
	display:block;
	width:5px;
	height:42px;
	top:0;
}

.post .meta-left {
	background:transparent url('./images/meta-left-bg.gif') no-repeat 0 0;
	left:0;
}

.post .meta-right {
	background:transparent url('./images/meta-right-bg.gif') no-repeat 100% 0;
	right:0;
}

.post .date-post { background-position:0 -63px; }

.post .comment-post { background-position:0 -86px; }

.post .categories-post { background-position:2px -108px }

.post a.more-link {
	background:transparent url('./images/read-more-bg.jpg') no-repeat 0 0;
	display:block;
	width:104px;
	height:24px;
	cursor:pointer;
}

.akpc_pop { clear:left; }

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 0 0 !important;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 6px !important;
	margin:0 5px 0 0 !important;
	border:none !important;
	color:#717171 !important;
}

.wp-pagenavi span.inner {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 100% 0 !important;
	display:block;
	float:left;
	font-size:10px;
	height:22px;
	line-height:22px;
	padding-left:0 !important;
	padding-right:6px;
	text-transform:uppercase;
}

.wp-pagenavi a { color:#9597C2 !important; }

.wp-pagenavi a:hover { color:#717171 !important; }

#post-nav {
	margin-bottom:60px;
}

/* sidebar */
#sidebar {
	float:left;
	width:320px;
	padding-left:10px;
}

#primary .widget, #secondary {
	background:#FFFFFF url('./images/widget-bottom-bg.gif') no-repeat 0 100%;
	padding-bottom:6px;
	margin-bottom:10px;
}

.widget-top {
	background:transparent url('./images/widget-top-bg.gif') no-repeat 0 100%;
	height:6px;
}

.widget-title {
	background:transparent url('./images/widget-title.gif') repeat-x 0 100%;
	font:normal 16px Tahoma, Verdana;
	color:#981A22;
	padding-bottom:5px;
	margin-bottom:3px;
}

#primary .widget-content {
	background:transparent url('./images/widget-bg.gif') repeat-y 0 0;
	padding:0 5px;
	width:310px;
}

.widget-content a { color:#7B7B7B; }

.widget-content li {
	background:transparent url('./images/widget-li-bg.gif') no-repeat 0 100%;
	padding-left:30px;
	height:29px;
	line-height:29px;
	overflow:hidden;
}

.widget-content li.hover {
	background:transparent url('./images/widget-hover-bg.gif') no-repeat 0 100%;
}

.widget-content li li {
	border:none;
	padding-bottom:0;
}

#secondary { margin-bottom:60px; }

#secondary-in {
	background:#FFFFFF url('./images/widget-bg.gif') repeat-y 0 0;
	width:310px;
	padding:0 5px;
}

#secondary-in .widget {
	padding-bottom:10px;
}

#secondary-in .widget-title {
	background:none;
	border-bottom:1px solid #D1D1D1;
}

.widget-bottom {
	background:#FFFFFF url('./images/widget-bottom-bg.gif') no-repeat 0 0;
	height:6px;
}

/* footer */
#footer {
	position:relative;
	background:#9D1314 url('./images/footer-bg.gif') repeat-x 0 0;
	padding:0 12px;
	font-size:10px;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	text-transform:uppercase;
	overflow:hidden;
}
#footer a:link {color: #FFFFCC;}
#footer a:hover {color: #FFFFCC;}
#footer a:visited {color: #FFFFCC;}
#footer a:active {color: #FFFFCC;}

#footer-left, #footer-right {
	display:block;
	position:absolute;
	height:40px;
	width:10px;
	top:0;
}

#footer-left {
	background:#9D1314 url('./images/footer-left-bg.gif') repeat-x 0 0;
	left:0;
}

#footer-right {
	background:#9D1314 url('./images/footer-right-bg.gif') repeat-x 100% 0;
	right:0;
}