/*
Theme Name: Garuda Media Coorp
Theme URI: http://garudamedia.co.id/
Description: This template for Garuda Media Company
Version: 1.0
Author: Denk Wibowo
Tags: two columns, widgets

Default WordPress, CSS Ninja by Denk Wibowo || http://atharasicreative.org

*/

@import "lib/compressed.css";
/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:100%;font-size: 12px;
    background: #5E7388 url(images/background.jpg) top center no-repeat;
	color: #000;
    font-family:Arial, sans-serif, Verdana;
    letter-spacing: 1;line-height: 1.8em;
	}

/* Structure */
/* Misc */
a img{
  border: 0;
}
.highlight {color: #222;font-weight: bold;}
.cleared {margin: 0;padding: 0;clear: both;}
.alignleft {float: left;margin: 5px 10px 5px 0;}
.alignright {float: right;margin: 5px 0 5px 10px;}
.aligncenter,div.aligncenter {margin: 10px auto;text-align: center;display: block;}
img.alignleft {float: left;margin: 5px 10px 5px 0;}
img.alignright {float: right;margin: 5px 0 5px 10px;}
img.aligncenter {margin: 10px auto;text-align: center;display: block;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;
  /* 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: none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}

.logo{ width:276px;height:84px;margin-top:10px;}
.logo a img{ border:none;}

ul.top-menu { list-style:none; margin:auto; }
ul.top-menu li { display: inline; margin: 0 10px; font-size: 14px; font-weight: bold; }
ul.top-menu li a{ text-decoration: none; color: #00CCFF; }
ul.top-menu li a:hover{ text-decoration: none; color: #FFFFFF; }

.textfield{ font-size:18px; background:url(images/textfield.png) no-repeat; width:278px; height:37px; color:#666666; border: none; padding: 7px 10px 2px 40px }
.submit{ font-size:18px;margin-left:15px; background:url(images/submit01.png) no-repeat;width:132px;height:37px;font-weight:bold;font-style:italic;border: none;}

.content-left{float: left; background: transparent url(images/content_left.png) no-repeat left top; width: 10px; height: 5px;}
.content-right{float: left; background: transparent url(images/content_right.png) no-repeat right top; width: 10px; height: 5px;}
.content-center{float: left; background: transparent url(images/content_center.png) repeat-x top; width: 984px;_width: 994px;height: 5px;}

.content-bottom-left{float: left; background: transparent url(images/content_bottom_left.png) no-repeat left top; width: 10px; height: 5px;}
.content-bottom-right{float: left; background: transparent url(images/content_bottom_right.png) no-repeat right top; width: 10px; height: 5px;}
.content-bottom-center{float: left; background: transparent url(images/content_bottom_center.png) repeat-x top; width: 984px;_width: 995px;height: 5px;}

.content{float: left; background: #1A1F26 url(images/content.png) repeat-x left top; _margin-top: -10px;_margin-left: -23px;_padding-left: 15px;}
.headline{ background: #D7CEBF url(images/top-posting.jpg) repeat-x; padding: 15px; }

.posting{ background: #FFF url(images/content_02.png) repeat-x; padding: 15px; }
.post{ padding: 15px; border-top: 1px solid #D7CEBF; }
.post p{ 	/*margin:10px 20px 5px 20px;*/
	line-height:1.7em;
 }

.thumb {float: left; margin-right: 15px; border: 5px solid #ccc;}
/*.desc { line-height: 1.4em; letter-spacing: -.5px;}
.desc p { font-size: 14px; */}
.desc .author { padding: 5px 0; }
.desc .title-post { padding: 5px 0; text-decoration: none, color:#FF9900; font-size: 18px; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; line-height: normal;  }


.desc .title-post h2 {color: #DC7420; #font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;font-size: 1em;font-weight:normal;line-height:1em; }



.desc ul, ol, dl { margin-bottom: 20px; }
.desc ul {
	list-style: disc;
	list-style-position: inside;
}
.desc ul li{
	list-style: disc;
	list-style-position: inside;
    margin-left: 20px;
}
.desc ol {
	list-style: decimal;
	list-style-position: inside;
}
.desc dl dt {
	font-weight: bold;
}
.desc dl dd {
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}
.desc a { color: #000; text-decoration: none;}

.desc a:hover { color: #67340b text-decoration: none;}


.login { background: #FBE7AA url(images/top-login.jpg) repeat-x; padding: 15px; font-size: 14px; }
.login .box-input { background: #21262C url(images/login.jpg) repeat-x; color: #FFF; padding: 15px; }
.login .box-input .submit{ background:url(images/submitkanan.png) no-repeat;float: right; width:71px;height:20px; font-size: 14px; font-style: normal; font-weight: normal; }
.login .box-input .title{ font-size: 18px; font-style: normal; font-weight: bold;padding: 5px 0; }


.link{ background: #F8C300; float:left;}
.link ul{ padding-left:0px;list-style:none;margin:0px;}
.link li{ float:left;padding-left:10px;padding:10px;/*border-right-color:#FFFFFF;border-right-style:solid;border-right-width:1px;*/}

.bottom-posting { background: #FFF url(images/bottom-posting.jpg) bottom center no-repeat; height: 35px;}
.bottom-arsip { background: #FFF url(images/bottom-arsip.jpg) bottom center no-repeat; height: 35px;}


#footer {padding :10px 0;font-size:12px;font-weight:bold;color:#999999; text-decoration: none}
#footer a{text-decoration: none; color:#999999}
.footer-link {text-align: right;padding :10px 0; color:#999;}
.footer-link a{text-decoration: none; font-size:11px;color:#999999;}


#contentD .left{float:left;width:11px;height:249px;background:url(images/content_d_left.png);}
#contentD .isi{float:left;width:943px;height:249px;background:url(images/content_d.png) repeat-x;}
#contentD .right{float:left;width:11px;height:249px;background:url(images/content_d_right.png);}

#contentC .left{float:left;width:11px;height:249px;background:url(images/content_c_left.png);}
#contentC .isi{float:left;width:943px;height:249px;background:url(images/content_c.png) repeat-x;}
#contentC .right{float:left;width:11px;height:249px;background:url(images/content_c_right.png);}

.adv-cd{background: #FFF url(images/content_04.png) repeat-x; padding: 10px;}
.title-side{color:#666; border-bottom: dotted 1px #000; font-size: 14px; font-weight: bold; margin: 10px 0;}
.adv-cd img{margin: 5px; border: 0;}

.adv-cd ul {
	margin-left: 10px;_margin-left: -30px;

	height: 20px;
}
.adv-cd ul li {
	float: left;

	padding-left: 7px;
    margin: 10px;
}

.adv-cd ul li a {

	text-decoration: none;
	color: #333;
	line-height: normal;
	padding: 0 15px 0 8px; _padding:0;
}
.adv-cd ul li a:hover { color: #555; text-decoration: underline;background-color: #D9D9D8;  }

.new-tut{background: #D7CEBF url(images/content_05.png) repeat-x; padding: 10px;}
.new-tut a{color: #333;line-height: normal;text-decoration: none;}
.new-tut a:hover{text-decoration: underline;color: #D7CEBF;line-height: normal;background-color: #FFF;}

.arsip{background: #FFF url(images/content_05.png) repeat-x; padding: 10px;}

.boxs { margin:20px 40px; min-height: 200px;}
.boxs p { text-align: center;padding:20px 10px; }

.bor-right{ border-right: 2px solid #999; }
.bor-left{ border-left: 2px solid #999; }

.post-info {
	clear: both;
	font-size: 11px;
	color: #777;
	padding: 3px 5px 5px 5px;
	margin-bottom: 20px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #eee;
}

#menuatas{clear:both;width:1024px;margin:auto;margin-top:40px;}

#menuatas ul{
margin:auto;
list-style:none;
background-repeat:repeat-x;
}

#menuatas li{
float:left;
margin-left:10px;
}

#menuatas .left{
float:left;
width:13px;
height:61px;
background:url(images/menuatas_left.png);
}

#menuatas .isi{
float:left;
background:url(images/menuatas.png);
background-repeat:repeat-x;
height:44px;
padding-top:7px;
padding-bottom:10px;
}

#menuatas .isi .text{
float:left;
width:120px;
text-align:left;
font-size:16px;
font-weight:bolder;
color:#FFFFFF;
}

#menuatas .isi .gambar{
float:left;
height:41px;
padding-left:15px;
}

#menuatas .right{
float:left;
width:13px;
height:61px;
background:url(images/menuatas_right.png);
}


/* Comments */

ol.thecomments {
	list-style:none;
	margin:20px;
	padding:0px;

}
ol.thecomments li {
	position:relative;
	margin-bottom:20px;
	padding:25px 20px 20px 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.comment {
	background:#e6e6e6;
	border:1px solid #ddd;
}
.comment.alt {
	background:#e8eef5;
	border:1px solid #cfdae5;
}

ol.thecomments li.comment .gravatar {
	position:absolute;
	left:20px;
	top:20px;
	border:5px #ccc solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
ol.thecomments li.comment .reply {
	position:absolute;
	right:20px;
	top:25px;
	display:block;
}
ol.thecomments li.comment .reply a {
	background:#ccc;
	padding:5px 20px;
	color:#333;
	display:block;
/*	font-size:.75em; */
	text-decoration:none;
	font-weight:bold;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
ol.thecomments li.comment .reply a:hover {
	background:#888;
	color:#fff;
}
ol.thecomments li.comment.alt .reply a {
	background:#c7d7e7;
	padding:5px 20px;
	color:#2f4458;
	font-size:.75em;
	text-decoration:none;
	font-weight:bold;
	display:block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
ol.thecomments li.comment.alt .reply a:hover {
	background:#7791aa;
	color:#fff;
}
ol.thecomments li cite {
	font-weight:bold;
	margin-left:60px;
}
ol.thecomments li cite a {
	color:#326a9a;
	text-decoration:none;
	font-style:normal;
}
ol.thecomments li cite a:hover, ol.thecomments li .date a:hover {
	color:#000;
}
ol.thecomments li .date {
	display:block;
	font-size:.75em;
	margin-top:5px;
	margin-left:60px;
}
ol.thecomments li .date a {
	color:#777;
	text-decoration:none;
}
ol.thecomments li p {
	margin:20px 0px 0px 0px;
	/*font-size:.8em;*/
	line-height:1.7em;
	color:#333;
}
li.comment a {
	color:#326a9a;
}
li.comment a:hover {
	color:#000;
}
li.comment ul.children {
	list-style:none;
	margin:15px 0px -20px 0px;
	padding:0px;
}
ol.thecomments li.comment ul.children li {
	background:#d9d9d9;
	margin-top:7px;
	border:1px solid #ccc;
	margin-bottom:7px;
}
.commentnavigation {
	margin:20px 20px;
	display:block;
	line-height:40px;
}
.commentnavigation a {
	color:#fff;
	background:#2f4458;
	padding:7px 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.75em;
	text-decoration:none;
	font-weight:bold;
}
.commentnavigation a:hover {
	background:#333;
}
h3#reply {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #aaa;
	margin:20px ;
	font-weight:normal;
	font-size:1.4em;

}
li.comment h3#reply {
	margin:20px 0px 0px 0px;
	font-weight:normal;
	/*font-size:1.3em;*/
	position:relative;
}
li.comment #respond {
	padding-top:1px;
}
li.comment .callfade {
	display:none;
}
#guestpost-form{
	display:block;
	margin:20px 0px;
	padding:20px;
	/*font-family:Helvetica, Arial, sans-serif;*/
	background:#e6e6e6;
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#commentform {
	display:block;
	/*margin:30px 20px;*/
	padding:20px;
	/*font-family:Helvetica, Arial, sans-serif;*/
	background:#e6e6e6;
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.ddfmwrap {
	display:block;
	margin:20px 0px;
	padding:5px 20px 20px 20px;
	/*font-family:Helvetica, Arial, sans-serif;*/
	background:#e6e6e6;
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#fm_uploadsubmissionl {
	font-size:1.3em;
	height:1.5em;
}
.credits {
	font-size:.75em;
	font-style:italic;
	color:#777;
	float:right;
}
.credits a {
	color:#555;
}
.credits a:hover {
	color:#222;
}
li.comment #commentform {
	margin:20px 0px;
	background:#f4eebd;
}
.comment-form input, .ddfmwrap input {
	display:block;
	margin:5px 0px 20px 0px;
	width:300px;
	background:#fff;
	border:1px solid #bbb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height:20px;
	line-height:30px;
	font-size:1em;
	padding:5px;
}
#emailsubscribeform {
	position:relative;
	width:260px;
	height:40px;
	margin:0px 20px 10px 20px;
	display:block;
}
.sidesubscribe ul.topic-subscribe {
	margin:10px 20px 20px 20px;
}
#emailsubscribeform input {
	display:block;
	position:relative;
	margin:5px 0px 20px 0px;
	width:160px;
	top:0px;
	background:#fff;
	border:1px solid #bbb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height:15px;
	font-size:.75em;
	padding:5px;
}
#emailsubscribeform button {
	height:27px;
	right:0px;
	top:0px;
	position:absolute;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	width:80px;
	background-color:#dedede;
	background-repeat:repeat-x;
	background-position:0 -540px;
	border:1px solid #c4c4c4;
	color:#545454;
	text-shadow:1px 1px 0px #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	line-height:25px;
	cursor:pointer;
}
#emailsubscribeform button:hover {
	background-position:0 -900px;
	color:#fff;
	text-shadow:-1px -1px 0px #565656;
	border:1px solid #484848;
}
span.label {
	margin:0px 20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	color:#555;
	font-weight:bold;
}
.comment-form textarea, .ddfmwrap textarea {
	display:block;
	margin-top:5px;
	padding:5px;
	background:#fff;
	border:1px solid #bbb;
	width:500px;
	height:150px;
	font-size:1.1em;
	font-family:Helvetica, Arial, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.comment-form label, .ddfmwrap label {
	font-size:.8em;
	font-weight:bold;
	color:#555;
}
.comment-form span, .ddfmwrap span {
	font-size:.8em;
	font-style:italic;
	color:#777;
}
.comment-form span strong, .ddfmwrap span strong {
	color:#555;
}
.comment-form span a, .ddfmwrap span a {
	color:#326a9a;
}
.comment-form span a:hover, .ddfmwrap span a:hover {
	color:#000;
}
#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment {
	display:none;
}
ol.thecomments li p.attention {
	font-style:italic;
	background:#b20e0e;
	color:#fff;
	padding:1px 10px;
	border:1px solid #490d0d;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

.comment-form button, .ddfmwrap .submit input, .ddfmwrap button {
	height:42px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.9em;
	width:200px;
	background-color:#dedede;
	background-repeat:repeat-x;
	background-position:0 -540px;
	border:1px solid #c4c4c4;
	color:#545454;
	text-shadow:1px 1px 0px #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	line-height:40px;
	cursor:pointer;
}
.comment-form button:hover, .ddfmwrap .submit input:hover, .ddfmwrap button:hover {
	background-position:0 -900px;
	color:#fff;
	text-shadow:-1px -1px 0px #565656;
	border:1px solid #484848;
}
.comment-form p, .ddfmwrap p {
	font-size:.9em;
}
/* End Comments */

.author-single {
	background:#fff6cb url(images/yellow-bg.gif) no-repeat bottom;
	clear:both;
	border-top:1px solid #fff;
	border-bottom:1px solid #d4d4d4;
	padding:20px;
}
.authorpage .author-single {
	background:#fff6cb url(images/yellow-bg.gif) no-repeat bottom;
	clear:both;
	border-top:1px solid #fff;
	border-bottom:1px solid #d4d4d4;
	padding:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
}
.author-single img {
	float:left;
	border:5px #cec494 solid;
    margin-right: 10px;
}
.author-single p {
	margin:10px 0px 0px 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	line-height:1.7em;
	color:#4d4830;
}

.author-single a {
	color:#4d4830;text-decoration: none;
}
.author-single a:hover {
	color:#cec494;text-decoration: none;
}

  /*
	SLIDER
*/
#page-wrap { width: 600px; position: relative; min-height: 380px;/*background: url(images/bg.png) top center;*/ }
.slider-wrap { width: 600px;position: absolute; }
.stripViewer .panelContainer .panel ul { text-align: left; /*margin: 0 15px 0 30px;*/ }
.stripViewer { position: relative; overflow: hidden; width: 600px;  }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 600px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid #EEE; margin-right: 5px; }
#movers-row { margin: 0 0 0 -50px; }
#movers-row div { width: 18.8%; float: left; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { background: url(images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span { font-size: 13px; }
.cross-link { display: block; width: 73px; margin-top: -10px; position: relative; padding-top: 23px; z-index: 9999; }
.active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top right no-repeat;  }
#alamat{color:#999999;}