/*

Theme Name: jtown2009
Theme URI: http://j-town.co.il
Description: Two column with rounded-corner boxes around right column elements
Author: J-Town Productions Ltd.
Author URI: http://j-town.co.il
Version: 1.0

*/



/* START PRESETS v1.0 | 20080212  from http://meyerweb.com/eric/tools/css/reset/ */


html, body, div, span, applet, object, iframe,
       h1, h2, h3, h4, h5, h6, p, blockquote, pre,
       a, abbr, acronym, address, big, cite, code,
       del, dfn, em, font, img, ins, kbd, q, s, samp,
       small, strike, strong, sub, sup, tt, var,
       b, u, i, center,
       dl, dt, dd, ol, ul, li,
       fieldset, form, label, legend,
       table, caption, tbody, tfoot, thead, tr, th, td {

	 margin: 0;

	 padding: 0;

	 border: 0;
	 outline: 0;
	 font-size: 100%;
	 vertical-align: baseline;
	 background: transparent;
       }

body {
/*
  line-height: 1;
*/
line-height: 1.4;
}

ol, ul {
  list-style: none;
}

blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
			      q:before, q:after {
			      content: '';
			      content: none;
}

/* remember to define focus styles! */
:focus {
 outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {  border-collapse: collapse;
  border-spacing: 0;
}

/* END PRESETS v1.0 | 20080212  from http://meyerweb.com/eric/tools/css/reset/ */



/* LINK STYLES */

a, a:visited {
        color: #0125BB;
        text-decoration: none;
        }

a:hover {
        color:#018AFE;
        text-decoration: none;
		}
a.homelink {color:#E6F3FF;
}


/* body
--------------------------------------------------*/
body {
 font-family : helvetica, sans-serif;
}



code {
font:120% "Courier New", "Lucida Console", Arial;
}


/*------------ must have footer with clear both so that the wrapper background image extends below the sidebar if the content is short-----*/

#wrapper {

background:url(images/template/main-background.jpg) repeat-y;
width:1000px;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #cde6ff;
}
#wrapper-home {
background:url(images/Jerusalem-Web-Design.jpg) no-repeat;
width:1000px;
margin-left: auto;
margin-right: auto;

}
#wrapper-content-body-home {
background:url(images/home-content-background.jpg) repeat-y;
width:1000px;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #cde6ff;
}
/*VJT*/

#content-body {
margin-left: 35px;
 width: 620px;

/*
min-height: 1500px;
 float:left;
*/
}
#content-body-home {
margin-top: 400px;
margin-left: 35px;
 width: 620px;
color: #fce57b; /*gold*/


/*
 width: 700px;
min-height: 1500px;
background:url(images/Jerusalem-Web-Design.jpg) no-repeat;
margin-left: 25px;
margin-top: -30px;
*/
}


/* header h1 (blogtitle)
--------------------------------------------------*/

#branding {
	  background:url(images/template/branding-back.jpg);
	  background-position: left top;
	  background-repeat: repeat-x;
	  height: 80px;
width: 950px;
margin-left: 25px;
}

#header h1 {
font-family:"helvetica", "Lucida Sans Unicode", "Times New Roman", Times, serif;
font-size:3.8em;
font-weight:400;
color:#333;
letter-spacing:-1px;
margin:20px 0;
}

#header h1 a {
text-decoration:none;
color:#333;
}
/* navigation
--------------------------------------------------*/
#nav {
border-bottom:3px solid #EFF8FB;
height:25px;
margin:0;
padding:15px 0;
}

#nav li {
float:left;
list-style:none;
padding:0 10px 0 0;
}

#nav li a {
color:#999;
background:#fff;
font:1.6em "helvetica",sans-serif;
font-weight:400;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#nav li a:hover {
background-color:#EFF8FB;
color:#000;
text-decoration:none;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
}

.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content {
margin:0; /* 250px 0 0 !important;*/
padding:10px 20px 0px 0;
}

#content2 {
margin:0 !important;
padding:10px 0 0px;
}

#content p,#content2 p {
line-height:25px;
font-size:120%;
word-spacing:1px;
margin:25px 0;
}

#content a,#content2 a {
text-decoration:none;
color:#999; /*gray*/
}

#content a:hover,#content2 a:hover {
background-color:#EFF8FB;
color:#000;
}
#content h1 , #content-body h1 {
font:1.4em "helvetica",sans-serif;
font-weight:bold;
}

#content h2,#content2 h2, #content-body h2 {

font-size:1.2em;
font-family:"helvetica",sans-serif;
font-weight:bold;
line-height: 1.4;
}

#content h2 a,#content2 h2 a {
text-decoration:none;
border:none;
}


#content h3,  #content-body h3 {
font:1em "helvetica",sans-serif;
font-weight:bold;
line-height: 1.4;
}

#content h4 {
font:1.8em "helvetica",sans-serif;
color:#222;
margin:10px 0;
}

#content h5 {
font:1.6em "helvetica",sans-serif;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "helvetica",sans-serif;
color:#222;
margin:10px 0;
}

#content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

#content2 ul,ol {
margin:10px 10px 10px 25px;
}

/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#EFF8FB;
/*
border:1px solid #ccc;
*/
margin:10px 0;
padding:5px 15px;
}
/*
a:hover {
color:#000;
text-decoration:none;
background-color:#EFF8FB;
}
*/
a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:20px 0 50px 0;
text-align:justify;

}

.post img {
/*
background:#ccc;

border:5px solid #eee;
*/
padding:1px;
}

.post .info {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
background-color:#EFF8FB;
font-size:1em;
color:#333;
padding:2px 3px 3px 8px;
margin: 25px 0;
}

.date {
margin: 0 0 15px 0;
}

.post small {
margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
background:#EFF8FB;
color:#333;
font-size:120%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 28px;
padding:10px;
}


/* sidebar
--------------------------------------------------*/
#sidebar /*highlights*/
	{
/*v2
	margin-left: 710px;
*/
float:right;
      width: 280px;
      padding-top: .5em;
      padding-bottom: .5em;
padding-right: 10px;

      }

	.highlight-container {
	width:260px;
	background:url(images/template/highlightbox-02-footer.gif);
	background-position:left  bottom;
    	background-repeat: no-repeat;
    	margin-top: .7em;
    	margin-bottom: .7em;

}

/*sidebar*/
      #sidebar h2 {
padding-top: 13px;
/*
      font-size : 18px;
*/
	font-size: 1.2em;
      font-weight: bold;
	margin-bottom: 1em;
      width: 205px; /* without this width IE does not show background for highlight-body div */

	}

/*#highlights sidebar*/   .highlight-body p {
/*
	font-size : 14px;
*/
	  line-height: 18px;
/*	  text-align: justify;
*/
}

      	.highlight-body {
	  padding-left: 20px;
	  padding-right: 20px;
	  margin:0;
	  background:url(images/template/highlightbox-02-notrans.gif);
	  background-position: left top;
	  background-repeat: no-repeat;
	  padding-bottom: 13px; /* ensures that whole curve is displayed under text*/
	}



.contact-item-container
{
	/*	clear:both;
*/
height:70px;
		padding-top: .5em;
		}

.graphic-left {float: left;
		text-align:center;
		width:50px;

}

.text-right{padding-left: 70px;
	font-size : 1em;
	  line-height: 18px;
}

.testimonial-credit {margin-top: .5em;
margin-left: 2em;
font-size: .8em;
line-height: 80%;

}
/**********************************
#sidebar h2 {
letter-spacing:1px;
font-size:1.6em;
color:#333;
padding:0 0 3px;
}
*/

#sidebar ul {
list-style:none;
font-size:120%;
margin:0 0 23px;
}

#sidebar li {
border-bottom:1px solid #EFF8FB;
list-style:none;
padding:3px;
}

#sidebar li a:hover {
color:#000;
background-color:#EFF8FB;
}

#sidebar input {
width:102px;
background:#fff;
color:#444;
border:1px solid #eee;
font:11px "helvetica",sans-serif;
padding:3px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

.moreinfo  {text-align: right;
margin-top: .5em;
margin-bottom: 1em;
}

a.moreinfo {
font-size: .8em;
}



/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px "helvetica",sans-serif;
padding:3px;
}

input:hover {
border:1px solid #262626;
}

input:focus {
border:1px solid #262626;
color:#333;
}


/* comments
--------------------------------------------------*/
#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
}

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:480px;
font: 13px "helvetica",sans-serif;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {
margin-bottom:3px;
}

#gravatar {
align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


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

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#333;
background:#EFF8FB;
}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
padding:10px;
}

.entry table, .entry p {margin-top: 1em;
}
/*
SIDEBAR LINKS WERE GRAY
a,#sidebar li a,#footer a {
color:#999;
text-decoration:none;
}
*/
/* footer--------------------------------------------------*/
#pre-footer {
clear:both;
width:1000px;
margin-left: auto;
margin-right: auto;
font-size: .7em;
background:url(images/template/pre-footer-home.jpg) no-repeat;
height:49px;}


#footer {
clear:both;
width:1000px;
margin-left: auto;
margin-right: auto;
font-size: .7em;
/*
background:url(images/template/footer.jpg) repeat-y;
*/
background: #FFF;}

#footer-list {text-align:center;list-style:none}
#footer-list li {display:inline}
a.footerlink {text-transform:uppercase; 
padding-left: 1em;
padding-right: 1em;
border-right: solid thin #000;
border-left: solid thin #000;
}

#footer p {text-align: center;
}

/* testimonials*/
.testimonial {
text-align: left;
}
.reference {
margin-top: .5em;
margin-left: 2em;
}
#colleague-testimonials H2 {margin-top: 2em;
}
#colleague-testimonials .testimonial {
margin-top: 2em;}
#colleague-testimonials .reference {
margin-top: .5em;
text-align: right;
padding-bottom:1em;
border-bottom: thin solid #CCC;

}
/* STAFF*/

.staff-photo {vertical-align: middle;
padding-right: 20px;}

.staff-photo-text {vertical-align: middle;
}

/* hosting accounts---*/

.account-table td, .account-table th {border: solid thin black;
font-size: .8em;
text-align: left;
padding: 5px;
}
 .account-table th {font-weight:bold;}


/*---Remote backups--*/
.teaser {border: thin solid black;
background: #cee9f1;
padding: 1em;
margin: 1em;
font-weight: bold;}

a.anchor  {padding: 1.5em 0 0 0;
font-weight: bold;
color: #000;
}
 h2, h3 {
padding: 1.5em 0 0 0;
}
p {
padding: .5em 0 0 0;
}
ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: .5em 0 0 0;
	}
.sub-list {list-style-type: circle;}

 li {padding: .5em 0 0 1em;}
.red	{color: red;
	}
.redbold {color: red;
	font-weight:bold;
}
.indent{
	padding: 0 0 0 2em;
}
.small {font-size: .8em;
}
.bold {font-weight: bold;}
.image-container {
border-bottom: thin solid #CCC;

}
.image-left {
width:210px;
text-align:center;
vertical-align: middle;
padding-bottom: 10px;
}
.image-left img {
border: 0 none;}

.image-text-right {width: 350px;
text-align: left;
vertical-align: middle;
padding: 1em;
line-height: 1.4
}

/*===TESTIMONIAL QUOTES WITHIN PAGES====*/

	.testimonial-quote-container {
	width:260px;
	background:url(images/template/quotebox-btm.jpg);
	background-position:left  bottom;
    	background-repeat: no-repeat;
    	margin-top: .7em;
    	margin-bottom: .7em;
float:left;
margin-right:10px;
}

       .testimonial-quote-body h2 {
	padding-top: 13px;
	font-size: 1.2em;
      font-weight: bold;
	margin-bottom: 1em;
      width: 205px; /* without this width IE does not show background for highlight-body div */
	}

.testimonial-quote-body p {
	  line-height: 1.4;
}

.testimonial-quote-body {
padding-top: .1em;
	  padding-left: 20px;
	padding-right: 30px;
	  margin:0;
	  background:url(images/template/quotebox-top.jpg);
	  background-position: left top;
	  background-repeat: no-repeat;
	  padding-bottom: 13px; /* ensures that whole curve is displayed under text*/
	}
p.quote-reference-name {font-size:.9em;
line-height: 1.2;
text-align:left;
margin: .5em  0px 0px 2em;
padding:0;

}
p.quote-reference-position {font-size:.8em;
line-height: 1.1;
text-align:left;
margin: -.5em  0px 0px 2.25em;

}
p.quote-moreinfo  {text-align: right;
margin-bottom: 1em;
font-size:.8em;
margin: .5em  0px 5px 0px;
}

.paragraph-container-right {
float:right;
width: 340px;
/*
border: thin red solid;
*/

}
.paragraph-container-full-width{width:100%;
/*
border: thin blue solid;
*/
float:right;}

#print-this-page {width:100%;
/*
border: thin blue solid;
*/
float:right;}

/*=== END TESTIMONIAL QUOTES WITHIN PAGES====*/


/* server support bot*/
.top-right {
float: right;
border: thin solid #999;
padding: 1em;
margin: 2em;
font-size: .8em;
color: #999;
margin-top: -2em;}