/*
Theme Name: Gray White Black
Author URI: http://getstyle.se/
Theme URI:
Description: Stylish theme with modern gray menu, white background and black visible fonts. Theme is widgetized and has got very light code.
Author: GetStyle
Version: 1.2
Tags: gray, black, white, 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: #fff; color: #666; font: 0.875em/1.5em "Georgia", 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: #b80f07; text-decoration: none;}
a:hover {color: #b80f07; text-decoration: underline;}
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}

/* Global Styles
------------------------------------------ */

h1 {margin-bottom: 1em; color: #000; font: normal 2em Georgia,serif; text-shadow: #dcdcdc 0 0 2px;}
h2 {margin: 1.5em 0; color: #000; font: bold 1.286em Arial,sans-serif; text-transform: none;}
h3 {margin: 1.5em 0; color: #000; font: bold 1em Arial,sans-serif; text-transform: none;}
h4 {margin: 1em 0; color: #666; font-size: 1.167em;}
h1 a, h2 a {font-family: Georgia, serif;}

blockquote {margin: 1.5em 0; padding: 15px 29px; border: 1px solid #e5e5e5; background: #f8f8f8; 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: 1px solid #e5e5e5;}
table th, table th[class] {padding: 5px 10px; border: 1px solid #fff; background: #e5e5e5;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #fff; background: #fcfcfc;}
table tr.alternate td {background: #f6f6f6;}

fieldset {border: none;}
legend {display: none;}
label {float: left; clear: left; width: 260px; margin: 5px 0; color: #222; font: normal 0.786em Georgia,serif;}
input, textarea, select {float: left; clear: left; width: 300px; margin: 0 0 10px; padding: 7px 10px; border: 1px solid #d7d7d7; background: #fff; color: #000; font: normal 0.929em Arial,sans-serif;}
input:focus, textarea:focus, select:focus {border-color: #bdbdbd;}
input[type="checkbox"], input[type="radio"] {width: auto; border: none;}
textarea {width: 95%; min-width: 200px; height: 145px;}
button, input[type="submit"] {width: 162px; height: 32px; border: none; background: url("images/button.png") 0 0 no-repeat; color: #222; font: normal 	0.857em/30px "Georgia",sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 1px; cursor: pointer;}
button:hover {background-position: 0 -33px; color: #000;}
p.form-submit, p.form-allowed-tags {margin-left: 260px;}

/* Main Layout
------------------------------------------ */
body {border-top: 2px solid #000; background: #fff; font-size: 0.875em; line-height: 1.5em;}

.header {position: relative; z-index: 50; width: 960px; margin: 0 auto 30px;}
.header .logo-box {float: left; overflow: hidden; max-width: 600px; width: auto; margin: 20px 0;}
.header .logo-box p {margin: 0;}
.header .logo-box p.tagline {color: #b80f07; font-style: italic;}
.header .logo-box p.logo {font-size: 2.5em; line-height: 1em;}
.header .logo-box p.logo a {color: #000; font-family: "Georgia",sans-serif; text-transform: uppercase;}
.header .logo-box p.logo a:hover {color: #b80f07; text-decoration: none;}
.header form {float: right; width: 300px; padding: 0; margin: 25px 0 0;}
.header form input {width: 238px; margin: 0; padding: 5px 10px; border: 1px solid #bdbdbd; background: #f7f7f5; color: #333; font-size: 0.857em; font-style: italic; vertical-align: middle;}
.header form button {overflow: hidden; width: 39px; height: 26px; margin: 0; padding: 0; border: 1px solid #bdbdbd; border-left: none; background: url("images/search.png") no-repeat; text-indent: -500px; vertical-align: middle;}
.menubox {clear: both; margin: 0 auto; padding: 3px; border: 1px solid #d7d7d7; background: #f8f8f8;}
.menubox>div {border: 1px solid #bdbdbd; background: url("images/mm.png"); }
.header ul.menu {list-style: none; min-height: 38px; margin: 0; padding: 0; }
.header ul.menu>li {float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.header ul.menu>li:hover {overflow: visible; z-index: 50;}
.header ul.menu>li>a {float: left; height: 38px; padding: 0 20px; border-right: 1px solid #bdbdbd; background: #fff url("images/mm.png") 0 0 repeat-x; color: #000; font: normal 0.857em/38px "Georgia",sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.header ul.menu>li>a:hover, .header ul.menu>li:hover>a, .header ul.menu>li.current-menu-item>a, .header ul.menu>li.current_page_item>a {background: #fff; color: #b80f07; text-decoration: none;}
.header ul.menu ul {position: absolute; left: -1px; top: 38px; list-style: none; width: 200px; margin: 0; padding: 0; border: 1px solid #bdbdbd; border-width: 0 1px; }
.header ul.menu ul li {position: relative; overflow: hidden; margin: 0; padding: 0;}
.header ul.menu ul li:hover {overflow: visible;}
.header ul.menu ul li a {display: block; padding: 7px 20px; border-bottom: 1px solid #bdbdbd; background: #fff; color: #444; font-size: 0.857em; font-family: "Georgia",sans-serif; text-transform: uppercase;}
.header ul.menu ul li a:hover, .header ul.menu ul li:hover>a {background: #f5f5f5; color: #b80f07; text-decoration: none;}
.header ul.menu ul ul {left: 200px; top: 0;}

.content {overflow: hidden; width: 962px; margin: 0 auto;}

.main {float: left; width: 630px;}
.sidebar {float: right; width: 300px;}

.footer {padding: 20px 0; background: #222;}
.footer p {clear: left; width: 920px; margin: 1.5em auto; color: #888; font-family: Arial,sans-serif; font-size: 0.857em; }
.footer p a {padding: 0 5px; color: #bfbfbf; font-family: "Georgia",sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.footer p a:hover {color: #fff; text-decoration: none;}
.footer p span {padding-right: 15px; color: #777;}
.footer ul.menu {width: 930px; margin: 0 auto;}
.footer ul.menu li {display: inline; float: none; height: auto; margin: 0; padding: 0; border-left: 1px solid #888; background: none;  }
.footer ul.menu li a {display: inline; float: none; padding: 0 10px; border: none; background: none; color: #bfbfbf; font-family: "Georgia",sans-serif; line-height: 1em; text-transform: uppercase; letter-spacing: 1px;}
.footer ul.menu li a:hover {color: #fff;}

/* common styles
------------------------------------------ */

.alignleft {float: left; margin-right: 20px;}
.alignright {float: right; margin-left: 20px;}

p.post-navigation {clear: both; margin: 0; padding: 30px 30px 30px 0; overflow: hidden; }
p.post-navigation a {font: bold 1em Arial,sans-serif;}
p.post-navigation a:hover {color: #000;}
p.post-navigation a.older {float: left;}
p.post-navigation a.newer {float: right;}

.alignleft {float: left; margin-right: 20px;}
.alignright {float: right; margin-left: 20px;}

.main form.searchform {margin: 1.5em 0; padding: 15px 29px; border: 1px solid #e5e5e5; background: #f8f8f8;}
.main .searchform input {width: 300px; margin: 0; padding: 5px 10px; border: 1px solid #bdbdbd; background: #f7f7f5; color: #333; font-size: 0.857em; font-style: italic; vertical-align: middle;}
.main .searchform button {overflow: hidden; width: 39px; height: 26px; margin: 0; padding: 0; border: 1px solid #bdbdbd; border-left: none; background: url("images/search.png") no-repeat; text-indent: -500px; vertical-align: middle;}


/* sidebar
------------------------------------------ */

.widget {overflow: hidden; margin: 0 0 30px; padding: 15px 30px; border: 1px solid #e5e5e5;}
.widget h3 {margin: 0 0 15px; color: #b80f07; font: normal 1.571em "Georgia",sans-serif; text-transform: uppercase;}
.widget select {width: 240px; margin: 15px 0;}
.widget ul {margin: 0; padding: 0; list-style: none; font-size: 0.929em;}
.widget ul li {margin: 0; padding: 10px 0; border-top: 1px solid #cdcdcd; color: #787878; font: normal 1em Arial,sans-serif; color: #aaa;}
.widget>ul>li:first-child {border-top: none;}
.widget ul li a {padding-left: 20px; background: url("images/arrow.gif") 0 center no-repeat; color: #000; font-weight: bold; font-family: Arial,sans-serif;}
.widget a, .widget .tagcloud a {color: #000;}
.widget ul li a:visited, .widget .tagcloud a:visited {color: #666;}
.widget a:hover, .widget ul li.current_page_item>a, .widget ul li.current-menu-item>a, .widget ul li.current-cat>a{color: #b80f07; text-decoration: none;}
.widget ul ul {margin: 10px 0 -10px 15px; font-size: 1em;}
.widget .tagcloud a:visited {color: #666 !important;}

.sidebar form {margin: 15px 0 0; padding: 0; border: none; background: none;}
.sidebar form input {width: 175px; margin: 0; padding: 5px 10px; border: 1px solid #bdbdbd; background: #f7f7f5; color: #333; font-size: 0.857em; font-style: italic; vertical-align: middle;}
.sidebar form button {overflow: hidden; width: 39px; height: 26px; margin: 0; padding: 0; border: 1px solid #bdbdbd; border-left: none; background: url("images/search.png") no-repeat; text-indent: -500px; vertical-align: middle;}

/* post styles
------------------------------------------ */
.post-list {overflow: hidden; list-style: none; width: 660px; margin: 0; }
.post-list li.post, .post-list li.page {float: left; overflow: hidden;  width: 240px; margin: 0 30px 30px 0; padding: 29px; border: 1px solid #e5e5e5;}
.post-list li.post.sticky, .post-list li.page.sticky {border-color: #666}
.post-list li.first-in-row {clear: left;}
.post-list h2 {margin: 0.3em 0; font-size: 2em; font-weight: normal; line-height: 1.2em;}
.post-list h2 a {color: #000;}
.post-list h2 a:hover {color: #b80f07; text-decoration: none;}
.post-list p {margin: 0.75em 0; font-size: 	0.929em; line-height: 1.4em;}
.post-list p.categories {clear: left; margin: 0; font: normal 0.846em "Georgia",sans-serif; text-transform: uppercase;}
.post-list p.categories a {font-family: "Georgia",sans-serif; letter-spacing: 1px; }
.post-list p.categories a:hover {color: #444; text-decoration: none;}
.post-list p.post-meta {margin: 0; color: #787878; font-size: 0.714em; line-height: 15px; }
.post-list p.post-meta * {font-family: "Georgia",sans-serif;}
.post-list p.post-meta .date {text-transform: uppercase;}
.post-list p.post-meta .author {font-style: italic;}
.post-list p.post-meta .comments a {padding: 2px 10px 8px; border: none; background: url("images/comments.png") center top no-repeat; color: #fff;}
.post-list p.post-meta .comments a:hover {color: #444;}
.post-list p.tags {font: normal 0.846em/1.75em "Georgia",sans-serif;}
p.tags a {font-family: "Georgia",sans-serif;}

.post-list img {display: block; margin-bottom: 15px; }
.post-list p.more { clear: right; margin: 0 0 0 20px; font-size: 1.071em;}
.post-list p.more a {font: bold 1em/1em Arial,sans-serif; }
.post-list p.more a:hover {color: #000; text-decoration: none;  }

p.more {float: right; margin-left: 20px; margin-top: 0; padding: 3px 0;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

p.post-navigation {clear: both; margin: 0; padding: 30px 30px 30px 0; overflow: hidden; }
p.post-navigation a {font: bold 1em Arial,sans-serif;}
p.post-navigation a:hover {color: #000;}
p.post-navigation a.older {float: left;}
p.post-navigation a.newer {float: right;}

.box {overflow: hidden; margin: 0 0 30px; padding: 15px 0 0; border: 1px solid #e5e5e5;}
.box h2 {margin: 0 30px; color: #b80f07; font: normal 1.571em "Georgia",sans-serif; text-transform: uppercase;}

.box.full-post {padding: 30px;}
.full-post h1 {margin-bottom: 0.5em;}
.box.full-post h2 {margin: 1.5em 0; color: #000; font: bold 1.286em Arial,sans-serif; text-transform: none;}
.full-post img {margin: 0 -3px; padding: 3px; border: 1px solid #e5e5e5;}
.full-post p.categories {margin: 0 0 1em; font: normal 0.846em "Georgia",sans-serif; text-transform: uppercase;}
.full-post p.categories a {font-family: "Georgia",sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.full-post p.categories a:hover {color: #444; text-decoration: none;}
.full-post p.post-meta {margin: 2em 0; color: #787878; font-size: 0.714em; line-height: 15px; }
.full-post p.post-meta * {font-family: "Georgia",sans-serif;}
.full-post p.post-meta .date {text-transform: uppercase;}
.full-post p.post-meta .author {font-style: italic;}
.full-post p.post-meta .comments a {padding: 2px 10px 8px; border: none; background: url("images/comments.png") center top no-repeat; color: #fff;}
.full-post p.post-meta .comments a:hover {color: #444;}

.box.tags {margin-top: -30px; padding: 30px; border-top: none;}
.box.tags p {margin: 0; padding: 5px 0 5px 30px; background: url("images/tags.gif") 0 0 no-repeat; color: #787878; font: normal 0.714em "Georgia",sans-serif; text-transform: uppercase;}
.box.tags p a {font-style: italic; font-size: 1.1em; text-transform: none;}

/* comments
------------------------------------------ */

.comments {padding: 0;}
.comments .respond {padding: 30px;}
.comments h3 {margin: 30px 30px 15px; color: #b80f07; font: normal 1.571em/1em "Georgia",sans-serif; text-transform: uppercase;}
.comments form#commentform {overflow: hidden; padding: 0 30px 30px;}
.comments form#commentform p {clear: left; margin-left: 0; }
.comments form#commentform .required {float: left; margin-left: -270px; color: #b80f07;}
.comments form#commentform p.comment-notes .required {float: none; clear: none; margin-left: 0; }
.comments form#commentform label {float: left; margin: 5px 0; }
.comments fieldset {width: 275px; margin: 0;}

.commentlist {list-style: none; margin: 0;}
.commentlist>li {overflow: hidden; margin: 0; padding: 30px 30px 15px; border-bottom: 1px solid #e5e5e5; }
.commentlist>li img.avatar {float: left; margin-right: 30px; border: none;}
.commentlist>li .comment-author cite {font-style: normal; font-size: 1.286em;}
.commentlist>li .says {color: #444; font-style: italic;}
.commentlist>li .comment-meta {display: inline; font-size: 0.714em; font-family: "Georgia",sans-serif; text-transform: uppercase;}
.commentlist>li .comment-meta a {font-family: "Georgia",sans-serif;}
.commentlist>li p {margin: 1em 0 1em 60px; font-size: 0.929em; font-family: Arial,sans-serif;}
.comments>li form, .comments li>form[class] {background: #fff;}
.commentlist>li ul.children {clear: both; margin-left: 60px; padding: 0;}
.commentlist>li ul.children li {overflow: hidden; margin: 0 0 -1px; padding: 30px 30px 15px; border: 1px solid #e5e5e5;}
.reply {float: right; clear: both; overflow: hidden; }
.reply a {float: right;  font-size: 0.714em; font-family: "Georgia",sans-serif; text-transform: uppercase;}

/* misc
------------------------------------------ */
.main label {float: none;}
.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.846em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 570px; height: auto;}
img.alignleft {margin: 10px 20px 10px 0;}
img.alignright {margin: 10px 0 10px 20px;}
embed {max-width: 570px;}

.wp-caption img, .wp-caption embed {max-width: 560px;}

.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: 1px; border: 1px solid #e5e5e5 !important; background: transparent;}
[id*="gallery"] img {padding: 1px; border: 1px solid #e5e5e5;}
[id*="gallery"] img:hover {border: 1px solid #000;}

.wp-caption {max-width: 570px; }
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 1px solid #e5e5e5; background: #f8f8f8; text-align: center;}

p.pagination {overflow: hidden;}
p.pagination a {height: 22px; font: bold 1.083em/22px "Arial",sans-serif;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 25px; background-position: 0 -140px;  }
p.pagination .next a {float: right; padding: 0 25px 0 0; background-position: 100% -120px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}

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