</\* =Reset
-------------------------------------------------------------- \*/
/\*
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
\*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;
/\* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 \*/
overflow-y: scroll;
/\* Keeps page centred in all browsers regardless of content height \*/
-webkit-text-size-adjust: 100%;
/\* Prevents iOS text size adjust after orientation change, without disabling user zoom \*/
-ms-text-size-adjust: 100%;
/\* www.456bereastreet.com/archive/201012/controlling\_text\_size\_in\_safari\_for\_ios\_without\_disabling\_user\_zoom/ \*/
}
body {
background: #fffff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
table {
/\* tables still need 'cellspacing="0"' in the markup \*/
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
/\* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test \*/
outline: 0;
}
a img {
border: 0;
}
/\* =Global
----------------------------------------------- \*/
/\* Headings \*/
h1, h2, h3, h4, h5, h6 {
clear: both;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
/\* Text elements \*/
p {
margin-bottom: 15px;
}
ul, ol {
margin: 0 0 15px 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 15px;
}
address {
margin: 0 0 15px;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
font-size: 1.4rem;
padding: 15px;
overflow: auto;
max-width: 100%;
margin-bottom: 15px;
}
code, kbd, tt, var {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
font-size: 1.4rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #faf8cb;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 15px;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%;
/\* Corrects font size not being inherited in all browsers \*/
margin: 0;
/\* Addresses margins set differently in IE6/7, F3/4, S5, Chrome \*/
vertical-align: baseline;
/\* Improves appearance and consistency in all browsers \*/
\*vertical-align: middle;
/\* Improves appearance and consistency in all browsers \*/
}
input,
textarea {
border: none;
}
button,
input {
line-height: normal;
/\* Addresses FF3/4 setting line-height using !important in the UA stylesheet \*/
\*overflow: visible;
/\* Corrects inner spacing displayed oddly in IE6/7 \*/
}
button,
html input\[type="button"\],
input\[type="reset"\],
input\[type="submit"\] {
/\* Styles \*/
}
button:hover,
html input\[type="button"\]:hover,
input\[type="reset"\]:hover,
input\[type="submit"\]:hover {
/\* Styles \*/
}
button:focus,
html input\[type="button"\]:focus,
input\[type="reset"\]:focus,
input\[type="submit"\]:focus,
button:active,
html input\[type="button"\]:active,
input\[type="reset"\]:active,
input\[type="submit"\]:active {
/\* Styles \*/
}
input\[type="checkbox"\],
input\[type="radio"\] {
box-sizing: border-box;
/\* Addresses box sizing set to content-box in IE8/9 \*/
padding: 0;
/\* Addresses excess padding in IE8/9 \*/
}
input\[type="search"\] {
-webkit-appearance: textfield;
/\* Addresses appearance set to searchfield in S5, Chrome \*/
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/\* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) \*/
box-sizing: content-box;
}
input\[type="search"\]::-webkit-search-decoration {
/\* Corrects inner padding displayed oddly in S5, Chrome on OSX \*/
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
/\* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ \*/
border: 0;
padding: 0;
}
input\[type=text\],
input\[type=email\],
input\[type=password\],
textarea {
/\* Styles \*/
}
input\[type=text\]:focus,
input\[type=email\]:focus,
input\[type=password\]:focus,
textarea:focus {
/\* Styles \*/
}
input\[type=text\],
input\[type=email\],
input\[type=password\] {
padding: 5px;
}
textarea {
overflow: auto;
/\* Removes default vertical scrollbar in IE6/7/8/9 \*/
vertical-align: top;
/\* Improves readability and alignment in all browsers \*/
width: 98%;
}
/\* Alignment \*/
.alignleft {
display: inline;
float: left;
margin-right: 15px;
}
.alignright {
display: inline;
float: right;
margin-left: 15px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/\* Text meant only for screen readers \*/
.assistive-text {
clip: rect(1px 1px 1px 1px);
/\* IE6, IE7 \*/
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
/\* Helper Classes \*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
\*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
\*zoom: 1;
}
/\* =Elements
----------------------------------------------- \*/
body,
button,
input,
select,
textarea {
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
body {
background: #f5f5f5;
color: #333;
}
a {
color: #449ccc;
text-decoration: none;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}
input\[type="text"\],
textarea {
border: 1px solid #eee;
padding: 5px;
border-radius: 3px;
outline: 0;
}
input\[type="submit"\], input\[type="button"\], input\[type="reset"\] {
display: inline-block;
padding: 8px 24px 7px;
text-decoration: none;
border-radius: 3px;
cursor: pointer;
background: #eee;
color: #666;
}
button:active, input\[type="submit"\]:active, input\[type="button"\]:active, input\[type="reset"\]:active {
padding: 7px 24px 8px;
background: #ccc;
color: #333;
}
pre {
border-radius: 6px;
}
/\* =Sticky Footer
----------------------------------------------- \*/
html, body {
height: 100%;
/\* For sticky footer \*/
}
/\* Wrapper for page content to push down footer \*/
\#page {
min-height: 100%;
height: auto !important;
height: 100%;
/\* Negative indent footer by it's height \*/
margin: 0 auto -52px;
}
\#push {
height: 52px;
}
/\* =Structure
----------------------------------------------- \*/
.section {
margin: 0 auto;
max-width: 1020px;
padding: 0 15px;
}
\#primary {
float: left;
width: 100%;
padding-right: 320px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
\#secondary {
float: left;
width: 300px;
margin-left: -300px;
}
/\* =Header
----------------------------------------------- \*/
\#masthead {
background: #eee;
margin-bottom: 20px;
}
\#masthead .section {
padding: 0 30px;
}
\#masthead hgroup {
margin-top: 12px;
float: left;
padding-left: 15px;
min-height: 48px;
}
.site-title {
font-size: 26px;
font-size: 2.6rem;
}
.site-title a {
letter-spacing: 1px;
}
/\* =Menu
----------------------------------------------- \*/
.main-navigation {
display: block;
float: right;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
font-size: 11px;
font-size: 1.1rem;
letter-spacing: 1px;
text-transform: uppercase;
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 22px 20px;
}
.main-navigation li a:hover {
background: #e9e9e9;
}
.main-navigation li:hover > a {
background: #e9e9e9;
}
.main-navigation li.has-children a {
padding-right: 40px;
}
.main-navigation li.has-children > a:after {
content: '\\e760';
font-family: 'entypo-custom';
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
position: absolute;
right: 20px;
speak: none;
}
.main-navigation ul ul {
display: none;
background: #e9e9e9;
position: absolute;
float: left;
margin: 0;
top: 60px;
left: 0;
width: 190px;
z-index: 99999;
}
.main-navigation ul ul li {
border: none;
float: none;
border-top: 1px solid #f5f5f5;
}
.main-navigation ul ul li a {
border: none;
padding: 18px 20px;
}
.main-navigation ul ul li a:hover {
background: #ddd;
}
.main-navigation ul ul li:last-of-type a {
border: none;
}
.main-navigation ul li:hover > ul {
display: block;
}
/\* Three level menus aren't really supported \*/
.main-navigation ul ul ul {
display: block;
position: relative;
float: none;
border-left: none;
border-right: none;
top: 0;
left: 0;
width: 190px;
}
.main-navigation ul ul ul li:last-of-type {
border: none;
}
/\* Small menu \*/
.menu-toggle {
cursor: pointer;
}
.main-small-navigation .menu {
display: none;
}
/\* =Masonry Layout
----------------------------------------------- \*/
.masonry #primary {
float: none;
padding: 0;
}
.masonry .hentry {
float: left;
width: 32%;
margin-right: 1%;
}
.masonry .hentry:nth-child(3) {
margin-right: 0;
}
.masonry .hentry {
-webkit-transition: height, width 0.2s;
-moz-transition: height, width 0.2s;
transition: height, width 0.2s;
}
.masonry .hentry img {
display: block;
width: 100%;
height: auto;
}
.post-link {
float: right;
}
/\* =Content
----------------------------------------------- \*/
.hentry {
margin: 0 0 20px 0;
border-radius: 3px;
background: #fff;
border: 1px solid #eee;
overflow: hidden;
}
.entry-title {
font-size: 20px;
font-size: 2.0rem;
}
.entry-header {
padding: 10px 15px 10px;
}
.entry-meta {
clear: both;
font-size: 13px;
font-size: 1.3rem;
}
.entry-content, .entry-summary {
padding: 20px 15px 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-weight: 700;
margin-bottom: 15px;
}
.entry-content h1, .entry-content h2 {
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 1px;
}
.entry-content h3 {
font-size: 16px;
font-size: 1.6rem;
}
.entry-content h4, .entry-content h6 {
font-size: 15px;
font-size: 1.5rem;
}
footer.entry-meta {
padding: 15px 15px;
}
.sticky {
/\* Required for Theme Review \*/
}
/\* =Archives
----------------------------------------------- \*/
.page-header {
border: 1px solid #eee;
border-radius: 3px;
margin-bottom: 20px;
padding: 15px;
}
.page-header .page-title {
font-size: 16px;
font-size: 1.6rem;
}
.taxonomy-description p {
margin: 5px 0 0;
}
/\* =404/Search
----------------------------------------------- \*/
.search-no-results .hentry {
float: none;
width: auto;
}
.error404 .entry-content #searchform {
margin-bottom: 20px;
}
.error404 .widget\_recent\_entries {
border: none;
}
.error404 .widget\_recent\_entries ul {
list-style: none;
margin-left: 0;
}
/\* =Full-width page template
----------------------------------------------- \*/
.page-template-page-fullwidth-php #primary {
padding: 0;
}
/\* =Post Navigation
----------------------------------------------- \*/
\#nav-below {
clear: both;
margin-bottom: 30px;
border: 1px solid #e5e5e5;
border-radius: 3px;
}
\#nav-below .nav-previous a, #nav-below .nav-next a {
padding: 10px 15px;
float: left;
}
\#nav-below .nav-next a {
float: right;
}
.page-links {
clear: both;
padding: 10px 0;
}
.page-links a {
display: inline-block;
padding: 4px 10px;
margin: 0 5px;
background: #f5f5f5;
border-radius: 3px;
}
/\* =Asides
----------------------------------------------- \*/
.widget {
background: #fff;
border-radius: 3px;
font-size: 13px;
font-size: 1.3rem;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
overflow: hidden;
border: 1px solid #eee;
}
.widget-title {
display: block;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
padding: 6px 20px;
}
.widget-title:after {
content: "";
display: block;
}
.widget-area ul {
list-style: none;
margin: 0 20px;
}
.widget-area li {
line-height: 1.5;
padding: 3px 0;
}
/\* Ridiculous workarounds for lack of widget-content wrapper \*/
.widget-area .tagcloud,
.widget-area .textwidget,
.widget-area select,
.widget-area .recentcommentsavatar,
.widget-area #subscribe-blog,
.widget-area .milestone-content,
.widget-area .widgets-multi-column-grid,
.widget-area .widgets-grid-layout,
.widget-area #pd\_top\_rated\_holder,
.widget\_gravatar p,
.widget\_image img,
.widget\_goodreads embed,
.widget\_goodreads img,
.widget-grofile .grofile-thumbnail,
.widget-grofile h4,
.widget-grofile p,
.widget-grofile ul,
.widget\_facebook\_likebox iframe {
margin-left: 20px;
margin-right: 20px;
}
.widget-grid-view-image {
max-width: 43.5% !important;
}
.widget\_image img {
max-width: 87%;
}
/\* Make sure select elements fit in widgets \*/
.widget select {
max-width: 100%;
}
/\* Search widget \*/
.widget\_search #searchform {
padding: 20px 20px 0;
}
.widget\_search #s {
max-width: 65%;
}
.widget\_search input\[type="submit"\] {
max-width: 30%;
padding: 5px 12px 6px;
}
.widget\_search input\[type="submit"\]:active {
margin-top: -1px;
padding: 6px 12px 5px;
}
/\* Calendar widget \*/
table#wp-calendar {
margin: 0 20px 10px;
width: 260px;
max-width: 88%;
}
\#wp-calendar td,
\#wp-calendar th {
padding: 5px 2px;
text-align: center;
}
\#wp-calendar #prev {
text-align: left;
}
\#wp-calendar #next {
text-align: right;
}
/\* =Media
----------------------------------------------- \*/
.site-header img,
.hentry img,
.comment-content img,
.widget img {
max-width: 100%;
/\* Fluid images for posts, comments, and widgets \*/
height: auto;
}
.site-header img,
.hentry img,
.comment-content img\[height\],
img\[class\*="align"\],
img\[class\*="wp-image-"\] {
height: auto;
/\* Make sure images with WordPress-added height and width attributes are scaled correctly \*/
}
.site-header img,
.hentry img,
img.size-full {
max-width: 100%;
width: auto;
/\* Prevent stretching of full-size images with height and width attributes in IE8 \*/
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
background: #f9f9f9;
border: 1px solid #eee;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img\[class\*="wp-image-"\] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 5px 0;
}
.site-content .gallery {
margin-bottom: 15px;
}
.gallery-caption {
font-size: 13px;
font-size: 1.3rem;
}
.site-content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-content .gallery dd {
margin: 0;
}
/\* Make sure embeds and iframes fit their containers \*/
embed,
iframe,
object {
max-width: 100%;
}
/\* =Comments
----------------------------------------------- \*/
\#comments {
border: 1px solid #e5e5e5;
border-radius: 3px;
margin-bottom: 20px;
padding: 15px;
}
\#comments .comment-meta a {
text-decoration: none;
}
.bypostauthor {
/\* Required for Theme Review \*/
}
.comments-title, .nocomments, #reply-title {
font-size: 15px;
font-size: 1.5rem;
margin: 0 0 15px 0;
}
.commentlist {
list-style: none;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.commentlist:after {
content: '';
width: 100%;
height: 1px;
display: block;
margin-top: 20px;
}
li.comment {
list-style: none;
margin: 0 0 15px;
position: relative;
padding-left: 75px;
}
article.comment {
background: #fff;
display: block;
border-radius: 3px;
padding: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}
.commentlist .pingback {
margin: 0 0 5px;
}
.commentlist .children {
margin: 10px 0 0 0;
padding: 0;
}
.commentlist .avatar {
position: absolute;
top: 0;
left: 0;
padding: 0;
}
.comment-author cite {
font-style: normal;
font-weight: bold;
}
.comment-meta {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 5px;
}
\#respond p {
margin-bottom: 10px;
}
\#respond .form-allowed-tags {
margin-bottom: 30px;
}
\#respond .form-allowed-tags code {
font-size: 12px;
font-size: 1.2rem;
}
\#respond input\[type=text\] {
display: block;
width: 60%;
}
\#respond textarea {
display: block;
margin: 10px 0;
padding: 5px;
width: 90%;
}
\#respond .form-allowed-tags {
clear: both;
width: 90%;
}
\#respond .form-allowed-tags code {
display: block;
}
\#commentform label\[for="author"\], #commentform label\[for="email"\], #commentform label\[for="url"\] {
float: left;
padding: 5px 0;
width: 100px;
}
/\* =Footer
----------------------------------------------- \*/
\#colophon {
background: #eee;
padding: 15px 0;
}
/\* =Responsive
----------------------------------------------- \*/
@media screen and (max-width: 790px) {
#masthead .section {
padding: 0;
}
#masthead hgroup {
padding-left: 20px;
}
.main-navigation {
clear: both;
float: none;
}
.main-navigation li:first-child a {
padding-left: 20px;
}
.main-navigation a {
padding: 18px 14px;
}
.main-navigation ul ul {
top: 52px;
}
.masonry .hentry {
width: 48%;
}
.search-no-results .hentry {
float: none;
width: auto;
}
#primary {
float: none;
padding: 0;
}
#secondary {
float: none;
width: auto;
margin: 0 0 40px;
}
}
@media screen and (max-width: 490px) {
.menu-toggle {
top: 0;
right: 0;
box-shadow: 0;
clip: auto;
display: block;
padding: 0;
margin: 0;
}
.menu-toggle a {
padding: 16px 20px 17px;
}
.menu-toggle a:hover {
background: #e9e9e9;
}
.main-navigation .menu {
display: none;
}
.main-navigation li {
border-top: 1px solid #f9f9f9;
float: none;
}
.main-navigation li:first-child a {
padding-left: 14px;
}
.main-navigation ul ul {
background: none;
float: none;
position: relative;
width: auto;
top: 0;
display: block;
}
.main-navigation ul ul li a, .main-navigation ul ul li:first-child a {
padding: 18px 20px 18px 40px;
}
.main-navigation ul ul li a:hover {
background: #e9e9e9;
}
.masonry .hentry {
width: 100%;
margin: 0 0 20px;
}
}
/\* =Dark Color Scheme
----------------------------------------------- \*/
/\* =Dark Styles
----------------------------------------------- \*/
body {
background: #212121;
color: #eee;
}
a {
color: #40d7bc;
}
a:visited {
color: #40d7bc;
}
a:hover,
a:focus,
a:active {
color: #fff;
}
input\[type="text"\],
textarea {
background: #191919;
color: #eee;
border: 1px solid #292929;
border-top: none;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
input\[type="submit"\], input\[type="button"\], input\[type="reset"\] {
background: #313131;
background: -webkit-linear-gradient( #323232 0%, #212121 100%);
background: linear-gradient( #323232 0%, #212121 100%);
color: #fff;
border: none;
border-bottom: 2px solid #000;
}
button:active, input\[type="submit"\]:active, input\[type="button"\]:active, input\[type="reset"\]:active {
background: #212121;
background: -webkit-linear-gradient( #212121 0%, #323232 100%);
background: linear-gradient( #212121 0%, #323232 100%);
border: none;
border-top: 2px solid #000;
}
pre {
border: 1px solid #292929;
border-top: none;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
background: #191919;
}
mark, ins {
background: #00877f;
}
/\* =Header
----------------------------------------------- \*/
\#masthead {
background: #313131;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.site-title a {
color: #eee;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
.site-title a:hover {
color: #40d7bc;
text-decoration: none;
}
/\* =Menu
----------------------------------------------- \*/
.main-navigation {
border-right: 1px solid #161616;
}
.main-navigation li {
border-left: 1px solid #161616;
}
.main-navigation a {
color: #ddd;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
border-left: 1px solid #363636;
}
.main-navigation li:last-of-type a {
border-right: 1px solid #363636;
}
.main-navigation li a:hover {
border-color: #000;
background: #000;
color: #40d7bc;
}
.main-navigation li:hover > a {
border-color: #000;
background: #000;
}
.main-navigation ul ul {
background: #313131;
top: 60px;
left: -1px;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #222;
}
.main-navigation ul ul li {
border-top: 1px solid #161616;
}
.main-navigation ul ul li a {
background: #313131;
border-bottom: 1px solid #363636;
}
.main-navigation ul ul li a:hover {
background: #313131;
border-color: #363636;
}
/\* =Masonry Layout
----------------------------------------------- \*/
.masonry .hentry {
margin-right: 1.5%;
}
.masonry .entry-title a {
color: #fff;
}
.masonry footer.entry-meta a {
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}
.masonry footer.entry-meta a:hover {
text-decoration: none;
color: #fff;
}
footer.entry-meta .post-link a:hover {
color: #40d7bc;
}
/\* =Content
----------------------------------------------- \*/
.hentry {
background: #292929;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
border: none;
}
.entry-header {
border-bottom: 1px solid #161616;
}
.entry-meta a {
color: #ddd;
}
.entry-content, .entry-summary {
border-top: 1px solid #363636;
border-bottom: 1px solid #161616;
}
footer.entry-meta {
border-top: 1px solid #333;
}
footer.entry-meta a {
color: #ccc;
}
footer.entry-meta a:hover {
color: #40d7bc;
}
/\* =Archives
----------------------------------------------- \*/
.page-header {
border: 1px solid #333;
border-top: 1px solid #292929;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
/\* =Post Navigation
----------------------------------------------- \*/
\#nav-below {
border: 1px solid #292929;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
\#nav-below a {
color: #ddd;
text-decoration: none;
}
\#nav-below a:hover {
color: #40d7bc;
}
.page-links a {
background: #313131;
text-decoration: none;
}
/\* =Asides
----------------------------------------------- \*/
.widget {
background: transparent;
}
\#secondary .widget {
background: #292929;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
border: none;
}
\#secondary .widget-title {
border-bottom: 1px solid #161616;
}
.widget\_search input\[type="submit"\] {
padding: 3px 12px 4px;
}
.widget\_search input\[type="submit"\]:active {
margin-top: -1px;
padding: 4px 12px 3px;
color: #f9f9f9;
}
/\* =Media
----------------------------------------------- \*/
.wp-caption {
background: #212121;
border: 1px solid #333;
}
/\* =Comments
----------------------------------------------- \*/
\#comments {
border: 1px solid #292929;
border-top: none;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
\#comments a {
color: #ddd;
}
\#comments a:hover {
color: #40d7bc;
}
.commentlist:after {
background: #191919;
border-bottom: 1px solid #363636;
}
article.comment {
background: #292929;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.commentlist .avatar {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
\#respond .form-allowed-tags {
color: #ccc;
}
/\* =Footer
----------------------------------------------- \*/
\#colophon {
background: #313131;
border-top: 1px solid #212121;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
\#colophon a {
color: #ddd;
}
/\* =Responsive
----------------------------------------------- \*/
@media screen and (max-width: 790px) {
.main-navigation .menu {
border-top: 1px solid #161616;
}
.main-navigation .menu li:last-child {
border-right: 1px solid #161616;
}
}
@media screen and (max-width: 490px) {
.menu-toggle {
border-left: 1px solid #161616;
}
.menu-toggle a:hover {
border-color: #000;
background: #000;
color: #40d7bc;
}
.main-navigation, .main-navigation .menu {
border: none;
}
.main-navigation li {
border: none;
border-top: 1px solid #161616;
box-shadow: none;
}
.main-navigation li:hover > a {
background: none;
}
.main-navigation a {
border: none;
}
.main-navigation li a:hover {
background: #000;
}
.main-navigation ul ul {
background: none;
top: 0;
border: none;
}
.main-navigation ul ul li a:hover {
background: #000;
}
.main-navigation ul ul li a:hover {
border-color: #161616;
}
}
