/*
Theme Name: Muskas Enterprise
Theme URI: http://www.muskas.com
Description: Muskas Wordpress Theme based on White Bean WP Framework
Version: 1.0
Author: Fazlee Rezuan
Author URI: http://www.fazleerezuan.com/
*/


/* Import external stylesheet */
@import url('reset.css');

/* Common HTML tags */
body
{
	background:#fff;
	background:transparent url(images/bg-back.jpg) repeat-x;
	font: 76%/115% arial,verdana,georgia;
	text-align:left;
	line-height:20px;
	color:#000;
}

acronym
{
	cursor:help;
}

blockquote
{
	border-left:3px solid #ccc;
	padding-left:10px;
	margin-bottom:10px;
	font-style:italic;
	color:#666;
}

code
{
	font-family:verdana, arial, georgia;
	font-size:1em;
	background:#ffffcc;
	border-bottom:1px solid #ccc;
	overflow:scroll;
	padding:2px;
}

cite
{
	
}

abbr
{
	cursor:help;
}

/* Wrapper & Container */
#wrapper
{
	width:950px;
	margin:0 auto;
	margin-top:0px;
	background:transparent url(images/bg-content.jpg) no-repeat;
	padding:10px 15px;
		
}

#content-bg
{
    background:transparent url(images/bg-pattern.jpg) no-repeat;
    background-position:center top;
    padding:10px 0;
    margin:0;
}

/* Header */
#header
{
	background:transparent url(images/logo-deamans.png) no-repeat;
	background-position:10px -10px;
	height:90px;
	width:333px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}

#header h1, #header p
{
	text-indent:-9999px;
}

#header h1 a
{
	display:block;
	width:333px;
	height:90px;
}


/* Navigation */
/*#navigation
{
	padding:5px 0;
	background-color:#E1E2E2;
	margin-bottom:5px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#navigation ul li
{
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:2px;
	letter-spacing:1px;
}

#navigation ul li a
{
	color:#000;
	padding:4px 6px;
}

#navigation ul li a:hover
{
	color:#fff;
	background:#1882E0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}*/

#navigation
{
	padding:5px 0;
	margin-bottom:5px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	width:590px;
	float:left;
	margin-top:40px;
	margin-left:25px;
}

#navigation a {
	color:#000;
}

#navigation a {
	text-decoration: none;
}

#navigation li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 2px 10px 2px 5px;
}

#navigation li li a:hover {
	padding: 2px 10px 2px 5px;
}

#navigation ul li a
{
	color:#000;
	padding:2px 10px 2px 5px;
}

#navigation ul li a:hover
{
	color:#333;
	background:#e0e0e0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
}

#navigation ul li li a:hover
{
	color:#F07826;
	border-bottom:0px solid #414142;
	/*background:#1882E0;*/

}
/* ---------------- */

#navigation li {
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:0px;
	letter-spacing:1px;
}


#navigation li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color:#A3DDFF;
	padding: 0px 0 1em 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	padding-top:10px;
}

#navigation li>ul {
	top: auto;
	left: auto;
}

#navigation li li {
	list-style:circle;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	background:transparent url(images/arrow.png) no-repeat;
	background-position:2px 7px;
	padding-left:10px;
	padding-right:10px;
}

#navigation li:hover ul, li.over ul {
	display: block;
	color:#fff;
}

/* -------------------- */
#splash
{
	/*background:transparent url(images/splash01.jpg) no-repeat top;*/
	height:231px;
	width:917px;
}


/* Content */
#content
{
	margin:20px 0;
}

#content li
{
	margin-left:25px;
}

#content p
{
	margin-bottom:10px;
}

	
#perkhidmatan
{
	float:left;
	width:200px;
	padding:10px;
	background:#f2efef;
	margin-right:12px;
	height:220px;
	font-size:11px;
}

#projek
{
	float:left;
	width:200px;
	padding:10px;
	background:#f2efef;
	margin-right:12px;
	height:220px;
	line-height:18px;
	font-size:11px;
}

#pengenalan
{
	float:left;
	width:200px;
	padding:10px;
	background:#f2efef;
	margin-right:12px;
	height:220px;
	font-size:11px;
}

#berita
{
	float:left;
	width:200px;
	padding:10px;
	background:#80C4E1;
	height:220px;
	font-size:11px;
}

#perkhidmatan ul, #projek ul, #pengenalan ul, #berita ul
{
	margin-top:3px;
}

#perkhidmatan li, #projek li, #pengenalan li, #berita li
{
list-style:square;
	margin-left:16px;
	padding:2px 2px;
}

#perkhidmatan ul li a, #projek ul li a, #pengenalan ul li a, #berita ul li a
{
	padding-left:-15px;
	color:#333;
}

#perkhidmatan ul li a:hover, #projek ul li a:hover, #pengenalan ul li a:hover, #berita ul li a:hover
{
	color:#0478B6;
}

#berita ul li
{
list-style:square;
color:#000000;
margin-left:20px;
}

#berita li
{
margin-left:0;
}
/* Entries */
#post
{
	width:550px;
	float:left;
	margin-right:18px;
	border-right:1px solid #eee;
	padding:0 20px 60px 0;
	text-align:justify;
}

.posts
{
	padding-bottom:10px;
}

/* Entries */
#entry-info
{
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	font-variant: small-caps;
	font-size:1.2em;
}

#cat-info
{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.hentry
{
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
	margin:15px 0 10px 0;
}

.posts ul li, #related-entries ul li
{
	/*background:transparent url(images/bullet.png) no-repeat 0 0.6em;*/
	list-style:square;
	line-height:175%;
	margin-left:16px;
	padding-left:16px;
	margin-bottom:10px;
	color:#666;
	margin-right:-10px;
}

.posts ol li
{
	list-style: decimal;
	margin-left:3px;
	padding-left:3px;
	font-size:1.2em;
	color:#444;
	line-height:175%;
	margin-bottom:10px;
	color:#666;
}

.entry-title a
{
	font-family:arial,georgia,verdana;
	font-weight:normal;
	font-size:2em;
	line-height:30px;
	color:#F73C0A;
}

.entry-title a:hover
{
	color:#333;
}

.metadata
{
	color:#666;
	padding:0 0 4px 0;
	line-height:normal;
}

.metadata a
{
	color:#F73C0A;
	border-bottom:1px dotted #ccc;
}

.entry-meta p
{
	margin-top:5px;
}

.entry-text
{
	
}

.entry-text p
{
	margin:10px 0;
	font-size:1.1em;
	line-height:175%;
	color:#444;
}


#postmetadata
{
	padding:5px 0;
	margin-top:20px;
	border-top:1px dotted #eee;
}

.metadata
{
	margin-top:20px;
}

img.avatar
{
	width:50px;
	height:50px;
	float:left;
	margin:5px 10px 2px 0;
}

img.wp-smiley
{
	vertical-align:bottom;
}

.separator
{
	height:20px;
}

#social ul
{
	margin:10px 0;
}

#social ul li
{
	margin-bottom:5px;
}

#social ul li a
{
	padding:1px 0 0 20px;
}

#twitter a
{
	background:transparent url(images/twitter.png) no-repeat left bottom;
}

#facebook a
{
	background:transparent url(images/facebook.png) no-repeat left bottom;
}

#technorati a
{
	background:transparent url(images/technorati.png) no-repeat left bottom;
}

#flickr a
{
	background:transparent url(images/flickr.png) no-repeat left bottom;
}

.left-box
{
	width:265px;
	float:left;
	margin-top:10px;
}

.right-box
{
	width:265px;
	float:left;
	padding-left:20px;
	margin-top:10px;
}

.arkib a
{
	width:550px;
	text-align:center;
	color:#fff;
	background:#000;
	display:block;
	padding:5px 0;
	margin-top:40px;
	-moz-border-radius:3px;
	border:none;
	font-variant:small-caps;
	letter-spacing:2px;
	font-size:1.2em;
}

.arkib a:hover
{
	background:#999;
}

/* Asides, baby! */
.asides
{
	border-top:1px solid #eee;
	padding-top:20px;
	margin-bottom:10px;
}

.asides p
{
	border-left:3px solid #F73C0A;
	padding-left:10px;
	line-height:200%;
}

h2
{
	text-transform:uppercase;
	font-size:1.2em;
	color:#330000;
	margin-bottom:7px;
}

h3
{
	text-transform:uppercase;sp
	font-size:1.2em;
	color:#000;
	padding-left:15px;
	margin-top:10px;
}

.hentry
{

}

#first-post
{
	margin-top:20px;
}





.entry-excerpt
{
	margin-bottom:10px;
}





/* Pages */
#pages
{
	padding-bottom:20px;
	border-top:1px solid #eee;
}

#the-content
{
	padding:10px;
	width:640px;
	margin-left:20px;
	float:left;
	text-align:justify;
}
/* Comments */

#related-entries
{
	margin-top:20px;
	padding-top:5px;
}


#recent-posts
{
	text-indent:-9999px;
	background:transparent url(images/sidebar-head.png) no-repeat;
	height:25px;
	width:180px;
	margin-left:-5px;
	background-position:0 -95px;
}

/* Comments */
#comment-area
{
	width:550px;
	float:left;
	margin-top:10px;
}

#comment-area img.avatar
{
	width:40px;
	height:40px;
	float:right;
	padding:1px;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	margin:-25px 0 0 5px;
	background:#fff;
}

#comment-area label
{
	margin-top:-10px;
}

#comment-area input
{
	padding:3px 0;
	border-bottom:1px dotted #999;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:150px;
}

html>body #comment-area input
{
	margin-bottom:10px;
	padding:3px 0;
	border-bottom:1px dotted #999;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:150px;
}

html>body #comment-area input:hover
{
	background:#ffffcc;
}

#comment-area input:focus
{
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#ffffcc;
}

input#submit
{
	width:250px;
	background:#000;
	color:#fff;
	border:1px dotted #ccc;
}

html>body input#submit
{
	width:200px;
	background:#eee;
	color:#333;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
}

html>body input#submit:hover, html>body input#submit:focus
{
	background:#eee;
}

#commentform label
{
	margin-top:-20px;
}

#comment-area textarea
{
	width:540px;
	height:133px;
	margin-top:10px;
	padding:5px;
	border:1px dotted #999;
}

html>body #comment-area textarea
{
	width:538px;
	height:133px;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	border:1px dotted #999;
}

html>body #comment-area textarea:hover
{
	background:#ffffcc;
}

#comment-area textarea:focus
{
	border:1px solid #ccc;
	background:#ffffcc;
}

.comment-author
{
	border-top:1px solid #eee;
	padding:10px 0;
	margin-top:10px;
}

.comment-text
{
	margin-top:10px;
	border-bottom:1px dotted #ccc;
	padding:5px 0 10px 0;
	margin-bottom:10px;
}

.comment-text p
{
	margin-bottom:5px;
}

#respond
{
	margin-top:10px;
}

/* Links */

#header a, .posts a, #comment-area a, #footer a, #social a, .left-box a, .right-box a, #pagination a
{
	color:#226487;
}

#header a:hover, .posts a:hover, #comment-area a:hover, #footer a:hover, #social a:hover, .left-box a:hover, .right-box a:hover, #pagination a:hover
{
	color:#226487;
}

.category a
{
	color:#999;
}

/* Sidebar */
#sidebar
{
	width:213px;
	float:left;
	padding-right:10px;
	line-height:16px;
	background-color:#CBEDFF;
}

#sidebar ul
{
	margin-top:0px;
	margin-left:-10px;
}

#sidebar ul li
{
	/*border-bottom:1px solid #E2E2E2;*/
	padding:5px 5px;
}

#sidebar-splash
{
	/*background:transparent url(images/side_img.jpg) no-repeat;*/
	height:200px;
	width:223px;
	margin-top:0px;
	margin-bottom:10px;
}

ul#links li
{
	margin-bottom:8px;
	color:#999;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

#register ul
{
	margin-top:0;
}

.widget
{
	margin-bottom:40px;
}

ul#links
{
	height:400px;
	overflow:auto;
	border:3px solid #eee;
	padding:10px;
}


#sidebar img
{
	margin-bottom:0;
}

#sidebar a
{
	color:#49A5D6;
}

#sidebar a:hover
{
	color:#000;
}

#sidebar li:hover, #sidebar a:hover
{
	color:#000;
	background-color:#ABE2FF;
}

/* Pagination */
#pagination
{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:15px 0;
	margin-bottom:10px;
}

.next a,.previous a
{
	color:#F73C0A;
}

.next a:hover,.previous a:hover
{
	color:#000;
}

/* Footer */
#footer
{
	border-top:0px solid #eee;
	padding-top:10px;
	margin:0 0 20px 0;
	font-size:11px;
	width:900px;
}

.rss input
{
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	margin:10px 0 15px 0;
	padding:3px;
	width:187px;
}

input#rss-submit
{
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	margin-bottom:5px;
	padding:3px;
	width:100px;
	background:#000;
	color:#333;
	margin-top:-5px;
	background:#eee;
}

#rss-count
{
	float:right;
	margin:-30px 70px 0 0;
}

#register input
{
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	padding:2px;
	width:244px;
	margin:3px 0 8px 0;
}

input#submit-button
{
	width:100px;
	padding:10px;
	float:left;
	margin:0 10px 0 0;
}

#register label
{
	font-family:arial,georgia,verdana;
	text-transform:uppercase;
	font-size:0.8em;
	color:#999;
}

.rss input:focus, #register input:focus
{
	border:1px solid #ccc;
}

/* Images */

.alignleft
{
	float:left;
	margin:5px 10px 2px 0;
}

.alignright
{
	float:right;
	margin:10px 0 2px 10px;
}

.aligncenter
{
	padding:4px;
	border-top:1px solid #eee;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
	border-right:1px solid #ccc;
}

.alignnone
{

}

.highlight
{
	border-bottom:1px solid #eee;
	color:#444;
	background:#ffffcc;
}

/* Floating matters */
.left				{float:left;}
.right				{float:right;}
.clear				{clear:both;}

/* Aligning */
.align-left			{text-align:left;}
.align-right		{text-align:right;}
.justify			{text-align:justify;}

/* End Of File */