* {
 padding: 0;
 margin: 0;
}
html,body {height:100%;}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 13px;
 margin:0px;
 padding:0px;
 background:url(images/backgroundsides.jpg) #d9d9d9;
 background-repeat:repeat-x;
}
img {
 border:none;
 padding:0;
 margin:0;
 height: auto;
 width: auto;
}

.entry img
{
	padding:3px;
	margin:5px;
	border:darkgray solid 1px;
}

input
{
border:silver 1px solid;
margin:2px;
padding:2px;
color:black;
}

.form-submit input
{
	border:#8a4422 solid 1px;
	color:#8a4422;
	padding:3px;
	padding-left:15px;
	padding-right:15px;
}

.text
{
color:black;
}

textarea
{
	border:silver 1px solid;
	margin:2px;
	padding:2px;
	font-family:arial;
	color:black;
}

.required
{
 color: red;
}

label
{
display:block;
width:250px;
float:left;
}

fieldset
{
	border:#8a4422 solid 1px;
	padding:10px;
	margin-top:10px;
}

.information
{
	font-style:italic;
	text-align:right;
}

legend
{
	color:white;
	margin-left:20px;
	background:#8a4422;
	display:block;
	padding:3px;
}


#wrapper {
 width: 1005px;
 margin: 0 auto;
 min-height:100%;
 padding-left:7px;
 padding-right:10px;
 background-image:url(images/master_background.jpg);
 background-repeat:repeat-y;
}
#innerwrapper {
 background-image:url(images/sidebackground.jpg);
 background-position:right top;
 background-repeat:repeat-y;
 width:990px;
}
.breaker
{
	clear:both;
	height:0px;
	
}
.submenu
{
	list-style:none;
	color:white;
}

.submenu li
{
	float:right;
	border-left:solid gray 1px;
	font-size:14px;
	height:32px;
}

.submenu li a:hover
{
background:url(images/men2.jpg) no-repeat #6A8B88 bottom center;
}

.submenu li a
{
    display:block;
    font-size:14px;
 	height:24px;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	color:white;
	background:url(images/men1.jpg) no-repeat bottom center;
}

.submenu li.current_page_item a
{
	background:url(images/men3.jpg) #6A8B88 no-repeat bottom center;
}

#navbar {
 margin: 0px 0px 0px 0px;
 padding: 0;
 height:30px;
 width:991px;
 color:white;
}
#navbar img {
	float:both;
}

.leftlist
{
	border-top:1px solid silver;
}

.leftlist li
{
	border-bottom:1px solid silver;
	height:70px;
}

#bannerbar {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-color: black;
 height:214px;
 width:991px;
}
#header {
 margin: 0px 0px 0px 0px;
 height: 116px;
 padding: 0px;
 background-color: #C9C9BE;
 width:991px;
}
#centercolumn { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 float: left;
 min-height: 500px;
 background:white;
 padding: 0px;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 display: inline; /* IE Hack */
 float: left;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

#footer {
 background-color: #A3A38F;
 margin: 0 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 float: left;
 width: 990px;
 height:44px;
 background-image:url(images/footer1.jpg);
}
#footer2 {
 margin: 0 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 float: left;
 width: 990px;
 height:100px;
 text-align:center;
}
#footer2 a
{
	color:#666666;
}

.sidehead
{
	margin-left:2px;
	background-image:url(images/menubackground.jpg);
	height:35px;
	width:247px;
	background-repeat:no-repeat;
	padding-top:18px;
	padding-left:10px;
	font-size:14px;
	margin-bottom:0px;
	font-weight:bold;
	color:#264757;
}

.sidehead a
{
	font-size:14px;
}

h1
{
	margin-left:-10px;
	margin-top:-5px;
	background-image:url(images/heading1.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:17px;
	font-size:16px;
	color:black;
	height:51px;
}
h2
{
	font-size:30px;
	text-align:right;
	padding:0;
	margin:0;
	font-family:Tahoma;
	font-weight:normal;
	color:#333333;
	clear:both;
}

h3
{
	display:block;
	margin-top:5px;
	margin-bottom:6px;
	padding-bottom:3px;
	
	border-bottom:1px dotted #8a4422;
	clear:both;
}

#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/
	top:0px;
	margin-top: 20px;
	width:560px;
	margin-left:0px;
	margin-left:90px;
}

#kwick .kwicks {
	display: block;
	height: 200px;
	margin: 0px;
}

#kwick li {
	float: left;
	margin-left:0px;
}

li:after {
	content: "";
}

#kwick .kwick {
	display: block;
	float:left;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 106px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 0px solid #5A005A;
}

#kwick .kwick span {
	display: none;
}

#kwick .opt1 {
	background: url(images/m1.jpg) no-repeat;
}

#kwick .opt2 {
	background: url(images/m2.jpg) no-repeat;
}

#kwick .opt3 {
	background: url(images/m3.jpg) no-repeat;
}

#kwick .opt4 {
	background: url(images/m4.jpg) no-repeat;
}

#kwick .opt5 {
	background: url(images/m5.jpg) no-repeat;
	border-right: 0;
}


div .port_img
{
	display:block;
	width:100%;
	border-bottom:silver 1px solid;
	clear:both;
	margin-top:5px;
}

.researchimg
{
    display:block;
	width:100%;
	min-height:140px;
	text-align:center;
	vertical-align:middle;
}

.researchimg img
{
   border:black 1px solid;
   padding:3px;
   margin:5px;
}

#textbox
{
text-align:right;
color:#636363;
font-weight:bold;
}

#topright
{
 background:#E3C24F;
 color:black;
 text-align:center;
 padding:2px;
 height:16px;
}



.noimg
{
	padding-top:60px;
}

.researchtitle
{
	color:#b07952;
	font-size:18px;
	padding-top:5px;
}

.researchtitle a
{
	color:#b07952;
}

.researchitem
{

}

.linkcat h2
{
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

.xoxo
{
	list-style:none;
}

.xoxo li
{
	display:inline;
}

.postmetadata
{
	margin-top:10px;
	font-size:13px;
	clear:both;
}

.iframecontent
{
	background:url(images/iframeheader.jpg) no-repeat white;
	padding:5px;
}

.iframecontent .post
{
	border:none;
}

.iframecontent h2
{
	color:white;
}


.portfolio_img
{
   display:block;
   width:150px;
   height:150px;
   margin:10px;
   float:left;
}

.portfolio_img img
{
	border:darkgray 1px solid;
	padding:3px;
}

.portfolio
{
	margin-left:10px;
}

.publications
{
	list-style-type:decimal;
	margin-left:30px;
	margin-top:10px;
}

.publications li
{
	border-bottom:silver 1px solid;
	margin-bottom:10px;
	padding-bottom:10px;
	color:black;
}

.picasaView
{
margin-left:10px;
}

.picasaView img
{
 padding: 3px;
 border: solid 1px black;
}

.alignleft
{
float:left;
margin-right:10px;
}

.navigation
{
	clear:both;
	margin-bottom:10px;
	width:100%;
}

.hentry
{
	margin-bottom:10px;
	border-bottom:silver 1px solid;
	padding-bottom:10px;
}



.hentry h2
{
	font-size:20px;
	text-align:left;
}

#kpg-albums
{
	margin-left:10px;
}

#kpg-pictures img
{
	padding:3px;
	border: solid black 1px;
}

#kpg-albums img
{
	padding:3px;
	border:1px solid silver;

}

#kpg-album-description
{
	display:none;
}

a
{
	color:#2B7373;
	text-decoration:none;
}
a:hover
{
	color:#244451;
}

ul
{
	padding-top:0px;
	padding-left:0px;
	margin-left:20px;
}

li
{
	color:dark-gray;
}


/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:640px; 
height:540px; 
background:#eee url(http://mediatable.bartindale.com/uploads/Main/screen1.jpg) 0 0px no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:540px 0 0 0; 
list-style-type:none; 
position:relative; 
width:640px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-540px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-540px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}