@charset "utf-8";

/*
Theme Name: Blue Elegant
Theme URI: http://www.permanaj.net/
Description: The elegant blue theme for permanaj.net.
Version: 1.0
Author: Permana Jayanta
Author URI: http://www.permanaj.net/
Tags: blue, grey, fixed width, two columns, widgets

	Blue Elegant v1.0
	 http://www.permanaj.net

	This theme was designed and built by Permana Jayanta,
	whose blog you will find at http://www.permanaj.net/

*/

body{
	background: #FFF url(images/body-bg.png) repeat-x left top;
	margin:0;
	padding:0;
	font: 13px/1.5 "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
}
small, label{
	font: 11px Tahoma, Geneva, sans-serif;
	color: #5f7483;
}
a{text-decoration: none;}
a:hover{text-decoration: underline}

/* Another class
------------------*/
.line-spacer{height:20px;}
.inputHoverClass{background-color:#cedbe3;}
.alignleft{float:left;}
.alignright{float:right;}

/* Header
------------*/
#header{height: 125px;}
#header h1{margin:5px 0 0 0;}
#header h1, #header h1 a{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #d5e5f0;
	font-weight: normal;
	font-size: x-large;
	text-decoration:none;
	text-shadow:1px 1px 1px #04131F;
}
#header h1 a:hover{color:#c3de8f;}

/* Nav Tab 
---------------*/
.navtab, .navtab li{float: left;}
.navtab li a{
	color: #d5e5f0;
	font-size:12px;
	line-height: 3em;
	display: block;
	text-align: center;
	float:left;
	height:40px;
	padding:0px 8px;
    text-decoration: none;
	text-shadow:1px 1px 1px #04131F;
}
.navtab li.active a, .navtab li a:hover, .navtab li.current_page_item a {
	color: #223d51;
	text-decoration: none;
}
.navtab li a:hover, .navtab li.active{
	background: #c3de8f url(images/menu-bg.png) repeat-x left top;
	text-shadow:none;
}
.navtab li.active a{
	color:#142C3F;
	text-shadow:1px 1px 1px #E0E9EF;
}
.navtab  { list-style: none; margin: 0px; padding: 0px;}
.navtab li { padding: 0px ; margin: 0px 1px 0 0; display: inline; line-height: 14px; }

/* Content
------------*/
#content{padding:0 -10px 0 0;}

/* Sidebar
-------------*/
#sidebar{
	background-color:#e0eaf0;
	color:#223d51;
	font: 0.85em 'Lucida Sans Unicode','Lucida Sans', Verdana, sans-serif;
	margin: 15px 0;
	padding-bottom:10px;
}
#sidebar ul{list-style:none;padding:0;margin:0;}
#sidebar a{color:#223d51;}
.widgettitle{
    font: 1.5em Arial,'Times New Roman',times,serif;
	font-weight:bold;
	border-bottom: solid 1px #5f7483;
	text-shadow:1px 1px 1px #fff;
}
.widget{
	width:280px;
	margin:0px 10px 0px 10px;
}

/* FORM element
-----------------------*/
input,textarea{font: 13px "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
.mytextfield{
	border:solid 1px #627685;
	background-color:#fff;
	padding:4px;
}
.commentline{
	padding:4px;
	margin-top:0;
	margin-bottom:0;
}
.commentfield{
	width:200px;
}
.mytextarea{
	width:520px;
}
#searchform{padding:5px 5px 8px 5px;}
#searchbox{width:260px;}

/* FOOTER style 
------------------------*/
#footer, #footercontent{height:136px;}
#footer{background: #344e61 url(images/footer-bg.png) repeat-x left top;}
#footercontent{
	margin:0 auto;
	width:940px;
	padding-top: 15px;
	height: 85px;
}
#footercontent p{
	margin: 3px 0;
	color:#7a96ab;
	text-shadow:1px 1px 1px #101010;
}
#footercontent a{
	color:#FFF;
	text-decoration:none;
}
#footercontent a:hover{color:#c3de8f;}

/* POST style
------------------------*/
.post{margin-bottom:20px;}
.post a{color:#223d51;}
.post h2 a, .post h3 a{display:block}
.post h2 a, .post h3 a{
	color:#223d51;
	text-decoration:none;
	border-bottom:solid 1px #5f7483;
	padding:0;
	text-shadow:1px 1px 1px #fff;
}
.post h2{margin-bottom:5px;}
.post h2 a{font:bold 1.4em Arial,Tahoma,sans-serif;}
.post h3 a{font:bold 18px Arial,Tahoma,sans-serif;}
.post h2 a:hover, .post h3 a:hover{background-color:#f0f0f0;}
.entry{
	color:#223d51;
	text-align:justify;
}
.entry a{background-color:#eefcd3;}
.entry a:hover{background-color:#eefcd3;}
.entry h1,.entry h2, .entry h4
{border-bottom:solid 1px #5f7483;}
.entry h1{font-family: 'Lucida Bright',Georgia, Times, serif;font-weight:400;}
.entry h2{font-family: 'Lucida Sans Unicode','Lucida sans',Georgia, Times, serif;}
.entry h4{font-family: Georgia, Times, serif;font-weight:bold;}

a.more-link, .navigation .alignleft a, .navigation .alignright a, #cancel-comment-reply-link
{color:#e0eaf0; background-color:#223d51;text-decoration:none;padding:4px;font-weight:lighter;text-shadow:1px 1px 1px #00090F;}

a.more-link:hover, .navigation .alignleft a:hover, .navigation .alignright a:hover
{color:#c3de8f;background-color:#223d51;}

.single-navigation, .single-navigation *
{color:#5f7483;background-color:#f0f0f0;text-decoration:none;font-weight:lighter;margin: 0.83em 0;}

.postmetadata{
	border-top:solid 1px #5f7483;
	display:block;
	padding:5px 2px;
	background-color:#f0f0f0;
}

.ulmenu ul li{margin:0.3em 0;}

/* COMMENTS style
------------------------*/
#respond h3, #comments{font-weight:normal;color: #223d51;}
.cancel-comment-reply{margin-bottom:20px;}
.comment{
	margin-bottom:15px;
	padding:10px;
	list-style-type:none;
	background-color:#f0f0f0;
}
.commentlist a, .fn *{color:#223d51;}
.commentlist{padding-left:0}
.fn, .fn *{font-weight:bold;font-style:normal;}
.commentmetadata, .commentmetadata a{
	font-size:11px;
	color:#5f7483;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.reply{border-top: solid 1px #223d51;}
.reply a{
	margin:auto 0 0 8px;
	padding:0 3px;
	background-color:#223d51;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.bypostauthor{background-color:#e0fea6;}

/* ICON style */
.icon{
	background-position:left center;
	line-height:1.5em;
	margin:5px 0;
	padding:0 0 0 20px;
}
.folder{background: transparent url(images/folder.png) no-repeat;}
.label{background: transparent url(images/tag_green.png) no-repeat;}
.feed{background: transparent url(images/feed.png) no-repeat;}
.comment-add{background: transparent url(images/comment_add.png) no-repeat;}
.calendar{background: transparent url(images/calendar.png) no-repeat;}
.delicious{background: transparent url(images/delicious.gif) no-repeat;}
.technorati{background: transparent url(images/technorati.gif) no-repeat;}
.digg{background: transparent url(images/digman.gif) no-repeat;}
.globe-16{background: transparent url(images/globe_16.png) no-repeat;}
.lightbulb{background: transparent url(images/lightbulb.png) no-repeat;}

/* jQuery UI Tabs */
.ui-tabs-panel{
	height: 250px;
	overflow: auto;
}