body {
background-color: #fff;
color: #333;
font-family: 'Crimson Text', serif;
font-size: 21px;
font-weight: 400;
line-height: 1.625;
margin: 0;
-webkit-font-smoothing: antialiased;
}
a,
a:active,
a:focus,
a:visited {
color: #2980b9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Open Sans', sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 {
font-size: 36px;
margin-bottom: 30px;
}
h2 {
font-size: 30px;
margin-bottom: 26px;
}
h3 {
font-size: 24px;
margin-bottom: 22px;
}
h4 {
font-size: 18px;
margin-bottom: 18px;
}
h5 {
font-size: 14px;
margin-bottom: 16px;
}
h6 {
font-size: 12px;
margin-bottom: 14px;
}
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
table {
border-collapse: separate;
border-spacing: 0;
}
table, th, td {
border: 1px solid rgba(51, 51, 51, 0.1);
}
th,
td {
font-weight: normal;
text-align: left;
padding: 5px;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
table {
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
} .site .header-content,
.site .site-content,
.site .site-info {
width: 920px;
margin: 0 auto;
}
.site .site-content {
overflow: hidden;
} .site-header {
background: #fff;
border-bottom: 1px solid #eee;
}
.site-header .site-branding{
float: left;
width: 250px;
word-wrap: break-word; 
-ms-word-wrap: break-word;
}
.site-header .site-branding a {
line-height: 60px;
color: #333;
font-size: 32px;
text-decoration: none;
}
.site-header .site-branding a:hover {
color: #3498db;
}
.site-branding .site-title {
margin-bottom: 0;
}
.header-bar {
margin-left: 20px;
} .site-header .main-navigation {
float: right;
width: 650px;
clear: none;
}
.main-navigation .nav-menu {
float: right;
min-height: 60px;
}
.main-navigation .nav-menu > li {
margin-left: 1px;
}
.main-navigation .nav-menu > li > a {
line-height: 60px;
padding: 0 20px;
}
.main-navigation ul ul {
top: 60px;
background: #fff;
padding: 10px 0;
}
.main-navigation ul ul li a{
padding: 5px 10px;
}
.main-navigation .nav-menu li a {
display: block;
color: #333;
}
.main-navigation .nav-menu li a:hover {
text-decoration: none;
}
.main-navigation ul ul li {
margin-bottom: 1px;
}
.main-navigation li:hover > a {
color: #2980b9;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
left: auto;
margin-top: -2px;
}
.main-navigation ul ul li {
border-bottom: 1px dotted #eee;
}
.main-navigation ul ul li:last-child {
border-bottom: 0;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
padding-left: 0;
}
.main-navigation .nav-menu .current_page_item > a,
.main-navigation .nav-menu .current-menu-item > a,
.main-navigation .nav-menu .current_page_ancestor > a {
color: #2980b9;
}
.menu-toggle-wrapper {
display: none;
text-align: center;
padding-bottom: 10px;
} .site .content-area {
width: 620px;
float: left;
}
.site .content-area .site-main {
margin-right: 20px;
border-right: 1px solid #eee;
padding: 20px 20px 0;
}
.site .widget-area {
width: 300px;
float: right;
padding-top: 20px;
}
.hentry {
border-bottom: 1px solid #eee;
padding-bottom: 1.5em;
}
.entry-title {
word-wrap: break-word; 
-ms-word-wrap: break-word;
margin-bottom: 0;
}
.single-post .entry-title {
font-size: 46px;
font-weight: bold;
}
.archive  .page-title {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.type-page {
border-bottom: 0;
}
.entry-title a {
color: #333;
word-wrap: break-word;
font-weight: 700;
}
.entry-meta {
margin-top: 5px;
}
.page-content, 
.entry-content, 
.entry-summary {
word-wrap: break-word;
}
.entry-content > ol{
margin: 0 0 24px 30px;
}
.entry-content ul {
margin: 0 0 24px 22px;
list-style: disc;
}
.entry-content ul  ul {
list-style: circle;
}
.entry-content ul  ul ul {
list-style: square;
}
.entry-title a:hover {
text-decoration: none;
color: #0274be;
}
.entry-meta .posted-on,
.entry-meta .byline,
.entry-footer {
text-transform: uppercase;
color: #cbcbcb;
font-size: 0.65em;
}
.entry-meta .posted-on a,
.entry-meta .byline a,
.entry-footer a {
color: #ababab;
}
.entry-meta .posted-on a:hover,
.entry-meta .byline a:hover,
.entry-footer a:hover {
color: #3498db;
}
.entry-footer .edit-link{
padding-left: 10px;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
font-size: 0.9em;
font-style: italic;
color: #666;
}
.gallery-caption {
font-style: italic;
color: #666;
margin-bottom: 15px;
}
.gallery-item .gallery-icon{
padding: 5px;
}
.sticky {
background-color: #f9f9f9;
padding: 10px;
} .mejs-container button {
background: #333; 
}
.mejs-controls .mejs-button button {
-moz-box-shadow: 0 0 0 #333;
-webkit-box-shadow: 0 0 0 #333;
box-shadow: 0 0 0 #333; 
} .format-chat .entry-content {
background: #f2f2f2;
color: #0d0d0d;
font-family: Consolas, "Courier New", Courier, monospace;
padding: 1.6875em;
} .widget-title {
font-size: 20px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
font-weight: bold;
}
.widget > ul {
list-style: none;
margin: 0 0 20px 0;
}
.widget > ul > li {
border-bottom: 1px dotted #eee;
word-wrap: break-word;
padding: 3px 0;
}
.widget > ul > li a {
color: #666;
}
.widget > ul > li a:hover {
text-decoration: none;
color: #0274be;
} .comments-area {
border-top: 1px solid #eee;
padding-top: 20px;
}
.comments-title {
padding-bottom: 20px;
}
.comment-list {
padding: 0;
margin: 0;
list-style: none;
}
.comment-list ol {
list-style: none;
}
.comment-list > .comment { 
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.comment-body {
margin-bottom: 20px;
}
.comment-content {
clear: left;
padding-top: 10px;
}
.comment-content ul {
margin-bottom: 0;
}
.comment-meta {
font-style: italic;
color: #cbcbcb;
font-size: 0.9em;
}
.comment-meta a {
color: #ababab;
}
.comment-meta .vcard img{
float: left;
padding-right: 10px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
float: left;
width: 100px;
} .site-footer {
border-top: 1px solid #eee;
text-align: right;
color: #666;
padding: 5px 0;
}
.site-footer a {
color: #333;
}
.site-footer a:hover {
color: #000;
}
.site-info {
overflow: hidden;
}
.site-info .copyright {
float: left;
width: 40%;
text-align: left;
font-size: 0.9em;
}
.site-info .theme-info {
float: right;
width: 60%;
text-align: right;
font-size: 0.9em;
}  .site-header,
.main-navigation ul ul {
background: #000;
}
.site-header .site-branding a,
.main-navigation .nav-menu li a {
color: #ddd;
}
.site-header .site-branding a:hover,
.main-navigation .nav-menu li a:hover {
color: #fff;
}
.main-navigation .nav-menu .current_page_item > a, 
.main-navigation .nav-menu .current-menu-item > a, 
.main-navigation .nav-menu .current_page_ancestor > a {
color: #fff;
}