/* 
  Theme Name: Mirror-Disc Theme
  Theme URL: http://www.djarot.com/
  Description: Mirror-Disc Theme is a 2-column Widget-ready theme created privately for MirrorDisc.com.
  Author: Jarot Syahputro
  Author URI: http://www.djarot.com
  Version: 2.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:
  v2.0 - 11.26.08
  2nd Release of Mirror-Disc theme.
*/

body {
  background: #081e37 url(images/body.png) 0 0 repeat-x;
  color: #202020;
  font-size: 12px;
  font-family: Arial;
  margin: 0 auto;
  padding: 0;
  
}
#wrap, #hdr, #footer {width:992px; margin: 0 auto;}
#wrap {
  background: url(images/bd.png) center 0 repeat-y;
  margin: 0 auto;
  padding: 0;
  
}

/*********************************
*  Hyperlinks & Colors           *
*********************************/
a img {border:none;}
#wrap span.blend a {color:#202020; }
a:hover, #main a:hover, #main #recent a, #mainl #recent h2 a:hover, #main #sidel a:hover, 
#main h2, #main h2 a, #mainl #recent p a:hover, #mainl #recent .pprd a:hover, #main #side p a:hover { color: #202020; text-decoration: none; }
a, a:visited, #main a,  #main #recent a:hover, #mainl #recent h2 a,
#mainl #recent p a, #main h2 a:hover, #mainl #recent .pprd a, #main #side p a, #main #sidel a, .rd, .blu { color: #0652a8; text-decoration: none;}
#main h1, #main h1 a, #main h1 a:hover, #main h1 a:focus, #main #sider a, .navi-only, #sidel h2, #footer, #footer a, #searchform input#s, #spos, #sider p#spos a {color:#FFF;}
h3, #sider h2, #fbform input {color:#00a2ff;}
 
#main h1 a, #mainl h1, #sidel h2, #main #sider a, #footer, .navi-only, #spos {text-shadow:1px 1px 1px #05446c;}
#main h1 a:hover, #main h1 a:focus {text-shadow:1px 1px 2px #000;}
#main #sider a:hover, #footer a:hover {text-shadow:1px 1px 1px #000;}
#main #sidel a:hover {text-shadow:0 1px 0 #ddd;}

blockquote {color:#05446c;}

/*********************************
*  GLobal Thingy                 *
*********************************/
h1, h2, h3, h4, h5, #sidel, .blu, blockquote {font-family:Georgia;}
h1, h2, h3, h4, h5,table,tr,th,td,div,p,br,span,ol,ul,li,form,input,select,textarea,a,img,blocquote,label {outline:0 none;}
#hdr h1, #side p, #side li, .fr_fame, input, textarea, .coolnavigate  {font-size:11px;}
.clear, #main h3, #main #side h2, #ftwrap {clear:both;}
#main .down20 {margin:0 0 15px 0;}
#hdr h1 a, #nav a, .follow a, .pfburn {overflow:hidden; text-indent:-9000px;}
#side li li a,#side li li li a, .pfburn {overflow:hidden; }
.f100 {min-height:100%;}

#rcaptcha, #ftwrap {position:relative;}
#rcaptcha span, #ftwrap .ftalexa {position:absolute;}

/*********************************
*  Header                        *
*********************************/
#hdr {
  height: 129px;
  padding: 0;
  background: #787878 url(images/hdr.jpg) center 0 no-repeat;
}
#hdr h1, #hdr h1 a {
  width:421px;
  height:88px;
  float:left;
  padding: 0;
}
#hdr h1 {margin: 16px 0 0 14px;}
#hdr h1 a {margin: 0; background: url(images/dots.png) right -392px no-repeat; opacity:0;}

/*********************************
*  NAV                           *
*********************************/
#nav {
  width:274px;
  margin:71px 0 0 38px;
  padding:0;
  float:left;
}
#nav li, #nav a { height:24px; display:block; text-align:center;}
#nav li { float:left; list-style:none; display:inline; }
#nav li a {opacity:0;}
#nav li.this a {opacity:1;}
#hom a {width:62px; background:url(images/nav.png) 0 0 no-repeat; }
#abo a {width:63px; background:url(images/nav.png) -62px 0 no-repeat;}
#con a {width:83px; background:url(images/nav.png) -125px 0 no-repeat;}
#smp a {width:66px; background:url(images/nav.png) -208px 0 no-repeat;}

#hdr form {
  float:right;
  width:220px;
  text-align:left;
  margin:17px 0 31px 0;
}
.follow {
  float:right;
  width:207px;
}
.rss, .twit, .fb, .rss a, .twit a, .fb a { float:left; height:33px; }
.rss a { width:34px;}
.twit a {width:54px;}
.fb a {width:32px; }
.rss a:hover { background:url(images/dots.png) 0 -353px no-repeat;}
.twit a:hover { background:url(images/dots.png) -34px -353px no-repeat;}
.fb a:hover { background:url(images/dots.png) -88px -353px no-repeat;}



/*********************************
*  Main                          *
*********************************/
#main {
  width: 966px;
  margin: 0 auto;
  padding: 0;
}
#main p {
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 18px;
}
#main h1 {
  font-size: 18px;
  margin: 0 1px;
  padding: 8px 10px 8px 35px;
  background: #00a2ff url(images/dots.png) 0 -142px no-repeat;
}
#mainl h1 { background: #00a2ff url(images/dots.png) 0 -145px no-repeat;}

#main h2, #main h3 {
  margin: 20px 0 10px; font-size: 14px;
  padding: 0;
}
#main h2 a {padding:0;}
#main h3.comm {
  background:url(images/dots.png) 0 -198px no-repeat;
  padding:5px 0 10px 25px;
}

#main img.wp-smiley,#main img.wp-wink {
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}
.m0re {display:none;}
.more-link {background:url(images/dots.png) 3px -54px no-repeat; padding:0 0 0 13px; }
.more-link:hover {margin-left:2px; background:url(images/dots.png) 2px -81px no-repeat; }

/*********************************
*  Main Left                     *
*********************************/
#mainl {
  float: left;
  width: 541px;
  margin: 0 0 0 8px;
  padding: 0;
  border-top:1px solid #d2d2d2;
}
#mainl ol, #mainl ul {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
}
#mainl ul li ul li {margin:0; list-style-type:circle;}
#mainl ol li, #mainl ul li {
  margin: 0 0 0 10px;
  padding: 0;
  line-height:15px;
}
#mainl ul,#mainl ul li { list-style-type: square;}
#mainl ul.addtoany_list, #mainl ul.addtoany_list li {list-style-type:none !important;}
.date, .date2 {
  font-family:Tahoma;
  font-size: 11px;
  color:#555;
  padding: 5px 10px; 
}
.date2 {border-top:4px solid #c5e5ff;}
.date, .liner {margin: 1px 1px 10px; background:#c5e5ff; }
.liner  {padding: 10px 5px; }
blockquote{
  margin: 0 15px 0 10px;
  padding: 0 20px 0 10px;
  border-left: 4px solid #c5e5ff;
}
#main blockquote p{
  margin: 0 0 10px 0;
  padding: 0;
}
.entry {width:520px; margin:0 0 0 10px; padding:0; background:#FFF;}
.fr_fame {
  font-family: Arial;
  float:right; 
  margin:0 0 5px 0; 
  font-size:11px; 
  padding:0 0 0 12px; 
  background: url(images/dots.png) 0 -243px no-repeat;
  color:#787878;
}
.himg, .pvid, .pimg, .hvid {border:1px solid #bdd4b4;}
#main p.himg {float:left; margin:0 10px 0 0; padding:2px; }

/*********************************
*  Sidebar                       *
*********************************/
#side {
  background:url(images/side.png) 0 0 no-repeat;
  float: right;
  width: 409px;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 15px;
  font-family: Arial;
}
#side h2 {
  border:none;
  font-size: 11px;
  text-transform: uppercase;
  text-align:center;
  margin: 10px 0;
  padding: 7px 0 4px 0;
  
  font-family:Verdana;
  letter-spacing:-0.5px;
}
#sidel h2 {background: url(images/dots.png) center -109px no-repeat;}
#sider h2 {background: url(images/dots.png) center -304px no-repeat;}

#side ul, #side ul ul, #side li, #side li li, #mainl #recent li { list-style-type: none;}
#side ul, #side ul ul {
  margin: 0;
  padding: 3px 0;
}
#side ul#archives li {padding-bottom:0;}
#side ul#spos {padding:0 !important;}
.current-cat a {font-weight:bold; color:#CC0000; }
.current-cat ul li a {font-weight:normal; color:#202020;}
#side li, #recent li a {
  background:url(images/dots.png) -288px 3px no-repeat;
  margin: 0;
  padding: 0 0 5px 18px;
}
#side li:hover, #recent li a:hover {
  background:url(images/dots.png) 0 3px no-repeat;
}
#side li li {
  background:url(images/dots.png) -296px -589px no-repeat;
  margin: 0;
  padding: 0 0 0 8px;
}
#side li li:hover {
  background:url(images/dots.png) 0 -589px no-repeat;
}
#side p {
  padding: 0;
  margin: 10px 0 0 0;
  line-height: 15px;
  text-align:center;
}
#side p img {float:none;}
#sidel {
  width:177px;
  float:left;
  padding:0 5px 0 0;
}
#sidel ul, #sidel ul ul {background:#eee; }
#sidel, #sider {margin:17px 0 0 0;}
#sider {
  width:200px;
  float:right;
  padding:0 15px 0 0;
}
#side p#spos {text-align:left;}

#fbform {text-align:center;}
#fbform input {
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
  padding:3px 10px;
  font-weight:bold;
}
#fbform input {background: #FFF; margin:0 0 5px 0; border:1px solid #0652a8;}
#fbform input#fbsbmt {background: #FFF; font-weight:bold; border:0; cursor:pointer; padding:3px 10px;}
#fbform p.pfburn {background:url(images/pfburn.png) center 0 no-repeat; height:58px; margin:0; padding:0;}



/*********************************
*  Footer                        *
*********************************/
#ftwrap { 
  width:100%;
  height:100px;
  background:#64befc url(images/ftwrap.png) 0 0 repeat-x;
}
#footer {
  height: 100px;
  padding: 0;
  background:url(images/ftr.png) 0 0 no-repeat;
  font-family: Arial;
}

#footer span { float:left; padding:35px 0 0 110px;}
#footer p { float:right; text-align:right; padding:35px 25px 0 0;}
#footer p, #footer span, #searchform,#commentblock ol,.commentname {margin:0;}

.ftalexa {position:absolute; left:-9999px; top:0; z-index:-9999; opacity: 0.1; filter: alpha(opacity = 10); -moz-opacity: 0.1; -khtml-opacity: 0.1; zoom: 1;}

/*********************************
*  Form                          *
*********************************/
input, textarea {
  border:1px solid #d2d2d2;
  background:#FFF;
  font-family:Arial;
  color:#353535;
}
#searchform { width:195px; height:18px; padding: 2px 0 0 15px; margin:0; }
#searchform, #searchform input {float:left; height:18px;}
#searchform input {background:transparent; border:none; }
#searchform input#s {width:170px; font-weight:bold; font-size:14px;}
#searchform input#searchsubmit {width:21px; cursor:pointer;}
.cform {padding:0 0 50px 0; background:url(images/dots.png) -42px -274px no-repeat;}

/*********************************
*  Comments                      *
*********************************/
#commentblock {
  float: left;
  padding: 10px 10px 5px 10px;
  margin: 5px 0 10px 0;
  font-size:11px;
}
#commentblock ol { padding: 0 0 10px 0; list-style-type: none;}
#commentblock ol li { 
  background:url(images/comm.png) 0 0 no-repeat;
  margin:0;
  padding:6px 0 0 28px;
}
#commentblock ol li.alt { background:url(images/comm.png) -518px 0 no-repeat; }
#commentlist li p { margin-bottom: 8px; padding: 0; }
.commentdate { font-size: 12px; padding-left: 0; }
.commentname {padding: 5px 5px 5px 0; }
.commentinfo {clear: both;}
.commenttext-admin {border-left:2px solid #D2D2D2;}
.commenttext,.commenttext-admin {
  clear: both;
  margin: 3px 10px 10px 0;
  padding: 10px 10px 5px 10px;
}
#commentblock label, #mainl label {width:150px;float:left;}
#commentblock input, #commentblock textarea {margin-bottom:2px; width:250px;}
#commentblock input.c0de {width:50px;}
label.b { width:150px; float:left; background:url(images/vc.gif) center 0 no-repeat; margin:0; font-weight:bold; color:#000; padding:0; text-align:center;font-family:Tahoma; font-size:12px;}

#main #commentblock p#rcaptcha {margin:0; padding:0;}
#rcaptcha span {width:93px; height:43px; background:#dfdfdf url(images/recaptcha.png) 0 0 no-repeat; top:-73px; left:218px;}
/*********************************
*  Cool-Navi                     *
*********************************/
.coolnavigate {
  margin:0 15px 20px 15px; 
  padding:5px; 
  text-align:center; 
  font-family:Tahoma;
  font-weight:bold;
  background:#d2d2d2;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
}
.coolnavigate a, .coolnavigate a:link,.coolnavigate a:visited,.coolnavigate a:active,
.coolnavigate span.pages, .coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend {
  padding: 2px 6px;
  margin: 1px;
  text-decoration: none;
  background-color: #FFF;	
}
.coolnavigate a:hover,.coolnavigate span.pages,.coolnavigate span.current,.coolnavigate span.extend { color: #000;}
.coolnavigate a:active { color: #06C;}
.coolnavigate span.current { font-weight: bold;}
.navi-only {float:right;padding:10px 10px 0 0; font-weight:bold; font-family:Tahoma; font-size:10px;}

/************************
*  Slimbox              *
*************************/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.lbLoading {
	background: #fff url(images/lb-load.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/lb-prev.png) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(images/lb-next.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
 	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
  
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lb-close.gif) right 0 no-repeat;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}