/*
Theme Name: The Institute
Theme URI: http://floatcreative.com
Description: Custom theme build for The Charles Hamilton Houston website by Eric Wuebben.
Version: 1.0
Author: Eric Wuebben
Author URI: http://floatcreative.com/
Latest updated: Jan 1st, 2007
*/

/* Body */
*{margin:0; padding:0;}
body{background:#f4f4f4 url(img/back.jpg) center top; color:#303030; font:70% Verdana, Tahoma, Arial, sans-serif;}
#wrap{ background-color:#ffffff; color:#303030; background-image: url(img/back_main.jpg); background-repeat: repeat-y; background-position: center top; margin:0 auto; width:760px; padding: 0; }

/* Links */
a{background-color:inherit; color:#3e5219; font-weight:bold; text-decoration:none;}
a:hover{background-color:inherit; color:#86a100; font-weight:bold; text-decoration:none;}
a img{border:0;}

/* Header */

#nav { margin: 0; padding: 0 0 0 0; background: url(img/back_nav_side.jpg) no-repeat left bottom; height: 40px; }
#nav ul { float: left; width: 400px; list-style: none; line-height: 1; font-weight: bold; margin: 5px 0 0; padding: 0; }
#nav ul ul{ background: white; border: solid 2px #e5e1db; }
#nav a { display: block; color: #3e5219; text-decoration: none; padding: 8px 10px 8px 3px; }
#nav a:hover { color: #86a100; text-decoration: none; }
#nav a.daddy { background: url(rightarrow2.gif) center right no-repeat; }
#nav li { float: left; padding: 0 5px; background: url(img/back_nav_side.jpg) no-repeat right bottom; margin: 0; }
#nav li.current_page_item { color: #86a100; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 175px; font-weight: normal; border-width: 0.25em; margin: 0; }
#nav li li { background-image: none; padding-right: 1em; width: 160px
 }
#nav li ul a {
	width: 13em;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li li:hover, #nav li.sfhover { color: #86a100; background: #eef5d9; }


#header{ height: 220px; margin:0 0 0 160px; padding: 0; }
#flash-header { width: 585px; margin: 0; padding: 0; display: inline; }
#frontphoto{ margin:0; padding: 0; }

/* Sidebars */
.ec3_events ul { margin: 0; padding: 0; }
.ec3_events li { color: #858585; font-size: 10px; text-transform: uppercase; margin: 0 0 7px; padding: 0 0 0 0; list-style-type: none; }
.ec3_events li ul li { color: #2e2e2e; font-size: 12px; background-image: none; text-transform: none; margin: 0; padding: 0; list-style-type: none; }
.ec3_events li ul { background-image: none; margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }

#leftside{ clear:left; float:left; line-height:1.4em; text-align: center; margin:0 0 5px; padding:0; width:170px; }
#extras{ float:right; line-height:1.2em; margin:15px 10px 5px 0; padding:0; width:140px; }
#extras h1 { width: 140px; }
#extras a{ font-weight: normal;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{ font-size:0.9em; margin:0 0 20px; padding: 0; }
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{ margin:0 0 4px 13px; list-style-type: square; }
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:normal;}
#leftside h1, #leftside ul.linklist li h1, #extras h1, #extras ul.linklist li h1, table#wp-calendar caption{ background-color:#3f4513; color:#fff; font-size:0.9em; font-weight:bold; text-transform: uppercase; text-align:center; width: 140px; margin:0 0 6px; padding: 3px; }
#leftside h2, #leftside ul.linklist li h2, #extras h2, #extras ul.linklist li h2, table#wp-calendar caption{ background-color:#dee0bf; color:#505050; font-size:0.9em; font-weight:normal; text-transform: uppercase; text-align:left; margin:0 0 6px; padding-left: 3px; }
#leftside label, #extras label{display:none;}
#leftside h2{ font-size: 11px; font-weight: bold; background-color: transparent; text-transform: uppercase; text-align: center; letter-spacing: 1px; margin-top: 15px; padding: 0; }
#sidebar_thumbs { text-align: center; width: 140px; margin: 30px auto 10px; padding-right: 5px; padding-left: 5px; }
#sidebar_thumbs img { width: 50px; }
/* FAlbum */
.falbum { padding: 0; margin: 20px 0 0; width: 99%; float: right; min-width: none; }

.falbum p {
  	margin: 8px 0 8px 0;
}

.falbum img {
  	max-width: none;
	border: none;
}

.falbum-album {
	clear: both;
}

.falbum-title {	
	color: #260;
	border-bottom: 1px dashed #CCC;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.falbum-meta {
	margin: 0px 0px 5px 0px;
}

.falbum-navigationBar {
	clear: both;
	padding: 5px 0 5px 0;
	margin: 10px 0 10px 0;
}


/* ----------- Album Page -------------*/

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ----------- Thumbnails -------------*/
  
.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}

.falbum-tn-border-t {
	float: left;	
	width: 120px;
	height: 125px;		
}

.falbum-tn-border-m {
	float: left;
	width: 260px;
	height: 260px;
}

.falbum-thumbnail {
	float: left;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.falbum-thumbnail-ds {
	float: left;
	background: url('images/shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
}
 
.falbum-thumbnail-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-thumbnail img:hover {
	background-color: #ccd;
}

.falbum-editable{
     color: #000;
     background-color: #ffffd3;
}

/* ----------- Photo Page -------------*/

.falbum-title2 {
	padding: 0 50px 0 0;
}

.falbum-tags-block {
}

.falbum-tags-label {
	float: left;
	display: block;
}

.falbum-tags {
	float: left;
}

/* -- Image ---------------*/

.falbum-photo-block {
	float: left;
	margin: 10px 5px 10px 5px;
}

.falbum-photo {
	float: left;
}

.falbum-photo-ds {
	background: url('images/shadow.gif') no-repeat bottom right;
	float: left;
}

.falbum-photo img, .falbum-photo-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-photo2 {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	margin-top:10px;
}

/* -- Navigation ---------------*/
  
.falbum-nav {
	clear: both;	
	margin: 5px 10px 0px -10px;
	text-align:center;
	padding: 8px;	
	width: auto;	
}

.falbum-nav a {
	text-decoration: none;
}
  
/* -- Description ---------------*/

.falbum-description {
	clear: both;
	font-size: 11px;
	margin: 5px 0 5px 0 ;
}

/* -- Photo Sizes ---------------*/

.falbum-photoSizesBlock {
	padding: 10px 0px 3px 0px;
}
a.falbum-photoSizes{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}
a.falbum-photoSizes:hover {
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}

/* -- EXIF Data ---------------*/

.falbum-exif table{
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}
.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}
.falbum-exif .even{
	background-color: #e0e0e0
}

/* -- Annotations ---------------*/
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
 
a.annotation:hover {
	border-color: yellow;
}

#overDiv {
  font-size: 1em;
}

/* ----------- Tag Cloud Page -------------*/

.falbum-cloud {	
	padding: 10px;	
	line-height:auto;
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

/* ----------- Random Images -------------*/
.falbum-random ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap; 
}
.falbum-random li {
	display: inline;
}
.falbum-random li img { max-width: 50px; border: solid 3px #d4cfa9; }

/* ----------- Recent Images -------------*/

.falbum-album-recent {	
	margin-bottom: 15px;
}


/* ----------- Annotations -------------*/
.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em; text-align: left;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: left;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


/* ----------- Link button styles -------------*/
.disabledButtonLink {
	color: Gray;
	text-align:center;
	padding: 2px 15px 2px 15px;
	background-color:	#E4E0D2;
}
a.buttonLink {
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	text-align:center;
	white-space: nowrap;
	color: black;
}
a.buttonLink:visited {
	color: black;
}
a.buttonLink:active {
	border:	solid 1px #80893c;
	background-color:	#3f4513;
	color: white;
}
a.buttonLink:hover {
	border:	solid 1px #80893c;
	background-color:	#c5e178;
	color: black;
}
a.curPageLink , a.curPageLink:visited,a.curPageLink:link, a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	color: black;
}
a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
}
a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	border: double 3px #80893c;
	font-weight: bold;
}
a.otherPageLink:hover,a.curPageLink:hover {
	text-decoration: underline;
}
/* ----------- Error Page -------------*/

.falbum-error {
	font-size:1.2em;
}
.falbum-error pre{
	width: 99%;
	font-size:1.2em;
	overflow-y: hidden; 
	overflow-x: auto;
}

/* -------------  Post Helper  -------------*/
#falbum-post-helper-switch {
	float: right;
	margin: 0px 0px 0px 0px;
}
#falbum-post-helper-block {
	width: 99%;
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border:	1px solid #D4D0C2;
	background-color: #E4E0D2;
}
#falbum-post-helper-value {
	margin: 8px 5px 5px 8px;
  	font-weight: bold;
}
#falbum-post-helper-block-close {
	float: right;
}
.falbum-post-box {
}
/* -------------  Comments  -------------*/
.falbum-comment-block {
	margin: 15px 0px 5px 0px;
}
.falbum-comment-title {
	font-weight: bold;
}
.falbum-comment-author {
	padding: 5px 5px 0px 10px;
}
.falbum-comment {
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 5px 0px;
}
/* -------------  Misc  -------------*/
.falbum-sidebar-photos {
	overflow: hidden;
}
.falbum-clear {
	clear: both;
}
.falbum-clear-left {
	clear: left;
}

/* Main menu */
ul.page{list-style:none; margin:0 0 20px; width:140px;}
ul.page li{display:inline; line-height:1.4em; width:140px;}
ul.page li a{background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:125px;}
ul.page ul a{padding:3px 1px 3px 5px;width:115px;}
ul.page ul ul{width:113px;}
ul.page ul ul a{width:100px;}

/* Content */
#content{ line-height:1.6em; width: 400px; margin:0 140px 5px 170px; padding:0; }
#contentwide{line-height:1.6em;margin:0 0 20px 185px;padding:0;}
#content h2,#contentwide h2{ color: #2e470a; font-size:1.6em; background-image: url(img/back_h2.jpg); background-repeat: repeat-x; background-position: left bottom; margin:0 0 10px; }
#content h3,#contentwide h3{font-size:1.4em;margin:0 0 8px;}
#content img,#contentwide img{border:1px solid #d0d0d0;float:left;margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 20px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}

/* Footer */
#footer{ background-color:#536447; clear:both; color:#000; font-weight:normal; background-image: url(img/back_footer.jpg); background-repeat: repeat-x; background-position: center top; margin:0 auto; padding:10px 0 0; text-align:center; width:760px; height: 30px; }
#footer p{ font-size: 9px; text-transform: uppercase; margin:0; padding:0; }
#footer a{background-color:inherit;color:#98b38e;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#fff;text-decoration:underline;}
/* Subpage menu */
#subpages{float:right;font-weight:bold;line-height:1.3em;margin:20px 0 8px 15px;padding:0 0 10px 10px;width:190px;}
#subpages h2{ font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; background-image: none; margin:0 0 12px; }
#subpages ul.submenu{line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a{background-color:#f0f1eb;border-left:4px solid #cccccc;color:#505050;float:left;font-weight:bold;margin-bottom:5px;padding:3px 1px 3px 5px;text-decoration:none;width:180px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:170px;}
#subpages ul.submenu li ul li a{width:170px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:160px;}
#subpages ul.submenu li ul ul li a{width:160px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:150px;}
#subpages ul.submenu li ul ul ul li a{width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#f6f7eb;border-left:4px solid #86a100;color:#505050;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f6f7eb;border-left:4px solid #86a100;color:#505050;}

/* Tags */
p,ul,ol{margin:0 0 18px;}
blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#505050;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#606060;font-size:0.9em;font-weight:bold;}
table#wp-calendar{margin:0 0 20px;width:140px;}

/* Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 16px;padding:4px;width:130px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}

/* Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:20px 20px 25px 0;}
.postinfo{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 40px;padding:8px 5px 8px 8px;}
.comment{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;margin:0 0 10px;padding:8px 5px 0 8px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}

.contacterror {
	border: 1px solid #ff0000;
}