/*  
Theme Name: UriOrbach.co.il
Theme URI: http://pixelsheaven.co.il
Description: תבנית ייחודית לח"כ אורי אורבך. עיצוב: <a href="http://www.tween-id.com">tween-id</a>. תכנות: <a href="http://pixelsheaven.co.il">Pixels Heaven</a>.
Author: tween-id
Author URI: http://www.tween-id.com
Tags: UriOrbach, politics, clean, 3d, blue, fixed-width
Version: 1.0
*/

html, body {
	margin: 0; padding: 0;
	direction: rtl;
	overflow-x: hidden;
}

body {
	background: #d4e1f1 url(images/body-bg.png) left top repeat;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 140%;
	color: #58585A;
	width: 100%;
	
}

#container {
	width: 946px;
	margin: 0 auto;
}


#header {
	position: relative;
	width: 946px; /* נחוץ לאקספלורר 7, אחרת האלמנט כולו לא מוצג */
}

h1 {
	background: url(images/top-title.png) left top no-repeat;
	width: 100%; height: 132px;
	float: left;
}

h1 a {
	text-indent: -9999px; display: block; height: 132px; width: 710px;
}


/* הריסט קטלני מדי - פה מחזירים כמה מאפיינים בסיסיים */
strong {font-weight: bold;}
p {margin-bottom: 1em;}
li {list-style-position: inside;}

#content-main a:link {color: #3b6287; font-weight: bold; text-decoration: none;}
#content-main a:visited {color: #3b6287; font-weight: bold; text-decoration: none;}
#content-main a:hover {color: #22415f; font-weight: bold; text-decoration: underline;}
#content-main a:active {color: #22415f; font-weight: bold; text-decoration: underline;}

/* התמונה העליונה המרחפת. התמונה מקבלת את המיקום ולא הדיב שמקיף אותה בגלל בעיה של אקספלורר 7 - ראו http://www.brunildo.org/test/IE_raf3.html */
.top-picture img {
	position: absolute; top: 0; right: -25px;
	width: 270px; height: 341px;
	border: none;
	z-index:20;
}

#navigation {
	border-width: 2px 0 1px 0; border-style: solid; border-color: #58585a;
	clear: both;
	padding: 9px 0;
	margin-bottom: 20px;
	position: relative;
	left: -3px;
	width: 940px;
	height: 16px;
}

#navigation li {
	height: 16px;
	position: absolute; top: 9px;
	background-image: url(images/top-navigation.png); background-repeat: no-repeat;
	text-indent: -9999px;
}

#navigation li a {
	display: block;
	position: relative;
}

#navigation .slash {
	position: absolute; top: 9px; left: 0;
	height: 16px;  width: 651px;
	background: url(images/top-navigation.png) -6px top no-repeat;
}

#navigation .home {left:588px; width:70px; background-position: -594px top;}
#navigation .about {left:533px; width:50px; background-position: -538px top;}
#navigation .peilut {left:395px; width:132px; background-position: -401px top;}
#navigation .neumim {left:279px; width:110px; background-position: -285px top;}
#navigation .press {left:181px; width:92px; background-position: -187px top;}
#navigation .gallery {left:123px; width:53px; background-position: -129px top;}
#navigation .blog {left: 65px; width: 52px; background-position: -70px top;}
#navigation .contact {left: 0px; width: 59px; background-position: -6px top;}

#sidebar {width: 238px; margin: 177px 0 0 49px; float: right; clear: right; position: relative; right: 3px;}
#sidebar p {font-size: 12px;}

.widget {margin-bottom: 30px;}

.widget h2 {
	border-width: 2px 0 1px 0; border-style: solid; border-color: #58585a;
	margin-bottom: 7px; color: #8cb1ce; font-size: 26px; padding: 3px 1px; line-height: 100%;
}

.follow-me h2 {border: none; margin: 0;}

.about-me h2 {
	width: 100%;
	background: url(images/title-about.png) right center no-repeat;
	text-indent: -9999px;
}

.hot-topics li {list-style: none outside;}

#twitter-title h2 {
	width: 100%;
	background: url(images/title-hot-topics.png) right center no-repeat;
	text-indent: -9999px;
}

.widget a {color: #58585A;}

.hot-topics a {color:#88888B; font-style: italic; margin-right: 3px;}
.hot-topics a:hover, .hot-topics a:active {text-decoration: underline;}

#sidebar .more, .box-peilut .post-excerpt .more, .box-news .post-excerpt .more  {
	display: inline-block;
	padding: 0px 6px 3px 20px;
	background: url(images/marker-yellow.png) bottom right no-repeat;	
	color: #58585A !important;
}

#sidebar .more span, .box-peilut .post-excerpt .more span, .box-news .post-excerpt .more span {
	font-size: 12px;
}

.last {border-bottom-width: 0 !important;}

.widget li {
	background: url(images/bullet.png) 215px 8px no-repeat;
	width: 210px;
	font-size: 12px;
	border-bottom: 1px dashed #adb1a7;
	margin: 0; padding: 4px 28px 4px 0;
}

.follow-me {
	background: url(images/follow-me.jpg) right top no-repeat;
	width: 335px; height: 482px;
	position: relative;
	left: 50px;
}

.follow-me h2 {text-indent: -9999px;}
.follow-me .facebook-like-box {position: relative; top: 68px; width: 183px; right: 98px; height: 98px;}

#content-main {
	float: left;
	width: 655px;
	margin-bottom: 10px;
	position: relative;
	left: 3px;
}

.box-news {position: relative; left: 3px; width: 660px;}

.box-peilut h2,
.box-news h2,
.box-neumim h2, .box-neum h2,
.box-blog h2,
.box-gallery h2,
.box-about h2,
.box-press h2,
.box-contact h2 {
	margin: 2px -13px 7px 0;
	background: right top no-repeat;
	width: 272px; height: 54px;
	text-indent: -9999px;
}

.box-peilut h2 {background-image: url(images/title-peilut.png);}
.box-news h2 {background-image: url(images/title-news.png);}
.box-neumim h2, .box-neum h2 {background-image: url(images/title-neumim.png);}
.box-blog h2 {background-image: url(images/title-blog.png);}
.box-gallery h2 {background-image: url(images/title-gallery.png);}
.box-about h2 {background-image: url(images/title-about2.png);}
.box-press h2 {background-image: url(images/title-press.png);}
.box-contact h2 {background-image: url(images/title-contact.png);}

.box-archive h2 {
	margin: 2px -13px 7px 0;
	background: url(images/title-archive.png) right top no-repeat;
	width: 272px; height: 54px;
	padding: 20px 7px 0 0;
	color: #FFF;
	font-size: 27px;
	font-family: Tahoma, arial, sans-serif;
	letter-spacing: -1px;
}

.box-comments h2 {
	margin: 5px 0 0px 0;
	width: 100%; height: 54px;
	text-indent: -9999px;
	border-width: 2px 0 1px 0; border-style: solid; border-color: #58585a;
	color: #8cb1ce; font-size: 26px; line-height: 100%;
}

h2.comments-title {background: url(images/title-comments.png) right top no-repeat;}
h2.comments-add {background: url(images/title-add-comment.png) right top no-repeat;}



.comment-details {width: 170px; float: right;}

.box-comments .post {position: relative; width: 659px; margin-bottom: 10px;}

.box-comments .quote {
	background: url(images/quote-orange-mini.png) right 1px no-repeat;
	width: 400px;
	padding-right: 38px;
	float: right;
}

.box-comments .comment {
	position: relative;
	width: 640px;
	margin-bottom: 20px;
	padding: 0px 10px 5px 10px;
	border-bottom: 1px dashed #adb1a7;
	margin: 0;
	}

.box-comments .post-excerpt {
	
}

.box-peilut .post, .box-news .post {position: relative; width: 659px; margin-bottom: 20px;}

.box-peilut .post-title, .box-news .post-title {background: #FFF; font-weight: bold; font-size: 15px; padding: 10px 10px 10px 97px;}
	.post-title a:link, .post-title a:visited {color: #58585A;}
	.post-title a:hover, .post-title a:active {text-decoration: underline;}

/* כותרת ראשית */
.top-heading {
	-moz-box-shadow: 0 2px 8px rgba(141, 178, 207, 0.4);
	-webkit-box-shadow: 0 2px 8px rgba(141, 178, 207, 0.4);
	text-align: justify;
}
.top-heading .post-title {font-size: 24px;}
.top-heading .post-title a {font-size: 24px; line-height: 120%;}
	
.box-peilut .post-excerpt, .box-peilut .post-content,
.box-news .post-excerpt, .box-news .post-content {background: #FFF; padding: 10px; margin-top: 4px; padding-left: 120px;}

.top-heading .post-excerpt {padding: 10px;}

.post-content {margin: 5px 0;}
.post-content h3 {font-weight: bold; font-size: 110%;}

.post .subtitle {
	position: absolute; left: -15px; top: -2px;
	background: url(images/note-subtitle.png) left top no-repeat;
	width: 115px; height: 102px;
	color: #FFF; font-weight: bold;
	text-align: center;
	padding-top: 28px;
	font-size: 15px;
	}


/* יישור תמונות */	
.alignleft {float: left; margin-bottom: 10px;}
.alignright {float: right; margin-right: 10px;}
.wp-caption {padding: 5px; background: #F2F2F2; border: 1px solid #DDD; text-align: center;}
.wp-caption-text {text-align: center; padding: 2px; margin: 0;}
	
.post-meta {margin-top: 1em; font-size: 95%;}

/* תגובות
------------------------------------- */

/* שדה הוספת תגובה */
#commentform {margin-bottom: 30px; float: left; text-align: left;}
#commentform strong {display: block; float: left; text-align: right; width: 419px; font-weight: normal;}

/* מקרא */
label {
	font-weight: bold;
	text-align:left;
	width:70px;
	float:right;
	padding:0.2em;
	margin: 0.6em 0 0 0.3em;
}

/* שדות הטקסט */
#commentform input.text {
	float: right;
	text-align:right;
	width: 414px;
	height:20px;
	margin: 0.6em 0 0 0;
}

/* מלכודת דבש לספאמרים */
#commentform p#email2Wrap {
	display: none;
}

/* התגובה עצמה */
textarea#message {
	width: 414px;
	height: 90px;
	margin: 0.6em 0 0 0;
	font-size: 100%;
}

/* כפתור שליחת תגובה ואולי שליחה של עוד דברים */
input.submit {float: left; font-family: Arial,sans-serif; padding: 2px 5px;}

.wpcf7-form .submit {float: none;}

/* נאומים ומאמרים */
.box-neumim {position: relative; right: 7px; width: 678px;}

.desk-items {
	position: absolute;
	top: 0px; left: 0px;
	width: 302px; height: 563px;
	background: url(images/desk-items.png) 0px 100px no-repeat;
	z-index: 2;
}

.box-neumim .quote {
	background: url(images/quote-orange.png) right 5px no-repeat;
	position: relative; right: -6px;
}

.box-neumim .post {
	position: relative;
	width: 475px; margin-bottom: 20px;
	padding: 24px 35px 5px 5px;
	font-weight: bold;
	border-bottom: 1px dashed #adb1a7;
	margin: 0;
	}

h3 a {
	font-weight: bold; font-size: 20px; color: #3E3E3F !important;
}

.box-neumim .post-excerpt {
	padding-left: 156px;
	font-size:90%;
	line-height:150%;
	margin-right: -2px;
}

.box-neumim .more, .box-blog .more, .box-press .more, .box-archive .more {
	background: url(images/marker-blue.png) right 4px no-repeat;
	display: block;
	width: 72px; height: 24px;
	padding: 6px 6px 0 15px;
	margin-top: -10px;
	color: #58585a !important;
}

.box-blog .more, .box-press .more, .box-archive .more {
	margin-bottom: 20px;
}

.clear {clear: both; display: none;}


#footer {
	 clear: both;
	 float: right;
	 width: 100%;
	 background: #749CC3 url(images/footer-bg.png) left top repeat;
}

#footer-inner {
	width: 960px;
	margin: 0 auto;
}

#footer li {
	font-size: 12px;
	border-bottom: 1px dotted #BACEE1;
	margin: 0; padding: 4px 0;
}

#footer a:link {color: #FFF; text-decoration: none;}
#footer a:visited {color: #FFF; text-decoration: none;}
#footer a:hover {color: #FFF; text-decoration: underline;}
#footer a:active {color: #FFF; text-decoration: underline;}

#footer .box-gallery {
	position: relative;
	float: right;
	width: 374px; height: 339px;
	background: url(images/gallery-bg.png) right top no-repeat;
	margin: 15px -12px 0 0;
}

#footer .box-gallery a {
	position: absolute;
	top: 40px; right: 48px;
	width: 273px; height: 250px;
	padding: 22px 0 0 0;
	text-align: center;
}

#footer .box-gallery a div{text-indent: -9999px;}

#footer .box-center {width: 240px; float: right; padding-top: 62px; margin: 0 28px 0 81px;}

.box-internal-links h2 {
	background: url(images/title-tags.png) right center no-repeat;
	text-indent: -9999px;
}

.tag-cloud a {margin-left: 5px;}
.tag1 {font-size: 12px;}
.tag2 {font-size: 14px;}
.tag3 {font-size: 16px;}
.tag4 {font-size: 18px;}
.tag5 {font-size: 20px;}

.box-register {margin-top: 20px;}

.box-register h2 {
	background: url(images/title-register.png) right center no-repeat;
	text-indent: -9999px;
}

.register {width: 177px !important;}
.register-button {padding: 3px 3px 5px 2px;}

#footer .box-external-links {width: 240px; float: right; padding-top: 62px; position: relative; left: 1px;}

.box-external-links h2 {
	background: url(images/title-links.png) right center no-repeat;
	text-indent: -9999px;
}

#footer .box-internal-links h2, #footer .box-register h2, #footer .box-external-links h2 {
	border-width: 2px 0 1px 0; border-style: solid; border-color: #BACEE1; /* אולי הצבע הזה צריך להיות לבן */
	margin-bottom: 7px; color: #FFFFFF; font-size: 20px; padding: 4px 1px; line-height: 100%;
}

#footer .credits {
	clear: both;
	margin: 0 0 30px 10px;
	text-align: left;
	color: #FFF; font-size: 11px; font-family: Tahoma, arial, sans-serif;
}

#footer .credits a:hover {text-decoration: underline;}
#footer .credits a:active {text-decoration: underline;}


/* צור קשר
--------------------------*/
.box-contact div.wpcf7 {float: right;}