/*
Theme Name: dreTutorial
Theme URI: dremi.info	
Description: This is Wordpress Theme for www.dremi.info v.8.02
Version: 1.0
Author: Hairul Azami a.k.a dr.emi
*/

html,body{
  margin:0;
  padding:0;
  border:0;
  height:100%;
}
body{
  background:#2a2a2a;
  color:#2a2a2a;
  min-width:960px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
a:link {
	color: #2c5900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2c5900;
}
a:hover {
	text-decoration: underline;
	color: #2a2a2a;
}
a:active {
	text-decoration: none;
	color: #2c5900;
}
#mainPan{
	width:960px;
	position:relative;
	margin:0 auto;
}
#bodyPan{
	width:960px;
	margin:0 auto;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
.clearfix{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:25px;
}
* html .clear{height:auto;margin-bottom:0}

#container-center { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin-top:30px; padding-top:25px; width:100%; }
#container-center h1 { background:url(icon_head.gif) 0 0 no-repeat; height:52px; padding-left:23px; padding-top:10px; font-size:18px; color:#333333; }
#container-center #explain { font-size:12px; font-weight:normal; padding-bottom:10px; overflow:hidden; 	width:100%;
}
#container-center #explain span {
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
#container-center #explain #img { 
	background: #F7F7F7;
	border:1px solid #cccccc;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	text-align:center;
 }
#container-center #explain #img img { 
	border:none;
}
#container-center #explain h2 { font-size:16px; font-weight:bold; margin-bottom:10px; }
#container-center #explain h3 { font-size:14px; font-weight:bold; margin-top:10px;margin-bottom:10px; }
#container-center #explain p { margin-top:10px;margin-bottom:10px; }
#container-center #explain ul, ol
{
	margin:10px;
	padding-left:20px;
}

#container-center #explain ul li
{
	font-size:12px;
	color:#2a2a2a;
  	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}	
#container-center #explain ol li
{
	font-size:12px;
	color:#2a2a2a;
  	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}	
#container-center #featured
{
	background: #F7F7F7;
	border:1px solid #cccccc;
	padding:20px;
	left:20px; 
	margin-bottom:30px;
	width:85%;
	min-height:170px;
	top:25px;
	position:relative;
	text-align:justify;
}

#container-center #featured img
{
	border:1px solid #cccccc;
	margin-right:20px; 
	margin-bottom:20px; 
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	padding:1px;
}
#container-center #featured h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #284907;
	font-weight:bold;
	margin:0px;
}

#container-center #featured h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	font-weight:normal;
	margin-top:10px;
}

#container-center #featured .content
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	min-height:100px;
}
#banner
{
	background: #F7F7F7;
	border:1px solid #cccccc;
	padding:20px;
	left:20px; 
	width:85%;
	position:relative;
	text-align:center;
	top:15px; 
	margin-bottom:20px; 
}
.navigation { margin-left:20px; margin-right:20px; margin-top:40px; margin-bottom:40px; width:605px; font-size:12px; }
.alignleft { float:left; }
.alignright { float:right; }
#container-center #list-post
{
	background: #ffffff;
	border:1px solid #cccccc;
	padding:20px;
	left:20px; 
	margin-bottom:20px;
	width:85%;
	min-height:170px;
	top:15px;
	position:relative;
	text-align:justify;
}
#container-center .imgheader { float:left; margin-right:20px; margin-bottom:40px; padding:1px; border: solid 1px #cccccc; width:200px; height:200px; }
#container-center #list-post #comment-counter
{
	background:url(images/speech_bubble_48.png) 0 0 no-repeat;
	float:right;
	width:46px;
	height:38px;
	text-align:center;
	padding-top:10px;
	margin-left:8px;
	font-size:16px;
	font-weight:bold;
}

#container-center #list-post h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #284907;
	font-weight:bold;
	margin:0px;
}
#container-center #list-post h2 a
{
	color: #284907;
	text-decoration:none;
}
#container-center #list-post h2 a:hover
{
	color: #006600;
	text-decoration:none;
}
#container-center #list-post p.small
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:20px;
}

#container-center #list-post p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:normal;
}

#container-center #bottom
{
	background: #ffffff;
	border:1px solid #cccccc;
	padding:20px;
	left:20px; 
	margin-bottom:20px;
	width:85%;
	min-height:170px;
	top:25px;
	position:relative;
	text-align:justify;
}


#container-center #bottom #pad
{
	float:left;
	width:80%;
	margin-left:-10px;
}

#container-center #bottom #infoPad
{
	right:0px;
	top:0px;
	padding:10px;
	background: #f4f4f4;
	border:1px solid #cccccc;
	width:25%;
	float:right;
	position:absolute;
	margin:18px;
}

#container-center #bottom #infoPad img
{
	margin-top:2px; 
	margin-right:10px; 
	margin-bottom:10px; 
	float:left;
	width:24px;
	height:24px;
}

#container-center #bottom img
{
	border:none;
	margin-right:10px; 
	margin-top:-10px; 
	float:left;
	width:190px;
	height:105px;
}
#container-center #bottom h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #006600;
	font-weight:bold;
	margin:0px;
}

#container-center #bottom h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	font-weight:normal;
	margin-top:10px;
}


#container-center #bottom p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:normal;
}

#container-center h1.commentLeader
{
  background:#f9f9f9 url("images/comment-leader.gif") 0 0 no-repeat; padding-left:90px;
  font-size:32px;
  height:80px;
  width:487px;
  color:#999999;
  margin-left:-20px;
}
#borderCommentList {  background:#f9f9f9;	border:1px solid #DFDFDF;
	padding:30px;
	left:25px; 
	margin-top:97px;
	margin-bottom:20px;
	width:82.5%;
	position:relative;
 }
#container-center #commentList { width:647px; }
#container-center #commentList #commentID
{
  	position:relative;
}
#container-center #commentList #commentID #said
{
	width:545px;
	margin-left:-10px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	border:1px solid #dfdfdf;
	min-height:100px;
	padding:10px;
	text-align:justify;
}
.notes
{
	font-size:12px;
}
#container-center #commentList #commentID #said2
{
	width:485px;
	margin-left:97px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	border:1px solid #99CC00;
	min-height:64px;
	padding:10px;
	text-align:justify;
}

#container-center #commentList #commentID #gravatar
{
	left:0px;
	top:0px;
	padding:2px;
	background: #ffffff;
	border:1px solid #cccccc;
	width:80px;
	height:80px;
	float:left;
	margin-left:-10px;
	background: url("images/no-gravatar.gif") 0 0 no-repeat;
}

#container-center #commentList #commentID #gravatar img
{
	width:80px;
	height:80px;
}



#container-center #bottom2
{
	padding:20px;
	left:25px; 
	margin-bottom:20px;
	width:85%;
	min-height:170px;
	top:25px;
	position:relative;
	text-align:justify;
}
#container-center #bottom2 #commentBadges
{
	width:637px;
	min-height:160px;
	top:25px;
	position:relative;
	text-align:justify;
	background:url("images/comments-badges.gif") 0 0 no-repeat;
	padding-left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:15px;
	color:#333333;
}
#friendslink
{
	margin-top:50px; padding:20px; border:2px solid #ccc;background-color:#ffffff !important;
	font-size:12px;
}
#friendslink h3
{
	color: #2a2a2a; margin-bottom:20px;
}
#relatedpost
{
	margin-top:50px; padding:20px; border:1px solid #cccccc;background-color:#F7F7F7 !important;
	font-size:12px;
}
#relatedpost h3
{
	color: #2a2a2a; margin-bottom:15px;
}
#relatedpost ul
{
	list-style-type:none; margin:0px; padding:0px; 
}
#bottompost_ads
{
	margin: 20px 0 0 0; 
	padding:0px;
	font-size:12px;
	height: 98px;
	width: 562px;
}
#poptag
{
	margin-top:20px; padding:20px; border:2px solid #ccc;background-color:#ffffff !important;
	font-size:12px;
}
#poptag h3
{
	color: #2a2a2a; margin-bottom:20px;
}
#post { margin-top:80px; }
#post #postHeader { width:100%; margin-bottom:30px;}
#post #postHeader h1 { color:#333333; margin:0px; padding:0px; font-size:22px; }
#post #postHeader p { font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	font-weight:normal; margin-bottom:10px; margin-top:0px; padding:0px; }
#post #postHeader span.hits { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/button_ok.png") 0 0 no-repeat; padding-left:20px; margin-right:10px; height:16px;}
#post #postHeader span.download { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/agt_add-to-desktop.png") 0 0 no-repeat; padding-left:20px; margin-right:10px; height:16px;}
#post #postHeader span.print { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/agt_print.png") 0 0 no-repeat; padding-left:20px; margin-right:10px; height:16px;}
#post #postHeader span.comment { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/icon_comments.gif") 0 0 no-repeat; padding-left:20px; margin-right:10px;height:16px;}
	 
#post #postHeader span.sendMail { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/send_mail.png") 0 0 no-repeat; padding-left:20px; margin-right:10px;height:16px;}
	 
#post #postHeader span.newWin { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
	font-weight:normal; 
	 background:url("images/open_new.png") 0 0 no-repeat; padding-left:20px; margin-right:10px;height:16px;}
	 
#post #postHeader #date { background:url("images/badges-calender.gif") 0 0 no-repeat;
height:139px; margin-left:25px; width:115px; float:left;  margin-right:5px; }
#post #postHeader #date p.month { margin-left:-15px; margin-top:6px; font-size:12px; text-transform:uppercase; color:#FFFFFF; text-align:center; }
#post #postHeader #date p.day { margin-left:-15px; margin-top:-6px; font-family:Tahoma; font-size:32px;  text-align:center; font-weight:bold; }

#readMore
{
	height:15px;
	width:70px;
	background:url("images/bg-gloss.gif") 0 -2px repeat-x;
	border:solid 1px #cccccc;
	padding:5px;
	margin-top:20px;
	float:left;
}
#readMore a
{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#readMore a:hover
{
	color: #598527;
	text-decoration:none;
}


#wrapper{
  min-height:100%;
  height:100%;
  background:#ffffff;
}
#wrapp\65	r{
  height:auto;
}
* html #wrapper{
  height:100%;
}
#outer{
  z-index:1;
  position:relative;
  margin-left:px;
  width:960px;
  background:#ffffff;
  height:100%;
}
#float-wrap{
  width:662px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#right{
  float:left;
  display:inline;
  width:300px;
  margin-right:-298px;
  margin-left:-1px;
  position:relative;
  background:#ffffff;
}
* html #right{
  width:298px;
  margin-left:0px;
  margin-right:-596px;
  mar\gin-right:-298px;
}
#container-right{
  width:298px;
  margin-left:-15px;  
  padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin-top:50px;
   
}
#container-right h1 { height:22px; padding-left:10px; padding-top:10px; font-size:18px; color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:100; }
#container-right p { margin:0; padding-left:10px; padding-bottom:25px; background:url(list_row.gif) left bottom no-repeat; }


* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}
#clearheadercenter{
  height:140px;
  overflow:hidden;
}
#clearheaderright{
  height:150px;
  overflow:hidden;
}
#clearfootercenter{
  height:221px;
  overflow:hidden;
}
#clearfooterright{
  height:221px;
  overflow:hidden;
}
#footer{
  position:relative;
  clear: both;
  width:100%;
  height:291px;
  overflow:hidden;
  background:url("images/bg-footer.gif") top center repeat-x;
 }
#subfooter1{
 height:50px;
 margin-top:60px;
 padding-top:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color: #ffffff;
 width:960px;
}
#copyright { margin-left:195px; width:450px; float:left; }
#copyright h2 { color:#ffffff; font-size:18px; margin-bottom:10px; }
#copyright p { color:#95ab63; font-size:11px; text-align:left; }

#related-sites { float:left; }
#related-sites h2 { color:#ffffff; font-size:18px; margin-bottom:10px; }
#related-sites p { color:#95ab63; font-size:11px; text-align:left; }
#related-sites ul { list-style-type:none; margin:0px; padding:0px; }
#related-sites ul li { margin-bottom:8px; }
#related-sites ul li a { color:#bdd683; font-size:11px; }

#subfooter1 a:link {
	text-decoration: none;
	color: #99CC00;
}
#subfooter1 a:hover {
	text-decoration: underline;
	color: #bdd683;
}

#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:960px;
  height:189px;
  overflow:hidden;
}
#subheader1{
  background:#2a2a2a;
  text-align:center;
  height:101px;
}
#subheader2{
  text-align:center;
  padding-top:101px;
  height:88px;
  background:url("images/bg-nav.gif") bottom center no-repeat;
}
#banner-link { color:#e2f0d6; text-align:left; margin-left:10px; background:none; }
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:681px;
  margin-left:px;
  background:#ffffff;
}
* html #gfx_bg_middle{
  display:none;
}


    #tabs8 {
      width:100%;
      line-height:normal;
     }
    #tabs8 ul {
          margin:0;
          padding:15px 10px 0 20px;
          list-style:none;
      }
    #tabs8 li {
      display:inline;
      margin:0;
      padding:0;
	  }
    #tabs8 li a {
      font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#e2f0d6;
      float:left;
	  margin:0;
      padding-top:5px;
      text-decoration:none;
	  width:124px;
	  height:42px;
	  text-transform:uppercase;
      }
    #tabs8 li a:hover {
      font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  color: #2a2a2a;
	  background:url(images/bg-hover-nav.gif) 0 0 no-repeat;
      }  
    
	#tabs8 #current a {
	 color: #2a2a2a;
	 background:url(images/bg-hover-nav.gif) 0 0 no-repeat;
      }
	  
#rssfeed { width:auto; float:right; margin-right:20px; margin-top:-10px; }
#rssfeed img { border:0px; }
#rssfeed .feedburnerimg { margin-bottom:10px; }
#logo {
	position:absolute;
	padding-left:0px;
	top:0px;
	width:351px;
	height:101px;
}
#sitename {
	position:absolute;
	padding-left:200px;
	top:20px;
	height:100px;
	text-align:left;
	font-family: "Arial Narrow";
	font-size:32px;
	font-weight:bold;
	color: #99CC00;
}
#sitename p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #6b6a6a;
	margin:0px;
	word-spacing:3px;
}
#flowerTop {
	position:absolute;
	right:0px;
	top:64px;
	width:296px;
	height:97px;
	z-index:1;
}
#dreTutorial {
	position:absolute;
	left:210px;
	width:155px;
	height:38px;
	z-index:1;
	top:10px;
}
#search-box {
	position:absolute;
	right:0px;
	top:28px;
	width:219px;
	height:42px;
	z-index:1;
	text-align:left;
	background: url(images/search-box.gif) 0 0 no-repeat;
}
#search-box form { margin:0px; padding:0px; }
#search-box form input { color:#fefefe; margin-top:12px; margin-left:10px; background:none; border:none; }

#container-center #bottom3
{
	background: #f9f9f9;
	border:1px solid #DFDFDF;
	padding:20px;
	left:20px; 
	margin-bottom:20px;
	width:85%;
	min-height:170px;
	top:0px;
	position:relative;
	text-align:justify;
}



#formM { margin:0px;padding:0px;   font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#formM h1 { padding-left:72px;padding-top:10px; font-size:18px;padding-bottom:10px; color:#990000; }
#formM p { padding-left:72px;padding-top:10px; font-size:11px;padding-bottom:10px; }
#formM .input{
	border:1px solid #cccccc;
	color:#666666;
	background:url("images/form-smooth-sdw-dre-bg-field.gif") 0 1px repeat-x #ffffff; /*support IE, FF*/
	height:22px;
	font-size:16px;
	padding:2px;
	width:95%;
}
#formM .textarea{
	border:1px solid #cccccc;
	color:#666666;
	background:url("images/form-smooth-sdw-dre-bg-field.gif") 0 1px repeat-x #ffffff; /*support IE, FF*/
	font-size:16px;
	padding:2px;
	width:95%;
}
#formM label{
	display:block;
	margin-bottom:20px;
	color:#666666;
}

#formM label span{
	display:block;
	float:left;
	width:120px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}
#formM .star{
	color:red;float:none;font-weight:700;
}
#formM .spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:12px;
	color:#555555;
}
#formM .submit{
	border:solid 1px #cccccc; background: url('images/send-btn.png') 5px 5px no-repeat #f4f4f4; padding-left:20px; height:35px; color: #2a2a2a;float:left; width:100px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	text-transform:uppercase;
}

#formM fieldset {padding:20px; border:2px solid #ccc;background-color:#ffffff !important;}
#formM legend {padding:0 15px 0 10px;font:bold .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#666;text-transform:uppercase;border:1px solid #ccc;background:#f4f4f4;letter-spacing:2px;}
#boxTwitter
{
	margin-bottom:20px;
	padding:0px;
	width:298px;
	height:120px;
	float:left;
	padding-left:120px;
	padding-top:10px;
	background:url(images/twitter-box.png) 0 0 no-repeat;
}

#twitterList
{
	width:150px;
}

#boxDiv
{
	margin-bottom:20px;
	padding:0px;
	width:298px;
	float:left;
}
#boxDiv div.minus h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	color: #bdd683;
	text-decoration: none;
	background:url("images/header-box-minus.gif") 0 0 no-repeat;
	width:298px;
	height:23px;
	padding-top:7px;
	padding-left:20px;
	margin:0px;
	text-transform:uppercase;
	cursor: pointer; cursor: hand;
}
#boxDiv div.plus h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	color: #bdd683;
	text-decoration: none;
	background:url("images/header-box-plus.gif") 0 0 no-repeat;
	width:298px;
	height:23px;
	padding-top:7px;
	padding-left:20px;
	margin:0px;
	text-transform:uppercase;
	cursor: pointer; cursor: hand;
}
#boxDiv .content
{
	background:url("images/sidebar_box_middle.gif") 0 0 repeat-y #e2f0d6;
	width:286px;
	padding:5px;
	margin-top:-1px;
	border:solid 1px #656565;
}

#boxDiv p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding:10px;
}
#boxDiv #forum div
{
	margin-bottom:10px;
}
#boxDiv #forum .date
{
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}
#boxDiv #flickrImg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding:5px;
}
#boxDiv .support-banner
{
	text-align:center;
}
#boxDiv img
{
	 margin:5px; padding:1px; border: solid 1px #cccccc; 
}
#boxDiv .bottom
{
	background:url("images/sidebar_box_bottom.gif") 0 0 no-repeat;
	width:235px;
	height:24px;
}
#boxDiv ul
{
	margin:10px;
	padding-left:20px;
	font-size:12px;
}
#boxDiv ul li
{
	list-style: square;
	font-size:12px;
}
#boxDiv ul li a
{
	color:#2c5900;
}
#boxDiv ul li a:hover
{
	color:#2a2a2a;
}

#paging p a {
	font-family:Tahoma;
   font-size:11px;   
   cursor:pointer;
   color:#00c;
   text-decoration:none;
   border:1px solid #ccc;
   padding:.3em .7em;
   margin:0 .38em 0 0;
   text-align:center
}
#paging p a:hover {
	background:#f0f7e8;
   	border:1px solid #83bc46
}

#borderEvent { border:solid 4px #EFEFEF; }

.spacer { margin-bottom:20px; }
.spacer2 { margin-bottom:5px; }
.spacer3 { margin-bottom:2px; }
.spacer4 { margin-bottom:10px; }