/*
Original design: andreas04 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas04/
Tweaked mercilessly by KT
*/

/* General layouts */
body {margin:0; padding:0; font:76% optima,tahoma,verdana,sans-serif; background:#e6e6e6 url(images/bodybg.png) repeat-x; color:#444; text-align:center;}
#container {width:92%; min-width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container800 {width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container1024 {width:920px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}

/* Tags */
a {text-decoration:none; color:#656AB2; font-weight:bold;}
a:hover {text-decoration:underline;}
p {margin:0 0 15px 0;}
.aside {font-style:italic; font-size:.9em; line-height:1.2em; color: #555;}
h1,h2,h4,h5 {margin:0; padding:0; font-weight:normal; line-height:1.2em; font-family:tahoma,Helvetica,Arial,sans-serif;}
h3 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px 20px;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#B78F90;}
h3 {color: #555; font-size:1.4em; margin:0 0 0 0em; }
h3.aside {font-size:1.1em; line-height:1.2em;}
h4 {font-size:1.2em; font-weight:bold;}
sup {line-height: 0;}
em {text-decoration:none;}

/* Header */
#sitetitle {float:left; height:100px;width: 42%; color: #333; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#sitetitle a {color:#6D4C4B; font-weight:normal;}
#sitetitle a:hover {color:#656AB2;}
#menu {height:71px; padding-top:35px; text-align: right; font-family:tahoma,Helvetica,Arial,sans-serif; }
#menu a {margin:0; height:100px; padding:35px 6px 41px 6px; font-size:1.6em; font-weight:normal; letter-spacing:-1px; color:#B78F90;filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#menu a:hover{color:#656AB2; text-decoration:none; background: #fff url(images/menuhover.png) repeat-x; padding:35px 5px 41px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#menu a.current{color:#6D4C4B; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#menu a.current:hover{color:#B78F90; padding:35px 6px 41px 6px;  text-decoration:none; background: none; border:0;}

/* Main content and sidebar layout */
#content {margin-top:30px; width:100%; clear:both;}
#content h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px -10px;}
#content h2 {margin:0 0 10px 0; color:#555; border-bottom:2px solid #abb;}
#content h2 a {color:#555; font-weight:normal;}
#content h2 a:hover {color:#269; text-decoration:none; background:none;}
#content h5 {font-size:1.6em; letter-spacing:-1px; margin:0 0 10px 0; color:#976B71; border-bottom:1px solid #fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}



#content p {margin:0 0.5em 1.2em 0.5em;}
#left {width:34%; float:left; margin-top:-15px; line-height:1.4em;}
#left h1 {color:#B78F90; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50; opacity:0.50;}
#right {margin-left:36%; margin-top:-15px; line-height:1.4em;}
#right h1 {text-align:right; color:#B78F90; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50; opacity:0.50;}
#right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;}
#considerations {margin-left: .5em; margin-right: .5em; margin-top: 0; margin-bottom: 1.2em;}
#considerations dt {color: #976B71; font-size:1.2em; font-weight: bold; float: left; text-align: right; width: 6em; margin: 0em; padding: .5em 0 0 0;}
#considerations dd {margin-left: 8em; padding-top: 2px; padding-bottom: 2px; }



/* Footer */
#footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
#footer a {color:#777; font-weight:normal;}
#footer a:hover {color:#656AB2;}
#footer h2 {color:#B78F90; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
#footer h2 a {color:#B78F90;}
#footer h2 a:hover {color:#656AB2;}
#footer p {margin:0; padding:0;}


/* Additional classes */
.entry {margin:0 0 20px 0; border:2px solid #fff; background:#e6e6e6 url(images/entrybg.png) repeat-x; color:#333; padding:10px 10px 0 10px;}
.entry a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px; background:url(images/flash2.gif) bottom left repeat-x;}
.entry blockquote {color:#C9ACAE; font-weight:none; font-size:1.3em; letter-spacing:2px;}



.link {color:#269; background:url(images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/blinkarrow.gif) left no-repeat; text-decoration:none;}
.projects h3 {font-size:1.1em; line-height:1.2em; margin:0 0 0 0; text-align:center; border-bottom:1px solid #abb;}
.projects h4 {font-size:1.1em; line-height:1.2em;  margin:0 0 0 1em; font-weight:normal; text-align:center;  border-bottom:1px solid #abb;}


.thumbs img {padding:3px; margin:0 2px 2px 0; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs img:hover {background: url(images/flash.gif);}
.entryphoto {margin:5px; float:left; padding:3px; background-color:#C9ACAE; color:#333;}
.entryphotoright {margin:5px; float:right; padding:3px; background-color:#C9ACAE; color:#333;}
.entryphotocenter {margin:2em; padding:3px; background-color:#ddd; color:#333;}
.meta {clear:both; border-top: 2px solid #ccc; padding: 5px 1px 0 0; margin:10px 0 0 0; text-align:right; font-size:1em; color: #567;}
.pagenav {color: #777; text-align:center;}
.subcontainer {display:block; clear:right; padding: .5em 0 0 0;}
.rightsub {float:left; width:32%; margin:0 2px 2px 0;}
.rightsub2 {margin-left:33%; padding:0;}
.rightstuff{margin-top: .5em;}
.rightbox {float:right; padding-right:1em; width:13em;}
.rightbox h3 {text-align:center;}
.rightbox ul {list-style-image: url(images/linkarrow.gif);}
.rightbox ul li {vertical-align: middle;}
.rightboxhalf {margin-left: 50%; padding: 3px;}
.right {text-align:right;}
.rightlinkmenu {margin:0 2px 2px 0;}
.center {text-align:center;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.hide {display:none;}
.projects {padding:.75em; border:1px solid #abb; background-color:#ddd; color: #555;}
.projects h2 {text-align:center; text-transform:uppercase;  letter-spacing:.8em;  filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}


.dingbat dl {border:1px solid #abb; background-color:#ddd; color: #555; padding: 3px;}
.dingbat dt {float: left; width: 50px; text-align: right; color:#C9ACAE; font-size:3em;     padding: .5em 0 0 0;}

.dingbat dd {
    margin: 0 0 0 60px;
    padding: 2px .5em 0.5em 3px;
  }

.dingbat2 dl {border:1px solid #abb; background-color:#ddd; color: #555; padding: 3px;}
.dingbat2 dt {float: left; width: 150px; text-align: right; color:#976B71; font-size:1.4em;     padding: .5em 0 0 0;}

.dingbat2 dd {
    margin: 0 0 0 160px;
    padding: .5em .5em 0.5em 3px;
  }

.lede {margin:0 0.5em 2em 0.5em; line-height:1.3em; font-size:1.3em; letter-spacing:.1em; color: #976B71;}

.keylist {margin: .9em 1em .9em 15%; width:70%; padding:5px; border:1px solid #abb; background-color:#ddd; color: #555;}
/* Apple Tab menu */

.tabs {height:26px; text-align: center; font-family:tahoma,Helvetica,Arial,sans-serif; border-bottom:1px solid #fff;}
.tabs a {margin:0; height:36px; padding:37px 8px 39px 8px; font-size:1.4em; font-weight:300; letter-spacing:-1px; color:#B78F90; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
.tabs a:hover{color:#656AB2; text-decoration:none; background: #fff url(images/tabshover.png) repeat-x; padding:8px 7px 7px 7px; border-left: 1px solid #eee; border-right: 1px solid #eee; filter:none;}
.tabs a.selected{color:#976B71; background: url(images/tabsbg.png) repeat-x; padding:8px 7px 12px 7px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.tabs a.selected:hover{color:#B78F90; text-decoration:none; background: url(images/tabsbg.png) repeat-x; border:0; border-left: 1px solid #fff; border-right: 1px solid #fff;}

/*KTainer Tab menu */

.tabs_ktainer {height:26px; text-align: center; font-family:tahoma, Helvetica,Arial,sans-serif; border-bottom:1px solid #fff;}
.tabs_ktainer a {margin:0; height:36px; padding:37px 6px 39px 6px; font-size:1.4em; font-weight:300; letter-spacing:-1px;  color:#B78F90; filter: alpha(opacity=67); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);-moz-opacity: 0.67; opacity:0.67;}
.tabs_ktainer a:hover{color:#656AB2; text-decoration:none; background: #fff url(images/tabshover.png) repeat-x; padding:8px 5px 7px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee; filter:none;}
.tabs_ktainer a.selected{color:#976B71; background: url(images/tabsbg.png) repeat-x; padding:8px 5px 12px 5px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.tabs_ktainer a.selected:hover{color:#B78F90; text-decoration:none; background: url(images/tabsbg.png) repeat-x; border:0; border-left: 1px solid #fff; border-right: 1px solid #fff;}


.tabcontent{
display:none;
}


@media print {
.tabcontent {
display:block !important;
}
}


.inline-list {
	margin: .9em .9em 2px .5em;
	}

.inline-list p {
	display: inline;
	}

.inline-list a {font-weight:normal;}
.inline-list a.wrote:before {
	content:"✐";
	color:#C9ACAE;
	}	
.inline-list a.managed:before {
	content:"⎈";
	color:#C9ACAE;
	}	
.inline-list a.team:before {
	content:"䷀";
	color:#C9ACAE;
	}	
.inline-list a.edited:before {
	content:"ↀ";
	color:#C9ACAE;
	}	


.inline-list ul, .inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
.inline-list ul li:after {
	content: ", ";
	}
		
.inline-list ul li.last:after {
	content: ". ";
	}

.inline-list ul li.series:after {
	content: ": ";
	}
	
#gallery {
  padding:0; 
  margin:0 auto 1em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:46em; 
  position:relative;
  height:19.8em; 
  border:1px solid #fff; 
  background:url(images/ktainer/ktainer_layout_designbg.png);
  }
#gallery li {
  float:left;
  }
#gallery li a {
color: #976B71;
  display:block; 
  height:240px;
  width:21px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:21px; 
  height:240px; 
  border:0;
  border-bottom:1px solid #fff; 
  background:#E2CDCF;
  display:block;
  
  }
#gallery li a:hover {
  background:#ddd; 
  width:360px;
  }
#gallery li a:hover img {
  width:360px;
  }
#gallery em {font-style:normal; }
#gallery a em.txt {display:none;}


#gallery em.head {font-weight:bold; font-size:1.1em; display:none; padding:3px; float:left;}



#gallery li a:hover em.head  {text-transform:uppercase; display:inline; color:#C9ACB0; margin:0; line-height:1.2em;position:absolute; top:14em;  width:24.5em; background:#514F6F; opacity:0.85;}

#gallery li a:hover em.txt  {display:inline; color:#C9ACB0; margin:0; line-height:1.2em;position:absolute; top:17.2em;  width:27.4em; background:#514F6F; opacity:0.85;}




#enlargesquare {
  -webkit-transition-property: margin-left, border-color, width, height, position, z-index;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  border: 0;
  padding:.5em;
  width:64px; height:64px;
  position:relative; z-index:1;
}
#enlargesquare:hover {
  margin-left: 0;
  width: 512px;
  height: 512px;
  position:relative; z-index:500;
}

#enlargerosa {
  -webkit-transition-property: margin-left, border-color, width, height, position, z-index;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  border: 0;
  padding:.5em;
  width:64px; height:38px;
  position:relative; z-index:1;
}
#enlargerosa:hover {
  margin-left: 0;
  width: 512px;
  height: 301px;
  position:relative; z-index:500;
}
#enlargechavez {
  -webkit-transition-property: margin-left, border-color, width, height, position, z-index;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  border: 0;
  padding:.5em;
  width:64px; height:43px;
  position:relative; z-index:1;
}
#enlargechavez:hover {
  margin-left: 0;
  width: 423px;
  height: 283px;
  position:relative; z-index:500;
}
#enlargetdtall {
  -webkit-transition-property: margin-left, border-color, width, height, position, z-index;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  border: 0;
  padding:.5em;
  width:48px; height:64px;
  position:relative; z-index:1;
}
#enlargetdtall:hover {
  margin-left: 0;
  width: 283px;
  height: 379px;
  position:relative; z-index:500;
}