style.css

/*
Theme Name: Collection
Theme URI: http://www.theme-junkie.com/
Author: Theme Junkie
Author URI: http://www.theme-junkie.com/
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>
Version: 1.0.2
License: GNU General Public License
License URI: license.txt
Tags: custom-background, custom-menu, custom-post-types, post-formats, theme-options, translation-ready
*/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/

@import url("includes/css/reset.css");

/* =Global
----------------------------------------------- */
body,
input,
textarea,
button {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	background: #f0f0f0;
	color: #777;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}

p {
	margin: 0;
	padding: 0;
}

/* Links */
a {
	color: #777;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/* Standard Styles */
.hidden {
	display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* =MISC Tags
----------------------------------------------- */
address {
	font-style: italic;
}

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 30px;
	padding-left: 15px;
}

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;
}

kbd {
	font-weight: bold;
}

samp,
var {
	font-style: italic;
}

pre {
	clear: both;
	line-height: 19px;
	overflow: auto;
	margin: 30px 0;
	padding: 0 10px;
	white-space: pre;
}

table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	padding: 0 5px;
	margin: 0 0 22px 0;
	text-align: left;
}

table .even {
	background: #ddd;
}

caption {
	text-align: left;
}

tr {
	border-bottom: 1px solid #ccc;
}

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

input,
textarea {
	padding: 5px;
}

textarea {
	overflow: auto;
}

input:focus,
textarea:focus {
	background: #fffff0 !important;
}

button {
	padding: 2px 10px;
	cursor: pointer;
}

/* =Site Structure
----------------------------------------------- */
#container {
	padding: 30px 0 20px 0;
	position: relative;
	float: left;
	width: 100%;
}

#primary {
	padding: 0 0 0 290px;
	position: relative;
}

.tax-portfolio-type #primary {
	padding: 0 0 0 270px;
}

#primary-portfolio {
	padding: 0 0 0 270px;
}

.single #primary,
.page #primary, .error404 #primary {
	background: #fff;
	margin: 0 0 0 20px;
	padding: 20px;
	float: left;
	width: 600px;
	border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

#masonry-portfolio,
#masonry {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content {
	float: left;
	position: relative;
	width: 100%;
}

.hfeed {
	margin-bottom: 20px;
}

/* =Header
----------------------------------------------- */
#header {
	display: block;
	width: 100%;
	height: 80px;
	z-index: 200;
}

#header-content {
	display: block;
	position: relative;
}

/* Logo */
#text-logo {
	float: left;
	padding: 16px 0 0 40px;
}

#site-title {
	color: #333;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1;
	margin: 0 0 5px 0;
}

#site-title a, #site-title a:hover {
	color: #fff;
	text-decoration: none;
}

#logo {
	display: inline;
	float: left;
	position: relative;
	margin: 10px 0 0 40px;
	overflow: hidden;
}

/* Header Social */
#header-social {
	float: right;
	margin: 0;
	padding: 29px 40px 0 0;
	position: relative;
}

#header-social a {
	color: #f0f0f0;
	display: block;
	font-size: 12px;
	position: relative;
	z-index: 100;
}

#header-social a:hover {
	color: #ddd;
}

li#header-twitter {
	background: url(images/ico-twitter.png) no-repeat;
	float: left;
	padding: 0 20px 0 20px;
}

li#header-subscribe {
	background: url(images/ico-rss.png) no-repeat;
	float: left;
	padding: 0 20px 0 20px;
}

/* =Header Navigation & Menu
----------------------------------------------- */
#header-nav {
	padding: 27px 0 0 40px;
	position: relative;
	float: left;
	margin: 0;
}

/* Navigation */
.nav {
	z-index: 99;
}

.nav a {
	color: #f0f0f0;
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}

.nav a:hover {
	color: #ddd;
}

.nav li {
	float: left;
	width: auto;
	list-style: none;
	line-height: 24px;
}

.nav li a {
	background: url(images/nav-seperator.png) no-repeat center left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px;
}

.nav li.first a {
	background: none;
}

.nav li:last-child {
	margin-right: 0;
}

/* Dropdown menus */
.nav li ul {
	background: #fff !important;
	margin: 5px 0 0;
	padding: 10px 20px 20px;
	position: absolute;
	left: -999em;
	width: 140px;
	z-index: 9999;
	border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.nav li ul li {
	margin: 0;
}

.nav li ul li a {
	background: #fff !important;
	border-bottom: 1px dotted #ddd !important;
	border-left: none;
	border-right: none;
	color: #777;
	display: block !important;
	font-size: 12px;
	font-weight: normal;
	line-height: 32px !important;
	padding: 0 !important;
	width: 140px;
}

.nav li ul li:first-child {
	background: url(images/arrow-up.png) no-repeat scroll center top transparent;
	margin-top: -18px;
	padding-top: 10px;
}

.nav li ul li ul li:first-child {
	background: none;
}

.nav li ul ul {
	margin: -35px 0 0 140px !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: none;
	background: url(images/arrow-superfish.png) no-repeat;
	position: absolute;
	display: block;
	right: 0.4em;
	top: 44%;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}

.nav li ul .sf-sub-indicator {
	display: none;
	background: url(images/arrow-superfish-right.png) no-repeat;
	top: 38%;
}

/* =Content
----------------------------------------------- */
.entry-content {
	float: left;
	margin: 0;
	line-height: 18px;
}

.entry-content a {
	border-bottom: 1px solid #ddd;
}

.entry-content a:hover {
	border-bottom-color: #ccc;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0 0 20px 0;
}

.entry-content ul {
	list-style: inside disc;
	margin: 0 0 20px 0;
}

.entry-content li {
	margin-bottom: 7px;
}

.entry-content ol {
	list-style-type: decimal;
	margin: 0 0 10px 25px;
}

.entry-content ol ol {
	list-style: upper-alpha;
}

.entry-content ol ol ol {
	list-style: lower-roman;
}

.entry-content ol ol ol ol {
	list-style: lower-alpha;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
}

.entry-content ul li {
	padding: 3px 0 3px 10px;
}

.entry-content ol li {
	padding: 3px 0 3px 0;
}

.entry-content li ul {
	margin: 0;
	padding: 0;
}

.entry-content pre,
.entry-content code,
.entry-content tt {
	font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 18px;
	background: #f5f5f5;
	display: block;
	overflow: auto;
	padding: 1em;
	color: #666;
}

.entry-content hr {
	background: #e6e6e6;
	color: #e6e6e6;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 15px 0;
	border: none;
}

.entry-content blockquote {
	margin: 20px 0;
	padding: 15px 15px 1px 15px;
	background: #f5f5f5;
	border: 1px solid #eee;
	border-width: 1px 0;
	font-family: Georgia, serif;
}

.entry-content blockquote p {
	color: #666;
	font-style: italic;
	font-size: 1em;
}

.hentry {
	background: #fff;
	position: relative;
	margin: 0 0 20px 20px;
	float: left;
}

.single .hentry {
	margin: 0;
	position: relative;
	float: left;
	width: 600px;
	box-shadow: none;
}

.page .hentry {
	margin: 0 0 10px 0;
}

.page-title {
	font-size: 14px;
	font-weight: bold;
}

h2.entry-title {
	background: url(images/bg-title.png) repeat;
	display: block;
	font-size: 14px;
	padding: 10px 0 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 20;
}

.entry-title a {
	color: #dfdcdc;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	margin-left: 10px;
}

.entry-title a:hover {
	color: #fff;
}

.single-title {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

.post {
	background: #fff;
	margin: 0 20px 20px 0;
	width: 210px; /*360*/
	/*height: 490px; добавлено вручную*/
}

.post-thumb {
	background: #fff;
	position: relative;
	float: left;
}

.post-thumb a {
	display: block;
	position: relative;
}

.post-thumb a,
.post-thumb a img {
	float: left;
	overflow: hidden;
}


#overlay-inner a:hover {
	padding: 1px 3px;
	margin: -1px -3px;
}

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

/* Author BIO Box */
.entry-author {
	background: #fcfcfc;
	margin: 15px 0 0 0;
	padding: 15px;
	border-top: 1px dotted #ddd;
}

.entry-author p a {
	border-bottom: 1px solid #e6e6e6;
}

.author-avatar {
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
}

/* =Porrtfolio
----------------------------------------------- */
.portfolio {
	background: #fff;
}

.portfolio .entry-content {
	padding: 20px 0 0 0;
}

.tax-portfolio-type .hentry,
.page.page-template-template-portfolio-php .hentry {
	background: #fff;
	overflow: hidden;
	margin: 0 0 20px 20px;
	float: left;
}

.tax-portfolio-type .hentry,
.has-excerpt .hentry {
	padding-bottom: 10px;
}

.no-excerpt .hentry {
	padding: 5px;
}

.tax-portfolio-type a .overlay .icon,
.page.page-template-template-portfolio-php a .overlay .icon {
	left: 46%;
}

.entry-excerpt {
	clear: both;
	display: none;
	padding: 0 5px 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}

.entry-excerpt p {
	color: #333333;
	font-size: 12px;
}

.tax-portfolio-type {
	padding: 0;
	font-size: 11px;
}

div.single-portfolio {
	float: left;
	margin: 10px 0;
}

.video-portfolio {
	margin: 20px 0 0 0;
}

span.icon-video {
	background: url(images/ico-video.png) no-repeat;
	display: block;
	opacity: 0.4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
	width: 24px;
	height: 24px;
	z-index: 10;
}

/* Portfolio Post */
.portfolio-post {
	display: block;
	position: relative;
	float: left;
}

h2.portfolio-post-title {
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 12px 0 0 0;
}

.portfolio-post-title a {
	font-size: 13px;
	font-weight: bold;
}

.portfolio-post-excerpt {
	padding: 6px 0 0 0;
	width: 100%;
	height: 60px;
	overflow: hidden;
}

.portfolio-post-excerpt p {
	font-size: 11px;
	margin: 0 !important;
}

/* In-Post Gellery */
.gallery {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	width: 600px;
}

.gallery img {
	display: none;
	width: 600px;
}

div.gallery-flag {
	float: right;
	height: 10px;
	margin-top: 10px;
}

div.gallery-flag div {
	cursor: pointer;
	margin: 0 0 0 5px;
}

div.gallery-flag-out {
	background: url(images/ico-dot.png) no-repeat;
	display: block;
	float: left;
	width: 11px;
	height: 7px;
}

div.gallery-flag-in {
	background: url(images/ico-dot.png) 0 -7px no-repeat;
	display: block;
	float: left;
	width: 11px;
	height: 7px;
}

/* =Post Formats
----------------------------------------------- */
img.post-img {
	width: 360px;
}

img.attachment-archive-thumb {
	width: 360px;
	height: auto;
}

/* Post Format: Standard */
.format-standard .entry-content {
	font-size: 11px;
	padding: 15px 15px 0 15px;
}

.single .format-standard .post-title {
	font-size: 18px;
}

.signle .format-standard .entry-content {
	font-size: 12px;
	padding: 15px 0;
}

/* Post Format: Aside */
.format-aside .entry-content {
	font-size: 11px;
	padding: 15px 15px 0 15px;
}

/* Post Format: Link */
.format-link .post-title {
	display: block;
	padding: 20px 15px;
}

.format-link .post-title a {
	color: #f1f1f1;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}

.format-link .post-title a:hover {
	color: #fff;
}

.format-link .post-title .icon {
	background: url(images/link.png) no-repeat;
	width: 14px;
	height: 14px;
	float: left;
}

.format-link .entry-content {
	padding: 20px 15px 0 15px;
	font-size: 11px;
}

.single .format-link .post-title {
	width: 570px;
	padding: 20px 15px;
}

.single .format-link .entry-content {
	font-size: 12px;
}

/* Post Format: Image */
.format-image .entry-content {
	font-size: 11px;
	padding: 15px 15px 0 15px;
}

.single .format-image .entry-content {
	font-size: 12px;
	padding: 0 0 20px 0;
}

.format-image .post-thumb a {
	margin: 0;
}

/* Post Format: Quote */
blockquote,
.format-link .post-title a {
	border-left: 1px solid #4d4f51;
}

.format-quote .quote-wrap,
.format-link .post-title {
	background-color: #333;
}

.format-quote .quote-wrap {
	padding: 20px 15px;
}

.format-quote .quote-wrap .icon {
	background: url(images/quote.png) no-repeat;
}

.format-quote blockquote {
	color: #f1f1f1;
	padding: 0 0 0 10px;
	margin: 0 0 0 26px;
	font-size: 14px;
	line-height: 19px;
}

.format-quote .quote-wrap .icon {
	width: 16px;
	height: 12px;
	float: left;
	margin: 3px 0 0 0;
}

.format-quote .entry-content {
	padding: 20px 15px 0 15px;
	font-size: 11px;
}

.single .format-quote .entry-content {
	font-size: 12px;
}

/* Post Format: Audio */
.format-audio .entry-content {
	font-size: 11px;
	padding: 15px 15px 0 15px;
}

.single .format-audio .post-title {
	padding: 15px 0 0 0;
}

.single .format-audio .entry-content {
	font-size: 12px;
	padding: 15px 0 0;
}

/* Post Format: Video */
.format-video .entry-content {
	font-size: 11px;
	padding: 15px 15px 0px 15px;
}

.single .format-video .post-title {
	padding: 15px 0 0 0;
}

.single .format-video .entry-content {
	font-size: 12px;
	padding: 15px 0 0;
}

/* Entry Meta */
.entry-meta {
	font-size: 11px;
	padding: 10px 15px 15px 15px;
	position: relative;
	float: left;
	width: 185px; /*330*/
	margin: 0;
}

.entry-meta a {
	display: inline;
}

.published {
	float: left;
	font-style: italic;
	padding: 0 10px 0 0;
}

.comment-count .icon {
	background: url(images/ico-comment.png) no-repeat;
	width: 12px;
	height: 12px;
	float: left;
	margin: 4px 4px 0 0;
}

.comment-count {
	float: right;
	margin: 0 0 0 10px;
}

/* Single Post */
.post-title {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	padding: 15px 15px 0 15px;
	margin: 0 !important;
	width: 330px;
}

.single .post-title {
	width: 100%;
	padding: 0;
}

.single .entry-content {
	font-size: 12px;
	padding: 15px 0;
}

/* Post Meta */
.post-meta,
.portfolio-meta {
	font-size: 11px;
	margin: 0 !important;
	padding: 0 !important;
}

.post-meta li {
	display: block;
	padding: 10px 0;
}

.post-meta .post-author {
	float: left !important;
	background: url(images/ico-author.png) no-repeat 0 11px;
	width: 85px;
	padding-left: 20px;
}

.post-meta .published {
	background: url(images/ico-date.png) no-repeat 0 11px;
	float: left !important;
	font-style: normal;
	width: 85px;
	padding-left: 20px;
}

.post-meta .comment-count {
	float: left !important;
	width: 85px;
	padding-right: 20px;
}

.post-meta .post-tags {
	background: url(images/ico-tags.png) no-repeat 0 12px;
	float: left !important;
	width: 85px;
	padding-left: 20px;
}

.post-meta .post-tags span {
	display: block;
}

.post-meta .post-tags a {
	display: inline;
}

.post-meta .edit-post {
	clear: both;
	display: block;
}

.post-meta a {
	font-size: 11px !important;
	padding: 0 !important;
}


/* =Sidebar
----------------------------------------------- */
#sidebar {
	float: left;
	padding: 10px;
	position: relative;
	width: 220px;
	left: 0;
	margin: -10px 0 0 30px;
	z-index: 100;
}

#single-sidebar li {
	float: none;
	margin: 0;
}

#single-sidebar ul.entry-meta {
	margin: -5px 0 20px 0;
}

#single-sidebar ul {
	margin: 0 0 20px 0;
	padding: 0;
}

#single-sidebar .caption {
	font-size: 12px;
	padding: 15px 0;
}

#single-sidebar .link {
	margin: 15px 0 0 0;
}

#single-sidebar .link a {
	display: block;
}

#single-sidebar .terms {
	padding-top: 15px;
}

#single-sidebar .terms h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#single-sidebar .terms ul {
	margin: 0;
	display: block;
}

#single-sidebar .terms li {
	background: #f5f5f5;
	border-top: none !important;
	display: inline;
	float: left;
	font-size: 11px;
	margin: 0 7px 6px 0;
	padding: 1px 4px;
}

/* Single Right Sidebar */
#single-right-sidebar {
	display: inline;
	float: left;
	margin: -10px 0 0 20px;
	padding: 10px;
	position: relative;
	width: 250px;
	z-index: 100;
}

/* =Widget
----------------------------------------------- */
.widget {
	background: #fff;
	padding: 20px;
	margin: 0 0 30px 0;
	border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.widget-title {
	background: url(images/ico-minus.png) no-repeat right 1px;
	color: #555;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.widget-title:hover {
	cursor: pointer;
}

.widget ul a {
	font-size: 12px;
}

.widget li {
	border-top: 1px solid #e9e9e9;
	display: block;
}

.widget li a {
	display: block;
	padding: 10px 0 10px 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.widget ul ul {
	display: block;
	padding-left: 20px;
}

.widget ol {
	list-style-type: decimal;
	margin-bottom: 0;
}

.widget .current-cat a {
	background: url(images/ico-sidebar-list.gif) no-repeat 171px center;
}

/* Search Widget */
.widget_search #s {
	width: 180px;
	height: 30px;
}

.widget_search input {
	border: 1px solid #e9e9e9;
	width: 93% !important;
}

.widget_search form,
.widget_search fieldset {
	margin: 0;
}

/* Calendar Widget */
#wp-calendar {
	width: 100%;
}

#wp-calendar, #wp-calendar th, #wp-calendar caption {
	text-align: center;
}

#wp-calendar th {
	background: #f5f5f5;
	border: 1px solid #f0f0f0;
	padding: 3px;
}

#wp-calendar td {
	border: 1px solid #f0f0f0;
	padding: 5px 2px;
	text-align: center;
}

#wp-calendar caption {
	background: transparent;
	font-weight: bold;
	padding: 3px 0 7px 0;
}

#wp-calendar #today {
	background: #f5f5f5;
	font-weight: bold;
}

/* Archive Widget */
.widget_archive li {
	padding: 10px 0;
}

.widget_archive li a {
	display: inline;
}

/* Twitter Widget */
.widget_tj_twitter {
	margin: 0 0 15px 0;
}

.widget_tj_twitter li {
	background: url(images/ico-widget-twitter.png) no-repeat 0 9px !important;
	display: block !important;
	padding: 10px 15px 10px 24px !important;
}

.widget_tj_twitter li a {
	background: none !important;
	display: inline !important;
	padding-left: 0 !important;
}

.widget_tj_twitter li .time {
	color: #999;
}

.widget_tj_twitter li a:hover {
	background: none !important;
}

/* Flickr Widget */
.widget_tj_flickr {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 20px;
}

.widget h3 span {
	color: #0061D8;
}

.widget h3 span span {
	color: #FF1183;
}

.widget .flickr_badge_image {
	float: left;
	margin: 0px;
}

.widget .flickr_badge_image .photo-wrap {
	position: relative;
	margin-bottom: 20px;
}

.widget .flickr_badge_image a img {
	background: #fff;
	border: 1px solid #e9e9e9;
	display: inline;
	float: left;
	margin: 4px 4px 0px 0px;
	padding: 4px;
}

.widget .flickr_badge_image a:hover img {
	background: #fbfbfb;
	border-color: #e5ecf1;
}

/* =Comments
----------------------------------------------- */
#respond {
	float: left;
	width: 99%;
	margin: 0 0 15px 0;
	padding: 30px 0 0 0;
	border-top: 1px dotted #ddd;
}

#respond-title {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#comments {
	border-top: 1px solid #e9e9e9;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding: 50px 0 10px 0;
	width: 100%;
}

.navigation {
	display: block;
	float: left;
	width: 100%;
}

li #respond-title {
	margin: 30px 0;
}

li #commentform {
	margin: 0 0 40px 0;
}

#commentform small {
	color: #f56559;
}

#comments span,
#respond-title span {
	font-size: 12px;
	display: block;
}

.commentlist {
	display: block;
	float: left;
	width: 100%;
	list-style-type: none;
}

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {
	margin-top: 10px;
}

.comment-body {
	border-top: 1px dotted #ddd;
	padding-bottom: 15px !important;
}

#commentform input {
	margin: 0 10px 10px 0;
	width: 40%;
}

#commentform textarea {
	margin: 0 0 15px 0;
	width: 98%;
}

input, textarea {
	border-color: #ccc #efefef #efefef #ccc;
	border-width: 1px;
	border-style: solid;
	color: #777;
	padding: 6px;
}

.children {
	list-style-type: none;
	margin: 0 0 0 80px;
}

.comment .avatar {
	border-right: 1px solid #e6e6e6;
	float: left;
	padding: 0 15px 0 0;
	margin: 0 14px 0 0;
}

.comment-author {
	font-weight: bold;
	margin: -4px 0 0 65px;
}

.comment-inner {
	margin: 0 0 0 65px;
}

.comment-inner a {
	border-bottom: 1px solid #ddd;
}

.comment-inner a:hover {
	border-bottom-color: #ccc;
}

.comment-meta {
	margin-bottom: 15px;
	font-size: 11px;
}

.author-tag {
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.cancel-comment-reply {
	margin: 0 0 20px 0;
}

.comment-author-admin {
	border: #efefef;
}

.comment-author cite {
	font-weight: bold;
}

.nocomments {
	text-align: center;
	padding: 20px;
}

.comment-body {
	padding: 20px 15px 0 15px;
}

.comment-body ul {
	list-style-type: disc;
}

.comment-body ol {
	list-style-type: decimal;
}

/* =Footer
----------------------------------------------- */
#footer {
	display: block;
	float: left;
	font-size: 11px;
	margin: 40px 0 0 0;
	padding: 20px 0;
	position: relative;
	width: 100%;
	text-align: center;
}

#footer a {
	border-bottom: 1px dotted #999;
}

/* =Ajax Pagination: Loading More
----------------------------------------------- */
#load-more-link,
#load-portfolio-link {
	background: #fff;
	border: 1px solid #fff;
	bottom: 0;
	display: none;
	height: 50px;
	margin: 20px 0 0 290px;
	position: relative;
	text-align: center;
}

#load-more-link a,
#load-portfolio-link a {
	line-height: 50px;
	height: 50px;
}

#load-more-link a span,
#load-portfolio-link a span {
	font-size: 11px;
	font-style: italic;
	margin: 0 10px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}

#load-more-ico,
#load-portfolio-ico {
	background: url("images/loading.gif") no-repeat;
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 80px;
}

#load-more-link a span#post-count,
#load-more-link a span#remaining
{
	float: none;
	margin: 0;
	position: relative;
	top: auto;
}
#load-portfolio-link a span#portfolio-post-count,
#load-portfolio-link a span#portfolio-remaining
{
	float: none;
	margin: 0;
	position: relative;
	top: auto;
}

#load-more-link a span#post-count img {
	margin: 1px 0 0 0;
}

#new-posts {
	display: none;
}

/* =Page Templates
----------------------------------------------- */

/* Page */
.page .entry-content,
.error404 .entry-content {
	padding: 15px 0 0 0;
}

.page .entry-content p,
.single .entry-content p {
	margin: 0 0 18px 0;
}

/* Page Template: Contact Form */
.contactform {
	margin-left: 0;
}

.contactform li {
	list-style-type: none;
}

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	height: 20px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 550px;
	height: 200px;
	margin-bottom: 15px;
}

.contactform li button {
	float: left;
}

label.error {
	color: red;
}

.thanks {
	color: green;
	font-style: italic;
}

/* Page Template: Submit */
.page-template-template-submit-php .hentry {
	margin: 0;
	padding: 0;
}

#formbox p {
	display: block;
	float: left;
	padding: 10px 0 10px 0;
	width: 100%;
}

#formbox > p {
	color: red;
}

#formbox .section-heading {
	margin: 40px 0 0 0;
}

#formbox h3 {
	border-bottom: 1px solid #f0f0f0;
	margin: 0;
	padding-bottom: 10px;
}

#formbox input[type='text'] {
	width: 360px;
}

#formbox input[type='button'] {
	margin: 0 0 0 10px;
}

#formbox textarea {
	width: 360px;
}

#formbox label {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	width: 115px;
	overflow: hidden;
}

#formbox label span {
	color: #999;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

#formbox label span.required {
	color: red;
	display: inline;
	font-size: 13px;
}

input#submit {
	cursor: pointer;
	margin: 20px 0 0 0;
}

#submit-flag {
	background: url(images/loading.gif) no-repeat;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
}

#submit-content {
	margin: 10px 0 0 0;
}

input[type="file"] {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	left: 400px;
	z-index: 50;
}

input.image-url {
	position: relative;
	z-index: 100;
}

span.file-flag {
	border: 1px solid #CCCCCC;
	display: block;
	font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 6px;
	width: 200px;
	height: 15px;
}

span.file-flag>span {
	position: absolute;
}

span.alert {
	color: #d1d0d0;
	display: block;
	font-size: 12px;
}

/* =CSS3 Effects
----------------------------------------------- */

/* Box Shadow */
#header {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.80);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.80);
}

.nav li ul,
.single #primary,
.page #primary,
.widget {
	-webkit-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
}

#single-sidebar .terms li,
.tax-portfolio-type .hentry,
.post,
.page.page-template-template-portfolio-php .hentry,
#load-more-link,
#load-portfolio-link {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
}

.single .post {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.single-portfolio,
div.jp-interface {
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

/* Border Radius */
div.jp-seek-bar,
div.jp-play-bar,
div.jp-volume-bar-value {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

/* CSS3 Button */
.button, .button:visited {
	background: url(images/alert-overlay.png) repeat-x;
	border: none;
	display: inline-block;
	padding: 4px 15px;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover {
	color: #fff;
}

.button:active {
	top: 1px;
}


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

/* Image Loading Effect */
img.loading-img {
	box-shadow: none;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
}

/* Overlay Effect */
a .overlay {
	background: url(images/overlay.png) repeat;
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: none;
	left: 0;
	cursor: pointer;
}

.js-disabled a:hover .overlay {
	display: block;
}

a .overlay .icon {
	background: url(images/ico-magnify.png) no-repeat;
	display: block;
	opacity: 0.4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	z-index: 40;
}

.post a .overlay .icon {
	margin-left: -12px;
}

/* Advertisement */
.footer-ad {
	display: block;
	width: 768px;
	height: 90px;
	margin: 10px auto 0;
}

/* =jPlayer
----------------------------------------------- */
div.jp-audio,
div.jp-video {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	line-height: 1.6;
}

div.jp-audio,
div.jp-video {
	width: 360px;
}

.single div.jp-audio,
.single div.jp-video {
	width: 600px;
}

.jp-video-play,
div.jp-jplayer.jp-jplayer-video {
	width: 360px;
}

.single .jp-video-play,
.single div.jp-jplayer.jp-jplayer-video {
	display: block;
	float: left;
	margin-top: 10px;
	width: 600px;
}

div.jp-interface {
	position: relative;
	width: 100%;
	background: url(images/bg-jplayer.png) repeat-x;
	z-index: 98;
}

div.jp-type-single div.jp-interface {
	height: 30px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface ul.jp-controls li {
	display: inline;
}

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
}

a.jp-play {
	background: url("images/jplayer.png") 0 0 no-repeat;
}

a.jp-play:hover {
	background: url("images/jplayer.png") -33px 0 no-repeat;
}

a.jp-pause {
	background: url("images/jplayer.png") 0 -30px no-repeat;
	display: none;
}

a.jp-pause:hover {
	background: url("images/jplayer.png") -33px -30px no-repeat;
}

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 225px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-progress {
	position: absolute;
	overflow: hidden;
}

div.jp-type-single div.jp-progress {
	width: 223px;
	height: 7px;
	padding: 1px;
	background: url("images/jplayer.png") 0 -192px repeat-x;
}

.single div.jp-type-single div.jp-progress {
	width: 461px;
}

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("images/jplayer.png") 0 -163px repeat-x;
}

div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("images/jplayer.png") 0 -133px repeat-x;
}

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 281px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
}

.single div.jp-volume-bar-container {
	left: 520px;
}

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/jplayer.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}

div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 18px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("images/jplayer.png") 0 -133px repeat-x;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 290px;
}

.single div.jp-type-single a.jp-mute,
.single div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 528px;
}

.seperator-first,
.seperator-second {
	background: url(images/seperator.png) no-repeat left;
	width: 2px;
	height: 30px;
	position: absolute;
	left: 32px;
}

.seperator-second {
	left: 279px;
}

.single .seperator-second {
	left: 518px;
}

a.jp-mute {
	background: url("images/jplayer.png") -10px -68px no-repeat;
}

a.jp-mute:hover {
	background: url("images/jplayer.png") -43px -68px no-repeat;
}

a.jp-unmute {
	background: url("images/jplayer.png") -10px -98px no-repeat;
	display: none;
}

a.jp-unmute:hover {
	background: url("images/jplayer.png") -43px -98px no-repeat;
}

div.jp-jplayer {
	width: 0px;
	height: 0px;
}

div.jp-jplayer {
	background-color: #292a2b;
}

.jp-video-container {
	float: left;
}

.jp-audio-container {
	display: block;
	float: left;
}

ul.item-list li,
ul.item-list.activity-list li {
	list-style: none;
}