/*
Theme Name: WTUC02-Flaty
Theme URI: http://www.robbyhakim.com/
Description: WTUC02-Flaty Version 2.0 by <a href="http://robbyhakim.com/" target="_blank">Robby Hakim</a> And <a href="http://rebuildweb.com/" target="_blank">Rebuild Web</a>
Author: <a href="http://www.robbyhakim.com/" target="_blank">Robby Hakim</a>
Version: 2.0
*/


/*MAIN CSS*/
body{
font-family:'Verdana', Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
background: #e6e6e6 url(images/bg.png);
}
a img{
border:none;
}
a{
color:#000099;
text-decoration:none;
}
a:hover{
color:#990000;
text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}
h1{
font-size:16px;
}
h2{
font-size:14px;
}
h3,h4,h5,h6{
font-size:12px;
}
#clear{
clear:both;
}
hr{
display:none;
}
#wrapper{
text-align:left;
width:800px;
background: #e6e6e6;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0px 0px 0px 0px;
}
/*MAIN CSS*/


/*HEADER CSS*/
#header {
	width: 800px;
	height: 100px;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
    background: #e6e6e6 url(images/header.png);
    background-position:top;
    background-repeat:no-repeat;
	}

#header h1 {
	font-size: 30px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 0px 20px;
	text-decoration: none;
	}

#header h1 a, #header h1 a:visited {
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

#header h1 a:hover {
	text-decoration: none;
	}

#header h2 {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	}

#header p {
	color: #FFFFFF;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	line-height: 20px;
	}

.headerleft {
    width: 316px;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}

.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.headerright {
	width: 470px;
	float: right;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-weight: bold;
	}

.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	}
	
#rssicon {
float:left;
padding-top:20px;
padding-right:6px;
padding-left:16px;
}

/*HEADER CSS*/


/*SEARCHFORM*/
#searchform{
margin:0px 5px 0px 0px;
padding-right:10px; 
text-align:right;
}
#searchform form{
background:#000000;
padding:0px;
}
#searchform #searchsubmit{
border:none;
background:#000000;
color:#FFFFFF;
font-weight:bold;
padding:3px;
}
#searchform #s{
background:#EEEEEE;
width:150px;
color:#000000;
padding:3px;
border:1px solid #000000;
}
#searchform #s:hover{
background:#FFFFFF;
}
/*SEARCHFORM*/


/************************************************
*	Navbar      								*
************************************************/
#navbar {
	background: url(images/navbar.png) no-repeat;
	height: 72px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	font-weight: bold;
	margin-right:-20px;
    margin-left:-20px;
	margin-top:-5px;
	padding:10px;
	}

#navbarleft {
	width: 520px;
	float: left;
	margin: 0px;
	padding: 0px;
	}	

#navbarright {
	width: 280px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	}

#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#nav li {
	float: left;
	list-style: none;
	margin-top: -5px;
	padding: 0px;
	}

#nav li a, #nav li a:link, #nav li a:visited {
	color: #000000;
	display: block;
	font-size: 16px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: lowercase;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	}

#nav li a:hover, #nav li a:active {
	color: #000000;
	padding: 9px 15px 8px 15px;
	text-decoration: underline;
	}

#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #555555;
	width: 150px;
	color: #000000;
	font-size: 14px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: lowercase;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	}

#nav li li a:hover, #nav li li a:active {
	background: #777777;
	color: #000000;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 171px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}

/*TWITTER CSS*/
#twitter {
width:800px;
height:227px;
background: #e6e6e6 url(images/twitter.png);
background-position:top;
background-repeat:no-repeat;
text-align:right;
margin-top:-40px;
}

.twitterright {
width: 400px;
float: right;
margin: 0px;
padding:55px 125px 0px 0px;
font-weight: bold;
}
/*TWITTER CSS*/

/*CONTENT*/
#content{
padding-bottom:10px;
padding-left:4px;
padding-right:10px;
padding-top:10px;
margin-top:-30px;
margin-right:6px;
float:right;
width:530px;
margin-bottom:10px;
text-align:justify;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background:#FFFFFF;
}
#myblock {
width:51px;
height:57px;
text-align:center;
float:left;
color:#28ff00;
font-size:13px;
font-weight:bold;
margin:0px;
margin-top:-15px;
margin-right:10px;
padding-top:4px;
padding-left:5px;
}
.datex {
	width: 525px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

.dateleftx {
	width: 275px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

.daterightx {
	width: 245px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

.time {
	background: #FFFFFF url(images/icon_time.png) no-repeat top left;
	margin: 0px 0px 0px 3px;
	padding: 2px 0px 0px 20px;
	}

.icomment {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
#postheader {
	padding:5px;
}

#postheader h2 {
	letter-spacing:-1px;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;
	}

#postheader h2 a:hover {
	text-decoration:underline;
}

#postheader a {
	color:#156007;
	text-decoration:none;
	font-weight:bold;
}

#postheader #postdetails a:hover {
	border-bottom: 1px dotted #156007;
}
small{
border-top:1px solid #c9c9c9;
border-bottom:1px solid #c9c9c9;
display:block;
padding:5px 0px 5px 0px;
margin-top:5px;
}
.post{
margin-bottom:10px;
margin-left:6px;
}
.entry{
text-align:justify;
line-height:1.4em;
}
.entry p{
line-height:1.4em;
}
.postmetadata{
border-bottom:1px solid #c9c9c9;
background:#EEEEEE;
text-align:center;
padding:4px;
}
blockquote{
margin:10px;
padding:20px 5px 0px 5px;
border:1px solid #c9c9c9;
text-align:left;
background:#FFFFFF url(images/quote.gif) top left no-repeat;
}
code{
border-bottom:1px dotted #c9c9c9;
}
/*CONTENT*/

/*NAVIGATION*/
.navigation{
width:530px;
padding:20px 0px 20px 0px;

}
.navigation a{
border:1px solid #c9c9c9;
padding:5px;
margin:5px 5px 5px 0px;
font-weight:bold;
}
.beforeafterlink{
text-align:center;
border-top:1px solid #c9c9c9;
border-bottom:1px solid #c9c9c9;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
margin:10px;
width:518px;
}
/*NAVIGATION*/



/*SIDEBAR*/
#sidebar{
padding:0px;
float:left;
width:240px;
margin-bottom:10px;
}
#sidebar table{
width:100%;
text-align:center;
}
#sidebar table th,td{
border:1px solid #CCCCCC;
}
#sidebar table a{
color:#FF0000;
}
#sidebar h2{
	background:url(images/sidebar.png) no-repeat top;
	padding: 10px;
	font-size:14px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:right;
}
#sidebar ul, #sidebar ul ol{
margin:0;
padding:0;
}
#sidebar ul li{
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
}
#sidebar ul ul, #sidebar ul ol{
margin:5px 0 0 0px;
}
#sidebar ul ul ul, #sidebar ul ol{
margin:0 0 0 10px;
}
#sidebar ul ul li, #sidebar ul ol li{
margin:3px 0 0;
padding:0;
}
/*SIDEBAR*/
/*SIDEBAR SINGLE*/
#sidebarsingle{
padding:10px;
float:left;
width:240px;
margin-bottom:10px;
border-top:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
border-bottom:1px solid #c9c9c9;
}
#sidebarsingle table{
width:100%;
text-align:center;
}
#sidebarsingle table th,td{
border:1px solid #CCCCCC;
}
#sidebarsingle table a{
color:#FF0000;
}
#sidebarsingle h2{
border-bottom:1px solid #c9c9c9;
padding-bottom:2px;
text-align:right;
}
#sidebarsingle ul, #sidebarsingle ul ol{
margin:0;
padding:0;
}
#sidebarsingle ul li{
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
}
#sidebarsingle ul ul, #sidebarsingle ul ol{
margin:5px 0 0 0px;
}
#sidebarsingle ul ul ul, #sidebarsingle ul ol{
margin:0 0 0 10px;
}
#sidebarsingle ul ul li, #sidebarsingle ul ol li{
margin:3px 0 0;
padding:0;
}
/*SIDEBAR SINGLE*/


/*FOOTER*/
#footer {
	width: 800px;
	height: 200px;
	padding:0px;
margin:0px auto;
    background: #e6e6e6 url(images/footer.png);
    background-repeat:no-repeat;
	clear:both;
	}

#footer p {
	color: #000000;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	line-height: 20px;
	}

.footerleft {
    width: 316px;
	float: left;
	margin-top: 65px;
	padding: 0px;
	}

.footerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.footerright {
	width: 470px;
	float: right;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	}

.footerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	}
/*FOOTER*/


/*COMMENT*/
.extratitle {
background-color:#f1f1f1;
padding:5px;
margin-bottom:10px;
position:relative;
height:21px;
font-weight:bold;
padding-top:10px;
}

.extratitlebutton {
position:absolute;top:7px;right:4px;
width:100px;
height:18px;
font-weight:bold;
background-color:#999999;
text-align:center;
border:1px solid #dddddd;
color:#f1f1f1;
padding-top:2px;
-moz-border-radius: 11px;
}

.extratitlebutton:hover { background-color:#444444 }

.extratitlebutton a,.extratitlebutton a:visited { color:#f1f1f1 }
.extratitlebutton a:hover { text-decoration:none;color:#ffffff }

.comment-container{
	width: 530px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	background-repeat:repeat-x
}

.comment-left{
	float: left;
	clear: left;
	width: 72px;
	text-align: center;
	color: #666666;
	font-size: 0.834em;
	overflow: hidden;
	background-color:transparent;
	border-top:1px solid #eeeeee;
	padding:10px;
	padding-top:15px;
}

.comment-right{
	float: left;
	clear: right;
	width: 400px;
	overflow: hidden;
	padding-left:10px;
	background-color:#fff;
	border-top:1px solid #eeeeee;
	padding-top:15px;
}

.comment-header{
	width: 330px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: italic;
	color: #666;
	font-size: 1.167em;
}

.comment-header a:link,
.comment-header a:visited{
	font-style: normal;
	color: #333;
	font-size: 1.417em;
}

.comment-header a:hover{
	color: #555;
}

.comment-header .comment-number{
	font-weight: bold;
	font-style: italic;
	color: #333;
	font-size: 1.167em;
}

.comment-content{
	text-align: justify;
	line-height: 1.834em;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
}

.comment-content p{
	padding: 0px 0px 15px 0px;
}

.comment-content a,.comment-content a:visited,.comment-content a:link { color:#1e6575 }

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0px 0px 15px 0px;
}

.comment-content blockquote{
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 15px 0px;
	background: #EEE;
	font-style: italic;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	color: #777;
}

.comment-content ul,
.comment-content ol{
	padding: 10px 10px 10px 30px;
	background: #f9f9f9;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #777;
}

.comment-content ul{
	list-style-image: none;
	list-style-type: disc;
}

.comment-left img{
	padding: 3px;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0px 0px 5px 0px;
}

.comment-textarea, .textarea{
	padding:5px;
	border:1px solid #eeeeee;
	background-color:#ffffff;
  -moz-border-radius: 10px;
}

.comment-textarea {	width: 500px;}

.comment-textarea:focus,.textarea:focus {
	border:1px solid #dddddd;
}

.comment-input {
	width: 300px;
	padding:5px;
	overflow: hidden;
	border:1px solid #eeeeee;
	background-color:#fff;
  -moz-border-radius: 10px;
}

.comment-input:focus {
	border:1px solid #dddddd;
}

.commentsform_title {
background:#eeeeee;
padding:5px;
border:1px solid #dddddd;
width:50px;
float:left;
color:#222222;
font-size:11px;
}

.comment-button { 
font-size:12px;
font-family:verdana;
font-weight:bold;
background-color:#888888;
text-align:center;
border:1px solid #dddddd;
color:#fff;
padding:15px;
padding-top:5px;
padding-bottom:5px;
-moz-border-radius: 5px;
}

/* for thread comments */
.comment-childs {
margin:5px;
padding:5px;
background-color:#fff;
border:1px solid #dddddd;
-moz-border-radius: 4px;
}

.comment-childs cite { margin-right:10px; }

/*COMMENT*/	

/*RATING*/	
.linklist{
clear:both; 
font-family:arial, sans-serif;
}  
.linklist li{
clear:both; 
overflow:hidden; 
display:block; 
margin-bottom:5px; 
padding:10px; 
background:#F3F3F3; 
font-size:12px; 
border:1px solid #DDD;
}  
.linklist h3{
margin-bottom:12px;
}  
.linklist h4{
clear:both;
font-weight:bold;
font-size:12px;
}  
.linklist h4 a{
text-decoration:none; 
color:#191919;
}  
ul.linklist li p{
padding-bottom:5px; 
margin:5px 0px; 
padding:0; 
color:#333;
}  
.link-rating{
clear:both; 
margin:0;
}  
.link-rating img{
width:20px; 
height:20px; 
margin:0; 
padding:0;}
/*RATING*/	

/*FOLLOWME*/
#followme{position:fixed;top:25%;left:0;}
#followme a{width:90px;display:block;background:url(images/followme.png) no-repeat 0 0;}
#followme a.followme{height:120px;}
#followme a:hover.followme{background-position:-5px;}
/*FOLLOWME*/

#totop {
	clear: both;
	width:800px;
	text-align:right;
	margin-bottom:-25px;
}