/*Place Yahoo stuff in css file for win/ie -- don't know why*/ /* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.10.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;} q:before,q:after{content:'';}




/** * 84.5% for !IE, keywords for IE * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE < 6 and IE6 quirks mode. * */ 
body {background-color: #bbbbbb; color: #333333; font:13px helvetica,arial,clean,sans-serif; }

table {font-size:inherit;}



/** * 99% for safari; 100% is too large */ select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}

/** * Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;}

/** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * {line-height:1.22em;}

/********************************/



a:link, a:active, a:visited {text-decoration: none; color: #1947cb; /* #9999CC */ background-color: transparent; }
a:hover, a:visited:hover { text-decoration: none; color: #ffffff; background-color: transparent; }

strong {font-weight: 800;}

em {font-style: italic;}

.clearer {clear: both; line-height: 0; height: 0;}

#menucontainer {margin: 0 0 0 0; z-index: 5000;}

ul#menu { margin: 0 0 0 0px; font-size: 160%; float: left; background-color: transparent;}

ul#menu li { display: inline; }

ul#menu li a { display: inline; margin-right: 10px; padding: 0px;background-color: transparent; /* #F2F2F2 */ }

ul#menu li a.current:link, ul#menu li a.current:active, ul#menu li a.current:visited, ul#menu li a.current:hover, ul#menu li a.current:visited:hover { text-decoration: none; color: #272420;}

ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited { text-decoration: none; color: #7c7369;}


ul#menu li a:hover, ul#menu li a:visited:hover { text-decoration: none; color: #9b948c; background-color:transparent;}

ul#menu li ul { font-size: 92%; clear: left;}

ul#menu li ul li a {padding: 0 0 1px 0; }

ul#menu li ul li a.current:link, ul#menu li ul li a.current:active, ul#menu li ul li a.current:visited, ul#menu li ul li a.current:hover, ul#menu li ul li a.current:visited:hover { text-decoration: none; }

ul#menu li ul li a:link, ul#menu li ul li a:active, ul#menu li ul li a:visited { text-decoration: none; }

ul#menu li ul li a:hover, ul#menu li ul li a:visited:hover { text-decoration: none;  }



ul#submenu {display: inline;  }

ul#submenu li {display: inline; font-size: 80%;}



table#search {font-size: 92%;}

table#sort {font-size: 92%;}

table#search td, table#sort td {text-align: left; padding-right: 4px;}

table#editimageinfo {font-size: 92%; width: 70%; margin: 0 auto;}

table#editimageinfo td, table#logintable {padding: 3px;}

#container {background-color: #bbbbbb; margin: 0 auto; width: 850px; }

#content {margin: 0px; clear: both; position: relative; width: auto; padding-top: 5px;}

#workcontainer {overflow: visible; clear: both; position: relative; }

#leftcontainer {float: left; width: 72%; border: 0px solid white; background-color: transparent;margin-bottom: 15px;}



#rightcontainer {float: right; padding: 0px 0px 7px 7px; background-color: transparent; width:25%;}

#masthead {background-color: transparent; z-index: 2000; padding-top: 10px; margin: 0px 0 3px 0; border-top: 0px solid #333333;}



#sort {margin-right: 5px; }

form#edit_big_image, form#edit_big_image legend, form#edit_big_image dl, form#edit_big_image dt, form#edit_big_image dd, form#edit_big_image fieldset {display: inline;}

em {font-style: italic;}

strong {font-weight: 800;}

abbr {cursor: help;}

#sortmenu {}

form#add {margin: 0 0 5px 0;} form#add p {font-size: 100%;}

#thumbnails_form {margin: 5px 0 5px 0;}

form#edit_big_image input {}

fieldset {display: inline; font-size: 92%;}

fieldset label {}

.smalltext {font-size: 92%;}

.highlighter {background-color: #f7ef16;}

.controls {  /*background-color: #F2F2F2;*/ font-size: 92%; color: #777777;}

#controlscontainer {margin: 0 auto; width: 97%;}

span.prevnext { padding-right: 10px; }

span.prevnext .return { padding-right: 15px; }

.top {margin: 0; padding: 0; border-bottom: none;}

#controlsleft {width: 30%; float: left; text-align: left;}

#controlsmiddle {width: 30%; margin: 0 auto; text-align: center;}

#controlsright {width: 30%; float: right; text-align: right; color: #333333; }




.bottom { border-top: 1px solid #666666; margin: 15px 0; padding: 3px 0;}

ul#tag_list {position: relative; width: 160px; font-size: 92%;}

ul#tag_list li {display: inline; margin-right: 3px; float: left;}


#footer {clear: both; background-color: #bbbbbb; margin: 15px 0 20px 0; text-align: right; font-size: 85%; padding: 0 5px 15px 0; }

#editbox { float:right; background-color: transparent; margin: 0; text-align: right; font-size: 85%;  width: 10%; height: 20px; }

#editbox a:link, #editbox a:active, #editbox a:visited {text-decoration: none; color: #dddddd; /* #9999CC */ background-color: transparent; }

#editbox a:hover, #editbox a:visited:hover { text-decoration: none; color: #ffffff; background-color: transparent;}



#logo {text-align: right; background-color: transparent; z-index: 0; margin: 0px 0px 0 0;  z-index: 2000; line-height: 100%; padding-top: 0px; }

#logo h1, #logo h1 a:link, #logo h1 a:visited { text-decoration: none; color: #272420; /*#f9a46b; #FFCC66*/ font-size: 170%; font-family: baskerville, times, georgia, serif; font-weight: normal; background-color: transparent; }

#logo h1 a:hover, #logo h1 a:visited:hover, #logo h1 a:active { text-decoration: none; color: #605e5c; background-color: transparent; /*#f9a46b; #FFCC66*/}




#content {margin: 0px 0 20px 0px;}

#content hr {background-color: #cccccc; color: #cccccc; height: 1px; border: none; margin: 10px 0 20px 0; padding: 0; width: 390px; text-align: left;}

#content h2 { font-weight: normal; font-size: 130%; color: #ffffff; /*#f7ef16;  #987654 */margin-bottom: 5px; background-color: transparent;z-index: 1000; }

#content h3 { font-weight: normal; font-size: 110%; color: #ffffff; /*#f7ef16;  #987654 */ margin-left: 0px; margin-bottom: 5px; margin-top: 5px; background-color: transparent;z-index: 1000; }


/*recently added headline*/

#content h4 {font-weight: normal; margin: 0 0 10px 54px; font-size: 92%; }

.review { font-size: 125%; font-family: georgia, serif; line-height: 150%; margin: 0 10px 0px 20px; font-weight: bold;}

#content p { padding-bottom: 10px; line-height: 130%; font-size: 110%; }

#content ul {list-style-image: url(site-images/list-dot.gif); padding-bottom: 10px;  margin-left: 20px; margin-bottom: 5px; }

ul.activity-menu li {list-style: none; font-size: 130%; padding: 0; margin: 0;} #content ul.activity-menu {margin: 0;}

#content ul li {margin-bottom: 5px;}

#content img { padding: 0px; /*background-color: #CCCCCC;*/ border: 1px solid #999999; background-color: transparent; }

#content img.front { padding: 0px; /*background-color: #CCCCCC;*/ border: 0px solid #999999; background-color: transparent; margin-top: 0px; z-index: 0; }


#portfoliocontainer {text-align: center; font-size: 100%; margin-top: 10px;}

.portfolio { margin: 0; text-align: center; }

#portfoliocontainer img { padding: 0px; /*background-color: #CCCCCC;*/ border: 1px solid #999999; background-color: transparent; }

.portfolio ul { padding-bottom: 10px; margin:0; text-align: left; display: inline; }

.portfolio ul li { padding-right: 10px; display: inline;  }

.portfolio ul li.title { font-style: italic; font-weight: normal;}

.title {width: 170px; margin: 0 auto; font-style: italic; }

.thumb ul li { text-align: center; width: auto; float: left; margin-bottom: 0px; margin-left: 17px; height: 210px; font-size: 92%; list-style-type: none; }



#recentlyaddedcontainer { float: right; margin: 0px 0px 10px 10px;border-left: 0px solid #999999; padding-left: 7px; padding-top: 0px; width: 50%; }
.secondary-content #recentlyaddedcontainer { width: auto; }

#recentlyaddedcontainer img {padding: 0px; /*background-color: #CCCCCC;*/ border: 1px solid #999999; background-color: transparent;}


#recentlyaddedcontainer ul {list-style: none; margin-left: 0px; float: right; text-align: center;}



ul#thumbnails li { text-align: center; width: auto; height: 210px; float: left; margin-right: 17px; font-size: 92%; list-style-type: none;}


.show { width: 200px; height: 120px; float: left; margin: 0 10px 10px 0; border: 1px solid #EEEEEE; }

.show h4 { background-color: #EEEEEE; padding: 5px; margin-bottom: 5px; }

.show ul { margin-left: 10px; }

form#contact_form fieldset {font-size: 100%;}

form#contact_form {
	
	margin: 12px 0;
	
}

form#contact_form input, form#contact_form textarea {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

form#contact_form button {
	border: none;
	padding: 3px 5px;
	background-color: #DDDDDD;
	width: 50px;
	color: #333333;
	font-size: 92%;
}

form#contact_form button:hover {
		border: none;
	padding: 3px 5px;
	background-color: #ccc;
	width: 50px;
	color: #333333;
	font-size: 92%;
}

form#contact_form dt, form#contact_form dd {
	float: left;
	width: 150px;
	display: block;
	margin-bottom: 4px;
}

form#contact_form dt {
	text-align: right;
	width: 150px;
	clear: left;
	margin-right: 4px;
}

.input_error {
	background-color: yellow;
}	

.hidden {
	display: none;
}

a.pdf { background: url('site-images/icon-pdf.png') no-repeat 0 0; text-indent: -999em; }
#content img.pdf { vertical-align: bottom; border: 0; }

.main-content { float: left; width: 390px; }
.secondary-content { float: right; width: 450px; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }