/*   
Theme Name: Little
Theme URI: http://www.theme-junkie.com
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>.
Author: Theme Junkie
Author URI: http://www.theme-junkie.com
Version:1.0.5
License: GNU General Public License
License URI: license.txt    
Tags: theme-options, translation-ready
*/
/*
WARNING: DO NOT EDIT THIS FILE. If you wish to make custom stylistic changes to your theme, use the
custom.css template to define custom styles. This way, you will still be able to take advantage of
future upgrades to the theme without worrying about overwriting your style changes.
*/
/*-----------------------------------------------

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Containers & Columns
-2.2 Navigation Menu
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination
-3.4 Author Box

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments

6. Page Templates
-6.1 Contact Form
-6.2 Archives & Sitemap

7. MISC
-7.1 Buttons
-7.2 Un-widgetized Advertisement
-7.3 CSS3 Effects

--------------------------------------------------------------------------------- */
/* =0. Reset
--------------------------------------------------------------------------------- */
@import 'css/reset.css';
/* =1. Setup
--------------------------------------------------------------------------------- */
/* 1.1 Defaults */
body {
	background: #efede9;
	color: #232527;
	font: 14px/24px 'Helvetica', 'Arial', "Lucida Grande", 'sans-serif';
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	padding: 0;
}
h1 {
	font-size: 24px;
	line-height: 28px;
}
h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 20px 0;
}
h3 {
	font-size: 16px;
	line-height: 20px;
}
h4 {
	font-size: 14px;
	line-height: 18px;
}
h5 {
	font-size: 12px;
	line-height: 18px;
}
h6 {
	font-size: 10px;
	line-height: 16px;
}
hr {
	width: 50%;
	height: 6px;
	display: block;
	background: #eee;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0;
}
i span {
	font-family: 'Helvetica', 'Arial', "Lucida Grande", 'sans-serif' !important;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	border: 1px solid #ffffff;
	outline: none;
	margin: 0;
	padding: 13px 15px 12px 15px;
	background: #e5e5e5;
	color: #999;
	font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus, textarea:focus {
	background: #fff;
	border-color: #cccccc;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	color: #232527;
}
textarea {
	width: 100%;
}
label {
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
}
.hidden {
	display: none;
}
.highlight {
	padding: 1px 5px;
	color: #ffffff;
	line-height: 1;
}
.sticky {
	
}
.bypostauthor {
	
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}
::selection {
	background: #CCCCCC;
}
::-moz-selection {
	background: #CCCCCC;
}
img::-moz-selection {
	background: transparent;
}
img::selection {
	background: transparent;
}
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
#logo {
	margin-bottom: 15px;
}
.navigation-links,
.pinglist {
	margin-bottom: 40px;
}
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul {
	margin-bottom: 0;
}
/* 1.2 Hyperlinks */
a:focus,
a:hover,
a:active {
	outline: none;
}
a,
a:visited {
	color: #333333;
	text-decoration: none;
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
a img {
	border: none;
}
/* =2. Site Structure & Appearance
--------------------------------------------------------------------------------- */
/* 2.1 Containers & Columns */
.container {
	position: relative;
	margin: 0 auto;
	width: 900px; /*660px*/
}
#content,
article.hentry {
	float: left;
	width: 900px; /*660px*/
}
article.hentry {
	background: #ffffff;
	margin: 0 0 30px 0;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 3px #f6f4ee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* 2.2 Navigation Menu */
.nav {
	list-style: none;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	padding: 0;
	z-index: 999;
}
.nav a {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
.nav li {
	float: left;
	width: auto;
	z-index: 999;
}
.nav li a {
	color: #EEEEEE;
	line-height: 18px;
	padding: 10px 18px;
	text-decoration: none;
}
.nav li a.sf-with-ul {
	padding-right: 22px !important;
}
.nav li:hover a, .nav li:hover a:active {
	text-decoration: none;
}
.nav li ul {
	float: left;
	left: -999em;
	position: absolute;
	width: 180px;
	z-index: 999;
}
.nav li ul li a, .nav li ul li a:visited {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	width: 142px;
}
.nav li ul li a.sf-with-ul {
	padding: 10px 15px;
}
.nav li ul ul {
	border-top: 1px solid #e3e3e3;
	margin: -39px 0 0 179px !important;
	padding: 0 !important;
}
.nav li:hover, .nav li.hover {
	position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
	left: auto;
}
.nav .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 9px;
	height: 9px;
	text-indent: -999em;
	top: 1.2em;
	right: 10px;
}
.nav li ul .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	top: 1.2em;
	right: 0.5em;
}
/* P R I M A R Y - N A V */
#primary-nav .nav {
	background: #ffffff;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	border-top: 1px solid #e6e6e6;
	border-radius: 5px;
	display: block;
	height: 50px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 3px #f6f4ee !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 0 1px 0 #ffffff;
}
#primary-nav .nav .sf-sub-indicator {
	background: url(images/ico-arrow-down.png) no-repeat;
	right: 0.5em;
	top: 5px;
}
#primary-nav .nav li li a {
	background: #FFFFFF !important;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	color: #666666 !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	padding: 14px 18px !important;
	text-transform: none;
}
#primary-nav .nav li ul {
	background: transparent url(images/arrow-up.png) no-repeat center 3px;
	list-style: none;
	margin-left: -1px;
	padding: 13px 0 0 0;
}
#primary-nav .nav li ul .sf-sub-indicator {
	background: url(images/bullet.png) no-repeat;
	right: 0.7em;
	top: 15px;
}
#primary-nav .nav li a {
	border-right: 1px dotted #cccccc;
	color: #666666;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	margin: 18px 0;
	padding: 0 18px;
}
/* 2.3 Header */
#header {
	clear: both;
	margin: 40px 0 30px;
	position: relative;
}
#text-logo {
	display: block;
	float: left;
}
#site-title {
	color: #333;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#site-desc {
	color: #9da0a4;
	font-size: 12px;
}
#site-title a,
#site-title a:hover {
	text-decoration: none;
}
#logo {
	display: block;
	float: left;
	line-height: 1;
	overflow: hidden;
}
/* Search Form */
.header-search {
	color: #666666;
	position: absolute;
	bottom: 17px;
	right: 20px;
	display: none;
}
.header-search i {
	font-style: normal;
	font-size: 13px;
	cursor: pointer;
}
.header-search:hover {
	color: #000000;
}
.header-search .icon-search.active {
	display: none;
}
.header-search .icon-remove {
	display: none;
}
.header-search .icon-remove.active {
	display: inline-block;
}
.search-form {
	border-top: 1px solid #dddddd;
	display: none;
	position: absolute;
	top: 125px;
	right: 15px;
	padding: 15px;
	height: 45px;
	background: #fff;
	z-index: 9999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 3px #f6f4ee;
}
.search-form input {
	height: 46px;
}
.search-form button {
	height: 46px;
	position: relative;
}
/* Header Social Icons */
.header-social-icons {
	float: right;
	margin: 12px 0 0 0;
}
.header-social-icons a:link,
.header-social-icons a:visited {
	color: #9da0a4;
}
.header-social-icons i {
	margin: 0 3px;
}
/* Tooltip Effect */
.tipsy {
	margin: 5px 0 0 0;
	padding: 5px;
	font-size: 10px;
	position: absolute;
	z-index: 100000;
}
.tipsy-inner {
	padding: 1px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-arrow {
	position: absolute;
	background: url('images/tipsy.gif') no-repeat top left;
	width: 9px;
	height: 5px;
}
.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}
.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}
/* 2.4 Content  */
.entry-video,
.entry-audio {
	margin: 0 0 25px 0;
}
.entry-thumb object,
.entry-thumb embed,
.entry-thumb iframe {
	width: 600px;
	height: 340px;
	margin: 0 0 20px 0;
}
#breadcrumbs {
	color: #9da0a4;
	margin: 0 0 30px 0;
	text-align: center;
}
/* 2.5 Sidebar */
.widget {
	color: #9da0a4;
	width: 300px;
	margin: 0 0 20px 0;
}
.widget .widget-title {
	color: #666666;
	font-weight: normal;
	margin: 0 0 10px 30px;
}
.widget a,
.widget a:visited {
	text-decoration: underline;
	color: #9da0a4;
}
.widget a:hover {
	color: #333333;
}
.widget ul {
	list-style: disc;
}
.footer-widget-1 {
	float: left;
}
.footer-widget-2 {
	float: right;
}
/* 2.6 Footer */
.copyright {
	color: #9da0a4;
	font-size: 12px;
	margin: 10px 0 0 0;
	text-align: center;
}
.copyright a,
.copyright a:visited {
	color: #9da0a4;
	text-decoration: underline;
}
.copyright a:hover {
	color: #333333;
}
/* =3. Posts
--------------------------------------------------------------------------------- */
#content a,
#content a:visited {
	font-weight: bold;
	text-decoration: underline;
}
.page-title {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.043333em;
	line-height: 1.3em;
	margin: 0 0 20px 0;
}
.junkie-caption {
	color: #9da0a4;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 1.4em;
	margin-bottom: 0;
}
.entry-title,
.entry-title a,
.entry-title a:visited {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.0325em;
	line-height: 1.15em;
	margin-bottom: 15px;
	text-decoration: none !important;
}
.entry-meta {
	color: #9da0a4;
	margin: 0 0 15px 0;
}
.entry-meta a,
.entry-meta a:visited {
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.entry-meta a:hover {
	color: #000000;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-bottom: 15px;
}
.entry-content img { 
	max-width: 600px;
	height: auto; 
}
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style: decimal;
}
.entry-quote {
	color: #9da0a4;
	position: relative;
}
.entry-quote .icon-quote-left {
	position: absolute;
	top: 35px;
	left: 55px;
}
.entry-quote blockquote {
	padding: 40px 80px 20px 80px !important;
}
.quote-source {
	color: #9da0a4;
	padding: 0 80px;
	text-align: right;
}
.quote-source a,
.quote-source a:visited {
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.format-link .entry-title {
	background: #ffffff url(images/ico-link.png) no-repeat right 10px;
}
.format-link .link-source a,
.format-link .link-source a:visited {
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.format-image .entry-thumb {
	margin: 0 0 20px 0;
}
.entry-footer {
	padding-bottom: 25px;
}
.single-share {
	float: left;
	margin: 15px 0 0 0;
}
.single-share .btn-tweet,
.single-share .btn-like,
.single-share .btn-like iframe,
.single-share .btn-plus {
	display: block;
	float: left;
	height: 22px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 90px;
}
.single-share span {
	float: left;
	font-weight: normal;
	line-height: 22px;
	margin: 0 10px 0 0;
	padding: 0;
}
/* 3.1 Typographic Elements */
address {
	font-style: italic;
}
abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666666;
}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-style: italic;
	margin: 30px 80px;
}
strong {
	font-weight: bold;
}
em,
dfn,
cite {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup {
	font-size: 11px;
	vertical-align: top;
}
sub {
	font-size: 11px;
	vertical-align: bottom;
}
small {
	font-size: 11px;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
code,
pre {
	line-height: 18px;
}
var,
kbd,
samp,
code,
pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #fff;
}
kbd {
	font-weight: bold;
}
samp,
var {
	font-style: italic;
}
pre {
	white-space: pre;
	overflow: auto;
	padding: 10px;
	clear: both;
	margin: 40px 80px;
}
code {
	padding: 3px;
}
ul,
ol,
dl {
	margin-left: 30px;
}
table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}
table .even {
	background: #ddd;
}
caption {
	text-align: left;
}
tr {
	border-bottom: 1px solid #ccc;
}
th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}
.gallery {
	margin: auto;
}
.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}
.gallery-caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-left: 0;
}
.gallery {
	float: left;
	width: 100%;
}
.gallery-item {
	float: left;
	margin: 5px;
	text-align: center;
}
.gallery-item.col-3 {
	height: 86px;
	width: 86px;
}
.gallery-item .gallery-caption {
	margin-bottom: 0 !important;
	padding-right: 12%;
}
.gallery-item img {
	margin: 0 !important;
	padding: 0 !important;
}
.gallery-item a {
	float: left;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.ie8 .entry-thumb .fluid-width-video-wrapper {
	padding-bottom: 45px;
}
/* FlexSlider Necessary Styles */
.flexslider {
	cursor: pointer;
	margin: 0 0 25px 0;
	padding: 0;
	position: relative;
}
.flexslider ul {
	list-style: none;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 600px;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: block;
}
.slides {
	margin-left: 0;
}
.slide-caption {
	background: #232527;
	border-radius: 3px;
	color: #ffffff;
	font-size: 14px;
	padding: 3px 12px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	max-width: 140px;
}
.slide-caption a {
	color: #9da0a4;
	font-weight: normal;
	text-decoration: none;
}
.junkie-direction-nav {
	position: absolute;
	right: 20px;
	bottom: 35px;
}
.junkie-direction-nav a {
	background-color: #232527;
	border-radius: 3px;
	display: block;
	height: 30px;
	position: absolute;
	width: 30px;
	text-indent: -999em;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	transition: background-color .1s linear;
}
.junkie-direction-nav .junkie-prev {
	background-image: url(images/ico-nav-prev.png);
	background-repeat: no-repeat;
	right: 35px;
}
.junkie-direction-nav .junkie-next {
	background-image: url(images/ico-nav-next.png);
	background-repeat: no-repeat;
	right: 0px;
}
.junkie-thumbs-nav {
	display: none;
	margin-top: 20px;
	margin-left: -8px;
	margin-right: -10px;
	overflow: hidden;
}
.junkie-thumbs-nav li {
	cursor: pointer;
	float: left;
	margin: 0 9px 10px;
	position: relative;
}
.junkie-thumbs-nav li img {
	opacity: .5;
}
.junkie-thumbs-nav li span {
	border-radius: 3px;
	display: none;
	height: 30px;
	left: 79px;
	position: absolute;
	top: 58px;
	width: 30px;
}
.junkie-thumbs-nav li:hover img {
	opacity: 1;
}
.junkie-thumbs-nav li:hover span {
	display: block;
}
.stacked li > div {
	position: relative;
}
.stacked .slide-caption {
	bottom: 35px;
	max-width: 230px;
}
.stacked img {
	width: 600px;
	height: auto;
	margin-bottom: 10px;
}
/* Audio/Video jPlayer Skin */
.jp-audio,
.jp-video {
	display: block;
	width: 600px;
	max-width: 100%;
}
.jp-gui {
	margin-bottom: -10px;
}
.jp-interface {
	background: #232527 url(images/bg-jplayer.png) repeat-x;
	border: 1px solid #000000;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
	box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
	margin-bottom: 3px;
	position: relative;
	height: 33px;
	width: 558px;
	left: 20px;
	top: -53px;
}
.jp-video-full {
	position: relative;
}
.jp-video-full .jp-jplayer {
	background: #000000;
	top: 0;
	left: 0;
	position: fixed !important;
	position: relative;
	overflow: hidden;
	z-index: 998;
}
.jp-video-full .jp-gui {
	z-index: 1000;
	display: block;
}
.jp-video-full .jp-interface {
	bottom: 0;
	top: auto;
	left: 0.25%;
	position: fixed;
	width: 99%;
	z-index: 1000;
}
.jp-controls,
.jp-toggles {
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
}
.jp-controls li {
	float: left;
	list-style: none;
}
.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -999em;
}
.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
	border-top: 1px solid #4b4e53;
	display: block;
	z-index: 2;
	width: 30px;
	height: 33px;
}
.jp-play {
	background-image: url(images/ico-play.png);
	background-repeat: no-repeat;
}
.jp-pause {
	background-image: url(images/ico-pause.png);
	background-repeat: no-repeat;
}
.jp-mute {
	background-image: url(images/ico-sound.png);
	background-repeat: no-repeat;
}
.jp-unmute {
	background-image: url(images/ico-mute.png);
	background-repeat: no-repeat;
}
.jp-play,
.jp-pause {
	border-radius: 3px 1px 1px 3px;
	border-right: 1px solid #4b4e53;
}
.jp-mute,
.jp-unmute {
	border-left: 1px solid #4b4e53;
	right: 52px;
}
.jp-audio .jp-mute,
.jp-audio .jp-unmute {
	right: 52px;
}
.jp-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	padding: 0 95px 0 40px;
	margin: 11px 0;
	width: 100%;
	height: 9px;
}
.iphone .jp-progress {
	padding-right: 15px;
}
.jp-volume-bar {
	float: right;
	margin: 11px 0;
	right: 8px;
	width: 40px;
	height: 10px;
}
.jp-audio .jp-volume-bar {
	right: 7px;
}
.jp-seek-bar,
.jp-volume-bar {
	background: #141618;
	border-bottom: 1px solid #2c2d2f;
	border-left: 1px solid #0f0f10;
	border-right: 1px solid #0f0f10;
	border-top: 1px solid #000000;
	border-radius: 2px;
	cursor: pointer;
	height: 8px;
	padding: 0 0 1px 0;
	position: relative;
	z-index: 999;
}
.jp-play-bar,
.jp-volume-bar-value {
	border-radius: 1px 2px 2px 1px;
	height: 8px;
}
/* 3.2 Images */
img.centered {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
img.alignnone {
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
}
img.alignright {
	display: inline;
	margin: 0 0 15px 15px;
	padding: 0;
}
img.alignleft {
	display: inline;
	margin: 0 15px 15px 0;
	padding: 0;
}
.aligncenter {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.wp-caption {
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	padding: 4px 0 5px 0;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.wp-caption img {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
}
/* 3.3 Pagination */
.junkie-pagination {
	font-weight: bold;
	margin: 20px 0 40px 0;
	text-align: center;
}
.junkie-pagination .page-numbers,
.junkie-pagination a,
.junkie-pagination a:visited {
	background: #ffffff;
	color: #666666;
	font-size: 14px;
	margin: 0 1px;
	padding: 12px 15px;
	text-decoration: none !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.junkie-pagination .current,
.junkie-pagination a:hover {
	color: #ffffff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
/* 3.4 Author Box */
.entry-author {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
.entry-author h3 {
	font-size: 14px;
	padding: 0 0 5px 0;
}
.author-avatar {
	float: left;
}
.author-avatar img {
	background: #FFFFFF;
	border-radius: 100px;
	display: block;
	margin: 0 10px 10px 0;
	padding: 4px;
}
.author-description {
	display: table;
}
/* =4. Widgets
--------------------------------------------------------------------------------- */
/* 4.1 General Widgets */
/* W I D G E T : C A L A N D E R */
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	background: transparent;
	color: #333;
	font-weight: bold;
	padding: 3px 0 7px 0;
}
#wp-calendar #today {
	background: #F0F0F0;
	font-weight: bold;
}
#wp-calendar th {
	background: #F0F0F0;
	border: #F0F0F0 solid 1px;
	padding: 3px;
}
#wp-calendar td {
	border: #F0F0F0 solid 1px;
	padding: 5px 2px;
}
#wp-calendar,
#wp-calendar th,
#wp-calendar caption {
	text-align: center;
}
/* 4.1 Specific Widgets */
/* W I D G E T : T W I T T E R */
.widget_tj_twitter {
	display: none;
	margin: 0 0 20px 0;
}
.widget_tj_twitter ul {
	list-style: disc !important;
}
.widget_tj_twitter li {
	border-bottom: 1px dashed #cccccc;
	display: block !important;
	list-style: disc !important;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.widget_tj_twitter li .time {
	color: #9da0a4;
}
/* W I D G E T : F L I C K R */
.widget_tj_flickr {
	margin: 0 0 20px 0
}
.widget_tj_flickr > div {
	margin: 10px 0 0 0
}
.widget .flickr_badge_image {
	float: left;
	margin: 0;
	height: auto;
}
.widget .flickr_badge_image a:hover img {
	background: #fbfbfb;
	border-color: #e5ecf1;
}
.widget .flickr_badge_image .photo-wrap {
	margin-bottom: 20px;
	padding: 0;
	position: relative;
}
.widget .flickr_badge_image a img {
	background: #FFFFFF;
	border: 1px solid #efefef;
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
}
/* =5. Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	position: relative;
}
#comments .commentlist {
	padding: 20px 0;
}
#comments .children {
	list-style-type: none;
	margin-left: 16px;
}
#comments ul.children li {
	background: url(images/ico-mobile-nav.png) no-repeat 0 6px;
	padding-left: 35px;
}
.pings-wrapper {
	position: relative;
}
.pinglist {
	list-style-type: none;
	margin: 0;
	padding: 30px 0 40px 0;
}
.pinglist li {
	border-bottom: 1px solid #e9eaea;
	padding: 10px;
}
.pinglist li a {
	border: 0;
	color: #4d4e52;
	display: block;
	font-weight: normal;
}
.pinglist li a:hover {
	background: none !important;
	color: #202222;
}
#reply-title,
.comments-title,
.pings-title {
	font-size: 16px;
	margin: 0 0  20px 0;
}
.commentlist #commentform {
	margin-bottom: 60px;
}
.comment .avatar {
	border-radius: 100px;
	float: left;
	margin: 0 15px 0 0;
}
.comment-meta {
	color: #9da0a4;
	margin-bottom: 15px;
}
.comment-meta a,
.comment-meta a:visited {
	background: none !important;
	border: 0;
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.comment-meta a:hover {
	color: #000000;
}
.moderation {
	color: #9da0a4;
	padding-left: 51px;
}
.comment-body {
	margin-bottom: 20px;
	padding: 0 0 20px 51px;
}
.comment-body ul {
	list-style-type: disc;
}
.comment-body ol {
	list-style-type: decimal;
}
.comment-author cite {
	color: #202222;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	display: none;
}
.nocomments {
	padding: 20px;
	text-align: center;
}
#commentform .comment-form-comment {
	margin-bottom: 10px;
}
#commentform .form-submit input {
	border: 1px solid #E6E6E6;
	border-bottom-color: #DDDDDD;
	box-shadow: none;
	cursor: pointer;
	float: none;
	font-weight: 700;
	margin: 0;
	width: auto;
}
#commentform .required {
	color: red;
}
#commentform textarea {
	width: 99%;
	margin: 0 0 5px 0;
}
#commentform input {
	float: left;
	margin-right: 15px;
	width: 40%;
}
#commentform p {
	clear: both;
	line-height: 40px;
	margin-bottom: 15px;
}
/* =6. Page Templates
--------------------------------------------------------------------------------- */
/* 6.1 Contact Form */
#contact-form {
	display: block;
	width: 100%;
}
#contact-form input.txt {
	color: #666666;
	margin: 0 5px 10px 0;
	padding: 15px;
	width: 40%;
}
#contact-form textarea {
	color: #666666;
	height: 200px !important;
	padding: 15px;
	width: 80%;
}
#contact-form #submit {
	margin: 15px 0 0 0;
	width: 120px;
}
#contact-form li {
	background: none;
	padding-left: 0;
}
.contact-form label {
	display: block;
	line-height: 30px;
}
.page-template-page-templatestemplate-contact-php .thanks {
	color: #0A9600;
}
.page-template-page-templatestemplate-contact-php .error {
	color: red;
}
/* 6.2 Archives & Sitemap */
.page-template-page-templatestemplate-archives-php .entry-content ul li,
.page-template-page-templatestemplate-sitemap-php .entry-content ul li {
	color: #9da0a4;
}
.page-template-page-templatestemplate-archives-php .entry-content ul li a,
.page-template-page-templatestemplate-sitemap-php .entry-content ul li a {
	font-style: normal;
}
/* =7. Misc
--------------------------------------------------------------------------------- */
/* 7.1 Buttons */
button, .btn, 
.form-submit input,
.contact-form #submit,
#commentform .form-submit #submit {
	display: inline-block;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 15px 10px;
	color: #fff;
	font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
button:hover, .btn:hover, .form-submit input:hover {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	opacity: 0.8;
}
button:active, .btn:active, .form-submit input:active {
	position: relative;
	top: 1px;
	bottom: -1px;
}
button.light, .btn.light {
	background: #fff;
	color: #555759;
}
button.light:hover, .btn.light:hover {
	color: #fff;
}
/* 7.2 Un-widgetized Advertisement */
.content-ad {
	width: 468px;
	height: 60px;
	margin: 0 auto 30px auto;
}
/* 7.3 CSS3 Effects */
#primary-nav .nav,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi .extend,
.wp-pagenavi span.pages {
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#EEEEEE)";
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	background: #FBFBFB;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EEEEEE));
	background: -webkit-linear-gradient(#FBFBFB, #EEEEEE);
	background: -moz-linear-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);
	background: -moz-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);
	background: -o-linear-gradient(top, #FBFBFB, #EEEEEE);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB,endColorstr=#EEEEEE);
}
.entry-footer,
.entry-author,
.comment-body {
	background-size: 100% 1px, 100% 1px, auto;
	background-position: 50% 100%, 50% 100%, 50% 0;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-origin: padding-box, border-box, padding-box;
	border-bottom: 1px solid transparent;
	background-image: -webkit-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)), 
            -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0)), 
            -webkit-radial-gradient(50% 100%, ellipse cover, rgba(0,0,0, 0.05), rgba(0,0,0,0) 50%);
	background-image: -moz-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)), 
            -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0)), 
            -moz-radial-gradient(50% 100%, ellipse cover, rgba(0,0,0, 0.05), rgba(0,0,0,0) 50%);
	background-image: -ms-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)), 
            -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0)), 
            -ms-radial-gradient(50% 100%, ellipse cover, rgba(0,0,0, 0.05), rgba(0,0,0,0) 50%);
	background-image: -o-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)), 
            -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0)), 
            -o-radial-gradient(50% 100%, ellipse cover, rgba(0,0,0, 0.05), rgba(0,0,0,0) 50%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)), 
            linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0)), 
            radial-gradient(50% 100%, ellipse cover, rgba(0,0,0, 0.05), rgba(0,0,0,0) 50%);
}

/* Additional */
.inner-content{
	background-color: #EFEDE9;
	width: 1000px;
	margin: 0px auto;
}