/*
Theme Name: Version 2024
Theme URI: https://joe-locke.net/
Description: This design was custom made by Carol of Sin21 Designs.
This theme is not to be used or redistributed without the explicit permission of Carol L.
Version: 1.0
Author: Carol L. (admin@sin21.org)
Author URI: http://sin21.org



/* General *************/

body {-webkit-font-smoothing: antialiased!important; margin:0 auto; background:#414141; font:400 13px 'Arimo'; color: #797979; line-height:170%; word-wrap: break-word;}
#container {width:1100px; margin: 0 auto; background: #FFFFFF;}

#first-area {margin: 0 auto; padding:20px 25px 0px 15px; height:85px; display:block; text-align:center;}

#second-area {margin:0 auto!important; padding:25px 25px; background-color:#2B2B2B; display:block; color:#868686; line-height:150%; overflow:hidden; position:relative;}
#second-area .pull-left {width:43%;}
#second-area .pull-right {width:52%; display:block; padding-left:25px; border-left:1px dotted rgba(255,255,255,0.20);}

.mast-head {margin:0 auto; position:relative; display:block; height:350px; background-image:url('https://joe-locke.net/wp-content/themes/sin21-wp10/images/header.jpg'); background-repeat: no-repeat; background-size: cover;}

.spec {padding:0 25px; background:#F4F4F4; overflow:hidden;}
#content {float:left; width:66.2%; max-width:66.2%;}
#sidebar {float:right; width:31.8%; max-width:31.8%;}

.clear {clear: both; display:block;}


/* Elements *************/
p {font-size: 13px;}

a {text-decoration: none; color:#797979;}
a:hover {color: #ba3030;}

/* -- Images -- */
img {border: 1px solid #eeeeee; margin: 0px; padding: 5px;}

/* -- Blockquote -- */
blockquote {margin:10px 0; padding:5px 15px!important; background:#FBFBFB; color: #797979;font-family: 'Sanchez'; font-style: italic; font-size: 12px; border:1px solid #E9E9E9; box-sizing: border-box;}

hr {width: 100%; border-top: 1px solid #eeeeee; border-bottom: 0px; border-left: 0px; border-right: 0px; margin: 15px 0px;}


/* -- Table -- */
table {width: 100%;}
td {padding: 5px 0px;}

/* -- Lists -- */
ul {list-style:disc inside none; margin:0 3%; padding:0;}
ul ul {list-style:circle inside none; padding:0 3%;}
#sidebar ul, #content ul {list-style:none inside none; margin:0; padding:0; text-align:left;}
#sidebar ul li, #content ul li {padding: 7px 0; border-bottom:1px solid #F0F0F0;}

/* Navigation *************/

#nav {margin-top:25px; position:relative; z-index:999; float:left; font:500 12px 'Raleway', sans-serif; text-transform: uppercase;}
#nav a {color:#585858; font-weight: 400; margin: 0px 10px; padding: 0px 0px 5px 0px; -webkit-box-shadow: transparent 0 -3px inset; box-shadow: transparent 0 -3px inset;}
#nav a:hover {color:#585858; -webkit-box-shadow: #ba3030 0 -3px inset;	box-shadow: #ba3030 0 -3px inset;}


/* Site Name *************/

#sitename {margin-top:1.1em; position:relative; z-index:999; float:right;}
#sitename #sitettl {margin:0 0 0px; font-family: 'Raleway'; font-size:32px; font-weight:300; color:#4E4E4E; letter-spacing:-2px; text-transform:uppercase;}
#sitettl span {color:#ba3030;}
#sitename #tagline {margin-top: 5px; font:italic 400 13px arimo; color:#ABABAB; text-transform:lowercase; text-align: right;}


/* Second Area *************/

#wmessage h1, #latestpics h1 {margin:0 auto 10px; padding:0; display:inline-block; font-weight:500; font-size:11px; color:#fff; letter-spacing:1px; text-transform:uppercase;}
#wmessage h1 .border, #latestpics h1 .border {margin:0; background:#ba3030; height:2px; width:50px;}


/* Content *************/

#content {margin:25px 0 0;}
.post,.page {margin:0 0 25px; padding:20px; overflow:hidden; background: #FFFFFF; border: 1px solid #ECECEC;}
.post-head,.post-foot {padding:0px 0px 10px 0px;}
.entry {padding:0;}

/* -- Heading -- */
.post-title {margin:0; padding:0; font-family: 'Raleway'; font-weight:700; font-size:20px; color:#474747; line-height:130%; letter-spacing:-1px;}
.post .border, .page .border {margin:5px 0 10px; background:#ba3030; height:2px; width:100px;}

/* -- Post Meta -- */
.post-meta-1 {margin-bottom:5px; display:block; padding:0; font:400 10px Arimo; color: #868686; text-transform:uppercase; clear:both!important; overflow:hidden;}
.post-meta-1 span {margin-right:10px;}
.post-meta-1 .date:before {margin-right:5px; content:"\f274"; font-family:fontawesome; font-weight:400;}
.post-meta-1 .author:before {margin-right:5px; content:"\f007"; font-family:fontawesome; font-weight:400;}
.post-meta-1 .home:before {margin-right:5px; content:"\f015"; font-family:fontawesome; font-weight:400;}

.post-meta-2 {margin:0 0 -5px; padding:12px 0 0; display:block; background:#fff; font:400 10px Arimo; text-align:left; text-transform:uppercase; line-height:190%; border-top:1px solid #F0F0F0;}
.tags a:before {margin-right:4px; content:"\f02b"; font-family:fontawesome; font-weight:400;}
.tags a {padding:0 0 0 10px; display:inline-block; color:#A8A8A8;}
.tags a:hover {color:#ba3030;}

.synopsis {font-family: 'Sanchez'; font-style: italic; font-size: 12px;}


/* Sidebar *************/

#sidebar {margin:25px 0 0;}
.side {margin:0 0 25px; padding: 20px;  overflow:hidden; background: #FFFFFF; border: 1px solid #ECECEC;}

/* -- Heading -- */
.side-title {margin:0 0 15px; padding:0; color:#474747; font-weight:700; font-size:12px; letter-spacing:1px; text-transform:uppercase;}


/* Footer *************/

.footer {margin:0 auto; margin-left: -25px; padding:0; width:1100px; background:#333333; color:rgba(255,255,255,0.4); font-size:13px; font-weight:400; text-align:justify; display:block; overflow:hidden; position:relative;}
.footer .pad {margin:0 auto; padding:15px 25px; overflow:hidden;}
.footer .pull-left, .footer .pull-right {font-size:11px; font-weight:700; text-transform:uppercase;}
.footer a, .footer a:visited {color:rgba(255,255,255,0.5); font-weight:700;}
.footer a:hover {color:#fff; text-decoration: none;}