/*
THEME NAME: History Rhymes
THEME URI: http://www.historyrhymes.info
DESCRIPTION: History Rhymes
VERSION: 1.0
AUTHOR: Alex Seifert
AUTHOR URI: http://www.alexseifert.com
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url(https://fonts.googleapis.com/css?family=Tangerine|Rye);

@font-face {font-family: 'Didot'; src: url('TheanoDidot-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body {background: url("images/woodbg.jpg") #3b3020; color: black; margin: 0; padding: 30px 0; font-family: 'Didot', serif; font-size: 16px; box-shadow: inset 0 0 80px #000000;}
a {color: black;}
a:hover {text-decoration: none;}
input[type=text], input[type=password], textarea {box-shadow: inset 0 0 5px #000000; opacity: .6; height: 20px; padding: 0 3px;}
input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {opacity: 1;}
input[type=button], input[type=submit] {background: #4d2600; color: white; border: 1px solid #000000; opacity: .6; cursor: pointer; border-radius: 3px; height: 20px;}
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {opacity: .8;}
input[type=button]:active, input[type=submit]:active {opacity: 1;}
h1, h2 {text-transform: uppercase;}
h2 {font-size: 18px; padding-top: 25px;}
img {border: 0;}

.divider {width: 150px; height: 1px; background: black; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}
.ornatedivider {text-align: center; margin-top: 20px; margin-bottom: 20px;}
.postdivider {width: 150px; height: 1px; background: black; margin: 0 auto; margin-top: 45px; margin-bottom: 45px;}

.iehandicap {border: 1px solid black; padding: 20px; margin: 20px 0; background: #eaddbd; width: 1020px; left: 50%; top: 0; margin-left: -520px; position: relative;}
.brownlayer {width: 100%; height: 100%; background: rgba(59, 48, 32, .6); position: fixed; left: 0; top: 0; z-index: 1;}
.content {background: url("images/contentbg.jpg") #eaddbd; width: 1020px; z-index: 10; position: relative; left: 50%; top: 0; margin-left: -520px; padding: 30px; box-shadow: 0 0 7px #000000, inset 0 0 40px #5d4f3c;}

.photo {text-align: center; padding: 50px; z-index: 20; position: relative;}
.photo .picture {max-height: 800px; max-width: 800px; box-shadow: 0 0 7px #000000; transform: rotate(3deg); -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); -moz-transform: rotate(3deg);}
.photo .nail {position: absolute; top: 50px; left: 50%; z-index: 30;}
.top {width: 0; height: 0;}
.topthetop {background: #F7EFCB; padding: 10px 20px; box-shadow: 0 0 7px #000000, inset 0 0 15px #5d4f3c; position: absolute; bottom: 0; right: 0;}

.posts {position: relative; width: 750px; margin-right: 30px; display: inline-block; float: left; text-align: justify;}

.sidebar {width: 210px; font-size: 13px; padding: 10px; float: left; display: inline-block;}
.sidebar ul {padding: 0; margin: 0;}
.sidebar li {list-style: none;}
.sidebar li.widget {padding: 30px 0 30px 0;}
.sidebar ul ul li, .sidebar .tagcloud {padding: 2px 0 2px 15px;}
.sidebar ul.children li {padding-left: 18px;}
.sidebar .widgettitle {font-family: 'Tangerine', cursive; font-size: 40px; font-weight: normal; padding-bottom: 7px;}
.sidebar .widget_search div {width: 100%;}
.sidebar .widget_search input#s {width: 135px;}
.sidebar .widget_search .screen-reader-text {display: none;}

.topleftcorner {position: absolute; top: 0px; left: 0px;}
.toprightcorner {position: absolute; top: 0px; right: 0px;}
.pictureframe {position: absolute; top: 15px; left: 15px; opacity: .5;}
.rss {position: absolute; top: 15px; right: 15px; opacity: .5;}
.pictureframe:hover, .rss:hover {opacity: 1;}

.title {margin-bottom: 15px; text-align: center;}
.title a {font-size: 50px; text-decoration: none; font-family: 'Rye', cursive;}
#blog-description {text-transform: uppercase;}

.menu {text-align: center; margin-bottom: 20px; padding: 0; margin: 0;}
.menu li {list-style: none; padding: 0; margin: 0 10px; display: inline-block;}
.menu a {text-transform: uppercase; text-decoration: none;}
.menu a:hover {text-decoration: underline;}
.menu .current_page_item a, .menu .current_page_parent a {font-style: italic;}
.sub-menu {display: none; position: absolute; z-index: 30; opacity: 0; background: url("images/submenubg.png") no-repeat transparent; padding: 40px; text-align: left; width: 245px; height: 230px; margin-left: -100px;}
.sub-menu ul {padding: 0; margin: 0;}
.sub-menu li {display: block; padding: 5px 0;}
.sub-menu a {text-transform: none; font-style: italic;}
.sub-menu .current_page_item a {text-decoration: underline;}

.copyright {font-size: 13px; text-transform: uppercase; text-align: center; margin-top: 20px; clear: both;}
.copyright a {text-decoration: none;}
.copyright #generator-link {font-size: 11px; font-style: italic; margin-top: 10px;}

.entry-title {text-align: center; margin-bottom: 10px;}
.entry-title, .entry-title a {font-size: 25px; text-transform: uppercase; text-decoration: none; padding: 0;}
.entry-title a:hover {text-decoration: underline;}

.entry-date {text-align: center; font-size: 13px; font-style: italic; text-transform: uppercase;}

.entry-content {text-align: justify;}

.entry-meta {font-size: 14px; font-style: italic; padding: 25px 0;}
.edit-link {padding: 20px 0;}

.navigation {padding: 15px 0;}

.comments ol {list-style: none; margin: 0; padding: 0;}
.comments li {padding: 25px 0; border-bottom: 1px solid #4d2600;}
.comment .comment-author {margin-bottom: 30px;}
.comment .avatar {padding: 0; margin-right: 10px; float: left;}
.comment .fn {float: left;}
.comment .comment-meta {float: left; font-size: 12px; font-style: italic;}
.comment p {clear: both; padding: 0 10px;}

.wp-caption {font-size: 12px; text-align: center; padding: 0 10px;}
.wp-caption img {box-shadow: 0 0 7px #000000;}

.linkspageimage {float: right; margin-left: 50px;}
#links-page {padding: 0;}
#links-page h2 {padding-top: 0; margin-top: 0;}
#links-page .linkcat {list-style: none; padding-left: 0; margin-left: 0; margin-bottom: 30px}
#links-page .xoxo li {list-style: disc;}

.archivespageimage {float: right; margin-left: 50px;}

.footer {font-size: 13px;}


/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}