/*
Theme Name: The Sloaney
Author: andrei@kuki
*/

* { margin: 0; padding: 0; border: none; font-size: 100% }
li { list-style: none }
.clr { clear: both}

a { text-decoration: none; color: #6A0000 }
a:hover { text-decoration: none}

h1 { font-size: 24px; line-height: 28px; margin: 5px 0 15px; }
h2 { font-size: 20px; line-height: 24px; }
h3 { font-size: 18px; line-height: 22px; font-weight: normal }
h4 { font-size: 16px; line-height: 20px}

input, textarea { border: 1px solid #ABABA3; padding: 4px 2px}
p { margin: 5px 0 10px; }

body { background: #FBFCE2; color: #000; font: 15px/19px "Times New Roman", Times, serif}

.home #wrapper { margin-top: -15px;}
#wrapper { width: 980px; margin: 0 auto;} 
.imgnav { display: none}

#header { width: 980px; height: 150px; position: relative}
#header a { text-decoration: none}
.site-title a { font-size: 74px; position: absolute; left: 30px; line-height: 115px; font-weight: normal; top: 0; }
.site-description { font-size: 23px; font-style: italic; position: absolute; left: 425px; top: 67px}
.share { position: absolute; width: 130px; height: 61px; top: 0; right: 16px; border-top: 7px solid #000; padding: 0 15px 0 15px}
.share div a{ width: 44px; height: 54px; margin: 0 10px; display: block; float: left; background-position: top}
.share div a:hover { background-position: bottom;}
.share .fb a{ background: url(images/facebook.gif) no-repeat top left}
.share .twitter a{ background: url(images/twitter.gif) no-repeat}
.searchform { position: absolute; width: 158px; height: 21px; border: 1px solid #ABABA3; background: #fff; bottom: 52px; right: 16px}
#searchform {width: 158px; height: 21px; position: relative}
#searchform .field { width: 130px; position: absolute;  height: 17px; font-size: 15px; font-family: "Times New Roman", Times, serif; color: #000; border: 1px solid #fff; padding: 0}
#searchform .submit { background: url(images/search_btn.gif) no-repeat; width: 24px; height: 19px; display: block; position: absolute; right: 1px; top: 1px; cursor: pointer; padding: 0; border: none}
.menu-header { background: #000; width: 960px; height: 31px; position: absolute; bottom: 0; left: 0; padding-left: 20px }
.menu-header ul li { display: inline}
.menu-header ul li a { color: #FBFCE2; line-height: 31px; font-size: 20px; float: left; text-align: center; width: 90px; padding: 0 10px;}
.menu-header ul li.home a { background: url(images/home.gif) no-repeat center center; width: 10px; text-indent: -90000px; }

#main { width: 980px; position: relative}

#content { width: 785px; float: left; padding: 10px 5px 20px 0; overflow: hidden}
.hentry li { list-style: disc; margin-left: 20px; }

.page-title, .archive-meta { margin-left: 15px}


/* =Navigation
-------------------------------------------------------------- */

.navigation { color: #888;font-size: 14px;line-height: 18px;overflow: hidden;}

.navigation a:link,
.navigation a:visited { color: #000;text-decoration: none;}
.navigation a:active,
.navigation a:hover {color: #000;}
.nav-previous {	float: left;width: 50%;}
.nav-next {	float: right;	text-align: right;	width: 50%;}
#nav-above {margin: 0 0 18px 0;}
.paged #nav-above,
.single #nav-above {	display: block;}

/* Home Content */
.banners { padding: 0 0 0 20px; position: relative; width: 785px;   }
.banners h2 { font-size: 29px; line-height: 32px; font-weight: normal}
.banners p { font-size: 18px; color: #666666; line-height: 20px; margin: 0 0 5px 0 }
*+html .banners p {margin: 5px 0 8px 0; line-height: 21px }

.banners .addthis_toolbox { position: absolute; left: 700px; top: 0; bottom: auto;}
#slideshow-wrapper { padding: 0 !important; margin: 15px 0 !important;}
#slider img { width: 158px !important; height: 54px !important}

.category h1 { font-size: 32px; line-height: 36px}
.category .archive-meta p { font-size: 20px; line-height: 24px}

ul.sign-up-form li { list-style: none!important; margin: 0!important;}
.widget_ns_mailchimp { width: 180px }
.widget_ns_mailchimp input { float: right; }
.widget_ns_mailchimp label { clear: both}
.widget_ns_mailchimp input.button { cursor: pointer; margin-top: 5px}

/* Post list */

.posts { padding: 0 0 0 5px }
.post { width: 375px; height: 490px; float: left; margin: 0 0 30px 15px ; position: relative; overflow: hidden; display: block}
* html .post {  margin: 0 0 30px 10px;}
.post .image { height: 275px; overflow: hidden; display: block; background: #fff}
.post .image img {  }
.categ { height: 25px; background: #000; width: 355px;  padding: 0 10px; position: relative}
.categ a { color: #FBFCE2; text-decoration: none; font-size: 20px; line-height: 25px; }
.categ .comments-link a{ position: absolute; right: 5px; top: 0; font-size: 12px }
h2.entry-title { margin: 10px 0; min-height: 48px; height: auto !important; height: 48px; }
h2.entry-title a { text-decoration: none; font-weight: normal}
.entry-meta { position: absolute; right: 0; bottom: 0;}
.read-more { color:#fff; width: 150px; height: 17px; background: url(images/read-more.gif) no-repeat; padding: 5px 0 5px 10px; display: block; position: absolute; left: 0; bottom: 0; }

/* Single Post */
.single .post, #content .page { width: 750px; float: none; margin:  10px 0 10px 20px; height: auto }

.widget-area { width: 190px; float: right; margin-top: 10px; }
.widget-area ul { width: 160px; margin: 0 auto}
.widget-area li {list-style: none;  }
.widget-container h3 { width: 160px; background: #000; color: #fff; text-align: center; font-weight: normal; padding: 3px 0}
.widget-container ul{ border: 1px solid #ccc; margin-bottom: 13px; width: 138px; padding: 5px 10px }
.widget-container ul li { margin-bottom: 15px }
#nav_menu-3 { background: #000 url(images/newsletter-box.gif) no-repeat  }
.menu-sign-up-container ul li { margin-bottom: 0;}
.menu-sign-up-container a{ color: #fff; text-decoration: none; font-size: 20px; line-height: 20px;}
.widget_twitter_vjck h3 { background: url(images/bird.jpg) no-repeat scroll 0 0 #000000; color: #6FACC1; font-weight: bold; padding: 5px 0 5px 45px; position: relative; right: 8px; width: 123px;}
.widget_twitter_vjck ul { background: #000; border: #000; color: #fff; width: 140px}
* html .widget_twitter_vjck ul { width: 138px }
.widget_twitter_vjck ul a {color: #F0DD9B;}

#footer { width: 980px; height: 75px; position: relative}
.bar {background: #000; width: 980px; height: 31px; position: absolute; top: 0; left: 0; }
.menu-footer-menu-container { }
.menu-footer-menu-container ul li { display: inline}
.menu-footer-menu-container ul li a { color: #FBFCE2; line-height: 31px; font-size: 16px; float: left; text-align: left; width: 245px; padding: 0 5px; text-decoration: none  }
.menu-footer-menu-container ul li.first a { padding: 0 0 0 20px; text-align: left; width: 235px; }
.menu-footer-menu-container ul li.last a { padding: 0 20px 0 0; text-align: right; width: 190px; }

.menu-legal-menu-container { width: 300px; bottom: 20px; left: 0; position: absolute; }
.menu-legal-menu-container ul li { display: inline}
.menu-legal-menu-container ul li a { font-size: 16px; float: left; width: auto;  padding: 0 5px; border-right: 1px solid #000 }
.menu-legal-menu-container ul li.last a { border-right: none}
.addthis_toolbox { position: absolute; left: 400px; bottom: 20px;}
.post .addthis_toolbox { position: relative; left: 0; bottom: 0}
.copy { width: 200px; position: absolute; right: 0; bottom: 20px; height: 20px;}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	margin-left: 20px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative; width: 450px;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto; cursor: pointer
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.entry-utility { clear: both; margin-top: 30px;}