/* 
Theme Name: lost-theories.com
*/

* {padding:0;margin:0}
body { font-size:76%; line-height: 170%; font-family: Arial,Sans-Serif; color:#333; padding: 0; margin: 0; text-align:center; }

.clear{clear:both;}
.alignleft{float:left}
.alignright{float:right}

p, ol, ul { margin: 0 0 15px; }
ol { padding: 0 0 0 30px; }
ol li { padding-bottom: 10px; }
ul { list-style-type: square; padding: 0 0 0 17px; }
hr { height: 1px; padding: 0; margin: 5px auto 20px; border: none; background: none; border-top: 1px solid #999; border-bottom: 1px solid #f0f0f0; }

a {color: #7b00a8; text-decoration: none;} 
a:hover{text-decoration:underline; color: #555;}
a:focus { color: #7b00a8; text-decoration: underline; }
a img{border:none;background: transparent;}
.title a{text-decoration:none;}

h1,h2,h3,h4,h5,h6,.title { font: normal 20px/150% 'Patua One', cursive; display:block; margin: 0 0 10px; }

#bg { height: 520px; background: url('images/bgimg.jpg') repeat-x top center; }
#bg.short { height: 173px; }

#wrap, #header {width: 980px; margin: 0 auto 15px; text-align: left; }
#bg #header { height: 500px; }
#bg.short #header { height: 134px; }
#bg.short #sidebar { margin-top: -18px; }

h1#logo { float: left; width: 202px; }
#headerboxes { width: 750px; float: right; padding: 20px 0 0; }
.headerbox { float: right; display: inline; margin: 0; padding: 20px; background: url('images/bg-tw.png'); border: 1px solid #555; }
#text-3.headerbox { width: 400px; padding-bottom: 0; }
#text-4.headerbox { float: left; padding-bottom: 20px; width: 255px; }
.headerbox a.close { display: block; float: right; width: 16px; height: 16px; background: url('images/close.png') no-repeat; }
.headerbox a.close span { display: none; }
.headerbox .title { font: normal 20px/130% 'Patua One', cursive; margin: 0; }
.headerbox small { font: normal 11px/130% Arial; }
.headerbox p { margin: 0 0 5px; }
.headerbox .wpcf7-form { margin: 10px 0 0; }
.headerbox input, #header textarea { width: 390px; padding: 5px; font: normal 12px Arial; border: 1px solid #555; }
.headerbox input:focus, #header textarea:focus { background-color: #ffef11; }
.headerbox textarea { height: 100px; }
.headerbox .wpcf7-submit { width: 402px; background: #555; color: #fff; font-weight: bold; text-transform: uppercase; }
.headerbox .wpcf7-submit:hover { cursor: pointer; background-color: #ffef11; border-color: #dbcd09; color: #333; }
.headerbox .wpcf7-response-output { margin: 0 0 10px; }
.headerbox img.ajax-loader { margin-top: -53px; }

#main { background: #fff; }
#content { width: 750px; float: right; padding: 25px 0; }
#content .title { font: normal 20px/150% 'Patua One', cursive; text-transform: none; }
#content .entry img.postimg { float: right; width: 150px; margin: 0 0 5px 10px; padding: 8px; border: 1px solid #ede9b5; background: url('images/yel.png'); }
#content .entry img.postimg:hover { background-color: #555; }
#content.single .entry img.postimg { width: auto; border: none; }
#content.single .entry img.postimg:hover { background-color: transparent; }

blockquote { padding: 20px; margin: 0 0 15px; background-color: #f0f0f0; }

body.home #content .entry { background-color: #fffcd2; border: 1px solid #ede9b5; padding: 20px; margin: 0 0 20px; }
#content .entry .theorie { background: url('images/yel.png'); color: #333; padding: 5px 10px; line-height: 230%; }

.wp-caption { font: normal 11px/130% Arial; color: #555; text-align: center; }
.wp-caption.alignleft { text-align: left; margin: 0 15px 15px 0; }
.wp-caption.alignright { text-align: right; margin: 0 0 15px 15px; }

.navi { margin: 10px 0; }
.navi a { display: block; padding: 5px 10px; background: #7b00a8; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.navi a:hover { background-color: #333; color: #fff; text-decoration: none; }

#respond { margin: 25px 0 0; padding: 20px; border-color: 1px solid #999; background-color: #f0f0f0; }
#commentform #author, #commentform #email { width: 300px; }
#commentform textarea, #commentform input { padding: 5px; border: 1px solid #555; }
#commentform textarea:focus, #commentform input:focus { background-color: #ffef11; }
#commentform textarea { width: 700px; height: 100px; }
#commentform #submit { width: 712px; background: #555; color: #fff; font: bold 12px Arial; text-transform: uppercase; }
#commentform #submit:hover { cursor: pointer; background-color: #ffef11; border-color: #dbcd09; color: #333; }

#sidebar { width: 202px; float: left; background: #f0f0f0; }
#sidebar .title { margin: 0 0 3px; }
#sidebar .sbtop { width: 202px; height: 22px; margin: -22px 0 0; background: url('images/yel.png') no-repeat top center; }
#sidebar .box { padding: 15px; }
#sidebar .social { padding: 20px 20px 0; }
#sidebar .switch { background: url("../../plugins/2-click-socialmedia-buttons/images/socialshareprivacy_on_off.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 12px; margin: 4px 0 0; overflow: hidden; text-indent: -9999em;  width: 23px; }