/* 
Theme Name: Clough House
Description: Clough House Wordpress Theme
Author: iKreativ
Author URI: http://ikreativ.com
Version: 1.0
*/

/* Let the games begin! */
* { margin: 0; padding: 0; }
body { background-color: #f6f6f6; background-image: url(../images/body-bg-sml.jpg); background-repeat: repeat-x; margin: 0 auto; overflow-x: hidden; }
body.home { background-color: #f6f6f6; background-image: url(../images/body-bg-lge.jpg); background-repeat: repeat-x; margin: 0 auto; overflow-x: hidden; }

/* Wrappers */
#contentWrapper { width: 1000px; margin: 0 auto; padding: 0; }

/* Header */
#header { width: 1000px; min-height: 200px; margin: 0 auto; text-align: center; }

/* Logo */
#logo { background-repeat: no-repeat; margin: 0 0 0 -45px; float: left; }

/* Navigation */
ul#nav { height: 50px; padding: 0; float: right; }
ul#nav li { padding: 0 0 0 15px; position: relative; display: inline-block; text-shadow: none; float: left; }
ul#nav li a { font-size: 11px; color: #ffffff; text-transform: uppercase; padding: 95px 0 0 0; float: left; text-shadow: 2px 2px 0px #000000; }
ul#nav li a:hover { color: #3b73bb; }

/* Banner */
#intro {}
#intro h2 { font-size: 24px; color: #ffffff; letter-spacing: 0.3px; margin: 35px 0 35px 0; text-shadow: 2px 2px 0px #000000; }
#banner { background: transparent; width: 1000px; margin: 50px 0 0 0; float: left; }

#banner #imageWrapper div { background: transparent; width: 245px; height: 299px; margin: 0 5px 5px 0; position: relative; overflow: hidden; float: left; }
#banner #imageWrapper img { position: absolute; }

#banner div.section { width: 245px; height: 299px; margin: 0 5px 15px 0; display: inline-block; float: left; }
#banner div h2 { color: #3b73bb; }
#banner div p { width: 240px; font-size: 12px; color: #091c34; text-shadow: 1px 1px 0px #ffffff; letter-spacing: 0.3px; margin: 0 0 10px 0; }

/* Content */
#content { width: 1000px; padding-bottom: 100px; float: left;  }

/* Post */
.post { background-color: #f5f5f5; border: 1px solid #ffffff; outline: 1px solid #c7c7c7; margin: -25px 0 15px 0; padding: 25px; width: 650px; float: left; }
.post h1 { color: #3b73bb; margin: 0 0 25px 0; }
.post h1 a { color: #3b73bb; margin: 0 0 25px 0; }
.post a { color: #091c34; } 
.post a:hover { color: #3b73bb; }
.post img { border: 3px solid #c7c7c7; margin: 0 15px 0 0; float: left; }
.post ul {}
.post ul li { font-size: 12px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
.post ul li a { font-size: 12px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
.postmeta { margin: 0; }
h1 span.small { padding: 8px 0 0 0; float: right; }

/* Page */
.pageWrapper { background-color: #f5f5f5; border: 1px solid #ffffff; outline: 1px solid #c7c7c7; margin: -25px 0 15px 0; padding: 25px; width: 650px; float: left; }
.pageWrapper h1 { color: #3b73bb; margin: 0 0 25px 0; }
.pageWrapper a { color: #091c34; }
.pageWrapper a:hover { color: #3b73bb; }
.pageWrapper img { border: 3px solid #c7c7c7; margin: 0 15px 0 0; float: left; }
.pageWrapper ul { margin: 0 0 25px 0; }
.pageWrapper ul li { font-size: 12px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }

/* Map */
iframe { border: 3px solid #c7c7c7; margin: 0; }

/* Pagination */
.postnavigation { width: 650px; margin: 25px 0 0 0; float: left; }
.postnavigation a { display: inline-block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #cccccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px;  color: #3b73bb; }
.postnavigation a:hover { color: #091c34; }
ul.pagination { float: left; list-style: none; padding: 0; margin: 0 0 25px 0; }
ul.pagination li { float: left; margin: 0 6px 6px 0; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
ul.pagination li a { display: inline-block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #cccccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
ul.pagination li.active { padding: 4px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #707070; }

/* Comment stuff */
h3.comments_number { margin: 25px 0 25px 5px; width: 650px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
ul#commentlist { width: 650px; margin: 0 0 25px -20px; float: left; }
ul#commentlist li { list-style: none; }
ul#commentlist .alt { background-color: #f5f5f5; border: 1px solid #ffffff; outline: 1px solid #c7c7c7; margin: 25px 0 15px 20px; padding: 25px; width: 650px; }
ul#commentlist .standard { background-color: #f5f5f5; border: 1px solid #ffffff; outline: 1px solid #c7c7c7; margin: 25px 0 15px 20px; padding: 25px; width: 650px; }
.commenttext p { margin: 5px 0 0 0; }

#commentsform { background-color: #f5f5f5; border: 1px solid #ffffff; outline: 1px solid #c7c7c7; margin: 25px 0 15px 0; padding: 25px; width: 650px; float: left; }
#commentsform a { font-size: 12px; font-weight: bold; color: #ff0000; letter-spacing: 0.3px; }
#commentform p { font-size: 12px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
#commentform h2 { font-size: 12px; font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
#commentform input#s1 { width: 650px; padding: 5px 0 5px 0; border: none; }
#commentform input#s2 { width: 650px; padding: 5px 0 5px 0; border: none; }
#commentform input#s3 { width: 650px; padding: 5px 0 5px 0px; border: none; }
#commentform textarea { width: 620px; padding: 15px; border: none; }
#commentform .legal { font-size: 12px; color: #111822; text-shadow: 1px 1px 0px #38485b; }
input#sbutt { cursor: pointer; }

/* Sidebar */
#sidebar { width: 250px; margin: 25px 0 135px 0; float: right; }
#sidebar div { margin: 0 0 25px 0; }
#sidebar h2 { font-size: 24px; color: #3b73bb; width: 250px; float: left; }
#sidebar ul li { list-style: none; }
#sidebar ul li a { font-size: 12px; font-weight: bold; color: #4f4f4f; letter-spacing: 0.3px; list-style: none; }
#sidebar ul li a:hover { color: #3b73bb; }

/* Search */
form#searchform { margin: 0 0 25px 0; float: left; }
form#searchform input { width: 200px; padding: 5px 5px 5px 0; }
.results { float: left; }

/* Footer */
#footerWrapper { background-image: url(../images/footer-bg.jpg); background-repeat: repeat; width: 100%; height: 100px; margin: 0 auto; border-top: 1px solid #ffffff; clear: both; }
#footer { background-image: url(../images/footer-bg.jpg); background-repeat: repeat; width: 1000px; margin: 0 auto; padding: 38px 0 0 0; text-align: center; }
#footer #ikreativ a img { float: left; }
#footer ul { height: 50px; margin: 5px 0 0 0; padding: 0; float: right; }
#footer ul li { padding: 0 0 0 15px; position: relative; display: inline-block; float: left; }
#footer ul li a { font-size: 11px; color: #7e8793; text-shadow: 1px 1px 0px #f3f4f5; text-transform: uppercase; padding: 0; float: left; }
#footer ul li a:hover { color: #3b73bb; }

/* Tooltip */
#tooltip { width: 150px; position: absolute; z-index: 99999; background-color: #19222d; color: #ffffff; text-shadow: none; padding: 13px 15px 15px 15px; display: none; opacity: .85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

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

/* Generic Classes */
.blue { font-weight: bold; color: #3b73bb; letter-spacing: 0.3px; }
.keyword { background-color: yellow; padding-top: 0; padding-right: 3px; padding-bottom: 0; padding-left: 3px; }
.small { font-size: 12px; }
.splitter { background-image: url(../images/div.jpg); background-repeat: repeat-x; width: 1000px; height: 2px; }
.alignleft { float: left; }
.alignright: { float: right; }
.jsNotice { width: 910px; padding: 25px 25px 15px 25px; margin: 50px auto; background-color: #ffdfdf; border: 1px solid #df7d7d; position: relative; z-index: 9999; text-shadow: 1px 1px 0px #ffffff; }
.jsNotice h1 { color: #ff0000; font-size: 32px; }