/*  
Theme Name: Modern Blue Green
Theme URI: http://www.cypherhackz.net/
Description: Modern Blue Green designed by Rochow and coded by <a href="http://www.cypherhackz.net/">CypherHackz</a>.
Version: 1.20070612
Author: Fauzi Mohd Darus @ CypherHackz
Author URI: http://www.cypherhackz.net/
*/

/***********************************************
*	HTML
***********************************************/
body{
	background: url('images/body.jpg');
	padding: 0;
	margin: 0;
	color: #000000;
	font-size: 11pt;
	font-family: times new roman
	}
#wrapper{
	width: 773px;
	margin: 0 auto;
	overflow: hidden;
	}
#content{
	background: url('images/bg.jpg') repeat-y;
	display: inline;
	float: left;
	clear: both;
	overflow: hidden; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
	}
/***********************************************
*	HEADER
***********************************************/
#header h1 {
	display:none
}
.subheader{
	height: 115px; /*185*/
	background: url('images/headerbg.jpg') no-repeat;
	text-align: center; padding-left:0; padding-right:0; padding-top:70px; padding-bottom:0
	}
.subheader h1{
	font-size: 25pt;
	color: #ffffff;
	}
.nav{
	background: url('images/nav.jpg') no-repeat;
	height: 55px;
	clear: both
	}
.search{
	float: right;
	width: 237px; /*247*/
	padding: 17px 0 0 10px;
	color: #ffffff;
	}
#searchform{
	margin: -16px 0 0 50px;
	}
input#searchsubmit{
	background: url('images/go.jpg') no-repeat;
	width: 38px;
	height: 21px;
	border: medium none;
	}
input#s{
	background: #032b67;
	width: 133px;
	height: 15px; /*19*/
	border: 1px solid #1c7bb7;
	padding: 2px 0;
	color: #ffffff;
	}
.subnav{
	float: left;
	width: 763px;
	padding: 20px 0 0 0;
	}
.subnav ul{
	margin: 0;
	padding: 0 0 0 20px;
	}
.subnav ul li{
	display: inline;
	background: url('images/navli.jpg') no-repeat 0 4px;
	margin: 0; list-style-type:none; padding-left:13px; padding-right:10px; padding-top:0; padding-bottom:0
	}
/***********************************************
*	MAIN
***********************************************/
#main{
	float: left;
	width: 496px; /*450 562 496*/
	padding: 0 10px 0 20px;
	}
.posttitle{
	clear: both;
	padding: 0 0 20px 0;
	}
.postdate{
	float: left;
	background: url('images/date.jpg') no-repeat;
	width: 59px;
	height: 57px; /*62*/
	text-align: center;
	color: #ffffff;
	display: none;
	padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
	}
.postdate span{
	color: #737373;
	font-size: 16pt;
	display: none;
	padding: 7px 0 0 0;
	}
/*.posturl{
	background: url('images/posttitle.jpg') no-repeat;
	height: 62px
	}*/
.posturl h2{
	margin: 0;
	padding: 5px 0 0 8px;
	font-size: 11pt;
	}
.post{
	clear: both;
	}
.postmeta{
	padding: 10px 0 0 8px;
	font-size: 7pt;
	clear: both;
	}
.pauthor{
	display: none;
	background: url('images/pauthor.jpg') no-repeat;
	float: left; padding-left:20px; padding-right:10px; padding-top:0; padding-bottom:5px
	}
.pcat{
	background: url('images/pcat.jpg') no-repeat 0 -2px;
	float: left; padding-left:20px; padding-right:10px; padding-top:0; padding-bottom:5px
	}
/*.pcom{
	background: url('images/pcom.jpg') no-repeat;
	float: right; padding-left:20px; padding-right:10px; padding-top:0; padding-bottom:5px
	}*/
.pedit{
	background: url('images/pedit.jpg') no-repeat;
	float: left; padding-left:20px; padding-right:10px; padding-top:0; padding-bottom:5px
	}
.entry{
	float: right;
	width: 419px;
	text-align: justify;
	padding: 0 0 20px 0;
	}
.navigation{
	clear: both;
	font-size: 8pt;
	}
.alignleft{
	float: left;
	background: url('images/prev.jpg') no-repeat;
	width: 112px; /*117*/
	height: 17px; /*19*/
	padding-left:5px; padding-right:0; padding-top:2px; padding-bottom:5px
	}
.alignright{
	float: right;
	background: url('images/next.jpg') no-repeat;
	text-align: right;
	width: 101px; /*117*/
	height: 17px; /*19*/
	padding-left:0; padding-right:16px; padding-top:2px; padding-bottom:5px
	}
p img { 
	padding: 0; max-width: 100%; 
	}
img.right { 
	padding: 4px; margin: 0 0 2px 7px; display: inline; 
	}
img.left { 
	padding: 4px; margin: 0 7px 2px 0; display: inline; 
	}
.right { 
	float: right; 
	}
.left { 
	float: left; 
	}	
.img-shadow {
  clear: both;
  float:left;
  background: url('images/shadowAlpha.png') no-repeat bottom right !important;<br>
  background: url(images/shadow.gif) no-repeat bottom right;
  margin-left:8px; margin-right:0; margin-top:20px; margin-bottom:0
  }
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.p-shadow {
  width: 90%;
  float:left;
  background: url('images/shadow.gif') no-repeat bottom right !important;
  margin-left:15px; margin-right:0; margin-top:30px; margin-bottom:0
  }
.p-shadow div {
  background: url('images/shadow.gif') no-repeat left top !important;
  padding-left:0 !important; padding-right:6px !important; padding-top:0 !important; padding-bottom:6px !important
  }
.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
/***********************************************
*	COMMENTS
***********************************************/
#comments{
	clear: both;
	}
#comments h3{
	margin: 0;
	padding: 0;
	font-size: 10pt;
	border-bottom: 1px solid #cccccc;
	}
input, textarea{
	font-family: verdana;
	font-size: 8pt;
	}
ol.commentlist{
	margin: 0;
	padding: 10px 0;
	}
ol.commentlist li{
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	}
.comcontent{
	background: #deebf2;
	padding: 5px 2px;
	}
.comfooter{
	text-align: right;
	font-size: 7pt;
	}
blockquote{
	background: url('images/body.jpg');
	margin: 10px;
	border: 1px solid #f6a911; padding-left:2px; padding-right:2px; padding-top:5px; padding-bottom:5px
	}
input#author, input#email, input#url, textarea#comment{
	background: url('images/body.jpg');
	border: 1px solid #f6a911
	}
/***********************************************
*	SIDEBAR
***********************************************/
#sidebar{
	float: right;
	width: 222px; /*247*/
	padding: 0 15px 10px 10px;
	}
#sidebar h2{
	font-family: Trebuchet MS;
	/*border-bottom: 2px dotted #739abe;*/
	margin: 0;
	padding: 2px 0 2px 0;
	color: #043c7f;
	font-size: 11pt;
	}
#sidebar ul{
	font-family: Trebuchet MS;
	margin: 0;
	padding: 2px 0 2px 0;
	color: #043c7f;
	font-size: 11pt;
	}
#sidebar ul li{
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	/*border-bottom: 2px dotted #739abe;*/
	}
#sidebar ul li ul.noli{
	margin: 0;
	padding: 10px 0 0 0;
	}
#sidebar ul li ul.noli li.login{
	border-bottom: medium none;
	background: url('images/login.jpg') no-repeat 0 2px;
	display: inline; padding-left:20px; padding-right:15px; padding-top:0; padding-bottom:5px
	}
#sidebar ul li ul.noli li{
	border-bottom: medium none;
	background: url('images/admin.jpg') no-repeat 0 0;
	display: inline; padding-left:20px; padding-right:15px; padding-top:0; padding-bottom:5px
	}
#sidebar ul li ul{
	margin: 0;
	padding: 10px 0 0 0;
	}
#sidebar ul li ul li{
	border-bottom: medium none;
	background: url('images/sidecom.jpg') no-repeat 0 3px;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:5px
	}
#sidebar ul li ul.cat li{
	background: url('images/sidecat.jpg') no-repeat;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:5px
	}
#sidebar ul li ul.arch li{
	background: url('images/sidecom.jpg') no-repeat 0 3px;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:5px
	}
#sidebar ul li ul.recentposts li{
	background: url('images/sidepost.jpg') no-repeat 0 3px;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:5px
	}
/***********************************************
*	FOOTER
***********************************************/
#footer{
	clear: both;
	background: url('images/footer.jpg') no-repeat top;
	font-size: 8pt; padding-left:5px; padding-right:0; padding-top:8px; padding-bottom:5px
	}
/***********************************************
*	LINKS
***********************************************/
a{
	text-decoration: none;
	color: #094a8b;
	}
a:hover{
	text-decoration: underline;
	color: #094a8b;
	}
.posturl h2 a:hover, .navigation a:hover, .subheader h1 a:hover{
	text-decoration: none;
	}
.subnav a, .subheader h1 a{
	color: #ffffff;
	text-decoration: none;
	}
.subnav a:hover{
	color: #ffffff;
	text-decoration: underline;
	}