/* Edwin Poots */
*{ margin:0; padding:0; }

html,body{ margin:0; padding:0; width:100%; height:100%; font-family: Arial, Helvetica, Geneva, sans-serif; }

body{ background: #cdcdcd url(../images/bg-chrome-r.gif) repeat-x 0 0; } /* bc151b 120e44 acacac 850f13 */

img{ border:0; margin:0; padding:0; }

/* common */
.br{clear:both;}


/* layout */
div#wrapper{
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
}
div#wrapper, div#header, div#menu, div#content, div#snippets, div#footer{
margin: 0 auto;
width: 965px;
}

/* header */
#header, #menu, #snippets{
background-color: #464646;
border: #464646 1px solid;
}
#header, #projects, #edwinpoots{ height: 100px; }
#projects { float: left; }
#projects img{ border-left: #464646 1px solid; }
#edwinpoots{ background: #000 url(../images/topbar.jpg) repeat-x 0 0; float: left; width: 505px; }
#dup, #poots{ padding: 22px 0; }
#poots{padding-left: 16px; }
#dup{padding-left: 6px; padding-right: 14px;}

/* menu */
#menu{
height: 37px;
background: #464646 url('../images/menubar.gif') repeat-x 0 0;
border-top: 0;
border-bottom: 0px;
overflow: hidden;
}
#menu ul{ margin: 0; padding: 0; list-style-type: none; }
#menu li{
float: left;
background: transparent url(../images/menubar-split.gif) no-repeat 100% 100%;
padding-right: 1px;
font-size: small;
text-shadow: 1px 1px 3px #000;
}
#menu li a{
display: block;
text-decoration: none;
color: #ccc;
padding: 11px 15px;
color: #a1a1a1;
outline: none;
}
#menu li a:hover{
color: #fff;
background: transparent url(../images/menubar.gif) repeat-x 0 -36px;
}
#menu li#selected a{
color: #fff;
background: transparent url(../images/menubar.gif) repeat-x 0 -72px;
}


/* content */
#content{ border: #464646 1px solid; border-top:0; color: #fff; }

h1,h2,h3,h4,h5{ font-size: medium; font-weight: normal; margin-bottom: 20px; }
h1{ font-size: large; font-weight: bold; }
h1 span{ font-weight: normal; }
h2,h5,h4{ font-size: large; font-weight: normal; }
h5{ font-size: medium; font-weight: normal; margin-bottom: 10px; }
p,ul,ol,q{ font-size: small; }

ol{ list-style-position: inside; }

a{ text-decoration: none; color: #999; }
a:hover{ text-decoration: underline; color: #fff; }

.work h1, .work h2, .work h3, .work h4, .work h5{
margin: 20px 0 10px;
}


/* intro */
#intro{
width: 460px;
background: transparent url(../images/bg-panel.gif) repeat-x 0 0;
float: right;
text-shadow: 2px 2px 3px #000;
padding-top: 10px;
}

/* slideshow */
#slideshow { float: left; width: 504px; height: 320px; background-color: #000; overflow: hidden; border-right: #464646 1px solid; }
ul { margin: 0; padding: 0; list-style-type: none; }
.slide { background-color: #000; }
.slide, .caption { width: 504px; }
.slide{ float: left; }
.slide img{ display: block; float: left; }
.slide {
position: relative;
}
.slide .caption{
position: absolute;
left: 0;
bottom: 0;
background: transparent url(../images/opacity/black/80.png) repeat 0 0;
float: left;
display: inline;
}
.caption p{ font-size: small; }

/* custom */
#content.homepage{ background-color: #c4161c; }
.homepage h1{ font-size: x-large; }
.inset{ padding: 40px; }
.bigpad{ padding: 20px 35px; }
.pad{ padding: 20px; }


/* snippets */
#snippets{border-top:0; color: #fff; background: transparent url(../images/bg-panels.gif) repeat-y 0 0; }

#keynotes, #areas, #whiteboard{ float:left;  } /* height:250px; */

#keynotes{
width: 504px;
background-color: #1b1464;
}


#areas{
width: 260px;
background-color: #464646;
padding-bottom: 20px;
}

#whiteboard{
width: 201px;
background-color: #fff;
}

/* titlebars */
#snippets h6{ height: 36px; padding: 0 20px; line-height: 36px; margin-bottom: 20px; }
#keynotes h6{ background: transparent url(../images/bar-blue.gif) repeat-x 0 0; margin-bottom: 0;  }
#areas h6{ background: transparent url(../images/bar-grey.gif) repeat-x 0 0; }
#whiteboard h6{ background: transparent url(../images/bar-white.gif) repeat-x 0 0; color: #464646; }
#whiteboard h6 a:hover{ color: #464646; }
/* keynote */
#keynotes em{
font-style: normal;
color: #cdcdcd;
}

/* accordion */
.accordion{
list-style-type: none;
}
.accordion div.pane{
display: none;
padding: 10px 10px 20px;
background-color: #140f4b;
min-width: 484px;
}
.accordion h3{ margin: 0; padding: 0; margin-bottom: 1px; }
.accordion h3 a{
cursor: pointer;
color: #7786e7;
background-color: #1b1464;
text-decoration: none;
display: block;
padding: 10px;
margin: 0;
outline: none;
}
.accordion h3 a:hover, .accordion h3 a.jselect{
background-color: #3840e7;
color: #fff;
}
.accordion h3{
position: relative;
}
.accordion h3 span{
display: block;
margin-left: 0px;
}
.accordion h3 em{
	position: absolute;
	right: 0;
	top:  0;
	padding: 10px;
	float: right;
	text-align: right;
width: 120px;
font-weight: normal;
font-style: normal;
}

/* speeches */
#speeches{ background-color: #101010; }
#speeches .accordion div.pane{ background-color: #101010; }
#speeches .accordion h3 a{ background-color: #333; color: #CCC; }
#speeches .accordion h3 a:hover, #speeches .accordion h3 a.jselect{ background-color: #242424; color: #FFF; }

/* more */
#areas p{
font-size: small;
margin: 0 20px;
color: #cdcdcd;
}

#whiteboard img{
padding-left: 20px;
padding-bottom: 10px;
}


/* footer */
#footer { font-size: x-small; height: 16px; padding: 10px 0;  }
#footer span{ margin: 0 5px; }
#footer a, #footer span{ color: #777; text-decoration: none; }
#footer a:hover{ color: #000; }


#sitelinks, #credits{ float: left; }
#sitelinks{ width: 765px; }
#credits{ width: 200px; text-align: right; }

a#deadlyfingers{ overflow: hidden; background: url(../images/deadlyfingers/deadlyfingers.gif) no-repeat 100% 0; padding-right: 18px; margin-left: 5px; }
a:hover#deadlyfingers{ background: url(../images/deadlyfingers/deadlyfingers.gif) no-repeat 100% -48px; }

/* layouts */
.col2{ float: left; width: 50%; }
.col33{ float: left; width: 33%; }
.col60{ float: left; width: 66%; }

.col-bio{ float: left; width: 180px; }

/* elements */
.photo{ float: left; padding-right: 40px; padding-bottom: 40px; }

.list ul { font-size: small; list-style-type: none; float: left; padding-right: 20px; color: #999; }



/* links */
.links, .work{ background-color: #101010; }
.link{ padding: 20px; position: relative; }

/* a */
.link { display: block; padding: 20px; text-decoration: none; background-color: #101010; color: #999; min-height: 152px; } /* plus border */
.link:hover{ background-color: #242424; color: #fff; text-decoration: none; }
.link { margin: 20px; cursor: pointer; }

.link img{
float: left;
position: absolute;
left: 20px;
top: 20px;
border: 1px solid #464646;
}
.link .info{ margin-left: 170px; }

.link h1 { font-size: medium; font-weight: bold; margin-bottom: 5px; }
.link h2 { font-size: small; margin-bottom: 5px; }
.link p { font-size: small; }


/* lists */
ol, ul { position: relative; }
ol span{ position: absolute; left: 220px; }
ul span{ position: absolute; left: 120px; }

.service, .service-last{
border-bottom: 1px solid #484848;
padding-bottom: 20px;
margin-bottom: 20px;
}
.service-last{ border: 0; margin: 0; }


/* common */
.fr{
float: right;
}

/* gallery */
div.gallery{
padding-top: 0px;
}
div.gallery div.link{
width: 402px;
float: left;
}