/* 
 Theme Name: Selama Lite
 URI: http://www.shutterspeaks.com/
 Description: My second theme for wordpress, 3 columns with built-in support for some plug-ins and heavily customizable.
 Version: 0.2L
 Author: Nuzul Hayat Arbain (nuzul.hayat@gmail.com)
 Author URI: http://www.shutterspeaks.com/
 Blah: You are allowed to modify this file, but it's nice if you let me know ;-)
 */

body {
	margin: 0 auto;
	background: #222;
	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
}

a {
	color: steelblue;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	color: #333;
	border-bottom: dotted 1px #f0f;
	}
	
/* columns position */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* html #container { width: 990px } /* IE hack */

div#container {
	float: left;
	width: 985px;
}

div#content {
	margin: 0 395px 0 0;
background: #fff;
}

div.sidebar {
	float: left;
	overflow: hidden;	
background: #fff;
}
div#sb-first {
	margin: 0 0 0 -400px;
	width: 195px;
}
div#sb-second {
	margin: 0 0 0 -200px;
	width: 200px;
}

div#footer {
	clear: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* end columns position */

#header, #ad_bar, #menubar {
	color: #222;
	font-family: "Trebuchet MS";
	font-size: 3.2em;
	width: 985px;
	padding: 5px 0px 5px 10px;
	height: 60px;
	border-top: solid 2px #ccc;
	background: #fff;
	border-bottom: solid 2px #222;
	position: relative;
	margin: 0 auto;
	vertical-align: middle;
}

#ad_bar{
	height: 115px ;
}
#menubar {
	padding: 10px 0px 10px 10px;
	height: 10px;
	border-bottom: solid 10px #222;
	}

#wrapper-middle {
	width: 985px; /* controls the main width of the page, if changed also change #content and .sidebar */
	text-align: left;
	background: #fff;
	padding-left: 10px;
	margin: 0 auto;
	}

#content {
	width: 590px;
	float: left;
	display: inline;
	overflow: auto;
	}

.sidebar {
	float: right;
	overflow: hidden;
	display: inline;
}

#sb-first	{
	clear: right;
	}

#sb-second {
	margin-top: 20px;
	}

#footer, #sk2-footer {
	background: #fff;
	border-top: 1px dotted black;
	width: 985px;
	padding-right: 10px;
	margin: 0 auto;
	}

#footer-content, #sk2-footer {
	color: #222;
	background: #fff;
	vertical-align: middle;
	padding-right: 10px;
	}
	
#footer-validator, #footer-copy {
	display: inline;
	}

/* header */

#header a {
	color: #222;
	}

#header a:hover {
	color: #0063dc;
	}
		
#header .description {
	font-size: 12px;
	clear:left;
	position: absolute;
	bottom: 0px;
	padding:0 3px 0 3px;
	}
	
.img_header {
	border: none;
	position: absolute;
	bottom: 3px;
	}	
	
#flickr { 
	float: right;
	padding-right: 10px;
	height:62px;
	}
	
div.blog-title { float: left; }

#flickr a img, .flickrimg {
	border: none;
	padding: 1px;
	}
	
/* Menus */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 400px;
	background: transparent;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}
	
ul.menu li a {
	padding: 0px 10px 0px 10px;
    display: block;
    font-size: 0.3em;
    float: left;
    line-height: 2;
	}

ul.menu li
{
    border-top: #fff 4px solid;
    float: left
}

ul.menu li a:hover {
	background: #222;
	color: #eee !important;
	text-decoration: none;
	border: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #fff !important;
	background: #222;
	text-decoration: none;
	}

ul.menu li.current_page_item {
	border-top: 4px solid #ccc;
	}

#searchform {
	margin: 0;
	padding: 0;
	position: absolute;	
	bottom: 0;
	right: 5px;
	float: right;
	}

/* main content */

.entry-data {
	background: url(images/post_sep.gif) no-repeat center bottom;
	}
	
.entry-data, #comments, .navigation {
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 10px;
	overflow: auto;
	}
	
.entry-data h2, .entry-data h2 a {
	font-size: 20px;
	color: #333;
	margin: 10px 0 0;
	}

.entry-title a:hover {
	color: navy;
	}
		
.entry-content a, .entry-content a:link, .entry-content a:visited, .entry-content a:active {
	color: #4f9cef;
	text-decoration: none;
	}

.entry-content a.more-link {
	background: #fff;
	padding-left: 0px;
	}

.entry-content a:hover {
	color: #ff0084;
	border-bottom: solid 1px #f0f;
	}

.entry-content {
	padding-top: 10px;
	text-align: justify;
	} 

.entry-content blockquote {
	background: #fff url('images/stripe-blue.JPG') repeat;
	padding: 5px 4px 2px 15px;
	border-right: inset 1px #222;
	border-bottom: inset 1px #222;	
	}

.entry-content img, .entry-content canvas {
	margin: 0 auto;
	padding: 4px;
	display: block;
	max-width: 100%;
	}

.entry-content img {
	border: 1px solid #ccc;
	}

.entry-meta-data {
	text-align: justify;
	}	
		
.entry-date {
	padding: 2px 0 2px 20px;
	background: url('images/calendar.gif') left center no-repeat;
	}

.entry-editlink {
	padding: 2px 0 2px 20px;
	background: url('images/page_edit.gif') left center no-repeat;
	}

.entry-commentlink{
	padding: 2px 0 2px 20px;
	background: url('images/comments.gif') left center no-repeat;
	}

.entry-author{
	padding: 2px 0 2px 20px;
	background: url('images/user_suit.gif') left center no-repeat;
	}

.entry-category{
	padding: 2px 0 2px 20px;
	background: url('images/folder.gif') left center no-repeat;
	}

/* end main content */

/* comment */

.comment {
	background: url(images/stripe-blue.JPG);
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight: bold;
	background: url(images/stripe-blue.JPG)
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.commentbyauthor {
	background-color: #ddd;
	}
	 

#comments .commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}
	
/* end comment */

/* side bar content */

.sb-data {
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 10px;
	}

.sb-extra	 {
	text-align: justify;
	}
	
.sidebar h2 {
	font-size: 1.6em;
	}
	
#sb-first, #sb-first h2 {
	color: #222;
	}

#sb-first a:link, #sb-first a:active, #sb-first a:visited {
	text-decoration: none;
	color: #222;
	}
		
#sb-second a:link, #sb-second a:active, #sb-second a:visited {
	text-decoration: none;
	color: #222;
	}

#sb-first a:hover {
	color: #ff0084;
	}

#sb-second a:hover {
	color: #ff0084;
	}

.sidebar ul {
	list-style-type: none;
	list-style-image: none;
	margin: 6px 0 0;
	padding-left: 0;
	}

.sidebar ul ul {
	margin: 0 8px;
	}
	
.sb-feed li {	
	list-style: none inside url('images/feed.gif');
	}

.sidebar ul {
	margin-top: 5px;
	}
		
#sb-first .entry-meta-data a{
	color: #ff0084;
	}

#sb-first .entry-meta-data a:hover {
	color: #0063dc	;
	}

.center img{
	margin-left: 20%;
	margin-right: 20%;
	}
	
.faded {
	/*
	filter: alpha(opacity=30);
	opacity: 30%;
	-moz-opacity: 0.3;
	*/
	}
	
/* end side bar content */

/* footer */

#footer-copy { float: left; }
#footer-validator { float: right; }
#footer-content, #footer-content a {
	color: #222;
	}
	
#footer-validator a {
	padding-left: 20px;
	padding-right: 4px;
	background: url('images/feed.gif') no-repeat;
	}

#footer-content a:hover {
	color: #1e90ff;
	}
	
/* end footer */	

/* supplementary */

.red { 
	color: #f00; 
	}
	
.blue { 
	color: #00f; 
	}

.purple {
	color: #cc30c3;
	}

.pink {
	color: #ff0084;
}
	
.initHidden {
	margin: 0 auto;
	display: block;
	padding: 0;
	}
	
.navigation .alignleft {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .alignright {
	float: right;
	width: 50%;
	text-align: right;
	}
	
.entry-data .wp-smiley {
	border: none;
	display: inline;
	}
	
.sep {
	font-size: 1.2em;
	background: url(images/post_sep.gif) no-repeat center;
	}

/*	landing page */

#landing_page {
	background-color: #eee;
	padding: 2px 5px 2px 5px;
	margin-top: 5px;
	text-align: justify;
	border: 1px solid #ccc;
}

/*	blc */
.sb-comments-blc ul li span a, .sb-comments ul li small a {
	font-weight: normal;
	word-spacing: -1px;
	}

.sb-comments-blc ul li {
	margin-bottom: 6px;
}

.sb-comments-blc li a:hover {
	color: #0063dc !important
	}
	
.activityentry {
	font-size: 1.1em;
	}

div#brians-latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}
/* end blc */

/* end supplementary */


/* *** quick ref  ***

padding: top right bottom left
*/

/* 
	kalau ada sumur di ladang
	boleh saya menumpang mandi
	kalau ada umur yang panjang
	boleh kita berjumpa lagi
	
	sk rtbk pt, mibckk, sis, utm fsksm ac97, space sx041089 
*/

.comment {
border: solid 1px gray;
}