/*
Theme Name: Bin-Blink
Theme URI: http://andisaleh.com/
Description: WordPress Theme for Jurnalnya Nike.
Author: Andi Saleh
Author URI: http://andisaleh.com/
Version: 3.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* Import styles */
@import url('library/css/reset.css');
@import url('library/css/960_24_col.css');
@import url('library/css/base.css');
@import url('http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic');
@import url('http://fonts.googleapis.com/css?family=Handlee');

/* Global */
html { 
	background:#3e97ba url('images/bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
body {
	font-family:'PT Sans','Segoe UI',Segoe,Tahoma,Geneva,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size:13.33px;
	line-height:1.5em;
}
h1, h2, h3, h4, h5 {
	font-family:Handlee,'Lucida Handwriting','MV Boli','Apple Chancery',cursive;
}
a, a:link, a:hover, a:visited {
	text-decoration:none;
	color:#348fb5;
}
a:hover {
	color:#dd298a;
	background:#fde;
}
p {
	margin-bottom:1.5em;
}
blockquote {
	font-family:'Droid Serif',Georgia,'Times New Roman',Times,serif;
	font-size:1.25em;	
	color:#111;
	padding-left:75px;
	background:url('images/quote.png') left top no-repeat;
	min-height:56px;
	margin-bottom:1.5em;
}
blockquote p {
	margin-bottom:1em;
}
.sep-blue { background:url('images/sep-blue.png') center bottom no-repeat; padding-bottom:40px; }
.sep-pink { background:url('images/sep-pink.png') center bottom no-repeat; padding-bottom:40px; }

/* Wrapper */
#main-wrapper {
	width:1012px;
	margin:50px auto 30px;
	padding:8px 0;
	background:url('images/bg-jurnal.gif') center top repeat;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-ms-box-shadow:0 0 5px #000;
	-o-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}
#jurnal-wrapper {
	width:960px;
	background:#fff url('images/bg-paper.gif') center top repeat-y;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-ms-box-shadow:0 0 5px #000;
	-o-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	margin:0 auto;
	min-height:100px;
	position:relative;
}

/* Header */
#header-wrapper {
	background:#fff;
	border-bottom:1px solid #f9c;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	-ms-border-radius:5px 0 0 0;
	-o-border-radius:5px 0 0 0;
	border-radius:5px 0 0 0;
	position:relative;
	height:46px;
}
#site-title {
	display:block;
	width:226px;
	height:87px;
	background:url('images/bg-title.png') center no-repeat;
	position:absolute;
	top:-65px;
	left:25px;
	z-index:999;
}
#site-title a {
	width:199px;
	height:50px;
	background:url('images/title.png');
	position:relative;
	top:18px;
	left:13px;
}
#main-nav {
	background:#1f5468;
    background:rgba(0,0,0,.4);
    padding:8px 0;
    position: absolute;
    top: -58px;
    z-index: 99;
	width:960px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#menu-main-nav {
	list-style:none;
	margin-left:245px;
}
#menu-main-nav li {
	float:left;
}
#menu-main-nav a {
	color:#fff;
	padding:9px 15px;
	border-right:1px solid #fff;
	border-right:1px solid rgba(255,255,255,.2);
}
#menu-main-nav a:hover {
	background:none;
	color:#ffe3ed;
}

/* Content */
#content-wrapper {
}
#content h1 {
	line-height:1em;
}
article {
	padding:20px 40px;
}
.home .wp-caption { 
	display:none;
}
.entry-header {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px dashed #ccc;
}
.entry-title {
	margin-bottom:5px;
}
.entry-title a {
	color:#dd298a;
}
.bin-calendar {
	display:block;
	width:64px;
	height:64px;
	background:url('images/calendar.png');
	float:right;
	margin:-10px -10px 0 15px;
	font-family:Handlee,'Lucida Handwriting','MV Boli','Apple Chancery',cursive;
	padding:0 !important;
}
.bin-calendar.sep-blue {
	background:url('images/calendar2.png');
}
.bin-calendar div {
	-moz-transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
	transform:rotate(-4deg);
}
.bin-date {
	text-align:center;
	font-size:2em;
	margin:20px 0 -2px;
}
.bin-month {
	text-align:center;
	text-transform:uppercase;
	font-size:.85em;
}
ul.entry-meta {
	list-style:none;
	margin:0;
}
ul.entry-meta .entry-meta-cat {
	float:left;
	display:block;
	height:24px;
	background:url('images/category.png') left center no-repeat;
	margin-right:10px;
	padding-left:28px;
}
ul.entry-meta .entry-meta-comment {
	float:left;
	display:block;
	height:24px;
	background:url('images/comment.png') left center no-repeat;
	margin-right:10px;
	padding-left:28px;
}
.bin-thumb-wrapper {
	position:relative;
}
.floatleft { 
	float:left; 
}
.floatleft img { 
	margin:0 25px 10px 0;
}
.floatright { 
	float:right; 
}
.floatright img { 
	margin:0 0 10px 25px;
}
.fake-thumb, .bin-thumb {
	line-height:0;
}
.fake-thumb img, .bin-thumb img {
	border:8px solid #fff;
	box-shadow:0 0 3px #ccc;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.4);
	background:#fff;
	line-height:0;
	max-width:590px;
	height:auto;
}
.rotatel {
	-moz-transform:rotate(-2.25deg);
	-webkit-transform:rotate(-2.25deg);
	-o-transform:rotate(-2.25deg);
	-ms-transform:rotate(-2.25deg);
	transform:rotate(-2.25deg);
}
.rotater {
	-moz-transform:rotate(4.25deg);
	-webkit-transform:rotate(4.25deg);
	-o-transform:rotate(4.25deg);
	-ms-transform:rotate(4.25deg);
	transform:rotate(4.25deg);
	position:absolute;
	top:0;
}
.bin-thumb {
	position:absolute;
	top:0;
}
.bin-content p {
}
.post_nav {
    margin: 20px 0 0;
}
.menuprev, .menunext {
    width: 40%;
}
.menuprev {
    float: left;
}
.menunext {
    float: right;
    text-align: right;
}
.bin-tags {
	display:block;
	height:24px;
	background:url('images/tag.png') left center no-repeat;
	padding-left:30px;
}

/* Sidebar */
#sidebar-wrapper {
	width:290px;
}
#secondary {
	padding:20px;
	line-height:1.25em;
}
#secondary .widget {
	margin-bottom:1.25em;
}
.widget-title {
	color:#DD298A;
	font-size:1.25em;
	margin-bottom:.3em;
}
.searchform {
    background: none repeat scroll 0 0 #fff;
    border-color: #ccc #efefef #efefef #ccc;
    -webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    position: relative;
    width: 99%;
}
.searchform input.s {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #777;
    margin: 0;
    padding: 8px;
    width: 85%;
}
.searchform input.search-submit {
    border: medium none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 7px;
}

/* Sidebar Bottom */
#tertiary {
	padding:40px 40px 0;
	line-height:1.25em;
}
#tertiary .widget {
	margin-bottom:1.25em;
}
#sidebar-bottom-left, #sidebar-bottom-right {
	width:285px;
}
#sidebar-bottom-left  { float:left; }
#sidebar-bottom-right { float:right; }

#bin-credit {
	padding:20px 40px 10px;
	font-size:.85em;
	color:#555;
}
#bin-dev {
	width:24px;
	height:24px;
	background:url('images/andisaleh.png') center top no-repeat;
	position:relative;
	right:-20px;
}
#bin-dev:hover {
	background-position:center bottom !important;
}


/* Comments */
#comment-Commenttype, #comment-noneYet {
	padding:40px 40px 0;
}
#comment-Pingtype {
	padding:20px 40px 0;
}
#respond {
	padding:20px 40px 0;
}
#comment-Commenttype h3, 
comment-noneYet h3,
#comment-Pingtype h3, 
#respond h3 {
	color:#dd298a;
	margin-bottom:.5em;
}
.comment-type {
	list-style:none;
	margin:0;
}
li.comment {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	border:2px dashed #D1E6EF;
	padding:10px;
	background:#effaff;
	margin:5px 0;
}
.comment .children {
	margin:0;
	list-style:none;
}
.children .comment {
	border:none;
	margin:10px 0 0;
	padding:0 0 0 65px;
	background:none;
}
.children .comment-body {
	border-top:1px dashed #D1E6EF;
	padding-top:10px;
}
.thread-odd .children .comment-body {
	border-top:1px dashed #FFDFEC;
}
li.thread-odd {
	border:2px dashed #FFDFEC;
	background:#FFEFF5;
}
li.depth-1 {
}
.commentSide {
	float:left;
}
.commentContent {
	margin-left:65px;
}
.commentSide .avatar {
	border:2px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	box-shadow:0 0 1px #ccc;
	-webkit-box-shadow:0 1px 2px #999;
	-moz-box-shadow:0 1px 2px #999;
	-ms-box-shadow:0 1px 2px #999;
	-o-box-shadow:0 1px 2px #999;
	-moz-transform:rotate(2.25deg);
	-webkit-transform:rotate(2.25deg);
	-o-transform:rotate(2.25deg);
	-ms-transform:rotate(2.25deg);
	transform:rotate(2.25deg);
}
.thread-odd .commentSide .avatar {
	-moz-transform:rotate(-2.25deg);
	-webkit-transform:rotate(-2.25deg);
	-o-transform:rotate(-2.25deg);
	-ms-transform:rotate(-2.25deg);
	transform:rotate(-2.25deg);
}
.comment-meta {
	float:right;
	margin-left:10px;
	font-size:.85em;
}
.comment-author-cite {
	font-family:Handlee,'Lucida Handwriting','MV Boli','Apple Chancery',cursive;
	font-size:1.3em;
}
.commentBody p {
	margin-bottom:1.2em;
}
#commentform p {
	margin-bottom:.5em;
}
#commentform label {
	color:#348fb5;
}
#commentform input[type='text'], 
#commentform input[type='email'], 
#commentform input[type='url'],
#commentform textarea {
	padding:5px 8px;
	width:260px;
}

/* Archives */
.bin-archive .entry-title {
	margin-bottom:1em;
}
.bin-archive .post .entry-title,
.bin-archive .page .entry-title {
	margin-bottom:0;
	font-size:1.55em;
}
.bin-archive .post .entry-header,
.bin-archive .page .entry-header {
	border:none;
	margin-bottom:1em;
	padding:0;
}
.bin-archive .post,
.bin-archive .page {
	margin-bottom:1em;
	padding-bottom:1em;
}
.bin-archive .bin-thumb-wrapper.floatright {
	top:-10px;
}

/* Plugins */
.aizattos_related_posts_title {
    font-size: 1em !important;
    font-weight: normal !important;
}
.aizattos_related_posts ul {
    margin-bottom: 15px !important;
}
.cluv {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	border:1px dashed rgba(0,0,0,.2) !important;
	margin-top:10px;
	background:rgba(255,255,255,.2);
}
.chalt {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: 1px dashed rgba(0, 0, 0, 0.2) !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}