/*
Theme Name	:	Blue Spirit
Theme URI	:	http://adityawirawan.net/
Description	: 	a Theme for freshing my blog.
Version		:	1.0
Author		:	AdityaWirawan
Author URI	:	http://adityawirawan.net
*/

/**
*Common Style*
**/

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: white;
  /*background-image: url(img/bg.jpg);*/
  font: 12px Arial, Helvetica, sans-serif;
}

h1 {
	font: 17px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px;
	margin: 0;
}

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }			

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

/* blockquote */
blockquote {
margin: 10px 0;
padding: 5px 10px;

background: url(img/backCustom.png) no-repeat;
background-color: #eaf3fa;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font: 0.9em/1.5em Georgia, "Trebuchet MS";
color: #6c4507;
}

/* list styles */
ul {
margin: 5px; 

} 
ul li {
height: 1%;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
line-height: 18px;
text-decoration: none;
}
li {
height: 1%;

margin: 0 0 0 10px;
padding: 0 0 0 5px;
line-height: 18px;
text-decoration: none;
}
ol {
margin: 10px 0 10px 15px; 
}
ol li {
margin: 0 0 5px 15px;
line-height: 18px;

}


/*Start Wrapper*/
#wrapper {
	background-color: white;
	color: black;  
	border : 0px solid #b9d2e3;  
	margin:0 auto;
	position:relative;
	min-height:100%;
	width:950px;
}

/*Header*/
#headerTop{
	margin: 0 0 0 0;
	border: 0px solid #b9d2e3;
	background-color: #0d1d59;
	color: black;
	width:100%;
}
#header { 
	background-repeat: no-repeat;
	background-color: #272829;
	color: black;  
	height: 22px;
	border-bottom : 0x dotted #000;
  
}
#headerInner {
	background-image: url(img/banner_aw.jpg);
	background-color: #0d1d59;
	background-repeat: no-repeat;
	border : 0px solid #b9d2e3;
	margin: 0 0 0 130px;
	padding: 0 0 0 20px;  
	height: 180px;
}

#spanHeader{
	float:right; margin-top:0px; margin-right:20px ;
}
#headerMenu {
  background-repeat: no-repeat;
  background-color: #112236;
  color: black;
  padding: 0 100px 0 ;
  height: 1%;
}
#topnav a {
position: relative;
vertical-align: bottom;
bottom: 0px;
padding: 5px 10px 7px 10px;
border-right: 1px dashed #CCCCCC;
}

#topnav a:hover, #topnav a:active {
color: #ff4300;
text-decoration: underline;
background-color: #0d1d59;
border-top: 1px solid #8ebc61;

}


/*start Content*/
#wrapContent {
  position: relative;
  margin:0 auto;
  background-color: white;
  
  /*
  margin: 0 130px 10px 130px;
  top:0;
  left:  0;
  width:950px;
  background-color: white;
  color: black;   
  background-repeat: repeat-y;
  border-bottom: 0px dotted #b9d2e3;
  */
}
#content {/*
 margin: 0 300px 0px 280px;
  border-top: 0px solid #b9d2e3;
  border-right: 0px dotted #b9d2e3;
  border-left: 0px dotted #b9d2e3;
  border-bottom: 0px dotted #b9d2e3;
  background-color: white;
  color: black;
  padding-top: 0px;
  width:420px;
  */
	float:left;
	margin-left:0px;
	width:448px;
	border-top: 0px solid #b9d2e3;
	border-right: 1px dotted #b9d2e3;
	border-left: 1px dotted #b9d2e3;
	border-bottom: 0px dotted #b9d2e3;
	background-color: white;
}
#contentSingle {
	float:left;
	margin: 0px;
	width:720px;
	border-top: 0px solid #b9d2e3;
	border-right: 1px dotted #b9d2e3;
	border-left: 0px dotted #b9d2e3;
	border-bottom: 0px dotted #b9d2e3;
	background-color: white;
	color: black;
	padding-top: 0px;
}
#contentSingle .tag{	
	background-color: #4a76e4;
	border-right: 1px dotted #b9d2e3;
	color: black;
	padding: 3px;
	font-style:italic;
  
}
#content .innerTitle1 { 
	width: 449px;
	padding: 0px;
	border-right: 1px dotted #b9d2e3;
}
#content .inner {  
	border-bottom: 0px dotted #999;
	padding-bottom: 5px;
	width: 430px;
	padding: 10px;
	border-right: 0px dotted #b9d2e3;
}

#content .inner h2 {
	color: #245185;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #b9d2e3;
	font-size: 110%;
}
#content .inner ul.features {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .inner h3 {
	font-size: 130%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
	color: #245185;
}
#content .inner p {
	color: #666666;
	font-size: 90%;
}
#content .inner .features li img {
	float: left;
	margin: 0 5px 5px 0;
}

#Lsidebar{
	float: left;
	background-color: white;
	width: 270px;
	border-right: 0px dotted #b9d2e3;  
	margin: 0;
	padding-top: 10px;
}
#Lsidebar .inner {
	padding: 0px;
}
#Lsidebar .about_bg {
	background: url(img/garisKomen.gif) repeat-x; 
	height: 180px;
	width: 270px;
}
#Lsidebar .searchbutton {
	text-align: center;
	margin-top: 4px;
}
#Lsidebar .btn {
	border: 1px solid #45bac0;
	background-color: #256290;
	color: #fff;
	font-weight: bold;
}
#Lsidebar .module {
	background-color: #edeee9; 
	border-bottom: 1px dotted #999;
	width: 265px;		
	padding: 12px 10px 0 5px;
}
#Lsidebar .module2 {
	background-color: #fff; 
	border-bottom: 1px dotted #999;
	width: 265px;	
	padding: 12px 10px 0 5px;
}
#Lsidebar .module3 {
	background-color: #fff; 
	border-bottom: 0px dotted #999;
	width: 265px;	
	padding: 12px 10px 0 5px;
}
#Lsidebar h1 {
	padding: 0 10px 0 5px;
}

#Lsidebar p {
	padding: 0 10px 0 5px;
}

#Rsidebar{
  float: right;
  width: 228px;
  border-left: 0px dotted #b9d2e3; 
background: url(http://adityawirawan.net/wp-content/themes/Blue%20in%20Spirit/img/gradientSidebarRight_blue.png) repeat-y left;
background-color: white;
  /*
  margin-right: 350px;
  border-top: 0px solid #b9d2e3;
  border-left: 1px dotted #b9d2e3;
  background-color: white;
  color: black;
  margin: 0;
  padding-top: 10px;
  */
}
#Rsidebar .inner {
  padding: 0px;
 
}
#Rsidebar .inner h2 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size: 110%;
}
#Rsidebar .module2 {
background: url(img/gradientSidebarRight.png) repeat-y left;
	background-color: #fff; 
	border-bottom: 1px dotted #999;	
	padding: 0px;
}
#Rsidebar .module3 {
background: url(img/gradientSidebarRight.png) repeat-y left;
	background-color: #fff; 
	border-bottom: 0px dotted #999;	
	padding: 0px;
}


#Rsidebar .module2 ul  {
margin: 5px; 
list-style-type: none;
border-bottom: 1px dotted #b9d2e3;
} 
#Rsidebar .module2 ul li {
height: 1%;
list-style-type: none;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
line-height: 18px;
text-decoration: none;
}
#Rsidebar .module2 li {
height: 1%;
list-style-type: none;
margin: 0 0 0 10px;
padding: 0 0 0 5px;
line-height: 18px;
text-decoration: none;
}
#Rsidebar .module2 ol {
margin: 10px 0 10px 15px; 
list-style-type: none;

}
#Rsidebar .module2 ol li {
margin: 0 0 5px 15px;
line-height: 18px;
list-style-type: none;
}

h3.sec-title {
	color: #245185;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #b9d2e3;
	font-size: 110%;
}	
h3.sec-title a{
	color: #515151;
}

/*start Footer*/
#footer{
	text-align: center;
	border-top: 1px dotted #b9d2e3;
	color: #000;
	clear: both; 
	font-family:Arial;
	font-size:11px;
	margin: 0;
	text-decoration:normal;  
	height: 30px;
	padding: 10px;
}


img { border: none; } 

a {
	color: #ff4300;
	text-decoration: none;
	border:0px;
}

a:hover {
	text-decoration: underline;
}

a.download:link, a.download:visited, a.download:active, a.download:hover {
	background: url(http://www.issuelab.org/system/application/images/download.gif) no-repeat;
	padding: 0 0 0 14px;
}

a.moreinfo:link, a.moreinfo:visited, a.moreinfo:active, a.moreinfo:hover {
	background: url(http://www.issuelab.org/system/application/images/view.gif) no-repeat;
	padding: 0 0 0 14px;
}

div.right-sec {
margin: 0 15px 10px 0;
}
/*
#comment {width:525px; padding:10px;}
.commentlist li ul li {background-image: url(img/garisKomen.gif) repeat-x; list-style-type:none; border:1px solid #e5e4e2; padding-bottom:10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: white;}
*/

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-top:1px solid #d2d8e7; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:12px Arial, Helvetica, sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:0px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:12px; margin:0 0 1em; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:0px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:0px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f6f6f6; }
ol.commentlist li.odd { background:#ededed; }
ol.commentlist li.parent { border-left:0px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}