/*
Theme Name: Trendy
Author URI: http://webblana.se/
Theme URI:
Description: Theme for the blog with modern, trendy and details oriented design.
Author: Webblana.se
Version: 1.4
Tags: gray, black, light, two-columns, fixed-width, editor-style, sticky-post
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {background: #222; color: #6d6d6d; font: 0.83em/1.5em "Arial", "Helvetica", sans-serif;}
[class] {list-style: none; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
dt {font-weight: 700;}
table {border-collapse: collapse;}
img {border: none; vertical-align: middle;}
a {color: #c00; text-decoration: none; outline: none;}
a:hover {color: #459ad5; text-decoration: underline;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer;}
input, select, textarea {outline: none;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}

/* Custom fonts
------------------------------------------ */
@font-face {font-family: 'PTSans'; src: url('fonts/pts55f-webfont.eot'); src: url('fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts55f-webfont.woff') format('woff'), url('fonts/pts55f-webfont.ttf') format('truetype'), url('fonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSans'; src: url('fonts/pts75f-webfont.eot'); src: url('fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts75f-webfont.woff') format('woff'), url('fonts/pts75f-webfont.ttf') format('truetype'), url('fonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: bold; font-style: normal;}

/* Global Styles
------------------------------------------ */
h1 {margin: 0 0 10px; color: #222; font: normal 2.154em "PTSans",sans-serif;}
h2 {margin: 1em 0; padding-bottom: 5px; color: #444; font: bold 1.5em "PTSans",sans-serif;}
h3 {margin: 1em 0 0; color: #333; font: normal 1.333em "PTSans",sans-serif;}
h4 {margin: 1em 0 0; color: #333; font: normal 1.25em "PTSans",sans-serif;}
h5 {margin: 1em 0 0; color: #666; font-weight: normal 1.083em "PTSans",sans-serif;}
h6 {margin: 1em 0 0; color: #666; font-normal: 1.167em "PTSans",sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #c00; font-family: "PTSans",sans-serif; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
blockquote {margin: 1.5em 0; padding: 5px 10px; border: 5px solid #e3e3e3; background: url("images/frame.jpg"); font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 2px solid #d5d5d5;}
table th, table th[class] {padding: 5px 10px; border: 2px solid #d5d5d5; background: #f0f0f0; font-family: "PTSans",sans-serif;}
table td, table td[class] {padding: 5px 10px; border: 2px solid #d5d5d5;}
table tr.alternate td {background: #fafafa;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 5px solid #e3e3e3; background: url("images/frame.jpg");}
label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold; font-family: "PTSans",sans-serif;}
input, select, select[class], textarea {width: 300px; margin: 5px 0; padding: 5px 10px; border: 1px solid #b8b8b8; border-radius: 3px; background: #fff; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none; background: none;}
span.required {padding: 0 5px; color: #c10000; font-weight: bold; font-size: 1.333em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px;}
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {height: 24px; padding: 0 15px; border: 1px solid #fff; border-radius: 3px; background: #c00; color: #fff; font: bold 1.077em/24px "PTSans",sans-serif; vertical-align: middle; box-shadow: 0 0 3px rgba(0,0,0,0.48);}
.searchform button {width: 28px; height: 24px; margin: 0; padding: 0; border: none; background: url("images/search-button.png") center center no-repeat; text-indent: -50em; box-shadow: none;}
.content .searchform button {width: 28px; height: 24px; margin: 0; padding: 0; border: none; background: url("images/search-button.png") center center no-repeat; text-indent: -50em; }
.searchform input {padding: 3px 10px;}

/* Main Layout
------------------------------------------ */
.header {overflow: hidden; border-bottom: 1px solid #fff; background: url("images/header.jpg");}
.header p.title {width: 980px; margin: 15px auto 0; padding: 0; color: #222; font: bold 3.077em/1.3em "PTSans",sans-serif;}
.header p.title a {color: #222; font-family: "PTSans",sans-serif;}
.header p.title a:hover {color: #444; text-decoration: none;}
.header p.tagline {width: 940px; margin: -10px auto 40px; padding: 0; color: #222; font: bold 1.538em "PTSans",sans-serif;}
.header form {float: right; width: 290px; height: 26px; margin: 2px 0 0 50px; padding: 0; border: none; background: none;}
.header form input {width: 240px; margin: 0; padding: 3px 10px; border: 1px solid #bbb; border-radius: 3px 0 0 3px; background: #7c7c7c; color: #ccc; vertical-align: middle;}
.header form button {overflow: hidden; width: 28px; height: 24px; margin: 0; border: none; background: url("images/search-button.png") center center no-repeat; text-indent: -50em; box-shadow: none; vertical-align: middle;}

.nav {border-bottom: 5px solid #fff; background: #222; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.nav>div {width: 980px; margin: 0 auto;}
.nav ul.menu {list-style: none; margin: 0; padding: 0; font-size: 1.154em;}
.nav ul.menu>li {float: left; position: relative; overflow: hidden; height: 28px; margin: 0; padding: 0;}
.nav ul.menu>li:hover {overflow: visible; z-index: 150;}
.nav ul.menu>li:first-child {background: none;}
.nav ul.menu>li>a {float: left; height: 28px; padding: 0 15px; background: url("images/mm.png") 0 -100px repeat-x; color: #fff; font-family: "PTSans",sans-serif; line-height: 28px;}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {padding: 0 15px; background-color: #c00; background-position: left bottom; color: #fff; text-decoration: none;}
.nav ul.menu>li ul {position: absolute; left: -1px; top: 28px; width: 200px; list-style: none; margin: 0; background: #222; font-size: 0.846em;}
.nav ul.menu>li ul ul {font-size: 1em;}
.nav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 0;}
.nav ul.menu>li ul li:hover {overflow: visible;}
.nav ul.menu>li ul li a {display: block; padding: 5px 15px; border: 1px solid #555; border-top: none; color: #ccc; font-family: "PTSans",sans-serif;}
.nav ul.menu>li ul li a:hover, .nav ul.menu>li ul li:hover>a {background: #666; color: #fff; text-decoration: none;}
.nav ul.menu>li ul li ul {top: 0; left: 200px; font-size: 1em;}


.content {background: #fff url("images/content.jpg");}
.content>div {overflow: hidden; width: 980px; margin: 0 auto;}
.main {float: left; overflow: hidden; width: 670px; margin-bottom: -50000px; padding: 20px 0 50000px;}
.sidebar {float: right; width: 290px; margin-bottom: -50000px; padding: 0 0 50000px; background: url("images/sidebar.jpg");}

.footer {border-top: 5px solid #fff; background: #222; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.footer>div {width: 980px; margin: 0 auto;}
.footer p {margin: 10px 0; color: #6d6d6d; font-size: 0.846em;}
.footer p a {padding: 0; background: none; color: #999;}
.footer p a:hover {background: none; color: #006de8;}
.footer ul.menu {margin: 10px 0; padding: 0; font-size: 1em;}
.footer ul.menu li {display: inline; margin: 0; padding: 0 10px; border-left: 1px solid #6d6d6d; }
.footer ul.menu li:first-child {padding-left: 0; border-left: none;}
.footer ul.menu li a, .footer a {display: inline; float: none; height: auto; padding: 0; color: #fff; font-family: "PTSans",sans-serif;}
.footer ul.menu li a:hover, .footer a:hover, .footer ul.menu li.currrent-menu-item a, .footer ul.menu li.current_page_item a {color: #6d6d6d; text-decoration: none;}
.footer ul.menu ul {display: none;}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1em; padding: 15px 20px; background: url("images/sidebox.png") center top no-repeat; }
.widget select {width: 250px; margin: 5px 0;}
.sidebar h3 {margin: 0; color: #6d6d6d; font: bold 1.538em/1.3em "PTSans",sans-serif;}
.sidebar .tagcloud {margin: 1.5em 0; }
.sidebar ul {list-style: none; margin: 10px 0; padding: 0;}
.sidebar ul li {margin: 0; padding: 3px 0 3px 10px; border-top: 1px solid #d5d5d5; color: #888;}
.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a,
.sidebar ul li.current-menu-item>a:visited, .sidebar ul li.current_page_item>a:visited, .sidebar ul li.current-cat>a:visited {font-weight: bold; color: #666;}
.sidebar a {color: #006de8;}
.sidebar a:visited, .sidebar .tagcloud a:visited {color: #4e94e3;}
.sidebar a:hover {color: #c00; text-decoration: none;}
.sidebar ul li ul {margin: 3px 0 -3px;}
.sidebar ul ul li {padding-left: 20px; background: url("images/arrow2.gif") 10px 8px no-repeat; }
.sidebar ul ul ul li {padding-left: 30px; background: url("images/arrow3.gif") 20px 8px no-repeat; }

.sidebar form {width: 260px; margin: 10px 0 15px; padding: 0; border: none; background: none; }
.sidebar form input {width: 200px; background: #f0f0f0;}


/* post styles
------------------------------------------ */
.main div.post, .main div.page {clear: both; overflow: hidden; margin-bottom: 15px; padding: 20px 0 0;}
div.post h2, div.page h2 {margin: 1em 0 5px; padding: 0; font-size: 2.154em; font-weight: normal;}
div.post h2:first-child, div.page h2:first-child {margin-top: 0;}
div.post.sticky p {font-weight: bold;}
p.post-meta {margin: 0 0 0 -10px; padding: 0; color: #444; font: bold 0.923em/24px "PTSans",sans-serif;}
p.post-meta a {color: #666;}
p.post-meta a:hover {color: #006de8; text-decoration: none;}
p.tags {float: left; clear: none; margin-top: 0.5em; margin-bottom: 5px; padding: 0 10px 0 5px; color: #888; line-height: 22px;}
p.tags span {padding: 3px 0 3px 25px; background: url("images/icons.png") 0 -80px no-repeat; color: #888;}
p.tags a {color: #888;}
p.tags a:hover {color: #006de8; text-decoration: none;}
p.more {float: right; margin-top: 0.5em; padding-left: 30px; }
p.more a {float: right; overflow: hidden; width: 24px; height: 24px; padding: 0; background: url("images/icons.png") 0 -144px no-repeat; text-indent: -90em;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

.icon {display: inline-block; width: 24px; height: 24px; margin: 0 5px 0 10px; background: url("images/icons.png"); vertical-align: middle;}
.icon.date {background-position: 0 0;}
.icon.author {background-position: 0 -24px;}
.icon.comments {background-position: 0 -48px;}
.icon.cats {background-position: 0 -96px;}
.icon.tags {background-position: 0 -120px;}

.taxonomy {clear: both; padding: 0 10px; border: 5px solid #e3e3e3; background: url("images/frame.jpg"); font: bold 0.923em/24px "PTSans",sans-serif;}
.taxonomy a {color: #459ad5;}
.taxonomy a:hover {color: #444; text-decoration: none;}

.main label {float: none;}

p.pages a {display: inline-block; padding: 1px 5px; font-weight: bold;}
p.pages a:hover {background: #c00; color: #fff; text-decoration: none;}

/* comments
------------------------------------------ */
.comments {clear: both;}
.comments label {float: left;}
.comments>h3 {padding-left: 30px; background: url("images/icons.png") 0 -96px no-repeat;}
.comments #respond h3 {padding-left: 30px; background: url("images/icons.png") 0 -72px no-repeat;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 1em 0 0; padding: 5px 10px; border: 2px solid #e3e3e3;}
ul.commentlist li.odd {background: url("images/frame.jpg");}
ul.commentlist li li {clear: both; margin: 0 0 15px; border: 2px solid #e3e3e3;}
ul.commentlist ul {clear: both;}
.comment-body a {color: #459ad5;}
.comment-body a:hover {color: #444; text-decoration: none;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 2px solid #e3e3e3; background: #fff;}
.comments li form, .comments li form[class] {border: 5px solid #e3e3e3; background: url("images/frame.jpg");}
.reply {float: right; overflow: hidden; }
.reply a {float: right; height: 24px; margin-bottom: 15px; padding-left: 30px; background: url("images/icons.png") 0 -72px no-repeat; font-weight: bold; line-height: 24px;}
.reply a:hover {color: #c00; text-decoration: none;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author-vcard {font-size: 0.923em;}
a#cancel-comment-reply-link {font-size: 0.75em;}
a.comment-reply-link {color: #999; font-size: 1em; font-family: "PTSans",sans-serif;}
a.comment-reply-link:hover {color: #333;}

/* misc
------------------------------------------ */

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 15px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 15px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.917em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 660px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {padding: 2px; border: 2px solid #e3e3e3; background: #e3e3e3;}
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #e3e3e3;}
embed {max-width: 660px;}
.wp-caption img, .wp-caption embed {max-width: 660px;}
label+.required {margin-left: -15px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 2px solid #e3e3e3 !important; background: url("images/frame.jpg");}
.gallery a:hover img {border-color: #e3e3e3 !important;}
[id*="gallery"] img {border: 2px solid #e3e3e3;}

.wp-caption {max-width: 660px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 5px solid #e3e3e3; background: url("images/frame.jpg"); text-align: center;}

p.pagination {overflow: hidden; clear: both; margin: 30px 0; padding: 0;}
p.pagination a {height: 20px; margin: 5px 0; background: url("images/icons.png") no-repeat; color: #333; font: normal 1em/24px "PTSans",sans-serif;}
p.pagination a:hover {color: #c00; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 30px; background-position: 0 -168px;  }
p.pagination .next a {float: right; padding: 0 30px 0 0; background-position: 100% -192px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label {display: block; float: left;}

.gallery-caption {position: static;}
.bypostauthor {position: static;}