/* 
Template Name: Einat
Template URL: http://jamigibbs.com/preview/einat/index01.html
Description: A clean and modern magazine template.
Author: Jami Gibbs
Author URI: http://jamigibbs.com/forum
Version: 1.0
*/

/* Just to be safe */
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p {margin:0;padding:0;color:#333;}

/* Basic Sitewide Stuff */
body{font:  normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;float: left;width: 100%;}
h1,h2,h3,h4,h5, #contact-form label {font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;}
p {color:#585858;line-height:18px;font-size:12px;padding-bottom:10px;}
a {text-decoration: none;font-weight:500;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;}
a:hover {color:#50C0FF;}
a:active {
}
.hr {height:11px;background:url(images/hr.png) no-repeat;margin-top:15px;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/* Typography */
h1, h2, h3, h4, h5 {color:#333333;}
h1 	{font-size:35px;line-height:30px;}
h2	{font-size:30px;line-height:30px;}
h3	{font-size:20px;}
h4	{font-size:16px;}
h5	{font-size:13px;}
h6 {font-size:9px;}
blockquote p {background:none repeat scroll 0 0 #ECECEC;color:#999999;font-style:italic;font-size:13px;padding:20px 40px;quotes:none;}
hr {border: 1px inset #F0F0F0;margin:20px 0 }
ul {list-style: inside url(images/list-unordered.png); padding:10px 0;}
ol {list-style:inside decimal;padding:10px 0;}
legend {font-style:italic;font-size:16px;padding:10px 0;}
label {clear:both;width:100px;color:#999999;float:left; vertical-align:top; font-size:14px;font-weight:bold;}
input{font-size:12px;margin-bottom:13px;color:#8a8a8a;width:406px;height:22px;background-color:#fff;border:2px solid #ebebeb;padding:3px;}
textarea{border:2px solid #ebebeb;float:left;font-size:12px;color:#8a8a8a;width:406px;height:116px;background-color:#fff;overflow:hidden;margin:0;padding:3px;}
table {border-width: 1px;border-spacing: 0px;border-style: dashed;border-color: gray;border-collapse: collapse;}
table th {font-size:16px;}
table th, table td {
	border-width: 1px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	padding: 1px;
	margin: 1px;
	vertical-align:top;
}
sup,sub {height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}
abbr, acronym{border-bottom: .1em dotted;cursor: help;}
pre {padding:10px 20px;background:#ECECEC;overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */ /*width: 99%; */word-wrap: break-word; /* Internet Explorer 5.5+ */}
pre code {margin: 0 0 0 40px;  /*--Left Margin--*/padding: 18px 0;display: block;background:#ECECEC;}

/* Header */
#header-wrap {width: 100%;background: #333 url(images/bg-header.png) bottom left repeat-x;height: 58px;position: relative; vertical-align:middle;}

/* Main Navigation */
#nav-wrap {width:960px;margin:auto;}
#nav-wrap .logo {background:url(images/logo.png) no-repeat;height:108px;}
#nav-wrap .logo a {text-indent:-9999px;}
#nav-wrap .logo, #nav-wrap .logo a{
	display:block;
	border: none;
	padding: 0;
	margin:0;
	height:108px;
	width:232px;
	position:relative;
	left:0px;
	top:0px;
}
#nav-wrap .current a{color:#fff; font-size:20px;}
#nav-wrap .current2 a{color:#fff; font-size:20px;}
#nav {float:left;margin:10px 0 0 245px;}

/* Search */
div#searchbox {display:inline;float:right;margin:15px;}
div#searchbox input#search {background:url(images/searchbox.png) no-repeat scroll left top transparent;border:0 none;color:#999;font-size:11px;height:20px;padding:1px 0 3px 23px;width:150px;margin-right:-15px;}
div.error #searchbox {float:left;margin:10px 0 0 0;}

/* Categories Navigation */
#categories-wrap {width:960px;height:90px;margin:0 auto;}
#cats {
	background:url(images/bg-categories.png) no-repeat;
	background-position:right;
	width:720px;
	height:48px;
	float:right;
	margin-top: 21px;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 0;
}
#cat-menu, #cat-menu * {margin:	0;padding: 0;list-style: none;}
#cat-menu {
	line-height: 20px;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#cat-menu ul li {width:100%;}
#cat-menu li {float:left;position:relative;}
#cat-menu a {display:block;text-decoration: none;padding: 15px 15px 15px 10px;color: #1d1c1c;}
#cat-menu a:hover {background:url(images/bg-cat-hover.png) repeat-x #e8e8e8;height:15px;}

/* Slider Area - See individual slider CSS files */
#slider-wrap {width:960px;height:320px;margin:0 auto;background:#E9E9E9;z-index:30;}

/* Call to Action */
#cta-wrap {
	width:960px;
	height:75px;
	background:url(images/quotes.png) 0px 0px no-repeat;
	margin-bottom:10px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#call-to-action {
	width:960px;
	min-height:50px;
	margin:45px 0 5px 70px;
	text-align: left;
}
#call-to-action h3 {
	font-size:24px;
	color:#333;
	line-height:24px;
}
#button {background:url(images/button.png) no-repeat;float:right;width:182px;height:40px;}
#button span {position:relative;top:11px;left:15px;text-shadow:1px 1px 1px #fff;color:#737373;font-size:12px;}
#quote {z-index:20;height:52px;width:36px;}

/* Four Squares Home Page Layout */
#home-content .post-small {min-height:250px;width:263px;margin-bottom:30px;}
#home-content .post-small h3 {font-size:24px;font-weight:100;line-height:25px;padding:5px 0;}
#home-content .post-small p {padding-top:15px}
#home-content .post-small .readmore {font-style:italic;color:#7e7e7e !important;}
.meta-small {color:#979393;font-style:italic;height:25px;width:566px;background:url(images/bg-meta-sm.jpg) no-repeat;margin-top:5px;}
.meta-small ul {list-style:none;padding:0;}
.meta-small ul li {float:left;padding:4px 15px 0;}
.meta-small ul li.comments {background:url(images/comments.png) 0 6px no-repeat;margin-left:5px;padding-left:20px;}

/* Carousel Home Page Layout*/
#carousel-home-content {width:565px;min-height:600px;margin:0px 35px 35px 0;float:left;}
#carousel-sidebar-area {width:360px;float:right;margin-top:0px;}
#carousel-sidebar-area .ads {padding-top:20px;}
#carousel-sidebar-area .ads h4 {margin-bottom:7px;}
#carousel-sidebar-area .ads img {margin:10px 0 0 6px;padding:7px 7px;background:#ececec;border:1px solid #d7d7d7;}
#carousel-wrap {min-height:150px;margin:10px 0 0 15px;}
#carousel-wrap ul {list-style:none;}
#carousel-wrap a.prev {float:left;position:relative;top:50px;left:-20px;}
#carousel-wrap a.next {float:right;position:relative;top:50px;left:5px;}
#carousel-wrap .fadeThis {display:block;height:125px;position:relative;width:125px;}
#carousel-wrap .hover {position: absolute;top: 8px;left: 13px;display: none;height: 100px;width: 100px;background:url(images/hover.png) 0 0 no-repeat;}
.carousel {position:relative;left:-15px!important;}
.carousel img {padding:7px 7px;margin:0 5px;background:#ececec;border:1px solid #d7d7d7;}

/* Main Content */
#body-wrap {margin: 15px auto 0; width: 960px;}
#home-content {width:565px;min-height:600px;margin:-102px 35px 35px 0;float:left;}
#home-content .post, #carousel-home-content .post {min-height:250px;margin-bottom:30px;}
#home-content .post h3, #carousel-home-content .post h3 {font-size:24px;font-weight:100;line-height:22px;padding:5px 0;}
#home-content .post p, #carousel-home-content .post p {
	padding-top:15px;
	color: #333;
	text-align: justify;
}
#home-content .post .readmore, #carousel-home-content .post .readmore {font-style:italic;color:#7e7e7e !important;}
#home-content .cat-list, #carousel-home-content .cat-list {width:250px;}
.featured {position:relative;left:-5px;width:107px;height:106px;background:url(images/featured.png) no-repeat;z-index:100;}
.featured2 {position:relative;left:-5px;width:107px;height:106px;z-index:100;}
.sidebar-block h4 {color:#333;}
.cat-list ul, .sidebar-block ul {list-style:inside url(images/list.png);}
.cat-list h3,.sidebar-block h4 {border-bottom:1px solid #ccc;padding-bottom:10px;}
.cat-list h3 {color:#333;}
.cat-list ul {padding:10px 0 0;}
/* padding below for left sidebar items */
.cat-list ul li, .sidebar-block ul li {padding:20px 0;border-bottom:1px dashed #ccc;}
.meta {color:#979393;font-style:italic;height:25px;width:566px;background:url(images/bg-meta.jpg) no-repeat;margin-top:7px;}
.meta ul {list-style:none;padding:0;}
.meta ul li {float:left;padding:4px 15px 0;}
.meta ul li.comments {background:url(images/comments.png) 0 6px no-repeat;margin-left:10px;padding-left:20px;}

/* Inner Pages */
#inner-content {width:565px;min-height:550px;margin-bottom:35px; float:left;}
#inner-content .post-full {min-height:250px;margin-bottom:30px;width:960px;}
#inner-content .post h3 {font-size:24px;font-weight:100;line-height:22px;padding:5px 0;}
#inner-content .post p {padding-top:15px}
#inner-content .post .readmore {font-style:italic;color:#7e7e7e !important;}
#inner-content .single img {margin-top:20px;}
#inner-content .cat-list {width:250px;}
#inner-content img {margin:5px 10px 0 0;padding:7px 7px;background:#ececec;border:1px solid #d7d7d7;}
.page-title {position:relative;top:13px;color:#333;}
#inner-sidebar {width:360px;float:right;margin-top:0px;}
#sitemap {margin-top:75px;}
#sitemap ul li {padding:5px 0;}
#sitemap ul li a {font-size:16px;}

#blog-cta {width:960px; height:75px; margin:-15px 0 10px 0;}
#page-cta {width:960px; height:75px; margin:-15px 0 10px 0;background:url(images/page.png) 15px 15px no-repeat;}
#contact-cta {width:960px; height:75px; margin:-15px 0 10px 0;background:url(images/contact.png) 15px 15px no-repeat;}
#error-cta {width:960px; height:75px; margin:-15px 0 10px 0;background:url(images/error.png) 15px 15px no-repeat;}
#blog-content {width:565px;min-height:600px;margin:0px 35px 35px 0;float:left;}
#blog-content .post {min-height:250px;margin-bottom:30px;}
#blog-content .post h3 {font-size:24px;font-weight:100;line-height:22px;padding:0 0 10px 10px;}
#blog-content .post p {
	padding-top:10px;
	color: #333;
}
#blog-content .post .readmore {font-style:italic;color:#7e7e7e !important;}
#blog-content img {margin:15px 10px 0 0;padding:7px 7px;background:#ececec;border:1px solid #d7d7d7;}
/* drop ins title margins */
#page-title #call-to-action {width:700px;min-height:40px;margin:0px 0 5px 70px;}
#page-title #call-to-action h2 {font-size:34px;font-style: italic;}

/* Pagination */
.pagenavi {clear: both;color:#999}
.pagenavi a, .pagenavi span {color:#999;text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px;}
.pagenavi a:hover, .pagenavi span.current {border-color: #ccc;}
.pagenavi span.current {font-weight: bold;color:#666;}

/* Contact Form */
#contact-wrap {width:500px;float:left;padding:0 10px 0 0;}
#contact-wrap h4 {
	color:#333;
	font-style:italic;
	margin-left:15px;
}
#contact-form {margin:0px 0;}
#contact-form label{font-size:14px;width:100px;float:left;color:#999;font-weight:bold;clear:both;margin-bottom:3px;}
#contact-form .buttoncontact {background-image:url(images/send-now.gif);background-repeat:no-repeat;border:0;width:97px;height:33px;cursor:pointer;float:left;margin:10px 10px 0 323px;padding:0;}
#contact-area{width:406px;margin:35px 0 0 15px;}
#contact-form .map{background-color:#ebebeb;float:left;margin:0;padding:12px;}
#contact-form .contact-separator{width:52px;height:398px;margin-top:49px;background-image:url(images/dot-separator.png);background-position:right;background-repeat:repeat-y;float:left;}
#contact-form .textfield,input#s{float:left;font-size:12px;margin-bottom:13px;color:#8a8a8a;width:406px;height:22px;background-color:#fff;border:2px solid #ebebeb;padding:3px;}
#contact-form .textarea{border:2px solid #ebebeb;float:left;font-size:12px;color:#8a8a8a;width:406px;height:116px;background-color:#fff;overflow:hidden;margin:0;padding:3px;}
label.screen-reader-text{margin:0 10px;}
input#searchsubmit{padding:5px;}
.post-full #social-wrap {width:400px;min-height:400px;float:right;}
#CommentForm fieldset legend { display: none; }
#CommentForm div { margin-bottom: 20px; }
#CommentForm .btn {margin-top:20px;}
#CommentForm .textInput, 
#CommentForm textarea { width: 400px; margin: 0; }
#CommentForm textarea { height: 150px; }
#CommentForm input.error, #CommentForm textarea.error { background-color: #E8E8E8; border-color: #ccc; }
#CommentForm label.error {display: block; color: #50C0FF; font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif; width:200px;line-height: 1em;margin: 0.2em 0 -1.2em; }
.success { font-weight: bold; font-size: 1.5em; margin: 25px 0; padding: 25px 0;}
.error { color: #000; font-weight: bold; margin: 10px 0; }

/* Sidebar */
#sidebar-area {width:360px;float:right;margin-top:-102px;}
#sidebar-left {width:150px;float:left;margin:0px 20px 0 20px;}
#sidebar-right {width:150px;float:left;margin:0 0 0 20px;}
.sidebar-block {margin-bottom:30px;min-height:100px;}
.sidebar-block img {padding:15px 10px 5px 0}
.sidebar-block p {padding:10px 0 15px 0;}
.sidebar-block img.alpha {padding:0 10px 10px 0;}
.sidebar-block img.end {padding: 0px;}
.sidebar-block #latest-images {margin-top:15px;}
#sidebar-area .ads, #inner-sidebar .ads {padding-top:20px;}
#sidebar-area .ads h4, #inner-sidebar .ads h4 {margin-bottom:7px;}
#sidebar-area .ads img, #inner-sidebar .ads img {margin:10px 0 0 6px;padding:7px 7px;background:#ececec;border:1px solid #d7d7d7;}

/* Footer */
.footer {width:100%; min-height:50px; margin:auto;}
.first {margin:auto;}
.last {margin:auto;}
#footer-wrap {width:100%;background: #1e1e1e; min-height: 80px;}
#footer-wrap-short {width:100%;background: #1e1e1e;}
#footer {width:960px;margin:0 auto;padding-top:50px;}
#footer-short {width:960px;margin:0 auto;padding-top:0;}
#footer h4 {text-transform:uppercase;color:#fff;padding-bottom:20px;}
#footer p {color:#ccc; margin:auto; text-align:center;}
#footer ul {list-style:none inside;}
#footer ul li {padding:0 0 10px 0;}
#footer ul li a {color:#ccc;}
#footer ul li a:hover {color:#50C0FF;}
#social ul {list-style: none;padding-top:20px;}
#social ul li {display:inline;padding:0 10px 0 0 }
#copyright {height:40px;border-top:1px solid #292929;padding-top:15px; padding-left:30px; margin:auto;}
#copyright p {color:#3e3e3e;width:300px; margin:auto;}
#copyright a {color:#818181;}
#copyright .nav ul {list-style:none;width:650px; margin:auto;}
#copyright .nav ul li {display:inline;padding:0 20px 0 0;}  
#copyright .nav a {font-size:10px;color:#fff;text-transform:uppercase;}
#copyright .nav a:hover {color:#50C0FF;}