/*
Theme Name: DeePurple
Theme URI: http://shachar-web.co.il/
Description: Shachar-web.co.il template.
Author: Shachar
Author URI: http://www.shachar-web.co.il/
Version: 0.1
Template: shachar
*/

@import url("../shachar/style.css");

body {font-family: Arial; font-size: 14px; color: #5C5C5C; background: url("images/bg.png") repeat scroll 0 0 #FFFFFF;}
h1 {ont-size: 20px; color: #A31473}
h2 {font-size: 18px; color: #5C5C5C;}
a {color: #A31473;}
a:hover {text-decoration: underline color: #E38F89;}

textarea {font-family:inherit; font-size:1em;}
input {font-family:inherit; font-size:1em;}

.wrapper {width:1000px;}

#topbar {height:30px; background: #601245; border-bottom:5px solid #fff;}

#header {background-image: url('images/header-bg.png'); height:145px;}

#header #phone {position: absolute; top: 40px; right: 50px;}
#header #logo {position: absolute; top: 17px; left: 0;}
#header #title {position: absolute; top: 90px; left: 150px;}
#header_top {height:108px;}

#main_menu {background-image: url('images/menu-bg.png');}

#main_menu ul {height: 28px; margin:0 -15px 0 0; padding:0;list-style:none;}
#main_menu ul li {float: right;}
#main_menu ul li a {display:block; font-size: 12pt; line-height: 28px; padding: 0 15px; color:#fff;}
#main_menu ul li.current_page_item {background-image: url('images/menu-active.png');}
#main_menu ul li a:hover {color:#ccc; text-decoration:none;}

/* english link: */
/*
#main_menu ul li.page-item-381 {float:left;}
#main_menu ul li.page-item-381 a {color:#999;}
*/

#main {text-align: right;}

#sidebar {float:right; width: 220px; padding: 20px 2px 0 20px; border-left:1px dotted #999;}
#sidebar ul {list-style: none; margin:0; padding:0;}
#sidebar ul li.widget {margin-bottom: 25px;}
#sidebar h3 { border-bottom: 2px dashed #999; color: #A31473; margin-bottom: 10px; padding-bottom: 5px;}
#sidebar ul li li {border: 0;}
#sidebar ul li.widget div {padding: 0;}
#sidebar ul li.widget_search label {display: none;}
#sidebar ul li.widget_search input[type="text"] {width: 130px;}
#sidebar table td {border:0;}

#sidebar .nivoSlider a {text-decoration:none;}

#sub_menu {margin-bottom:30px;}
#sub_menu ul {margin:0;padding:0;list-style:none;}
#sub_menu ul li {}
#sub_menu ul li a {font-size: 12pt; color: #5C5C5C;}


#content {float: left; width:685px; min-height: 400px; padding: 20px 0 20px 30px; }

#footer {clear:both; text-align: center; margin:0; border-top: 6px solid #2F3636; background: url('images/footer-bg.png');}
#footer_main {width:900px; height:80px; margin: 0 auto; padding:10px; font-size:10px;}

#footer_main ul.menu {border-left: 2px dashed #fff; margin:0; list-style:none; float:right; padding: 10px 20px; text-align: right;}
#footer_main ul.menu li a {color:#eee;}

#footer_menu ul {list-style:none; height:100px;}
#footer_menu ul li {float:right; display:block; font-size:12pt; text-align:right; margin-left:15px; }
#footer_menu ul li a {display: block; border-bottom: 1px solid #ccc; margin-left:15px; color:#999;}
#footer_menu ul li ul {padding: 6px;}
#footer_menu ul li ul li {float:none; font-size:10pt; border: none;}
#footer_menu ul li ul li a {border: none; color:#777;}

#footer #credit {text-align:center; font-size: 10pt;}

#footer_main_menu {background:#000008; height:35px;}
#footer_main_menu ul {margin: 0; padding: 0;}
#footer_main_menu ul li {display: inline; list-style:none;}
#footer_main_menu a {font-size: 10px; color: #fff; line-height:35px;}

#bottom_contact_form .wpcf7-form-control-wrap {float:none;}
#bottom_contact_form .wpcf7-submit {float:none; margin-top:0;}
#bottom_contact_form input.wpcf7-text {width:auto;}

#bottom_contact {border:1px dashed #555; background-color:#fff; margin: 20px 0; padding: 15px 10px;}

#content table.tbl tr {border-bottom: 1px dashed #bbb;}
#content table.tbl td, #content table.tbl th {border:0 none; padding:6px 15px;}
#content table.tbl thead tr {background:#CDA3BF;}
#content table.tbl thead tr th {color:#582945;}
#content table.tbl tbody tr:nth-child(even) {background:#faf0fa;}
#content table.tbl tbody tr th {font-size:1em; font-weight: bold; text-align: right;}

#content table.alignright td {text-align:right;}

/* contact form 7 */

.wpcf7 p {line-height:30px;}
.wpcf7-form-control-wrap {float:left;}
.wpcf7 input[type=text], .wpcf7 textarea {width:150px; border:1px solid #555; background-color: #fafafa;}
.wpcf7-submit {float:left; margin-top:-10px;}


/* pages */

/*
#content table.portfolio {border: 0; width:90%; margin:0 auto;}
#content table.portfolio th {border: 0;}
#content table.portfolio td {border: 0;}
#content table.portfolio td .wp-caption {height:250px; margin: 0 auto;}
#content table.portfolio td .wp-caption img {height:200px;}
#content table.portfolio td .wp-caption-text {text-align:center;}
*/

#content table#sites_tbl th {color: #A31473; font-size:16px; padding: 1px 0 10px !important;}

#content table#sites_tbl th , #content table#sites_tbl td
{border: 1px dashed #555; border-width:0 1px; padding: 0 20px;}

/* gallery: */
/* the code is based on 270*207 images !! */


/*
.gallery-item dt a img {background-color: #e9e9e9; border: 1px solid #aaa; padding: 4px 4px !important;}
.gallery-item dt a:hover img {background-color: #d9d9d9;}
.gallery .gallery-row {margin-bottom: 20px !important;}
*/



#gallery-1  dl.gallery-item dt.gallery-icon a img {border: 5px solid #999;}

.portfolio .gallery dl.gallery-item {
	margin: 10px 10px 20px !important; width: auto !important; box-shadow: 0 0 8px 3px #aaa; overflow:hidden; height:152px;
	border: 4px solid #999 !important; border-radius: 15px 10px;
}
.portfolio .gallery dl dt.gallery-icon a img {padding: 0 !important;vertical-align: middle; border:0 none !important; 
/*border-radius: 10px 0px !important;*/}

.portfolio .gallery dl dd {background:#777; margin:0;  font-size:22pt;}
.portfolio .gallery dl dd a {display:block; text-decoration:none; color:#fff; height:160px; padding-top: 55px; width: 200px; }
.portfolio .gallery dl dd a h3 {font-size:16pt;}
.portfolio .gallery dl dd a p {font-size:12pt; text-align:center;}

.mini-portfolio {position: relative; right: -10px; width: 684px; height: 185px; overflow: hidden;}


div.cube {height:230px; width: 275px; float:right; margin: 3px; padding: 0 12px;}
div.cube h1 {text-align: center;}
div.cube div.heading {border-right:3px solid #5C5C5C; padding-right:5px; margin-bottom: 20px;}
div.cube div.heading h2 {color: #A31473;font-size: 18pt; margin: 0; line-height: 14pt;}
div.cube div.heading h3 {color: #5C5C5C; margin:0;}
div.cube p {padding: 0;}


.wordsblock {font-size:2em; border-bottom:1px solid #eee; padding-bottom:5px; margin:5px 0 25px; text-align:justify;}
.wordsblock span {margin-left:10px;}
.wordsblock span.color1 {color:#A31473;}
.wordsblock span.color2 {color:#777;}

/*

#gallery-1  dl.gallery-item dt.gallery-icon a img {border: 5px solid #999; border-radius: 20px 10px;}

.portfolio .gallery dl.gallery-item {
	margin: 10px 20px 30px !important; width: auto !important; box-shadow: 0 0 10px 5px #aaa; overflow:hidden; height:207px;
	border: 1px solid #ddd;  border-radius: 20px 10px; 	
	border: 10px solid #999 !important; border-radius: 20px 10px;
}
.portfolio .gallery dl dt.gallery-icon a img {padding: 0 !important;vertical-align: middle; border:0 none !important; border-radius: 10px 0px !important;}

.portfolio .gallery dl dd {background:#777; margin:0;  font-size:22pt;}
.portfolio .gallery dl dd a {display:block; text-decoration:none; color:#fff; height:207px; padding-top: 30px; width: 270px; }
.portfolio .gallery dl dd a h3 {font-size:16pt;}
.portfolio .gallery dl dd a p {font-size:12pt; text-align:center;}


div.cube {width: 250px; float:right; margin: 10px; padding: 0 12px; color:#000; }
div.cube h1 {text-align: center;}
div.cube div.heading {border-right:3px solid #5C5C5C; padding-right:5px; margin-bottom: 20px;}
div.cube div.heading h2 {color: #A31473;font-size: 18pt; margin: 0; line-height: 14pt;}
div.cube div.heading h3 {color: #5C5C5C; margin:0;}
div.cube p {padding: 0;}
*/
/* unused  colors schemas */

/* #fe6f21, #da9750, #ffe8aa, #3f4237, #33948b */
/* #9ededd, #95b09f, #8c856b, #6f4839, #540606 */


.wordsblock {font-size:2em; border-bottom:1px solid #eee; padding-bottom:5px; margin:5px 0 25px; text-align:justify;}
.wordsblock span {margin-left:10px;}
.wordsblock span.color1 {color:#A31473;}
.wordsblock span.color2 {color:#777;}