/*  
Theme Name: blue-getux-v2
Theme URI: http://getux.com/
Description: The Getux.com WordPress Theme
Version: 1.0
Author: andrew@e&studio
Author URI: http://www.andrew.getux.com/

Develop from the massivepress templates
Much of this CSS is Based on GridFocus by 5ThirtyOne.com
*/

/* if there is m inside like m:awal it's mean modif by awaludin */

/*general style*/
* {	margin:0;padding:0;}
/* m:awal html,body {background:url(images/bg-upper.png)repeat-x top;color:#333;text-align:center;} */
body {font: 12px Arial, Helvetica; color: #333;}
img {border: none;}
h1 { font-size:24px;}
h2 {font-size:22px;}
h2 a {color:#2A7DD1;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:10px;color:#7f7f7f;	padding-left:1px;	font-weight:400;}

/*links role*/
a {color:#29557A /*#333*/;	text-decoration:none;}
a:hover {color:#2A587D ;}

/*typography*/
/* masthead / footer - navigation and categories */
#wrapper {margin:0 auto; text-align:left;width:940px;padding-left:0px;padding-right:0px;}
#masthead {height:155px;	margin-top:0;overflow:hidden;}
#getux-logo {
	/* modif by:awaludin background:url(images/logo-getux.png)no-repeat center; */
	width:260px;
	height:100px;
	margin:8px auto 0px 0px;
	float:left;
	}
#getux-logo h1 a {color :#FFF;}
#authorBlurb {
	float:right; 
	margin: 30px 0px auto auto;
	width: 300px;
	color:#ffffff;
	}
#authorBlurb p {font-size:10px;}
#authorBlurb img{
	float:right;
	width:45px;
	height:45px;
	border:3px solid #000000;
	}
#authorIntro a{	font-weight:bold;} 
#authorBlurb h2 a {color:#FFFFFF;font-size:24px;font-weight:normal;}	
#authorIntro{
	line-height: 1.5em /*1.4em */;
	width:300px;
	float:right;
	margin:8px 0 0 0;
	}
#masthead h1 a {
	text-transform:uppercase;
	width:400px;
	float:left;
	margin:12px 0 0;
	}
#masthead h1 a em {
	font-style:normal;
	color:#555;
	}
/* navigation */
#nav {float: left; clear:both;width: 94%; position: relative; text-align: center; margin: 2px auto; padding: 0 3%;}
#nav ul {display: block; max-width: 900px; text-align: left; margin: 0 auto; list-style: none;}
#nav li {float: left; display: inline;padding-bottom: 4px;}
#nav li:hover{background:url(imges/nav_r.png)no-repeat center top;}
#nav a {float: left; margin: 3px 4px 0 0; padding: 4px 15px 4px 15px; color: #31363e; text-decoration: none;}
#nav a:hover {position: relative; background: #ccc; color: #202429;}
#nav #current a {position: relative; color: #fff;}
#nav li.current_page_item a {background:#ccc;padding-bottom: 4px;}

/* main - middle content and columns */
/* m:awal #mid {background:url(images/bg-mid-wrap.png) repeat-y center;padding:10px 15px;} */
#mid {background:url(images/bg-mid-wrap.png) repeat-y center;padding:10px 15px;}
/* m:awal #wrap-top {	background:url(images/bg-top-wrap.png) no-repeat top center;	height:11px; margin:0 auto; width:940px;} */
/* #wrap-top {} */
#wrap-bot {background:url(images/bg-bot-wrap.png) no-repeat top center;	height:11px; margin:0 auto; width:940px;}
#mainCol { float:left;margin:15px 10px 0 0;width:640px;overflow:hidden;}

/* style individual sidebars */
#midCol a {}
#midCol {
	color:#444; float:left;margin:15px 0 0 30px; 
	width:200px;
	line-height:1.3em;
	background: url(images/bg-modul.png) repeat-x top #FFFFFF;
	padding:10px;
	border:solid thin #DDDDDD;
	}
#midCol p {color:#777;}
#searchWrap,.middle_links {	margin-bottom:20px;}
#searchWrap input {	vertical-align:middle;}
#searchWrap #s {
	font-size:1.1em;
	border:1px solid #BBB;
	padding:1px 2px;
	margin-right:3px;
	width:170px;	
	}
#tertCol {
	float:left;
	width:205px;
	margin: 15px  0 0 5px; 
	border: solid thin #DDDDDD;   
	background: #FFFFFF; 
	padding:5px;
	} 
#tertCol p {	color:#777;}
#tertCol ul {	list-style:none;margin:8px 0 4px;}
#elseWhere {margin:0 0 20px;}
#elseWhere h3 {margin-bottom:5px;
	}

ul#imgLinks {	list-style:none;	margin:5px 0;	}
#imgLinks li {	color:#7F7F7F;	line-height:1.2em;padding:0 0 1px;list-style:none;	}
#imgLinks li a:hover img {	border-color:#DDD;}
#introIMG {	float:left;	margin:0px 8px 0 0;overflow:hidden;}
#introIMG img {
	background:url(images/shadow.gif) no-repeat right bottom;
	width:140px;
	height:140px;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
	}
.rss_links h3 {margin-bottom:5px;}
.rss_links {margin-bottom:20px;}
.rss_links ul li {
	background:url(images/rss.gif) no-repeat 0 3px;
	color:#7F7F7F;
	line-height:1.2em;
	border-top:1px solid #BBB;
	padding:3px 0 4px 16px;
	}
.user_links h3 {	margin-bottom:5px;	}
.user_links {margin-bottom:20px;}
.user_links ul li {
	background:url(images/user.gif) no-repeat 0 3px;
	color:#66B3FF;
	line-height:1.2em;
	border-top:1px solid #BBB;
	padding:3px 0 4px 16px;

	}
.user_links ul li:hover{background:#F7F7F7;	}
.user_links ul li a{	font-weight:bold;	}
.user_links ul li a:hover{color:#2A7DD1;}
#featured {	padding:2px;	}
#featured img{
	width:90px;
	height:90px;
	padding:4px;
	margin:-2px;
	border:1px solid #B6B6B6;
	}

#midCol ul {list-style:none;margin:8px 0 4px;}
.middle_links ul li {
	color:#7F7F7F;
	line-height:1.6em;
	border-top:1px solid #BBB;
	padding:3px 0 4px;
	}
.middle_links ul li:hover {background:#F7F7F7;}
.middle_links ul li a {color: #474747;}
.middle_links ul li a:hover {color:#2A7DD1;	}

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 400px; }
#right { float:left; width: 400px;  }
#topsidebar { width: 380px; padding:0 10px 0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
.lsidebar h2 { margin-bottom:10px; color:#4c4c4c;}
.rsidebar h2 { margin-bottom:10px; color:#4c4c4c; }
.lsidebar { float:left; width:160px; padding:5px; border:1px solid #dadada; background:#fff;}
.rsidebar { float:left; width:195px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:8px;}
 
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{list-style-type:none;}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block;padding-left:10px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}

/* wordpress entries styling - main content column */
#postMain {overflow:hidden;	margin-bottom:15px;}
.postMeta {
	background:url(images/dot.gif) repeat-x left center;
	text-transform:uppercase;
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
	}
.postMeta span.date {
	background:#FFF;
	color:#7F7F7F;
	padding:0 2px 0 4px;
	}
.postMeta span.comments {
	background:#FFF url(images/user.gif) no-repeat left center;
	padding-left:15px;
	margin-left:2px;
	}
.postMeta span.comments a,.postMeta span.date a {	color:#555;	}
.post {margin:0 0 10px;	}
.post h2 {line-height:1.2em; margin:10px auto 10px  0px;}
.post h2 a {	width:100%;display:block; outline:none;}
.entry h3 {
	margin:1em 0;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
} 
.post .entry {
	line-height:1.4em;
	overflow:hidden;
	}
.post .postmeta{background:#FBFBFB;border:solid thin #CCC; padding:2px;}

/*about content*/
.post .entry p {	margin:5px 0;}
.post .entry p a {color:#2A587D;}
.entry blockquote {
	padding: 10px;
	margin:10px 0px 10px 10px;
	border:1px dashed #C3C3C3;
	background-color:#F1F1F1 ;
	}
.entry blockquote blockquote{
	border:1px solid #cccccc;
	margin:4px;
	padding:2px;
	background-color:#eeeeee; }

.entry pre {font-family:monospace;font-size:10px;}
.entry ul {margin:0 1.3em; list-style-type:square;}
.entry li a { }
.entry ul li { padding-left:5px;margin-bottom:7px;}
.entry ol {margin:0 1em 0 3em;}
.entry ol li {margin:0 0 7px;}

/*modified by andrew*/
.entry img {
	background:url(images/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
	}
.entry img.centered {
	background:url(images/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
.entry img.alignright {
	float: right;
	margin:10px 0 0 10px;		
}
.entry img.alignleft {
	float: left; 
	margin:0 10px 10px 0;	
}
/*fitur tabel*/
.entry table tr {padding:15px 0;}
.entry table tr.alt {background:#eee;}

/* style pagination buttons */
#more_reading {
	color:#7F7F7F;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:15px;
	margin-top:15px;
	text-align:right;
	}
span.navback{
	width:25px;
	height:15px;
	display:block;
	float:right;
	background:url(images/arrow_prev.gif) top right no-repeat;
	cursor:pointer;
	}
span.navforward{
	width:25px;
	height:15px;
	display:block;
	float:right;
	background:url(images/arrow_next.gif) top right no-repeat;
	cursor:pointer;
	}

/* style me some comments and inputs */
#comments {padding:12px 0 0; border-bottom:solid thin #ccc;}
#comment {width:450px;overflow:auto;font:12px arial,helvetica,verdana,sans-serif;}
h2.commh2 {font-size: 1.4em !important;padding: 0 0 5px;color:#333 !important;	}
ol.commentlist {
	margin: 10px 0 10px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	}
ol.commentlist p {margin-bottom:10px;line-height: 20px;}
ol.commentlist cite {	font-style: normal;font-weight: bold;}
ol.commentlist li {padding: 20px 10px 10px 10px;}
ol.commentlist li.alt {
	padding: 10px 10px 5px 10px !important;
	border:1px solid #BBBBBB;
	background:#cccccc;
	}
input#submit {
	cursor:pointer;
	margin:5px 0 15px 0;
	}
#comment,#author,#email,#url {
	border:1px solid #BBBBBB;
	padding:2px;
	margin:0 0 5px 0;
	}
.labeltext {
	padding:0 0 10px 0;
	}

/*all comment configuration here*/
#commentleft {width:155px;float:left;}
#commentright {width:280px;float:right;}
#comments, #respond {padding: 0px 0px 2px 0px;margin: 20px 0px 0px 0px;clear:both;text-transform:none;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform label, #commentform label small{font-weight: normal;color:#668b9a;font-size: 100%;}
#commentform label span{font-weight: normal;}
#commentform input{width: 153px;background:#eee;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 260px;height: 135px;background:#eee;border: 1px solid #ccc;padding: 2px;margin-top: 3px;}
#commentform .submitbutton {width: auto;padding: 4px 12px;font: bold 12px Arial, Helvetica, sans-serif;background: #eee;border: 1px solid #ccc;}
#commentform .submitbutton:hover {background: #000;color: #fff;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}
#commentbox .commentlist {list-style:none;margin:0px 0px 15px;padding:0px;line-height: 130%;clear: both;}
#commentbox .commentlist p{margin: 10px 0px;}
#commentbox .commentlist li{
	margin: 10px 7px;
	padding:0px 0px 10px;
	background: #ffffff  url(images/thumb-hr.gif) no-repeat center bottom;
	}
#commentbox .commentlist li .alt {
	padding: 10px 10px 5px 10px !important;
	border:1px solid #BBBBBB;
	background:#ffffff;
	}
#commentbox .gravatar {

	float:left;
	margin:5px;
	border:solid 2px #CCCCCC;
	}
#commentbox .gravatar-author {
        margin:5px;
        border: solid 2px #99CCFF;
	float:left;}
#commentbox .gravatar img, #commentbox .gravatar-author img {
	border:solid 1px #000000;
	background-color: #FFFFFF; 
	padding:0px;
	margin:0px;
	}
#commentbox .comment-entry {
	width: 370px /*440px*/;
	float:right;position:relative;
	padding: 4px;
	}
#commentbox .comment-entry blockquote{
	padding: 10px 10px;
	margin:10px 0px 10px 10px;
	border:1px dashed #66B3FF;
	background-color:#F1F1F1; 
	}
#commentbox .comment-entry blockquote blockquote {background:#DDDDDD;padding:3px;margin:3px}
#commentbox .comment-number {color: #CCCCCC;font-size: 20px;float:right;position: absolute;top: 5px;right: 5px;}
#commentbox .comment-number a {color: #CCCCCC;text-decoration: none;}
#commentbox .comment-number a:hover {color: #999999;text-decoration: none;}
#commentbox .commentlist cite {font: 150% Tahoma, "Trebuchet MS", Arial;}
#commentbox .commentlist cite a, #commentbox .commentlist cite a:visited{text-decoration:none;}
#commentbox .commentlist cite a:hover{text-decoration:none;}
#commentbox a {text-decoration: none;}
.post-nav {clear: both; margin:10px 0px;background: #EEEEEE; padding:4px; border:solid thin #cccccc;}
.post-nav a, .post-nav a:visited {text-decoration: none;}
.post-nav .previous a {float: left;padding-left: 20px;background: url(images/left.gif) no-repeat left center;}
.post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url(images/right.gif) no-repeat right center;}

/* footer - text string and links */
#galey {	background:#112636 url(images/bg-footer.png) repeat-x top;margin:5px 0;}
.footer {
	color:#ffffff;	
	font-size:0.9em;
	height:40px;	
	margin:0px;
	padding:10px 0;
	}
.footer p a {
	font-weight:700;
	color:#ffffff;
	}

/* float rules */
.floatleft {float:left;margin:3px 7px 0 0;}
.floatright {float:right;margin:3px 0 0 7px;}
.right {float:right;	}
.left {	float:left;	}
.clear {clear:both;}
.fix:after {content:".";display:block;height:0;	clear:both;visibility:hidden;	}
.fix {display:inline-block;	}
* html .fix {	height:1%;}
.fix {display:block;}

/*footer adding by andrew */

#front-popular {
	border-bottom:solid thin #808080;
	color: #FFF;
	font-size:0.7em;
	margin: 5px auto 0px auto;
	overflow:hidden;
	padding:10px;
	text-align:left;
	width: 940px;
	}
#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	font-size:11px;
	}
#mostcommented {
	margin-left:17px;
	font-size:11px;
	}
#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	}
#recentpost a, #mostcommented a, #recent_comments a {color:#FFFFFF;}
#recentpost ul, #mostcommented ul, #recent_comments ul {margin-top:5px; font-size:11px;}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li {list-style:none; border-top:1px dotted  #808080 ;padding:5px;	display:block;}
#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a{	color:#FFF;}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {color: #000;}

/*modified by andrew*/
#recentpost ol, #mostcommented ol, #recent_comments ol {margin-top:5px;}
#recentpost ol li, #mostcommented ol li, #recent_comments ol li {list-style:none;border-top:1px dotted #808080; padding:5px;display:block;color: #FFF;font-size:12px;}
#recentpost ol li a, #mostcommented ol li a, #recent_comments ol li a{font-weight:bold ;color:#FFF;}
#recentpost ol li a:hover, #mostcommented ol li a:hover, #recent_comments ol li a:hover{color:#FFF;	}
#recentpost ol li .date, #mostcommented ol li .date, #recent_comments ol li .date{color:#FFF; font-weight:normal ;	}
#recentpost ol li:hover, #mostcommented ol li:hover, #recent_comments ol li:hover {background:none ;}
#recentpost ol li:first-child, #mostcommented ol li:first-child, #recent_comments ol li:first-child {border-top:0px dotted #fff;}

/* Tips */
.tool-tip {color:#ccc; width:150px;z-index:13000;}
.tool-title {background:#192227;color:#fff; font-size:11px; font-weight:700;margin:0; padding:8px 8px 0 8px;text-align:left;}
.tool-text {background:#192227; font-size:11px;padding:0 8px 8px 8px; text-align:left;}
/*  flickr */
.flickr img {background: #E1F2FA; float: left; height: 70px; margin: 8px 8px 4px 0;padding: 4px;width: 70px;}
.flickr a img {border: 1px solid #97C9E2; }
.flickr a:hover img  {background: #D2EDF9; border: 1px dashed #97C9E2; }

/*
modif: awaludin <xblank_id@yahoo.com>
*/
#mainColModif{
float:left;margin:15px 10px 0 0;width:500px;overflow:hidden;
}

/* editing by awaludin <awaludin.m@gmail.com>*/
.cv{

}
.label-cv{
	float:left;
	width:120px;
}
.content-cv{
	float:left;
	width:400px;
}
.clear-cv{
	clear:both;
}
.block-cv{
	padding:6px 4px;
	border-bottom:1px solid #cecece;
}
ul#ul-cv{
	line-height:1em;
	list-style:none;
}
ul#ul-cv li{
	margin:2px 0px 3px 0px;
}