/*
Custom theme by Bev Stofko, http://www.stofko.ca
Theme Name: Stofko4
Version: 1.0
Author: Bev Stofko
Author URI: http://www.stofko.ca/
*/

* {margin: 0;padding: 0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
/* */

/* Common stuff */
img {border:none;}
.cpic { display: block; margin: 0 auto; }
h4 {font-size: 1.2em; font-weight:bold; padding-top: 4px; padding-bottom: 4px; color:#76aab2; }
a, a:link {color: #666; text-decoration:none; }
a:hover {color: #333; text-decoration:underline;}
.clear {clear:both;}
.warning p {padding:20px;font-size: 16px;text-align:center;}
input:focus, textarea:focus{background-color:#ffc;}
abbr {border:none;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float:left;}
.alignright {float:right;}

/* Main Body */
body { min-width: 950px; background: #e8e7dd; margin: 0 auto; font-family:Arial, sans-serif; font-size:13px; color: #666; }
#wrapper { background: transparent url("images/banner.jpg") top center no-repeat; width: 980px; margin: 0 auto; }

/* Header */
#header { height: 180px; }

/* Menu */
#navcontainer{ width: 710px; margin: 0 auto 20px auto; padding: 5px 0; font-size: .9em; height: 100%; /* for IE */ border-bottom: solid 1px #666;}
#navlist {text-align: left; float:left;}
#navlist li {display: inline; list-style-type: none; padding: 3px 10px 5px 0;}
#navlist li.first {padding-left: 0;}
#navlist li a {text-decoration: none; text-transform: uppercase; color: #817f71; border-bottom-color: transparent;}
#navlist li a:hover {color: #b1afa1; border-bottom: dotted 1px #b1afa1;}
#navlist li.current_page_item a {color: #b1afa1;}

/* Content */
.container { padding: 0 15px; position:relative; color: #565656; background: transparent url("images/bg.gif") top center repeat-y; }
#container h1 {font-size:30px;font-weight:normal;letter-spacing:-1px;width:600px;padding:32px 0 25px 0;}
#container h1 a {}
#container h1 a:hover {}

#content {float:left; width:63%; padding-top: 5px; }
#content .title {margin:10px 0 5px 0; color: #fff; background-color: #595959; border-bottom: solid 1px #7d8d86; padding: 5px; }
#content .title h2 { color: #fff; background-color: #595959; font-size: 18px; font-weight: normal; text-transform: uppercase; width: 550px; float:right; text-shadow: #191919 0px 1px 1px; }
#content .title h2 a, #content h2 a:link {padding: 3px 0; color: #fff; text-decoration:none; }
#content .title h2 a:hover {text-decoration:underline; }

.navigation {clear:right; font-size:11px; padding:5px 10px; margin:5px 0 20px 0;}

.submain { width: 550px; float: right; padding-bottom: 5px; margin-bottom:15px;}
.main .date { float: right; padding: 5px; border: solid 1px #999; background: #e8e7dd; margin-left: 5px; text-align: center; width: 30px; font-size: .8em;text-transform: uppercase;}
.main h3 {color: #76aab2; font-size:16px; font-weight:normal; margin:10px 0;}
.main img {}
.main a {text-decoration: underline;}
.main a img {padding:2px; border:#eee5d4 2px solid;}
.main a:hover img {padding:2px; border:#000 2px solid;}
.main p {margin:10px 0 5px 0;}
.main ol { margin-left: 20px; }
.main ul { margin-left: 20px; }
.main li {padding-bottom: 5px;}

.meta {font-size:11px; background:#e8e7dd; color: black; padding:5px ;margin:0 0 10px 0; clear:both;}
.meta a, .meta a:link {border-bottom-color: #EEE5D4;}
.meta a:hover {border-bottom-color:#af7c49;}

.signature, .tags {padding:0; width:100%; /* needed for chrome */}
code, .codebox {background-color:#e8e7dd; padding:5px; font-size:.9em; display:block; color: black;}

/* Sidebar */
#sidebar { background: transparent url("images/bg2.jpg") top left no-repeat; font-size:12px; float:right; width:35%; padding:5px 0 5px 14px; margin:0 0 20px 0; text-align: left;}
#sidebar h3 {font-size:18px; background-color: #76aab2; border-bottom: solid 1px #468a92; color: #454B54; text-shadow: white 0px 1px 1px; margin-top: 10px; padding: 5px; font-weight: normal; text-transform: uppercase; text-align: left;}
#sidebar p { padding: 8px; width: 250px; }
#sidebar ul {list-style-type:none; padding: 5px 0 0 20px; color: #666; width: 250px;}
#sidebar ul ul {}
#sidebar ul ul ul {}
#sidebar ul li:before {}
#sidebar ul li {margin:0 5px 5px 5px; text-align: left;}
#sidebar ul li a, #sidebar ul li a:link {}
#sidebar ul li a:hover {text-decoration: none; color: #000; }

#author h3 {margin:5px 0 5px 0;}

/* Comments */
input.submit {background:#e8e7dd;font-size:11px;display:block;margin:0 0 10px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#eee;}
input.submit:hover {background:#e8e7dd;cursor:pointer;border:#999 1px solid;color:#fff;}
input.subcom {background:#eee;font-size:11px;margin:0 0 10px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#222;}
input.subcom:hover {background:#222;cursor:pointer;border:#888 1px solid;color:#eee;}
input.comment {background:#f6f6f6;font-size:11px;padding:2px 4px;border:#aaa 1px solid;color:#222;}
input.comment:hover {border:#c00 1px solid;}

textarea {background:#f6f6f6;font-size:12px;width:400px;padding:2px 4px;border:#aaa 1px solid;color:#222;}
textarea:hover {border:#af7c49 1px solid;}

.postinput small {font-size:11px;margin:0 0 0 5px;}

p.logged {font-size:12px;}

h3.reply {color: #76aab2;font-size:15px;margin:0 0 10px 0;}

.nocomments {margin:0 0 30px 0;}

ol.commentlist {font-size:12px; list-style-type:none; margin:10px 0 30px 0; border-bottom:#bbb 1px solid;}
.commentlist li {border-top:#76aab2 3px solid; padding:10px 0 10px 0; }
.commentlist li.bypostauthor {background-color: #f5f5f5;}
.comment_mod {margin:10px 0 0 10px;}
.comment_mod em {padding:1px 3px;}
.comment_author {margin:10px 0; float:right; width:130px;}
.comment_author img {float:left; margin:5px 12px 0 0;}
.comment_author p {line-height:20px;}
.comment_author a {color: #AF7C49;}
.comment_author small {font-size:11px;}
.comment_text {float:left; width:400px; border-right: solid 1px #ded5c4 ;}
.comment_text p {line-height:18px; margin:7px 3px 7px 0;}
.comment_meta {font-size:12px;}
#commentform p {line-height:18px; margin:0 0 15px 0;}

.even {}
.odd {}

/* Footer */
#footer { clear:both; background:transparent; width: 710px; margin: 0 auto; font-size:11px; color:#999; padding:10px 0; text-align:center; position:relative; border-top: #999 1px solid; }

.more-link { clear:left; float:right; }

.port { margin: 0 0 15px 15px; clear: left; }
#text .port p { float: left; display: block; width: 280px; margin: 0 15px 15px 15px; font-style: italic; color: gray; padding-top: 2em; }


.caption { font: normal .8em sans-serif; text-align: center; color: #aaaaaa;}

.centerbox { width: 200px; margin: 0 auto; display: block;}
.centerbox h4 { padding-top: 6px; font-size: 1.1em; text-align: center; }

.aligncenter {margin: 6px auto;}

/* Plugin settings */
.main .wp-socializer a img { border: none; }
.main .wp-socializer a:hover img { border: none; }
.twitter-text, .twitter-date { background: #E7E7DD; display: block; font-style: italic; padding: 4px; margin-right: 10px; }
.twitter-text a, .twitter-date a { color: #76AAB2; }
.twitter-text { margin-bottom: -5px; padding-top: 0; }
.twitter-date { font-size: .9em; padding-bottom: 0; }
.twtr-hd { display: none; }
.twtr-bd { margin-left: 12px; margin-top: 10px; }