/*

Theme Name: Hybrid

Theme URI: http://themehybrid.com/themes/hybrid

Description: A WordPress theme framework.

Version: 0.3.1

Author: Justin Tadlock

Author URI: http://justintadlock.com

Tags: Filters, Framework, Gravatars, Hooks, SEO, Theme Options, Three Columns, Two Columns, Valid XHTML, Valid CSS, Widgets

*/



/*

* License: GNU GPL

* Copyright (c) 2008 Justin Tadlock

*/



/* Get base CSS */

@import url('library/css/18px.css');



/* Get plugins CSS */

@import url('library/css/plugins.css');



/**

* Body

************************************************/

body {
 background : #C0DEED url(http://a3.twimg.com/a/1274144130/images/bg-clouds.png) repeat-x !important;
}


/* Body container */

#body-container {

	width: 924px;

	margin: 36px auto 18px auto;

	padding: 18px;

	}



/**

* Elements

************************************************/



/* Links */

a, a:visited  {

	color: #2f6eb9;

	text-decoration: none;

	}

a:hover, a:active {

	text-decoration: underline;

	}



/* Headers */

h1, h2, h3, h4, h5, h6 {

	font-family: Georgia, Times, "Times New Roman", serif;

	color: #444;

	}

.sticky h2, .sticky h3, .sticky h4, .sticky h5, .sticky h6 {

	color: #eee;

	}



/* Lists */

#content ul {

	list-style: none;

	margin-left: 18px;

	}

#content ul li {

	padding-left: 9px;

	background: url(images/bullet.gif) no-repeat 0 4px;

	}

#content .sticky ul li {

	padding-left: 9px;

	background: url(images/bullet-light.gif) no-repeat 0 4px;

	}



/* Blockquotes */

blockquote {

	overflow: hidden;

	padding-left: 9px;

	font-style: italic;

	color: #444;

	border-left: 3px solid #CADAE7;

	}

.post blockquote {

	margin: 0 24px 0  0;

	padding: 6px 0 0 24px;

	background: url(images/quotes.gif) no-repeat 0 0;

	border: none;

	}

.sticky blockquote {

	color: #f7f7f7;

	background: url(images/quotes-alt.gif) no-repeat 0 0;

	}

blockquote blockquote {

	color: #555;

	border-left: 3px solid #CADAE7;

	}

.sticky blockquote blockquote {

	color: #eee;

	}

blockquote em {

	font-style: normal;

	}

blockquote.pullquote {

	width: 210px;

	margin-top: 6px;

	margin-bottom: 3px;

	padding: 6px 9px;

	font-size: 18px;

	text-align: center;

	color: #333;

	background: transparent;

	border-top: 3px double #ccc;

	border-bottom: 3px double #ccc;

	}

.pullquote p {

	margin: 0;

	}



/* Code */

code {

	padding: 0 3px;

	background: #eee;

	}

pre {

	overflow: auto;

	padding: 9px;

	background: url(images/pre.png) repeat 0 0;

	border: 1px solid #eee;

	}

pre code {

	padding: 0;

	background: transparent;

	}

.sticky pre {

	background: #246F93;

	border: 1px solid #666;

	}

.sticky code {

	background: #246F93;

	}



/* Tables */

table {

	width: 100%;

	background: #5F97B1;

	border: 1px solid #eee;

	}

caption {

	font-size: .8em;

	font-style: italic;

	text-align: right;

	color: #666;

	}

td {

	padding: .3em;

	border: 1px solid #35667c;

	}

tr {

	color: #fff;

	background: #3e7690;

	}

tr.alt, tr.even {

	background: #437f9b;

	}

th {

	padding: .3em;

	color: #fff;

	background: #274958;

	border: 1px solid #35667c;

	}

td a, th a {

	font-weight: bold;

	color: #eee;

	}



/* Drop caps */

.drop-cap {

	float: left;

	line-height: 39px;

	margin-right: 3px;

	font-size: 48px;

	font-family: "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;

	color: #666;

	}

.sticky .drop-cap {

	color: #eee;

	}



/* Notes */

.note, .post-meta-data {

	padding: 6px 9px;

	background: #eee;

	border: 1px solid #ccc;

	}



/* Warnings/Alerts */

.warning, .alert {

	padding: 6px 9px;

	background: #fffbbc;

	border: 1px solid #E6DB55;

	}



/* Errors */

.error {

	padding: 6px 9px;

	background: #ffebe8;

	border: 1px solid #C00;

	}



/* Downloads */

.download {

	padding: 6px 9px;

	background: #e7f7d3;

	border: 1px solid #6c3;

	}



/* Footnotes */

.footnotes {

	margin: 0 0 18px 24px;

	padding: 9px 0 0 0;

	font-size: .8em;

	color: #777;

	border-top: 1px solid #eee;

	}

.footnotes a.return {

	padding: 0 1px;

	}

.footnotes a.return:hover {

	color: #eee;

	background: #3C738C;

	text-decoration: none;

	}



/* Alignment */

.left, .alignleft {

	float: left;

	margin: 0 18px 0 0;

	}

.right, .alignright {

	float: right;

	margin: 0 0 0 18px;

	}

.center, .aligncenter {

	display: block;

	margin: 0 auto 18px auto;

	}

.block, .alignnone {

	display: block;

	margin: 0 0 18px 0;

	}

.clear {

	clear: both;

	}

span.pullquote {

	float: none;

	margin: 0;

	}



/**

* Images

************************************************/

img, a img {

	padding: 5px;

	}

.post img {

	max-width: 99%;

	}



img.wp-smiley {



	margin: 0;

	padding: 0;

	border: none;

	}



/* Captions */

.wp-caption {

	padding: 6px 1px 0 1px;

	background: #f9f9f9;

	background: #3c738c;

	text-align: center;

	}

.wp-caption .wp-caption-text {

	margin: 0;

	padding: 0 5px;

	text-align: right;

	font-size: .8em;

	color: #666;

	color: #fff;

	}

.wp-caption img {

	margin: 0 auto;

	padding: 0;

	border: 1px solid #666;

	}



/* Gallery [gallery] */

.gallery {

	display: block;

	text-align: center;

	margin-bottom: 18px !important;

	}

.gallery img {

	border: 1px solid #3c738c;

	}



/* Author avatar */

.avatar {

	float: left;

	width: 100px;

	height: 100px;

	margin-right: 18px;

	background: #3c738c;

	border: 1px solid #999;

	}



/* Thumbnail */

.thumbnail {

	float: left;

	width: 100px;

	height: 100px;

	margin-right: 18px;

	background: #3c738c;

	}



/**

* Header

************************************************/

#header {

	display: block;

	margin-bottom: 18px;

	}

#site-title {

	font-size: 2.3em !important;

	margin-bottom: 9px;

	line-height: 27px;

	}

#site-title a {

	color: #fff;

	}

#site-description {

	font-size: 1.2em;

	font-style: italic;

	color: #eee;

	margin-bottom: 27px;

	}

#site-title, #site-description {

	font-family: Georgia, Times, "Times New Roman", serif;

	}



/**

* Navigation

************************************************/

#page-nav {

	float: left;

	width: 700px;

	margin: 0 10px 0 0;

	}

#page-nav ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#page-nav li {

	margin: 0;

	padding: 0;

	display: inline;

	}

#page-nav li a {

	float: left;

	margin-right: 18px;

	padding: 6px 9px;

	color: #f9f9f9;

	background: #3c738c;

	}

#page-nav ul li.current_page_item a {

	background: #4d8ca8;

	}



/**

* Container (content/primary/secondary)

************************************************/

#container {

	float: left;

	width: 924px;

	margin: 21px 0 9px 0;

	}



#content {

	overflow: hidden;

	height: 100%;

	float: left;

	width: 594px;

	padding: 18px;

	background: #fff;

	}

.no-widgets #content, .no-default-widgets #content {

	width: 888px;

	}



/**

* Posts

************************************************/

.post {

	clear: both;

	overflow: hidden;

	height: 100%;

	margin-bottom: 18px;

	}



.single .post, .page .post {

	margin-bottom: 0;

	}

.page-template-blog .post, .page-template-quick-post .post {

	margin-bottom: 36px;

	}

.sticky {

	padding: 18px 9px 0 9px;

	color: #f7f7f7;

	background: #232C36;

	}

.sticky a {

	color: #A6C2CF !important;

	}



/* Post title */

h1 {

	margin-bottom: 18px;

	}

h1, .home .post-title, .page-template-blog .post-title {

	font-size: 27px !important;

	line-height: 27px;

	}

.post-title, .single-title {

	font-size: 1.3em;

	margin-bottom: 3px;

	}



/* Byline */

.byline {

	font-size: .85em;

	font-style: italic;

	color: #666;

	}

.archive .byline, .search .byline {

	display: none;

	}

.sticky .byline {

	color: #f7f7f7;

	}

.byline a {

	color: #232c36;

	}



/* Post meta data 

.post-meta-data {

	clear: both;

	display: block;

	font-size: .85em;

	font-style: italic;

	color: #666;

	}

.sticky .post-meta-data {

	color: #f7f7f7;

	}

.post-meta-data .categories {

	display: block;

	}

.post-meta-data .tags {

	display: block;

	}

.archive .post-meta-data, .search .post-meta-data {

	display: none;

	}

.post-meta-data .separator {

	display: none;

	}

.post-meta-data a {

	color: #232c36;

	}

*/

/* Page links */

p.pages a {

	margin: 0 1px;

	padding: 1px 6px;

	font-style: italic;

	border: 1px solid #ddd;

	}



/* Series */

.series-title {

	font-size: 1.2em;

	}



/* Page templates */

.author-profile {

	overflow: hidden;

	height: 100%;

	margin-bottom: 18px;

	}

.page-template-biography .author-profile {

	margin: 0;

	}

.author-profile .author-name {

	margin-bottom: 0;

	font-size: 1em;

	font-weight: bold;

	}

.post-box {

	overflow: hidden;

	margin-bottom: 18px;

	}



/* Archive templates */

.category-info, .date-info, .tag-info, .search-info {

	margin-bottom: 18px;

	}



/* Attachments (post meta data) */

.attachment object {

	width: 100%;

	height: 100%;

	min-height: 400px;

	}

.attachment object.video {

	width: 100%;

	height: 360px;

	}

.attachment object.audio {

	width: 100%;

	}

.attachment-image .post-meta-data {

	clear: left;

	}

.attachment .download {

	display: block;

	margin-bottom: 18px;

	}

.attachment-icon, .mime-type-icon {

	height: 18px;

	margin-right: 6px;

	padding: 0;

	}

.attachment-application-octet-stream .video {

	height: 400px;

	margin-bottom: 18px;

	}



/* Breadcrumb */

.breadcrumb {

	margin-bottom: 18px;

	font-size: .85em;

	color: #666;

	}



/* Navigation links */

.navigation-links {

	overflow: hidden;

	height: 100%;

	}

.next, .previous {

	max-width: 50%;

	font-size: .85em;

	}

.previous {

	float: left;

	}

.next {

	float: right;

	text-align: right;

	}

#comments-template .paged-navigation {

	text-align: center;

	font: .95em Georgia, "Times New Roman", Times;

	}

#comments-template .paged-navigation .page-numbers {

	padding: 3px 6px;

	font-style: italic !important;

	border: 1px solid #eee !important;

	}

#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {

	float: none;

	text-align: left;

	border: none !important;

	}



/**

* Widget inserts

* Primary (displayed first) and Secondary

************************************************/

#primary {

	float: right;

	width: 270px;

	}

#secondary {

	clear: right;

	float: right;

	width: 270px;

	}



/* Widgets */

.widget {

	margin: 0 0 18px 0;

	padding: 18px 15px;

	background: #fff;

	}

.page-template-widgets #content .widget {

	padding: 0;

	}

.widget-title {

	font-size: 1.2em;

	}



/* Widget lists */

.widget ul {

	list-style: none;

	margin-left: 9px;

	}

.widget ul li {

	padding-left: 9px;

	background: url(images/bullet.gif) no-repeat 0 4px;

	}

.widget li.current-cat a, .widget li.current_page_item a {

	color: #232c36;

	}

.widget li.current-cat li a, .widget li.current_page_item li a {

	color: #2f6eb9;

	}



/* Widget table (calendar) */

.widget table {

	width: 240px;

	}



/**

* Comments

************************************************/

#comments-template {

	margin-top: 18px;

	}



/* Comment headers */

#comments-number, #reply {

	font-size: 1.2em;

	}

li.author #reply {

	color: #f7f7f7;

	}



/* Comments are closed */

.comments-closed {

	color: #666;

	font-style: italic;

	}



/* Comment list */

#comments-template ol {

	list-style: none;

	margin: 0 0 18px 0;

	}

#comments li {

	overflow: hidden;

	margin-bottom: 9px;

	padding: 9px 9px 0 9px;

	color: #333;

	background: #f9f9f9;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}

#comments li li, #comments li.author li li {

	color: #333;

	margin: 0 9px 9px 18px;

	background: #fff;

	}

#comments li.author li, #comments li li li, #comments li li.author li, #comments li.author li.author li {

	color: #333;

	background: #f9f9f9;

	}

#comments li.author, #comments li li.author, #comments li li li.author, #comments li.author li.author li.author {

	color: #333;

	background: #e7f7d3;

	}

#comments li.author li.author, #comments li li.author li.author, #comments li.author li li.author {

	color: #f7f7f7;

	background: #246F93;

	}

#comments li li.author, #comments li li.author li.author {

	border-top: 1px solid #333;

	border-bottom: 1px solid #333;

	}



/* Comment links */

#comments li a, #comments li.author li a, #comments li.author li.author li a {

	color: #2f6eb9;

	} 

#comments li.author a, #comments li.author li.author a, #comments li.author li.author li.author a {

	color: #A6C2CF;

	border-color: #333;

	}



/* Avatar */

#comments-template .avatar {

	width: 40px;

	height: 40px;

	float: left;

	margin-right: 18px;

	padding: 0;

	border: 1px solid #666;

	}

#comments-template li.author .avatar {

	padding: 0px;

	background: #246F93;

	}



/* Comment meta data */

#comments-template .comment-meta-data {

	margin-bottom: 18px;

	}



/* Comment text */

#comments-template .comment-text {

	clear: left;

	margin: 0 18px;

	}

.comment-text blockquote {

	margin-bottom: 18px;

	}

.comment-text blockquote p {

	display: inline;

	}

#comments-template li.author blockquote, #comments-template li.author pre {

	color: #fff;

	background: #246F93;

	border: none;

	}

#comments-template li.author code {

	background: transparent;

	}



/* Form */

.text-input {

	display: block;

	padding: 3px 6px;

	width: 300px;

	}

.page-template-quick-post .text-input {

	width: 97.5%;

	}

#comments-template label {

	font-size: .8em;

	}

textarea {

	clear: left;

	display: block;

	width: 98.5%;

	}

.button, .form-submit input{

	margin-right: 9px;

	padding: 6px 9px;

	font: .9em Cambria, Georgia, Times, 'Times New Roman', serif;

	font-weight: bold;

	color: #eee;

	background: #242D36;

	border: none;

	}

li.author .button {

	background: #333C45;

	}

.button:hover {

	cursor: pointer;

	background: #333C45;

	}

.search-form input {

	margin-right: 9px;

	}

.allowed-tags {

	font-size: .8em;

	}



/**

* Footer

************************************************/

#footer-container {

	clear: both;

	}

#footer {

	font-style: italic;

	color: #f7f7f7;

	}

#footer a {

	font-style: normal;

	color: #5F97B1;

	}

#footer .copyright {

	display: inline;

	float: left;	

	margin-right: 9px;

	}





/**

* Comments popup

************************************************/

.comments-popup #body-container {

	width: 540px;

	margin: 20px auto;

	padding: 20px;

	}

.comments-popup #container {

	width: 520px;

	margin: 0 auto;

	padding: 0;

	}

.comments-popup #content {

	width: 500px;

	padding: 20px;

	}

	

.wp-smiley {

	position : relative;

}

p {

	margin-bottom : 10px !important;

}

#linkcat-2 .blogroll {

	height : 250px !important;

	overflow : scroll !important;

}

#container {

	margin-top : 0px !important;

}

#site-title a{

	text-decoration : none !important;

	font-weight : bold;



}

.fbc_profile_header {

 position : absolute !important;
 top : 0px !important;
 width : 220px !important;
 text-align  right !important;
 font-size : 10px !important;
 font-family : verdana !important;
 height : 60px !important;
 background: #022330 !important;
 border : 0px solid !important;
 padding : 0px !important;
 right: 5px !important;
}



#fbc_login {

 float : none !important;

 padding : 0px !important;

 margin-bottom : 40px !important;

}

#comments-template a.FB_Link img {

 padding : 0px !important;

 width : 50px !important;

 height : 50px !important;

}

#comments-template .avatar {

 width : 50px !important;

 height : 50px !important;

}

.widgetx, .widget-tabsx .tab-contentx, #contentx{

 background:#FFFFFF url(http://img704.imageshack.us/img704/323/sideoc.jpg) no-repeat scroll right bottom !important;

}

.widget-tabs {

background : none !important;

}

.widget_Twidget, #rss-3 {

 background : #fff url(http://img338.imageshack.us/img338/9017/twitterbird.png) no-repeat 97% 10% !important;

}

.rsswidget img{
 display : none !important;
}
.fbw-photo {

background : url(http://badge.facebook.com/badge/704042178.3479.566720739.png) no-repeat -8px -29px !important;

height : 124px;

width : 104px;

border : 1px solid #eee !important; 

float : left;

}

.fbw-name a{

background : url(http://badge.facebook.com/badge/704042178.3479.566720739.png) no-repeat -1px -185px !important;

height : 50px !important;

margin-top : -10px !important;

width : 110px;

float : left;

margin-left : 5px !important; 

}

.fbw-status {

 

 clear : both;

}

#text-580067952{

  background:#FFFFFF url(http://img687.imageshack.us/img687/7016/facebook32l.png) no-repeat scroll 97% 10% !important;

}





.tab-content {

display:none;

}

.t1 {

display:block;

}

#content .widget-tabs, #primary .widget-tabs {

-moz-background-clip:border !important;

-moz-background-inline-policy:continuous !important;

-moz-background-origin:padding !important;

background:transparent none repeat scroll 0 0 !important;

border:medium none !important;

margin:0 0 20px !important;

padding:0 !important;

}

#content .widget-tabs .widget-inside, #primary .widget-tabs .widget-inside {

-moz-background-clip:border !important;

-moz-background-inline-policy:continuous !important;

-moz-background-origin:padding !important;

background:transparent none repeat scroll 0 0 !important;

border:medium none !important;

padding:0 !important;

}

#content .widget-tabs ul.tabs, #primary .widget-tabs ul.tabs {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin: 0 7px 0 0;

overflow:hidden;

}

#content .widget-tabs li.t, #primary .widget-tabs li.t {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent none repeat scroll 0 0;

border:1px solid #ddd !important;

border-bottom : 0px !important;

display:inline;

float:left;

margin:0 4px 0 0;

padding:0;

text-align:center;

}

#content .widget-tabs li.t a, #primary .widget-tabs li.t a {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#242D36 none repeat scroll 0 0;

color:#F7F7F7;

display:block;

font-weight:bold;

padding: 5px 6px;

font-size : 90% !important;

}

#content .widget-tabs li.t a:hover, #primary .widget-tabs li.t a:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EEEEEE none repeat scroll 0 0;

color : #444444;

text-decoration:none;

}

#content .widget-tabs li.t a.tab-current, #primary .widget-tabs li.t a.tab-current {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#FFFFFF none repeat scroll 0 0;

color : #444444;

}

#content .widget-tabs .tab-content, #primary .widget-tabs .tab-content {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#fff none repeat scroll 0 0;

border:0px solid #DDDDDD;

clear:left;

overflow:hidden;

padding:9px 9px 0;

}

#primary .widget-tabs ul.tabs {

width:320px;

}

#primary .widget-tabs li.t4 {

margin:0;

}

.home .post {

 position : relative !important;

 border-bottom : 1px solid #eef !important;

 margin-bottom: 30px!important;

}

.home .post .entry {

 max-height : 400px !important;

 height : 350px!important;

 overflow : hidden !important;

 margin-bottom : 8px!important;

 border : 0px solid!important;

}

.home .post .byline{

 display : none;

}

.home .post .published{

 display : block !important; 

 float : right;

 height : 60px;

 width : 60px;

 margin-left : 5px;

 background : #E8EBF2 !important;

 color : #022330;

 text-align : center;

 margin-top : -35px !important;

 border : 1px solid #B0B9EC ;
 z-index : 10!important;
}

.home .post .published span{
 display : block;
 font-weight : bold;
}

.home .post .published .tanggal {
 font-size : 24px!important;
 margin-top : 10px!important;
}

.home .post .post-title {
 margin-bottom : 10px !important;
}

.home .post .post-meta-data{ 
 position : relative!important;
}

.home .post .post-meta-data .readcomplete{ 
position : absolute!important; 
display : block!important; 
border : 0px solid!important;
right : 0px;
top : -35px;
}

.home .post .post-meta-data .readcomplete a{ 

background : url(http://img138.imageshack.us/img138/4117/read.png) !important;

height : 27px;

width : 90px;

display : block;

text-align : center;

font-weight : bold;

font-size : 12px!important;

padding-top : 5px!important;

text-decoration : none!important;

}

.home .post .post-meta-data .readcompletex {
 float : right!important;
 margin : 3px 0px 0px 5px !important;
}

.home .post .post-meta-data .readcompletex .button{
 color :#eee!important;
}

.post-meta-data, .post-meta-data a{

font-size : 12px!important;

}

.wp-smiley{ 

max-height : 25px;

}
.hireme {
 display: block;
 height : 215px;
 width : 202px;
 background : url(http://img709.imageshack.us/img709/197/hire20me20legal20job20s.jpg);
 margin-left: 20px;
}
.hireme:hover {
 background : url(http://img704.imageshack.us/img704/9169/job2.jpg);
}

#dsq-content ul li{
 background : none !important;
 padding-left : 0px !important;
}
#dsq-content tr, #dsq-content td {
 background : #eee!important;
 color : #000 !important;
}
#dsq-content a,#dsq-content a:visited {
 color:#2F6EB9 !important;
}

#site-title a{
 font-family: 'Droid Sans', arial, serif !important;
 color : #fff !important;
 text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#header {
 border : 0px solid black !important;
}
#header-menu {
 float: right; 
}
#header-menu a{
 color : #fff !important;
}
#content{
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px;
}
.tab-content {
 -moz-border-radius-bottomleft: 10px; 
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px; 
 -webkit-border-bottom-right-radius: 10px;
}
.widget {
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
}
.published, .post-meta-data, .readcompletex .button {
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px;
}