/*  
Theme Name: Jack Eames
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:#000;
text-align:center;
font-family:Verdana, Arial, 'Sans Serif';
font-size:12px;
color:#FFF;
height:100%;
}

a {
color: #FFF;
text-decoration: none;
}

a:hover {
color: #CCC;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 20px 0;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

h1 {
font-size:20px;
font-weight:bold;
}

h2 {
font-size:20px;
font-weight:bold;
}

h3 {
font-size:16px;
font-weight:bold;
}

h4 {
font-size:15px;
font-weight:normal;
}

p, ul, ol {
line-height:24px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}


#page {
display:block;
overflow: hidden;
width:1000px;
margin:auto;
text-align: left;
}

#header {
display:block;
position:relative;
height:72px;
margin:0 10px;
width:980px;
}

ul#nav {
position:absolute;
top:42px;
left:0px;
display:block;
margin:0px;
height:20px;
}

ul#nav li {
display:block;
margin:0 18px 0 0;
padding:0 18px 0 0;
border-right:2px solid #666;
float:left;
z-index: 1;
position:relative;
height:20px;
line-height:20px;
}

ul#nav li a {
display:block;
float:left;
font-size:17px;
height:20px;
line-height:20px;
text-decoration: none;
color: #666;
}

ul#nav li a:hover, ul#nav li.current_page_item a, ul#nav li.current_cat a, ul#nav li.active a { color: #FFF; }

ul#nav ul {
z-index: 4;
display:none;
position:absolute;
top:20px;
padding:2px 0;
left:0px;
width:200px;
background: #222;
}

ul#nav ul li {
width:200px;
padding:0px;
height:40px;
margin:0px;
border-bottom:1px solid #444;
border:0px;
}

ul#nav ul li a {
padding:10px 10px;
width:180px;
}

ul#nav ul li a:hover {
background: #333;

}

a.logo {
display: block;
position:absolute;
top:15px;
right:0px;
display:block;
float:right;
width:201px;
height:45px;
background: url(./images/logo.jpg) no-repeat;
text-indent: -9999px;
}

#gallery {
display:block;
overflow: hidden;
margin:0 0 0px 0;
position:relative;
width:1000px;
}

#gallery a.arrowleft {
display:none;
width:56px;
height:55px;
background:url(./images/arrowleft.png) no-repeat;
position:absolute;
top:226px;
left:30px;
z-index: 2000;
}

#gallery a.arrowleft:hover {
background:url(./images/arrowlefthover.png) no-repeat;
}

#gallery a.arrowright {
display:none;
width:56px;
height:55px;
background:url(./images/arrowright.png) no-repeat;
position:absolute;
top:226px;
right:30px;
z-index: 2000;
}

#gallery a.arrowright:hover {
background:url(./images/arrowrighthover.png) no-repeat;
}


#gallery #mainimage {
display:block;
overflow: hidden;
border:1px solid #2f2f2f;
width:978px;
margin:0 10px;
height:496px;
position:relative;
}

#gallery #mainimage img {
position:absolute;
top:0px;
left:0px;
}

#gallery #mainimage .text {
display:block;
padding:20px 20px 10px 20px;
background: url(./images/gallerytext.png);
position:absolute;
bottom:40px;
width:480px;
right:0px;
}

#gallery #mainimage .text p {
color: #000;
font-size:14px;
line-height:18px;
margin:0 0 10px 0;
}

#gallery #slider {
display:block;
margin:11px 0 0 0;
overflow:hidden;
height:115px!important;
position:relative;
}

#gallery #slider .arrowleft {
display:block;
width:28px;
height:26px;
position:absolute;
top:35px;
left:-3px;
z-index:1000;
background: url(./images/arrowleft.png) no-repeat;
}

#gallery #slider .arrowleft:hover {
background: url(./images/arrowleftover.png) no-repeat;
}

#gallery #slider .arrowright {
display:block;
width:28px;
height:26px;
position:absolute;
top:35px;
right:-3px;
z-index:1000;
background: url(./images/arrowright.png) no-repeat;
}

#gallery #slider .arrowright:hover {
background: url(./images/arrowrightover.png) no-repeat;
}

#gallery #slider .slides {
display:block;
width:978px;
height:125px;
margin:0 12px 0 10px;
overflow: hidden;
position:relative;
}

#gallery #slider ul {
display:block;
float:left;
position:absolute;
width:auto;
}

#gallery #slider ul li {
display:block;
float:left;
width:162px;
height:96px;
margin:0 1px 0 0;
overflow: hidden;
}

#mainarea {
display:block;
overflow: hidden;
margin:0 10px 40px 10px;
width:980px;
}

#title {
display: block;
margin:30px 0 40px 0;
}

#title h1 {
font-size:24px;
color: #b2b1b1;
font-weight: normal;
padding:0 0 12px 0;
margin:0px;
border-bottom:1px solid #b2b1b1;
text-transform: uppercase;
}

#contentarea {
display:block;
float:left;
width:560px;
}

#sidebar {
display:block;
float:right;
width:300px;
}

#contentarea h3 {
font-size:18px;
line-height:24px;
font-weight: normal;
}

#contentarea .postmeta {
display:block;
border-top:1px solid #b2b1b1;
border-bottom:1px solid #b2b1b1;
padding:10px 0;
margin:0 0 20px 0;
}

#contentarea .postmeta p {
margin:0px;
line-height:18px;
font-size:14px;
font-family: "Georgia";
color: #b2b1b1;
}

#contentarea .postmeta p span {
color: #FFF;
font-weight: bold;
}

.post {
display:block;
overflow: hidden;
margin:0 0 60px 0;
}

.post p, .post ul, .post ol {
font-family: "Georgia";
color: #b2b1b1;
}

.post p a {
color: #c96600;
}

.post p a:hover {
color: #FFF;
}

.post ul {
list-style: disc outside;
margin:0 0 20px 25px;
}

.post ol {
list-style: decimal outside;
margin:0 0 20px 25px;
}

.post ul ul, .post ol ul {
margin-bottom:0px;
}

.post h2, .post h1 {
font-size:18px;
margin:0 0 20px 0;
padding:0 0 15px 0;
font-weight: normal;
border-bottom:1px solid #b2b1b1;
}

#sidebar .widget {
display: block;
overflow: hidden;
margin:0 0 35px 0;
}

ol.commentlist li {
padding:20px;
border:1px solid #b2b1b1;
margin:0 0 20px 0;
}

ol.commentlist li p {
color: #b2b1b1;
}

#sidebar .widget h4, #sidebar .navwidget ul li.changetoh4 {
font-size:18px;
margin:0 0 12px 0;
padding:0 0 17px 0;
display: block;
border-bottom:1px solid #b2b1b1;
text-transform: uppercase;
font-weight: normal;
}

#sidebar .navwidget ul li.changetoh4 a {
font-family: Verdana;
font-size:18px;
color: #FFF;
}

#sidebar .widget ul {
margin:0px;
}

#sidebar .widget a {
font-size:14px;
color: #b2b1b1;
font-family: "Georgia";
}

#sidebar .widget a:hover {
color: #FFF;
}

#sidebar .searchbox {
border-top:1px solid #b2b1b1;
border-bottom:1px solid #b2b1b1;
padding:12px 0 16px 0;
height:20px;
}

#sidebar .searchbox  #s {
display:block;
float:left;
border: none;
background: #000;
font-size:18px;
color: #FFF;
width:255px;
height:20px;
}

#sidebar .searchbox  #searchsubmit {
width:16px;
height:18px;
background: url(./images/arrowright.jpg) no-repeat left 2px #000;
border: none;
display:block;
float:right;
}

#sidebar .widget h4.showdropdown {
background: url(./images/arrowbottom.jpg) no-repeat right 3px;
display:block;
cursor: pointer;
}

#sidebar .widget h4.showdropdownactive {
background: url(./images/arrowtop.jpg) no-repeat right 3px;
}

#sidebar .widget .archivesdropdown {
display:block;
}

#sidebar .widget .archivesdropdown ul li {
display:block;
float:left;
width:140px;
margin:0 10px 0 0;
}

#contact {
display:block;
margin:0 10px 40px 10px;
width:980px;
overflow: hidden;
position:relative;
height:652px;
background: url(./images/contactimage.jpg) no-repeat bottom right;
border-bottom:1px solid #b2b1b1;
}

#contact #title {
margin-bottom:188px;
}

#contact #content {
display:block;
font-family: "Georgia";
}

#content h2 {
display:block;
padding:8px 0;
font-size:24px;
font-weight: normal;
border-top:1px solid #b2b1b1;
border-bottom:1px solid #b2b1b1;
margin:0 0 30px 0;
}

#content .col1 {
display:block;
float:left;
width:240px;
}

#content .col1 h6 {
margin:0 0 25px 0;
font-weight:normal;
}

#content .col1 h6.nomargin {
margin:0 0 5px 0;
}

#content .col1 p {
color: #b2b1b1;
margin:0 0 22px 0;
line-height:19px;
}

#content .col1 p span {
color: #FFF;
font-weight: bold;
}

#content .col1 p.email {
font-size:18px;
font-weight: bold;
}

#content .col2 {
display:block;
float:right;
width:720px;
}

#content .col2 form p {
display: block;
margin:0 0 8px 0;
}

#content .col2 form p label {
display:block;
margin:0 0 2px 0;
font-size:12px;
color: #b2b1b1;
line-height:16px;
clear:both;
}

#content .col2 form p input {
background: url(./images/textbox.png);
display:block;
padding:4px 5px;
border: none;
height:18px;
font-family: "Georgia";
color: #FFF;
font-size:14px;
width:190px;
}

#content .col2 .left {
display:block;
width:240px;
float:left;
}

#content .col2 .right {
display:block;
width:480px;
float:left;
}

#content .col2 form p textarea {
height:230px;
width:470px;
background: url(./images/textbox.png);
display:block;
padding:4px 5px;
border: none;
color: #FFF;
font-family: "Georgia";
font-size:14px;
}

#content .col2 form p.submit {
display:block;
padding:10px 0 0 0;
}

#content .col2 form p.submit input {
display:block;
float:right;
width:95px;
height:31px;
background: url(./images/send.png) no-repeat;
}

#content .col2 form p.submit input:hover {
background: url(./images/sendhover.png) no-repeat;
}


#footer {
display: block;
font-size:14px;
letter-spacing: 1px;
color: #333;
text-align: center;
}

.footerlinks li a { color: #333!important; }
.footerlinks li a:hover { color: #FFF!important; }


.footerlinks {
display: table;
margin:10px auto 20px auto;
}

.footerlinks li {
display:block;
line-height:18px;
float:left;
height:20px;
}

.footerlinks li a {
display:block;
padding:0 15px;
border-right:1px solid #333;
float:left;
}