body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #headerbwrap {height:auto;}
body#layout .headerbwrap2 {height:auto;}
body#layout #blogtitle {min-height:120px;}
body#layout #content {}
body#layout #social-media {display:none;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
.section, .widget {
margin:0;
padding:0;
}
/******************************************************************
RESET STYLES
******************************************************************/
/* general reset */
html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
overflow-y: scroll;
}
/* html 5 reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* ul & li resets */
ol, ul {
list-style: none;
}
/* blockquote reset */
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
/* link style resets */
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover,
a:active {
outline: none;
}
/* table resets */
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
td img {
vertical-align: top;
}
/* type & header styles */
body {
font-size: 13px;
line-height: 1.5em;
font-family: Verdana, Geneva, sans-serif;
}
p {
hyphenate: auto;
hyphenate-before: 2;
hyphenate-after: 3;
hyphenate-lines: 3;
orphans: 4;
}
select,
input,
textarea,
button {
font: 99% sans-serif;
}
body,
select,
input,
textarea {
color: #444;
}
small,
.small {
font-size: 0.75em;
letter-spacing: .05em;
font-style: italic;
line-height: 1.75em;
}
strong,
th,
.strong {
font-weight: bold;
}
em,
.em {
font-style: italic;
}
ins,
.ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark,
.mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del,
.del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor:help;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
/* code & pre box resets */
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
/* form & input resets */
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
margin: 1.5em;
}
input,
select {
vertical-align:middle;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
/* vaidation */
input:valid,
textarea:valid {  }
input:invalid,
textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
button {
width: auto;
overflow: visible;
}
/* image resets */
.ie7 img,
.iem7 img {
-ms-interpolation-mode: bicubic;
}
/* hidden elements */
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
/* added from 320&Up Project */
div,
input,
textarea  {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
/* clearfixes */
.clearfix:after,
.menu ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
/* floats */
.left {
float: left;
}
.right {
float: right;
}
/* text alignment */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* highlighting search term on search page */
mark,
.search-term {
background: #EBE16F;
}
/* alerts & notices */
.help,
.info,
.error,
.success {
margin: 10px;
padding: 10px;
border: 1px solid #cecece;
}
.help {
border-color: #E0C618;
background: #EBE16F;
}
.info {
border-color: #92cae4;
background: #d5edf8;
}
.error {
border-color: #fbc2c4;
background: #fbe3e4;
}
.success {
border-color: #c6d880;
background: #e6efc2;
}
/******************************************************************
mobi css
******************************************************************/
.mobile-date-outer {
outline: none;
width: calc(100% - 20px);
border: none;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px;
margin: 0 10px 20px;
}
.mobile-index-title {
line-height: 1.4;
font-size: 16px;
}
.mobile-image {
float: left;
position: relative;
overflow: hidden;
width: 100%;
height: 170px;
}
.mobi-menu {
position: relative;
text-align: center;
}
.menu-icon{
background: url(https://1.bp.blogspot.com/-_R7ekcMrOtQ/YHEaUzG4rgI/AAAAAAAACbY/aOIBPZM5v-IDjgi1n8YKtWL7WWHJZfsygCNcBGAsYHQ/s120/icon-menu.png) no-repeat center center ;
}
/******************************************************************
GENERAL STYLES
******************************************************************/
body {
-webkit-text-size-adjust : 100%; /* font size on apple devices */
-ms-text-size-adjust : 100%;  /* font size on windows devices */
}
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited {
color: #1a90db;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {}
a:link {
-webkit-tap-highlight-color: #f01d4f;
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a {
text-decoration: none;
}
h1, .h1 {
font-size: 2.2em;
line-height: 1em;
}
h2, .h2 {
font-size: 1.5em;
line-height: 1.1em;
}
h3, .h3 {
font-size: 1.2em;
line-height: 1em;
}
h4, .h4 {
font-size: 1.05em;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
}
/******************************************************************
HEADER STYLES
******************************************************************/
header[role=banner] {}
#site-title {}
/******************************************************************
NAVIGATION STYLES
******************************************************************/
div.menu {}
div.menu ul { }
div.menu ul li {
list-style-type: none;
float: left;
}
div.menu ul li a {
display: block;
text-decoration: none;
}
div.menu ul li:last-child a {}
div.menu ul li a:hover {}
div.menu ul li.current-menu-item a,
div.menu ul li.current_page_item a {}
div.menu ul li ul.sub-menu,
div.menu ul li ul.children {
position: absolute;
left: -9999em;
z-index: 9999;
width: 200px;
word-wrap: break-word;
}
div.menu ul li ul li a {}
div.menu ul li ul li a:hover {}
div.menu ul li ul li:last-child a {}
div.menu ul li:hover ul {
left: auto;
}
div.menu ul li ul li ul.sub-menu,
div.menu ul li ul li ul.children {
left: -9999em;
position: absolute;
margin-left: 200px;
top: auto;
margin-top: -30px;
}
div.menu ul li ul li:hover ul.sub-menu,
div.menu ul li ul li:hover ul.children {
left: auto;
}
.widget_nav_menu ul li {
float:none
}
.widget_nav_menu ul li ul.sub-menu,
.widget_nav_menu ul li ul.children {
position: relative;
left: auto;
z-index: 9999;
width: auto;
word-wrap: break-word;
margin-left: 1em;
margin-top: 0.5em;
}
.widget_nav_menu ul li ul.sub-menu a,
.widget_nav_menu ul li ul.children a {}
.widget_nav_menu ul li ul li ul.sub-menu,
.widget_nav_menu ul li ul li ul.children {
left: auto;
position: relative;
margin-left:1em;
margin-top: 0.5em;
top: auto;
word-wrap: break-word;
}
/******************************************************************
POST STYLES
******************************************************************/
#content {}
#main {}
article[id*=post-] {
padding: 2.2em 30px;
word-wrap: break-word;
}
/* archive title */
.archive_title {
padding: 0 20px;
margin: 1.1em 0 0.75em;
}
/* post meta information */
.entry-meta,
.category-archive-meta {
font-size: .75em;
letter-spacing: .05em;
font-style: italic;
line-height: 1.75em;
color: #999;
margin: 0.875em 0;
}
.entry-summary {
font-size: 0.9em
}
.post_content {
word-wrap: break-word;
margin-bottom: 2.5em;
}
/* typographical styles */
.post_content p {
margin: 0 0 1.5em 0;
}
.post_content p:last-child {
margin-bottom: 0;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6,
.post_content address {
margin: 0 0 22px 0;
}
.post_content ul,
.post_content ol,
.post_content table,
.post_content dl {
margin: 1.5em 0;
}
.post_content table {
width: 100%;
}
.post_content table th {
border-bottom: 2px solid #848484;
text-align: left;
}
.post_content table td {
border-bottom: 1px solid #d0d0d0;
padding: 5px;
}
.post_content ul,
.post_content ol {
list-style-position: outside;
line-height: 1.5;
margin-left: 2.2em;
margin-right: 2.2em;
}
.post_content li {
margin-bottom: 0.75em;
}
.post_content ul li {
list-style-type: disc;
}
.post_content ol li {
list-style-type: decimal;
}
.post_content blockquote {
font-style: italic;
line-height: 1.6em;
margin: 1.5em 2.2em;
}
.post_content blockquote:before {
font-family: Georgia, serif;
font-size: 2.75em;
text-indent: -.8em;
margin-top: .1em;
float: left;
opacity: .3;
}
.post_content dl {
margin: 1.75em 0 1.75em;
}
.post_content dt {
font-style: italic;
margin-top: 1.25em;
font-size: 1.13em;
font-weight: 700;
border-bottom: 1px solid #999;
}
.post_content dd {
font-style: italic;
font-size: .85em;
margin-top: 1em;
line-height: 1.6em;
}
.post_content video,
.post_content object,
.post_content embed,
.post_content iframe {
display: block;
margin: 1.5em 0;
max-width: 100%;
}
/* image alignment & styles */
.post_content img {
margin: 0 0 1.5em 0;
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft,
img[align=left] {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright,
img[align=right] {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter,
img[align=center] {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone,
img.alignnone {} /* i'm unsure of this style */
article[id*=post-] footer {
clear: both;
margin: 1.5em 0 0;
}
/******************************************************************
SIDEBAR STYLES
******************************************************************/
#sidebar {
float: right;
}
.widget {
/*margin: 2.2em 0;*/
word-wrap: break-word;
}
.widget li,
.widget_nav_menu li {
/*line-height: 1.5em;
margin-bottom: 0.75em;*/
}
.widget-title {
margin-bottom: 0.75em;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {}
.footer-links {
float: left;
}
/* bottom nav links */
.footer-links ul.menu {
margin-top: 0;
}
.footer-links ul li {
list-style-type: none;
float: left;
font-size: 0.9em;
}
.footer-links ul li a {
margin-right: 10px;
text-decoration: underline;
}
.footer-links ul li:last-child a {
margin-right: 0;
}
.footer-links ul li a:hover,
.footer-links ul li.current-menu-item a,
.footer-links ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {
display: none;
} /* you shouldn't have that many links in the footer anyway ;P */
.attribution {
float: right;
color: #999;
font-size: 0.9em;
}
/******************************************************************
PRINT STYLES
******************************************************************/
@media print {
* {
background: transparent !important;
color: #444 !important;
text-shadow: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after {
content: " (" attr(href) ")";
}
abbr:after {
content: " (" attr(title) ")";
}
.ir a:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3{
page-break-after: avoid;
}
}
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body {
font-family: Droid Sans, Arial, Helvetica, sans-serif;
}
#container {
width: 96%;
margin: 0 auto;
padding: 0 2%;
max-width: 1044px; /* remove or edit to adjust width */
}
/* layout options ( all have margins right & left of 1%) */
.col60 {
width: 6.333%;
} /* width 60px / grid_1 */
.col140 {
width: 14.667%;
} /* width 140px / grid_2 */
.col220 {
width: 23.0%;
} /* width 220px / grid_3 */
.col300 {
width: 31.333%;
} /* width 300px / grid_4 */
.col380 {
width: 39.667%;
} /* width 380px / grid_5 */
.col480 {
width: 48.0%;
} /* width 480px / grid_6 */
.col540 {
width: 56.333%;
} /* width 540px / grid_7 */
.col620 {
width: 64.667%;
} /* width 620px / grid_8 */
.col700 {
width: 73.0%;
} /* width 700px / grid_9 */
.col780 {
width: 81.333%;
} /* width 780px / grid_10 */
.col860 {
width: 89.667%;
} /* width 860px / grid_11 */
.col940 {
width: 98.0%;
} /* width 940px / grid_12 */
/* layout & column defaults */
.col60,
.col140,
.col220,
.col300,
.col380,
.col480,
.col540,
.col620,
.col700,
.col780,
.col860,
.col940 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
position: relative;
}
/* default styles & fixes */
#main {
margin-left: 0;
} /* fixes alignment (defaulted at col620) */
#sidebar {
margin-right: 0;
} /* fixes alignment (defaulted at col300) */
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited {
color: #0d7857;
}
a:hover {}
a:active {} /* on click */
a:link {
-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Safari, Chrome, iPhones, iPads */
::-webkit-selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/* The Rest of em */
::selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] {
background: #201a16;
}
header[role=banner] #inner-header,
header[role=banner] #inner-nav {
position: relative;
width: 96%;
margin: 0 auto;
padding: 0 2%;
max-width: 1044px; /* remove or edit to adjust width */
}
#site-heading {
min-height: 35px;
padding-top: 15px;
padding-bottom: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#site-title {
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 32px;
text-transform: uppercase;
margin-bottom: 0;
margin-right: 300px;
font-size: 2.2em;
line-height: 1em;
}
#site-title h1 {font-size: 1.1em;color: #fff;}
#site-title h2 {font-size: 0.5em;color: #eee;}
#site-title a {
color: #fff;
text-decoration: none;
}
#site-description {
font-size: 1.2em;
margin-right: 300px;
color: gold;
}
header[role=banner] #searchform {
position: absolute;
right: 2%;
top: 15px;
overflow: hidden;
}
header[role=banner] #searchform input[type=submit] {
float: left;
width: 40px;
height: 30px;
background: url(//3.bp.blogspot.com/-06ZFnbHqqK8/VtUyyPCbWRI/AAAAAAAAC00/uhiNsdoHi98/s000/icon-search.png) no-repeat center center;
box-shadow: 1px 1px #145a3f inset, -1px -1px #145a3f inset;
border: 0;
padding: 5px 15px;
outline: none;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
text-indent: -9999px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
header[role=banner] #searchform label {
display: none;
}
header[role=banner] #s {
float: left;
height: 30px;
font-size: 1.1em;
background: #fff;
padding: 4px 7px;
border: 0;
box-shadow: 5px 5px 10px #c0c0c0 inset;
min-width: 230px;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#headerimg {
width: 100%;
margin-bottom: 20px;
}
#headerimg img {
width: 100%;
height: auto;
border: 10px solid #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.entry-header {
background: url(//3.bp.blogspot.com/-D4wC84NZGDA/VtUyyeZvhxI/AAAAAAAAC04/M8k47pzGyGc/s000/heading.jpg) repeat-x left bottom;
padding: 10px 24px;
border-bottom: 2px solid #e7e3e3;
}
.entry-title {
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
}
.entry-title a {
color: #000;
}
.entry-title a:hover {
color: #0d7857;
}
body.page .entry-title,
body.single .entry-title,
.not-found .entry-title {
font-size: 2.2em
}
.page-header {
position: relative;
margin-left: 180px;
margin-bottom: 40px;
background: url(//2.bp.blogspot.com/-xBgRdAShX2Y/VtUyytyIf2I/AAAAAAAAC08/E3INrWDJc5g/s000/meta.jpg) repeat-x #2e231d;
box-shadow: 1px 1px #6a594b inset, -1px -1px #6a594b inset;
border: 1px solid #342a24;
}
.page-title {
display: inline-block;
height: 37px;
margin-left: 6px;
margin-top: 5px;
margin-bottom: 5px;
background: url(//4.bp.blogspot.com/-fuic9ow1ZKE/VtUyzA-cmJI/AAAAAAAAC1A/rrg7iFHnZJ8/s000/title.png) no-repeat right top;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 37px;
padding: 0 25px 0 15px;
text-transform: uppercase;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-shadow: -1px -1px #000;
border-left: 1px solid #04261b;
}
.page-title a {
color: #fff0b6;
}
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
.navmenuwrap {
background: url(//4.bp.blogspot.com/-_JvZ5hf77IQ/VtUyzcFTVaI/AAAAAAAAC1E/A14PXgjPMKo/s000/nav.jpg) repeat-x #2e241d;
border-bottom: 1px solid #000;
box-shadow: 0 2px 2px #a3a09d;
margin-bottom: 40px;
}
.navmenuwrap div.menu {
}
.navmenuwrap ul.menu {
display: block;
}
.navmenuwrap .menu ul li {}
.navmenuwrap .menu ul li a,
.navmenuwrap .menu #menu-icon {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
padding: 10px 20px;
color: #fff0b6;
}
.navmenuwrap .menu > ul > li:first-child a,
.navmenuwrap .menu #menu-icon {
padding-left: 2px;
}
.navmenuwrap .menu #menu-icon {
cursor: pointer;
display: none;
}
.navmenuwrap .menu > ul li a:hover {
color: #fff;
}
.navmenuwrap .menu ul li:first-child a {
}
.navmenuwrap .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
.navmenuwrap .menu ul li.current_page_item a {
}
.navmenuwrap .menu ul.sub-menu li.current-menu-item a,
.nav ul.sub-menu li.current_page_item a,
.navmenuwrap .menu ul.sub-menu li.current_page_item a,
.navmenuwrap .menu ul  li.current-page-parent ul.sub-menu li a,
.navmenuwrap .menu ul  li.current-menu-item ul.sub-menu li a,
.navmenuwrap .menu ul  li.current_page_parent ul.children li a,
.navmenuwrap .menu ul  li.current_page_item ul.children li a,
.nav ul li.current_page_item ul.sub-menu li a,
.navmenuwrap .menu ul li.current_page_item ul.sub-menu li a {
background: none;
}
.navmenuwrap .menu ul.sub-menu li.current-menu-item a:hover,
.nav ul.sub-menu li.current_page_item a:hover,
.navmenuwrap .menu ul.sub-menu li.current_page_item a:hover,
.navmenuwrap .menu ul li.current-page-parent ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current-menu-item ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current_page_parent ul.children li a:hover,
.navmenuwrap .menu ul li.current_page_item ul.children li a:hover,
.nav ul li.current_page_item ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current_page_item ul.sub-menu li a:hover {
background: #f5f5f5;
}
.navmenuwrap .menu ul li ul.sub-menu,
.navmenuwrap .menu ul li ul.children {
background: #fafafa;
box-shadow: 1px 1px 3px #aaa;
}
.navmenuwrap .menu ul li ul.sub-menu li,
.navmenuwrap .menu ul li ul.children li {
border-bottom: 1px solid #f0f0f0;
width: 200px;
}
.navmenuwrap .menu ul li ul.sub-menu li a,
.navmenuwrap .menu ul li ul.children li a {
}
.navmenuwrap .menu ul li ul.sub-menu li:first-child,
.navmenuwrap .menu ul li ul.children li:first-child {
}
.navmenuwrap .menu ul li ul.sub-menu li:first-child a,
.navmenuwrap .menu ul li ul.children li:first-child a {
}
.navmenuwrap .menu ul li ul li a {
color: #555;
text-shadow: 0px 0px;
}
.navmenuwrap .menu ul li ul li a:hover {
background: #f5f5f5;
color: #555;
}
.navmenuwrap .menu ul li ul li:last-child a {}
.navmenuwrap .menu ul li:hover ul {}
.navmenuwrap .menu ul li ul li ul.sub-menu,
.navmenuwrap .menu ul li ul li ul.children {
margin-top: -41px;
}
.navmenuwrap .menu ul li ul li:hover ul.sub-menu,
.navmenuwrap .menu ul li ul li:hover ul.children {
}
/******************************************************************
DATE STYLES
******************************************************************/
.post-meta-style {
position: relative;
float: left;
width: 150px;
padding: 10px 15px;
padding-top: 50px;
background: url(//2.bp.blogspot.com/-xBgRdAShX2Y/VtUyytyIf2I/AAAAAAAAC08/E3INrWDJc5g/s000/meta.jpg) repeat-x #2e231d;
box-shadow: 1px 1px #6a594b inset, -1px -1px #6a594b inset;
border: 1px solid #342a24;
color: #fff;
font-family: "Droid Sans Mono", Arial, Helvetica, sans-serif;
font-size: 11px;
word-wrap: break-word;
margin-top: 15px;
}
.post-meta-style p {
margin: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #69584a;
padding: 5px 0;
letter-spacing: -1px;
}
.post-meta-style p.post-author-style {
padding-top: 0;
border-top: 0;
}
.post-meta-style > p:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.post-meta-style p a {
color: #fff0b6;
text-decoration: none;
}
.post-meta-style p a .white {
color: #fff;
}
.post-date-style {
width: 160px;
height: 40px;
position: absolute;
top: 8px;
left: 8px;
background: url(//1.bp.blogspot.com/-VFiBptX1Kt4/VtUyz2jYZzI/AAAAAAAAC1I/wOvF37mMm7U/s000/date.png) no-repeat;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 20px;
text-transform: uppercase;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 8px 0 0 15px;
text-shadow: -1px -1px #000;
}
.post-date-style a {
color: #fff;
text-decoration: none;
}
.post-date-style a:hover {
color: #fff0b6;
}
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
#content {
padding-bottom: 1px;
}
#main {
/* adds bg to post area */
}
#main.col620 {
width: 70.667%;
margin-right: 0;
}
#main #searchform {
margin-bottom: 1.5em;
}
body.page-template-full-width-php #main,
body.page-template-full-width-page-php #main {}
body.attachment #main {}
article[id*=post-] {
position: relative;
margin-bottom: 35px;
padding: 0;
}
body.page article[id*=post-],
body.error404 article[id*=post-] {
background: #fff;
border: 2px solid #e7e3e3;
}
body.page article[id*=post-]:after,
body.error404 article[id*=post-]:after,
.page-header:after,
#respond:after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
height: 12px;
width: 100%;
background: url(//1.bp.blogspot.com/-k_vzRoj4buU/VtUy0P_mBII/AAAAAAAAC1M/t1TFndsw7mg/s000/shadow.png) no-repeat center bottom;
background-size: 100% 12px;
}
.page-header:after,
#respond:after  {
bottom: -13px;
}
.content-wrapbpost {
margin-left: 180px;
}
.post-bwrap {
background: #fff;
border: 2px solid #e7e3e3;
}
.shadowfix {
height: 12px;
background: url(//1.bp.blogspot.com/-k_vzRoj4buU/VtUy0P_mBII/AAAAAAAAC1M/t1TFndsw7mg/s000/shadow.png) no-repeat center bottom;
background-size: 100% 12px;
margin-bottom: 15px;
}
article[id=post-not-found] h1 {}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.entry-meta {
margin: 0;
}
.meta time {}
/* post content */
.post_content {
overflow: hidden;
padding: 20px 24px;
margin-bottom: 0;
line-height: 1.6;
}
.post_content ul,
.post_content ol,
.post_content table,
.post_content dl {}
.post_content ul,
.post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}
.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */
.post_content dl {}
.post_content dt {}
.post_content dd {}
.post_content img {}
.post_content video {}
.post_content object {}
article[id*=post-] footer {
background: #f3f3f3;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 7px 10px 5px 10px;
margin-top:0;
border-top: 2px solid #e7e3e3;
}
article[id*=post-] footer a {}
.edit-link {
}
/******************************************************************
GALLERY STYLES
******************************************************************/
.post_content dt {
margin-top: 0;
}
.post_content dl {
margin: 0 0 10px;
}
.post_content img {
margin-bottom: 5px;
}
.post_content dd {
margin-top: 1px;
}
/******************************************************************
PAGE LINK STYLES
******************************************************************/
#image-navigation,
#nav-above,
#nav-below {
display: block;
overflow: hidden;
margin: -10px 0 30px 180px;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
body.page #nav-above,
body.page #nav-below {
margin-left: 0;
}
/******************************************************************
SOCIAL MEDIA BUTTONS STYLES
******************************************************************/
#social-media {
text-align: center;
}
#social-media a {
width: 30px;
height: 30px;
float: left;
display: block;
margin-right: 4%;
margin-bottom: 25px;
text-indent: -9999px;
outline: none;
box-shadow: 1px 1px #1e744b inset, -1px -1px #1e744b inset;
border: 1px solid #04261b;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#social-media a:last-child {
margin-right: 0;
}
#social-media a.infosource-fb {
background: url(//4.bp.blogspot.com/-WcKL1-0aeBU/VtUy0aBELhI/AAAAAAAAC1Q/c-AftkMrxGY/s000/icon-fb.png) no-repeat center center;
}
#social-media a.infosource-tw {
background: url(//1.bp.blogspot.com/-3qgt9lFityk/VtUy0mixIqI/AAAAAAAAC1U/WoPk6429iyM/s000/icon-tw.png) no-repeat center center;
}
#social-media a.infosource-gp {
background: url(//3.bp.blogspot.com/-tDv9EgHVzvM/VtUy03ngrWI/AAAAAAAAC1Y/ARRNNXeUdz8/s000/icon-gp.png) no-repeat center center;
}
#social-media a.infosource-pi {
background: url(//2.bp.blogspot.com/-1d22iDDHPwk/VtUy1H0wQFI/AAAAAAAAC1c/J-CaNpxK0b0/s000/icon-pi.png) no-repeat center center;
}
#social-media a.infosource-li {
background: url(//3.bp.blogspot.com/-nbSVjF--sAo/VtUy1Zz2CTI/AAAAAAAAC1g/X8o5VqKu4Uw/s000/icon-li.png) no-repeat center center;
}
#social-media a.infosource-rs {
background: url(//3.bp.blogspot.com/-bDIfp5KoxPM/VtUy1cQZ02I/AAAAAAAAC1k/dzoZ2d9s7gg/s000/icon-rs.png) no-repeat center center;
}
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar {
}
#sidebar.col300 {
width: 26.333%;
margin-left: 0;
margin-right: 0;
}
#sidebar .widget {
margin: 0 0 20px 0;
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left bottom;
font-size: 13px !important;
line-height: 1.5;
}
#sidebar .widget-content {
padding:5px 0px;
}
#sidebar .widget a {
text-decoration: none;
color: #444;
}
#sidebar .widget a:hover {
text-decoration: underline;
}
#sidebar .widget li,
#meta.widget aside a {
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left top;
margin-bottom: 0;
padding: 8px;
}
#sidebar .widget ul li:first-child {
background: none;
}
#sidebar .widget ul.sub-menu li:first-child {
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left top;
}
#sidebar .widget ul li:last-child {
}
#sidebar .widget li a {}
#sidebar .widget-title {
background: url(//4.bp.blogspot.com/-uETxcj4JGfY/VtUy2VNl2hI/AAAAAAAAC1s/mSUAI3ld7J4/s000/liner2.png) repeat-x left bottom;
padding: 10px 0;
margin-bottom: 0;
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
color: #0d7857;
text-shadow: 1px 1px #fff;
}
#sidebar .widget h2 {
background: url(//4.bp.blogspot.com/-uETxcj4JGfY/VtUy2VNl2hI/AAAAAAAAC1s/mSUAI3ld7J4/s000/liner2.png) repeat-x left bottom;
padding: 10px 0;
margin-bottom: 0;
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
color: #0d7857;
text-shadow: 1px 1px #fff;
}
/* search widget */
.widget #searchform {
padding: 15px 8px 20px 8px;
}
.widget_search {}
.widget_search #s {
width: 60%;
}
.screen-reader-text {}
/* text widget */
.textwidget { padding: 15px 8px 20px 8px; }
.widget_text {}
.textwidget p {}
/******************************************************************
IMAGE STYLES
******************************************************************/
.post_content img { margin-top: .75em }
.left img,
img.left,
img.alignleft {
margin-right: 1.5em;
margin-bottom: 1em;
margin-top: .75em;
}
.right img,
img.right,
img.alignright {
margin-left: 1.5em;
margin-bottom: 1em;
margin-top: .75em;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
/* Notices */
.post .notice {
background: #eee;
display: block;
padding: 1em;
}
/* Image Attachments */
.entry-attachment {
display: block;
margin: 0 auto;
text-align: center;
}
.imgthumb {
width: 100%;
max-height: 250px;
overflow: hidden;
border-bottom: 2px solid #E7E3E3;
}
.imgthumb img {
height: auto;
width: auto;
min-width: 100%;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {
padding: 1.2em 0;
background: url(//4.bp.blogspot.com/-S7Bv5ZykTWQ/VtUy2kUUV3I/AAAAAAAAC1w/Y1alL36u-Os/s000/foo.jpg) repeat-x #201a16;
height: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1;
}
.attribution {
float: none;
text-align: center;
}
#site-generator {
color: #fff;
text-align: center;
font-family: "Rokkitt" ,Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#site-generator a {
text-decoration: none;
color: #fff0b6;
}
#site-generator a:hover {
text-decoration: underline;
}
#site-generator .sep {
padding: 0 10px;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.yellow {
color: #fff0b6;
}
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
@media screen and (max-width: 800px) {
#site-title {
margin-right: 0;
}
#site-description {
margin-right: 0;
}
#access, div.menu {
position: relative;
}
div.menu ul li {
list-style-type: none;
float: none;
}
.navmenuwrap ul.menu, div.menu ul {
background: #f5f5f5;
position: absolute;
top: 41px;
z-index: 9999;
display: none;
box-shadow: 1px 1px 1px #000;
}
.navmenuwrap .menu #menu-icon {
display: block;
width: 120px;
height: 100px;
font-size: 1.5em;
}
header[role=banner] #searchform  {
}
.menu ul li:hover ul {
left: -9999em;
}
header[role=banner] #s {
font-size: 1em;
padding: 4px 5px;
min-width: 150px;
}
.navmenuwrap .menu ul li {
border-bottom: 1px solid #eaeaea;
}
.navmenuwrap .menu ul li a  {
color: #555;
background: none;
border-radius: 0;
box-shadow: none;
}
.navmenuwrap .menu > ul > li:first-child a {
padding-left: 20px;
}
.navmenuwrap .menu > ul li a:hover {
color: #444;
}
.navmenuwrap .menu ul li a:hover,
.navmenuwrap .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
.navmenuwrap .menu ul li.current_page_item a {
background: #f2f2f2;
}
.navmenuwrap ul.sub-menu li,
.navmenuwrap ul.children li {
display: none;
}
#main.col620 {
width: 100%;
display: block;
}
#sidebar.col300 {
float: none;
display: block;
width: 100%;
clear: both;
}
.widget {
margin: 1.5em 30px 0.02em 20px;
}
}
@media screen and (min-width: 800px) {
.navmenuwrap ul.menu,
div.menu ul {
display:block !important;
}
}
@media screen and (max-width: 960px) and (min-width: 801px) {
#social-media a {
margin-right: 3%;
}
}
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}
/* Comments----------------------------------------------- */
#comments {
padding:10px;
margin-bottom:20px;
background: #fff;
border: 2px solid #E7E3E3;
}
#comments h4 {
font-size:22px;
margin-bottom:10px;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
clear: both;
}
.comment-form {
max-width: 600px;
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.PopularPosts .widget-content ul li {
padding:6px 0px;
}
.reaction-buttons table{
border:none;
margin-bottom:5px;
}
.reaction-buttons table, .reaction-buttons td{
border:none !important;
}
.pbtthumbimg {
float:left;
margin:0 10px 5px 0 !important;
padding:4px;
border:1px solid #eee;
background:#fff;
width:200px;
height:150px;
}
.pbtthumbimgmobi {
margin:0 10px 5px 0 !important;
padding:4px;
border:1px solid #eee;
background:#fff;
width:100%;
height:150px;
}
.more-link {
background: #f3f3f3;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding:  4px 7px 2px 7px;
color: #0d7857;
margin-right: -7px;
}
.more-link:hover {
background: #eaeaea;
}
.more-link{
text-decoration: none;
padding: 5px 10px;
margin: 0;
}