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, p, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }

html { height: 100%; margin-bottom: 1px }

body {
background: #fff;
color: #434343;
font-size: 12px;
line-height: 18px;
font-family: 'Lucida Grande', Arial, Verdana;
padding: 40px 0 24px 0
}

strong, b { font-weight: bold; color:#333 }
em, i { font-style: italic }

a:link, a:visited, a:hover, a:active {
color: #3c78a7;
text-decoration:none
}

a:hover, a:active { color: #2A5679 }

a img { border: none; }

a.rss-link {
padding-left:16px;
background: url(/images/rss12.gif) no-repeat;
background-position: 0 50%
}

p, li {
padding:0;
margin: 0 0 12px 0;
font-family: Verdana, Arial;
font-size: 12px;
line-height: 20px; }

li { margin-bottom: 8px }

blockquote { 
margin: 0 18px 18px 18px;
font-size:13px;
color:#575757;
padding-left:10px;
border-left:1px solid #ccc
}

ul, ol { margin-left: 15px }

ul { list-style-type: square }

h2, h3, h4, h5 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight:normal; }

h1 { 
font-size: 26px; 
line-height: 36px;
margin-bottom: 18px; 
}

h2 { 
font-size: 18px; 
line-height: 18px;
margin-bottom: 14px;
letter-spacing:1px;
color:#545454
}

h3 { 
font-size: 25px; 
line-height: 25px;
margin-bottom: 8px;
font-weight:normal;
}

h3 a:link, h3 a:visited, h3 a:active { color: #434343 }
h3 a:hover { color: #3c78a7; text-decoration:none}

h4 { 
font-size: 16px; 
line-height: 20px;
margin-top:0;
margin-bottom: 8px;
}

h5 { 
font-size: 14px; 
line-height: 18px;
margin-top:2px;
margin-bottom: 4px;
}


/* LAYOUT */


#container {
margin: 0 auto;
padding: 0;
width: 870px;
}

#header {
text-align:left;
padding:0 0 12px;
margin: 0 0 22px;
border-bottom:1px dotted #ccc;
width: 870px;
}

#leftCol {
text-align:left;
float:left;
width:174px;
}

#rightCol {
text-align:left;
float:right;
padding: 0 0 0 24px;
margin: 0 0 0 20px;
border-left:1px dotted #ccc;
width:650px;
}

#footer {
padding:10px 0 0;
margin:20px 0 0;
float:left;
border-top:1px dotted #ccc;
width: 870px;
} 


/* HEADER */



#logo, #logo a {
width: 225px;
height: 16px;
margin: 0 0 0 0;
padding: 0;
float: left
}

#logo {
background: url(/images/ofer-wolberger.png) no-repeat;
text-indent: -9000px; 
}

#logo a { overflow: hidden }


#nav {
float: right;
margin:0; padding:0
}

#nav li {
display:block;
float:left;
padding:0;
margin:0; 
}

#nav li a {
display:block;
outline:none;
text-indent:-9009px;
margin:0 33px 0 0;
padding: 6px 0 0 0;
overflow: hidden;
height:10px;
}

#nav-pro a {
background: url(/images/nav.png) no-repeat;
width:80px
}

#nav #nav-pro a:hover { background: url(/images/nav.png) no-repeat 0 -22px}

#nav-arc a {
background: url(/images/nav.png) no-repeat -98px 0;
width:84px
}

#nav #nav-arc a:hover { background: url(/images/nav.png) no-repeat -98px -22px}

#nav-com a {
background: url(/images/nav.png) no-repeat -196px 0;
width:117px
}

#nav #nav-com a:hover { background: url(/images/nav.png) no-repeat -196px -22px}

#nav-abo a {
background: url(/images/nav.png) no-repeat -322px 0;
width:60px
}

#nav #nav-abo a:hover { background: url(/images/nav.png) no-repeat -322px -22px}

#nav-con a {
background: url(/images/nav.png) no-repeat -400px 0;
width:80px
}

#nav #nav-con a:hover { background: url(/images/nav.png) no-repeat -400px -22px}

#nav #nav-new a {
background: url(../images/nav.png) no-repeat -495px 0;
width:46px;
margin-right:0; padding-right:0
}

#nav #nav-new a:hover { background: url(../images/nav.png) no-repeat -495px -22px}


#projects #nav-pro a  { background: url(/images/nav.png) no-repeat 0 -43px}
#archives #nav-arc a { background: url(/images/nav.png) no-repeat -98px -43px}
#commissions #nav-com a { background: url(/images/nav.png) no-repeat -196px -43px}
#about #nav-abo a { background: url(/images/nav.png) no-repeat -322px -43px}
#contact #nav-con a { background: url(/images/nav.png) no-repeat -400px -43px}
#news #nav-new a { background: url(../images/nav.png) no-repeat -495px -43px}




/* LEFT COL SECTION HEADS */

h2#section-head { }

#leftCol h2#section-head,
#leftCol h2#section-head a {
margin:0 0 14px 0;
padding:0;
text-transform:uppercase;
letter-spacing:4px;
color: #4C4C4C;
font-size:13px;
line-height:10px;
}

#leftCol h2#section-head a:hover { color: #3c78a7 }



/* SECTION LEFT COLS */

#leftCol ul {
list-style-type: none;
margin:0; padding:0;
font-size:12px;
line-height:15px;
letter-spacing:1px
}

#leftCol ul li {
padding:0 0 0 12px;
margin:0 0 4px 0;
background:url(/images/square.png) no-repeat 0 50%;
}

#leftCol ul li a:link, #leftCol ul li a:visited, #leftCol ul li a:active  {
color:#6C6C6C;
font-family:Georgia;
}

#leftCol ul li a:hover { color:#3c78a7 }

#leftCol ul li a.active { color: #333 }

#leftCol ul li a.active:hover { color: #3c78a7 }



/* HOME DEFINITIONS */


#home .post {
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:none
}

#home .postbot { margin:0; padding:0 }

#home h2 {
font-size:12px;
line-height:12px;
margin-bottom:16px;
letter-spacing:5px;
text-transform:uppercase;
}

#home .post h3 {
font-size:14px;
line-height: 19px;
margin-bottom:2px
}

#home .post p {
font-size:10px;
line-height:15px;
margin-bottom:2px
}

#home .caption {
font-size:9px;
line-height:9px;
text-align:right;
margin: 5px 0 0
}



/* SECTION RIGHT COLS */


.sub { padding-bottom: 24px }

.botsub { padding-bottom: 0 }

.sub img {
margin-right:12px;
float:left
}

.subtext {
float:left;
width:238px
}

h3.l-section-head a:link, h3.l-section-head a:visited
{ color: #4C4C4C; }

h3.l-section-head a:hover, h3.l-section-head a:active
{ color: #3c78a7 }

.sub h3 {
font-size:15px;
line-height:20px;
margin-bottom:0;
letter-spacing:1px
}

.sub p {
font-size:11px;
line-height:18px;
margin-bottom:4px
}

p.see-photo { }
p.see-photo { font-size:16px; margin-top:-2px }

 
/* PHOTO PAGES */

.photoview img {
display:block;
margin: 0 auto 4px auto;
}

.photoview p.prevnext {
text-align:center; font-family:Arial;
font-size:16px; line-height:16px;
padding:0 0 6px;margin:-6px 0 2px 0
}

.photoview p.prevnext a { 
color: #4C4C4C;
padding:2px 16px 8px 16px
}

.photoview p.prevnext a:hover { color:#3c78a7 }

.photoview p.caption {
font-size:10px;
padding:0; margin:0;
text-align:center
}


#image-control { position: relative; overflow: hidden; }

* html div#image-control { float: left }

#controls a {
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0px;
  width: 45%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
 background-image: url(/images/trans.gif);
  opacity: 0;
  filter: alpha(opacity=0);
}

* html div#controls a {
  height: 1000px;
  background-position: center 150px;
}

#controls a#prev-link {
  left: 0;
background-image: url(/images/trans.gif); 
}

#controls a:hover {
 opacity: 0.50;
  filter: alpha(opacity=50); 
}


/* CONTACT PAGE */

#contact .left-col {
width:390px;
float:left;
}

#contact .right-col {
width:390px;
float:left;
padding: 0 0 0 30px;
margin: 0 0 0 30px;
border-left:1px dotted #ccc;
}

input.form, textarea.form {
font-family:Arial;
color:#434343;
font-size:13px
}


#contact label {
display:block;
font-size:11px
}
  
input.form {
margin-bottom:6px;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
} 

#contact textarea {
width: 380px;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding:2px; margin: 0 0 6px 0
}

#contact #comail { display:inline; }

#contact #sendmail { margin-top:14px }

#yes_to_mailing_list { border:none; margin: 0 4px 0 -1px } 


/* FOOTER */

#footer p { font-size:9px; line-height:9px; color:#6C6C6C }

p#footerNav { float:left; }

p#copy { float:right }

#footer a { color:#6C6C6C }

#footer a:hover { color: #3c78a7  }



/* CLEAR */

.clearer {
clear: both;
height: 1px;
overflow: hidden;
margin-top: -1px
}