/*
Theme Name:     Synapsa
Description:    Synapsa Theme
Author:         Ruthy Robbins 
Version:        0.1.0
*/


/* WordPress needs this for aligning images attached to posts */
@import url("image_alignment.css"); 

@import url("header.css"); 
@import url("footer.css"); 
@import url("menu.css"); 
@import url("style2.css"); 
@import url("facebook.css"); 

/* - BASIC STUFF - */
body { 
    font:14px Verdana, Geneva, sans-serif; color:#000; margin:0 auto; padding:0px;      
    text-align: center; 
    background-color: #fffbd0;
    background-color: #ffffff;
}

/* -- MAIN DIV'S -- */
#wrapper {
    float:none; clear:both; margin:0 auto; padding:0;
    width:960px; 
    text-align: right;
/*    border: 6px solid white;  */
    background-color:#F0BC2C; 
}

.page-template-newsletter1-php #wrapper{
   width:800px; 
 }

#footer {
    float: none; overflow:hidden; clear:both;
    text-align:center;
}

/* decides which side the sidebar is on */
.sidebar-wrap { margin:0 auto; clear: both; width: 100%; overflow:hidden; padding-left: 10px; padding-top: 10px; 
color: beige; background-color: #D83826; }
.sidebar-wrap .widget{    
	float: right;    
	width: 45%; 
	padding: 5px 5px 5px 15px  ;
    	margin-bottom: 10px;
	text-align: center;
}
.sidebar-wrap h2 { color: beige;}
.posts-wrap {  clear: both; padding:10px; margin: auto; width: 680px;}


/* HOMEPAGE index.php */
#home_right_col { float: right; width: 350px; margin-left: 10px; }
#home_left_col { float: left;  width: 350px; }



div.widget h3 {padding-right: 2px;}
#home_body .widget {padding: none; background: #FDCA87;  border: 1px solid beige; overflow: auto;}

.home_widget {border: 1px solid beige; padding: 0 10px; margin-bottom: 10px;}

#home_right_col .home_classes .content { height: 300px; width: 320px; overflow-y: auto; overflow-x: hidden; direction:ltr;}
#home_left_col .home_widget marquee { height: 300px; }

a {text-decoration:none; color: #d34b23;}
a:visited {color: #d34b23;}
a:used {color: #d34b23;}
a:hover {color: #AE0A0A;}
a:hover {text-decoration: underline;}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- CUSTOMIZED--*/
.entry-content{    margin-top: 10px; }


img.entry-content {
    float:right;
    margin-left:20px;
    margin-bottom: 15px;
}

img { 
	padding: 6px; border: 1px solid grey; background-color: #F0F0F0; 
	background-color: #F3F3F3;
	border: 1px solid #DDD;
}

#topimage img, .wp-caption img, img.wp-image-5152 {border: none; padding: 0px;}


.wp-caption {
	text-align: center;
	background-color: #F3F3F3;
	border: 1px solid #DDD;
	padding-top: 4px;
	margin: 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* styling for built-in post thumbnails */
img.attachment-post-thumbnail {float: right; margin-left: 20px; width: 90px; height: 90px; }

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
ul {list-style:disc outside; margin-right: 15px;} 
/* 
li {list-style-image: url(/wp-content/themes/synapsa_classic/images/list-item.jpg);} 
 */

.hr { width: 100%; margin: 0 auto; border-bottom: 1px dashed white; clear: both;}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}

.posts-wrap-page { padding:0 40px 0 40px; }
.post { margin: 0 0 2em 1em;  text-align:justify;}
#home_right_col .post, #home_left_col .post {padding: 0px; overflow: hidden; border-bottom: 1px dashed beige; }


#page.post {margin-top: 0; padding-top:0px;}

.archive .post {background-color: white; border: 1px solid #DDD; padding: 20px; padding-top: 0px; }

.wp-post-image { float: right;  padding: 4px; margin: 0 0 2px 7px; display: inline;}
.gallery  .wp-post-image { padding-left: 0px; margin: 0px;}

/*****************************
 	TITLES 
******************************/

/* -------------------------------------
   Main Page Titles <h1>
 */

h1, h1 a, h1 a.visited, h1 a.hover
{
    font-size: 28px;
    text-align: right;
    font-family: Serif;
    color: #AE0A0A;
}
.post h1, .post h1 a { color: black;}

h2, h2 a, h2 a.hover, h2 a.visited {
    font-size: 24px;
    font-weight:bold;
   font-family: "Times New Roman";
	color: #AE0A0A;
}

.post h3, .post h3 a, .post h3 a.hover, .post h3 a.visited {
  font-family: Serif;
}

.subtitle {
    display: block;
    font-size: 14px;
    line-height: 20px;

}


.home-widget h2 { font-size: 14px !important;}
#home-body h2 .subtitle { font-size: 12px; color: black; }


/* h1 is used in the homepage for SEO - פיתוח קול */
h1.homepage, h1.homepage a, h1.homepage a.hover,  h1.homepage a.visited
{
   font-size: 14px;
} 

/* -- Contact Form -- */
div.wpcf7 input {width: 120px; }
div.wpcf7 textarea {width: 120px; height: 70px; }

/* -- Tag Cloud -- */
div.tag_cloud {padding: 0 10px 0 10px;}
div.tag_cloud a { color: #89811F;}
div.tag_cloud a:visited { color: #89811F;}
div.tag_cloud a:used { color: #89811F;}
div.tag_cloud  a:hover { color: #89811F;}


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1, .error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment, li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:30px; overflow:visible;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

div.datetime {font-weight: bold;}



.FA_overall_container_classic.light,
.FA_overall_container_classic.light .FA_featured_articles .FA_article h2
{
    background-color: #fffbd0 !important;
    text-align: right;
}
.FA_overall_container_classic .FA_featured_articles .FA_article .image_container
{
    float: right !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
    margin-left: 20px !important;
}





/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #FFB957;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-phone,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-phone label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required,
#respond .comment-form-phone .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}