/*

	Theme Name: Float
	Theme URI: http://live.bobosh.com/themes/float
	Description: Responsive blog theme. <a href="http://live.bobosh.com/themes/float">View details...</a>
	Author: myTheme
	Author URI: http://themeforest.net/user/myTheme/portfolio?ref=myTheme
	License: GNU General Public License
	License URI: license.txt
	Version: 1.0.4


	LAYOUT.............
	HEADER.............
	CONTENT............
	SHORTCODES.........
	SIDEBAR............
	WIDGETS............
	FORMS..............
	MISC...............
	MEDIA QUERIES......



LAYOUT  -----------------------------*/

/* basics */
body {background:url(images/diamond.png) 50% -130px repeat-x;}
body, input, textarea, button {font:13px/20px 'Droid Serif',Georgia,serif;color:#333;}
* {margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img, video, canvas, object {max-width:100%;height:auto;border:0;}
:focus {outline:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
#wrapper:after, .hentry:after, #header-outer:after, header:after, aside:after, .widget_flickr:after, .widget_tag_cloud:after, #main .meta-tags:after, .author-bio:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.date-text { font-weight:bold; }

/* structure */
#wrapper {width:720px;margin:0 auto;padding-bottom:60px;}
header {width:720px;margin:0 auto;padding:20px 0 10px;}
#main {width:63%;float:left;clear:both;}
aside {width:34%;float:right;padding:20px 20px 0 20px;background:url(images/transparent-black-010.png);background:rgba(0,0,0,0.1);}


/*
HEADER  -------------------------------------*/

/* logo */
#logo {
 float: left;
 font-size: 28px;
 line-height: 80px; 
 color: white;
 letter-spacing: 1px;
 margin: 20px 40px 0 10px;
 height: 30px;
}
#logo img {display:block;}
#logo:hover {opacity:.7;}

/* hide mobile menu */
.select-menu, .select {display:none;}

/* main navigation */
nav {float:left;margin-top:25px;}
nav ul {margin:0;}
nav>ul>li {float:left;position:relative;display:inline;margin-left:10px;}
nav>ul>li:after {content:" //";color:#555;color:rgba(255,255,255,0.2);margin-left:10px;line-height:30px;font-size:17px;}
nav>ul>li:last-child:after {content:"";}
nav>ul>li>a {float:left;color:#d8dadc;font-size:17px;line-height:30px;letter-spacing:1px;}
nav>ul>li>a:hover {color:#b8babc;}

/* drop-down navigation */
nav ul ul {position:absolute;top:-9999px;left:-15px;z-index:999;padding-top:20px;background:url(images/dropdown.png) 20px 0 no-repeat;}
nav>ul>li:hover>ul {top:25px;}
nav li li {position:relative;display:block;}
nav li li a {width:180px;display:inline-block;padding:7px 15px;line-height:18px;font-weight:normal;color:#333;background:#EAE9E3 url(images/nav-li-ul-li.png) repeat-x;}
nav li li a:hover {background-color:#F6F5EE;}
nav ul ul ul {left:180px;top:0;padding:0 0 0 5px;background:none;}
nav ul ul li:hover ul {top:0px;}


/*
CONTENT  -------------------------------------*/

/* entry */
.hentry-outer {padding:10px;background:url(images/diamond.png);margin-bottom:20px;}
.hentry {padding:30px 40px 10px 40px;background:#FFFEF7 url(images/hentry.jpg) 100% 0 no-repeat;position:relative;}
.hentry-header {padding:20px 40px 20px 40px;margin:-30px -40px 30px -40px;background:url(images/hentry-header.png) 0 100% repeat-x;}
.sticky {}

/* post date and category */
#main .meta {margin:-10px 0 10px 0;color:#999;background:url(images/hr.png) 0 50% repeat-x;}
#main .meta span {background:#FFFEF7;padding-right:7px;}
#main .meta span a:hover {color:#444;}
#main .hentry-header .meta {margin:5px 0 -5px 0;}
#main .hentry-header .meta span {background:#F4F3EC;}

/* post comments */
#main .meta-comments {position:absolute;right:40px;top:22px;width:26px;height:28px;line-height:18px;background-image:url(images/sprite.png);background-position:-322px -105px;background-repeat:no-repeat;text-align:center;color:#fff;font-weight:bold;}

/* post tags */
#main .meta-tags {clear:both;}
#main .meta-tags li {display:inline;}
#main .meta-tags li a {display:inline-block;font-size:11px;margin:0 10px 10px -4px;padding:0 8px 0 22px;background-image:url(images/sprite.png);background-position:-90px -103px;background-repeat:no-repeat;color:#fff;border:0;font-weight:bold;height:20px;}
#main .meta-tags li a:hover, #main .meta-comments:hover {opacity:.8;}

/* typography  */
h1, h2, h3, button, #logo, nav>ul>li>a, .widget_calendar caption, .button, #submit {font-family:Oswald,Arial,sans-serif;font-weight:bold;text-transform:uppercase;}

h1 {font-size:26px;line-height:1.2;width:85%;margin:30px 0 10px;text-transform:uppercase;}
.hentry-header h1 {margin:0;}
h1 span {color:#888;}
h1 span em {font-style:normal;letter-spacing:-0.15em;margin-right:.3em;}
h1 a {color:#333;}
h2, #respond h3, #cancel-comment-reply-link {font-size:18px;}
h2, h3, .widget_calendar caption {line-height:1.4;margin:30px 0 10px;letter-spacing:2px;}
h3, .widget_calendar caption {font-size:14px;}

p, blockquote, ul, ol, table, dl, pre, form, .size-large, .size-full {margin-bottom:20px;}

.ingress {font-size:17px;line-height:24px;color:#888;}

/* images  */
.alignleft {float:left;margin:0 20px 20px 0;}
.alignright {float:right;margin:0 0 20px 20px;}
.aligncenter {float:none;margin:0 auto 20px auto;display:block;}
img {margin:0;}
.featured-image img {margin:0 0 20px 0;display:block;}

/* captions  */
.wp-caption {margin-bottom:20px;max-width:100%;}
.wp-caption img.size-full {margin-bottom:0;}
.wp-caption.alignright {margin:0 -10px 20px 20px;}
.wp-caption.alignleft {margin:0 10px 20px 0;}
.wp-caption-text {background:#f8f8f8;margin:-6px 10px 0 0;color:#888;font-size:11px;text-align:center;line-height:18px;border-bottom:1px solid #eee;}
.gallery-caption {}

/* lists  */
ul {list-style:none;}
.hentry ul {list-style:square;}
.custom-archive strong {clear:both;display:block;}

/* code  */
pre {background:#eee;white-space:pre-wrap;padding:10px;}

/* links  */
h2 a {color:#444;}
a {text-decoration:none; }
a:hover {color:#444;}
.hentry p a, .hentry li a, .quote cite a, .custom-archive a {font-weight:bold;}

/* quotes  */
blockquote p {font-style:italic;color:#666;padding-left:15px;margin-left:-15px;clear:both;background:url(images/blockquote.png) repeat-y;quotes:'\201C' '\201D';}
blockquote p:before {content:open-quote;}
blockquote p:after {content:close-quote}

/* comments  */
#comments-title {padding-top:10px;margin-bottom:0;}
#comments ul {margin:0;}
#comments li {padding:20px 0 10px 50px;list-style:none;}
.depth-1>.vcard {background:url(images/hr.png) 0 50% repeat-x;}
.vcard-inner {background:#FFFEF7;display:inline;padding-right:10px}
#comments li li {margin-left:0;padding-bottom:0}
#comments li:first-child {background:none;}

#comments li em.moderation {background:#FCF6C2;padding:1px 2px;}
#comments li cite {font-style:normal;margin-right:4px;}
#comments li a.comment-time, .hentry a.comment-reply-link {font-weight:normal;color:#999;border:0;margin-right:4px;font-style:italic;}
#comments li a.comment-time:hover, .hentry a.comment-reply-link:hover {color:#666;}
#comments li p {margin:5px 0;}
#comments li.bypostauthor img {}
.avatar, .author-bio img {float:left;margin-left:-50px;border:1px solid #ddd;background:#E8E8E8;padding:3px;border-bottom-width:2px;}

#respond {padding:1px 40px 0 40px;width:auto;margin:40px -40px 0 -40px;background:url(images/respond.jpg) 100% 0 no-repeat;}
#respond h3 {margin-bottom:20px;}
.comment-form-comment {margin:0;}
a#cancel-comment-reply-link {color:#999;float:right;}

/* author bio  */
.author-bio {background:url(images/hentry.jpg);color:#666;clear:both;border-bottom:1px solid #eee;background-color:#F1F0E9;padding:12px 40px 0 40px;margin:0 -40px;font-size:12px;line-height:18px;}
.author-bio h3 {margin:0 0 5px 0;}
.author-bio img {margin:0 10px 10px 0;}
.author-bio p {margin-bottom:10px;}

/* page navigation  */
#page-navi {clear:both;}
#page-navi li {display:inline-block;}
#page-navi li a {background:rgba(255,255,255,0.05) url(images/newer.png) 100% 50% no-repeat;padding:0 25px 0 10px;color:#999;font-size:12px;font-weight:normal;float:right;line-height:30px;}
#page-navi li:first-child a {background-image:url(images/older.png);background-position:0 50%;background-repeat:no-repeat;padding:0 10px 0 25px;margin-right:10px;}
#page-navi li a:hover {background-color:rgba(255,255,255,0.1);}
#page-navi li a:active {position:relative;top:1px;}


/*
SHORTCODES ----------------------------------*/

/* columns */
.one_half, .one_third, .two_thirds, .one_fourth {float:left;display:inline;width:48%;margin:0 4% 20px 0;}
.one_third {width:30.666666%;}
.two_thirds {width:65.333333%;}
.one_fourth {width:22%;}
.last {margin-right:0;}
.clear {clear:both;}

/* buttons  */
.button {background:#ccc url(images/button.png) repeat-x;padding:0 12px;color:#fff;font-weight:bold;margin:0 6px 6px 0;display:inline-block;border:1px solid #bbb;border-bottom-width:2px;line-height:30px;text-transform:uppercase;}
.button:hover {color:#fff;}
.button.black {background-color:#333;border-color:#222;}
.button.black:hover {background-color:#111;}
.button.gray {background-color:#999;border-color:#777;color:#666;}
.button.gray:hover {background-color:#888;}
.button.white {background-color:#ddd;border-color:#ccc;color:#999;}
.button.white:hover {background-color:#bbb;}
.button.green {background-color:#89B64C;border-color:#89B64C;color:#59861C;}
.button.green:hover {background-color:#79A63C;}
.button.orange {background-color:#f89418;border-color:#e88408;color:#c86408;}
.button.orange:hover {background-color:#d87408;}
.button.red {background-color:#bd362f;border-color:#ad261f;color:#8d060f;}
.button.red:hover {background-color:#9d160f;}
.button.blue {background-color:#0B98E9;border-color:#0B88D9;color:#0B68B9;}
.button.blue:hover {background-color:#0B78C9;}
.button.purple {background-color:#8475A8;border-color:#8475A8;color:#544578;}
.button.purple:hover {background-color:#645588;}
.button.pink {background-color:#E53B8A;border-color:#E53B8A;color:#B50B5A;}
.button.pink:hover {background-color:#C51B6A;}

/* alerts  */
.alert {padding:10px;border-width:1px;border-style:solid;border-bottom-width:2px;}
.alert.gray {background-color:#F7F7F9;border-color:#E1E1E8;color:#555;}
.alert.green {background-color:#DFF0D8;border-color:#D6E9C6;color:#468847;}
.alert.yellow {background-color:#FCF8E3;border-color:#FBEED5;color:#C09853;}
.alert.red {background-color:#F2DEDE;border-color:#EED3D7;color:#B94A48;}
.alert.blue {background-color:#D9EDF7;border-color:#BCE8F1;color:#3A87AD;}


/*
SIDEBAR ----------------------------------*/

.widget-container {margin-bottom:30px;}
aside, aside a {color:#a8aaac;}
aside a {border-bottom:1px dotted #666;border-bottom:1px dotted rgba(255,255,255,0.2);}
aside h3, .widget_calendar caption {margin-top:0;color:#c8cacc;}
aside h3 a {border:0;color:#c8cacc;}

/* wordpress link */
#copyright {text-align:center;font-size:11px;line-height:16px;padding-top:10px;color:#888a8c;}
#copyright a {border:none;color:#888a8c;}
#copyright a:hover {color:#a8aaac;}


/*
WIDGETS ----------------------------------*/

/* search */
.widget_search input.s {background:url(images/transparent-black-010.png);background:rgba(0,0,0,0.1);color:#888;border:0;margin:0;padding:7px;width:100%;line-height:1;float:left;}
.widget_search #searchsubmit {background:url(images/sprite.png) 100% -97px no-repeat;text-indent:-9999px;border:0;width:32px;margin-left:-33px;line-height:1;padding:7px 0 8px;height:auto;}
.widget_search #searchsubmit:hover {opacity:.7;}

/* social links widget */
.widget_social li {display:inline;}
.widget_social li a {display:inline-block;margin:3px 6px 3px 0;text-indent:-9999px;width:24px;height:24px;background:url(images/sprite.png);border:0;position:relative;}
.widget_social li a:after {content:"";position:absolute;top:0;left:0;width:24px;height:24px;opacity:0;background:url(images/sprite.png);z-index:10;}
.widget_social li a:hover:after {opacity:1;}
.widget_social li a#rss {background-position:0 -107px;}
.widget_social li a#facebook {background-position:0 -131px;}
.widget_social li a#twitter {background-position:0 -155px;}
.widget_social li a#flickr {background-position:0 -179px;}
.widget_social li a#dribbble {background-position:0 -203px;}
.widget_social li a#google {background-position:0 -227px;}
.widget_social li a#pinterest {background-position:0 -251px;}
.widget_social li a#tumblr {background-position:0 -275px;}
.widget_social li a#youtube {background-position:0 -299px;}
.widget_social li a#linkedin {background-position:0 -323px;}
.widget_social li a#instagram {background-position:0 -347px;}
.widget_social li a#quora {background-position:0 -371px;}
.widget_social li a#itunes {background-position:0 -395px;}
.widget_social li a#soundcloud {background-position:0 -419px;}
.widget_social li a#bandcamp {background-position:0 -443px;}
.widget_social li a#vimeo {background-position:0 -467px;}
.widget_social li a#lastfm {background-position:0 -491px;}
.widget_social li a#rss:after {background-position:-24px -107px;}
.widget_social li a#facebook:after {background-position:-24px -131px;}
.widget_social li a#twitter:after {background-position:-24px -155px;}
.widget_social li a#flickr:after {background-position:-24px -179px;}
.widget_social li a#dribbble:after {background-position:-24px -203px;}
.widget_social li a#google:after {background-position:-24px -227px;}
.widget_social li a#pinterest:after {background-position:-24px -251px;}
.widget_social li a#tumblr:after {background-position:-24px -275px;}
.widget_social li a#youtube:after {background-position:-24px -299px;}
.widget_social li a#linkedin:after {background-position:-24px -323px;}
.widget_social li a#instagram:after {background-position:-24px -347px;}
.widget_social li a#quora:after {background-position:-24px -371px;}
.widget_social li a#itunes:after {background-position:-24px -395px;}
.widget_social li a#soundcloud:after {background-position:-24px -419px;}
.widget_social li a#bandcamp:after {background-position:-24px -443px;}
.widget_social li a#vimeo:after {background-position:-24px -467px;}
.widget_social li a#lastfm:after {background-position:-24px -491px;}

/* latest posts widget */
.widget_latest li {clear:both;margin-bottom:15px;}
.widget_latest a {font-weight:bold;}
.widget_latest em {display:block;font-weight:normal;font-style:normal;color:#aaa;}
.widget_latest img {float:left;width:40px;margin:2px 10px 0 0;}
.widget_latest a:hover img {opacity:.7;}

/* flickr widget */
.flickr_wrap {width:105%;}
.widget_flickr .flickr_badge_image {display:inline;padding:0 11px 0 0;}
.widget_flickr .flickr_badge_image a {border:0;}
.widget_flickr .flickr_badge_image a img {width:62px;height:62px;margin-bottom:4px;}
.widget_flickr .flickr_badge_image a:hover {opacity:.7;}

/* post-it widget */
.widget_postit_wrap {background:#FFF8CF;padding:0 25px 5px 25px;margin:50px 0 30px 0;position:relative;}
.widget_postit_wrap:after {content:'';position:absolute;background:url(images/sprite.png) 0 -50px no-repeat;bottom:-7px;left:0;width:100%;height:30px;}
.widget_postit {position:relative;}
.widget_postit:after {content:'';position:absolute;background:url(images/sprite.png);top:-34px;left:-45px;width:85%;height:49px;}
.widget_postit:before {content:'';position:absolute;background:url(images/sprite.png) 100% 0;top:-34px;right:-45px;width:85%;height:49px;}
.widget_postit h3, .widget_postit p, .widget_postit {color:#66644D;}
.widget_postit a {color:#66644D;border-color:#9E9C7E}

/* twitter widget */
.widget_twitter h3 {padding-right:19px;background:url(images/twitter.png) 100% 50% no-repeat;float:left;}
.widget_twitter li {margin:10px 0;clear:both;}

/* calendar widget */
.widget_calendar h3.widget-title {display:none;}
.widget_calendar caption {text-align:left;}
.widget_calendar table {width:100%;border-collapse:collapse;}
.widget_calendar th {text-align:left;}
.widget_calendar td {font-size:12px;}
.widget_calendar tbody a {font-weight:bold;}
.widget_calendar caption {margin-bottom:5px;}
.widget_calendar #next {text-align:right;}

/* menu widget */
.widget_nav_menu ul ul {margin:0 0 0 10px;}

/* rss widget */
.rsswidget img {float:right;margin-top:3px;}

/* categories widget */
.widget_categories {color:#666;}

/* tag cloud widget */
.tag_cloud {padding-bottom:20px;}
.tagcloud a {float:left;display:inline-block;border:0;margin:5px 10px 5px 0;background:url(images/transparent-white-010.png);background:rgba(255,255,255,0.17);padding:0 6px;}
.tagcloud a:hover {background:#888;background:rgba(255,255,255,0.4);color:#333;}


/*
FORMS ----------------------------------*/

input, textarea, button {-webkit-appearance:none;}
button::-moz-focus-inner {border:none;}

label {line-height:30px;display:block;}
label em {color:#999;}
input[type=text], textarea {background:#EAE9E3 url(images/noise.png);color:#222;padding:7px;margin-bottom:15px;width:220px;border-style:solid;border-width:1px;border-color:#ccc #ddd #eee;overflow:visible;}
#main input[type=text]:focus, #main textarea:focus {border-color:#bbb #ccc #fff;background-color:#E3E2DB;}
textarea {width:100%;overflow:auto;clear:both;}
em.error, label.error {height:0;display:none;text-indent:-9999px;float:right;}
input.error, textarea.error {background-color:#FFEFF1;border-color:#FFCFD8;}

button, #submit {display:inline-block;padding:0 6px;color:#333;cursor:pointer;clear:both;background:#e6e6e6 url(images/button.png) repeat-x;border-style:solid;border-color:#ddd #ddd #ccc;border-width:1px 1px 2px 1px;width:auto;overflow:visible;letter-spacing:1px;line-height:30px;height:33px;}
button:hover, #submit:hover {background-color:#d6d6d6;}
button:active, #submit:active {position:relative;top:1px;border-bottom-color:#ddd;}


/*
MISC  -----------------------*/

/* borders */
.hentry-outer {-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
.hentry, aside {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.tagcloud a {-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
input, textarea, #page-navi li a, .flickr_badge_image a img, .widget_latest img, nav ul ul, span.select {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
button, .button, #submit, pre, .featured-image img, .alert, .avatar, .author-bio img {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
nav li li:first-child>a {-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
nav li li:last-child>a {-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.meta-tags a {-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}

/* box-shadows */
input[type=text], textarea, pre {-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 0 2px rgba(0,0,0,0.1) inset;box-shadow:0 0 2px rgba(0,0,0,0.1) inset;}
.widget_latest img, .flickr_badge_image a img {-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);box-shadow:1px 1px 2px rgba(0,0,0,0.4);}
.meta-tags a {-webkit-box-shadow:-1px 0 0 rgba(0,0,0,0.15) inset;-moz-box-shadow:-1px 0 0 rgba(0,0,0,0.15) inset;box-shadow:-1px 0 0 rgba(0,0,0,0.15) inset;}
nav>ul>li>ul {-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.button {-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);}

/* text-shadows */
.meta-tags a, .meta-comments, .button.black {text-shadow:0 1px 0 rgba(0,0,0,0.3);}
button, .button.white, #submit {text-shadow:0 1px 0 rgba(255,255,255,0.6);}
.button {text-shadow:0 1px 0 rgba(255,255,255,0.4);}

/* transitions */
a, input, textarea, button, .widget_latest img, .widget_social li a:after {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

/* selection */
::-moz-selection {color:#fff;}
::selection {color:#fff;}


/* 
MEDIA QUERIES  -----------------------*/

@media screen and (min-width:1080px) {

#wrapper, header {width:1000px;}
.widget_flickr .flickr_badge_image {padding-right:16px;}
.widget_flickr .flickr_badge_image a img {margin-bottom:9px;}

}

@media screen and (max-width:750px) {

/* layout */
#wrapper, header {width:460px;}
header {padding-top:10px}
#wrapper {padding-bottom:0;}
#main {width:100%;}
.hentry {width:auto;}
aside {clear:both;width:100%;margin:40px auto 0 auto;float:none;}

/* posts */
.hentry-header {margin:-30px -20px 20px -20px;padding:20px;}
h1 {font-size:22px;}
.hentry-outer {padding:0;background:none;}
.hentry {width:auto;padding:30px 20px 0 20px;}
#main .meta-comments {right:20px;}

/* navigation */
nav>ul {display:none;}
nav {width:100%;margin:0 0 10px;clear:both;position:relative;}
select.select-menu {display:block;position:relative;z-index:10;clear:both;width:100% !important;height:40px !important;line-height:26px;cursor:pointer;}
span.select {display:block;position:absolute;bottom:0;float:left;right:0;width:100%;height:40px;line-height:40px;text-indent:20px;background:#333 url(images/select.png) no-repeat 100% 50%;z-index:1;color:#fff;}

/* misc */
.meta-tags a {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.author-bio {margin:0 -20px;padding:10px 20px 0 20px;}
#respond {padding:1px 30px 0 30px;width:auto;margin:40px -20px 0;}
input[type=text] {width:80%;}
.one_half, .one_third, .one_fourth {clear:both;width:100%;margin-right:0;}

#comments li {padding-left:40px;}
#comments li li {margin-left:-40px;}
.avatar {margin-left:-44px;border-color:#FFFEF7;background:#FFFEF7;}
.depth-1>.vcard {background:none;}

}

@media screen and (max-width:500px) {

#wrapper, header {width:94%;}

}