body {
	letter-spacing:.2mm;
		border: 0px solid 		#F7C942;
		color: 					#333333;
		text-shadow: 0 1px 0 	#fff;

		background-image: url('/img/white-texture.jpg');

		font-family: Helvetica;
		/* background: #C9C967 url('http://themes.googleusercontent.com/image?id=18AptcsW3vZ0Atpeb67jjVfiaZ50_O0rX0EU7kiCPZ4oQqR4ua_WiPbsACITyhYInyBQc') no-repeat fixed top center; */
}

	

p,
.tnormal {
	font-size: 0.85em;
}

a.ui-link {
	color: #fff;
}


.cc_header_nav_container ul li:first-letter {
	color: #9E3256;
}





h4 {margin: 0;}

.ui-footer .ui-title {
	margin: .2em 10px .1em;
	font-size: .85em;
}

.ui-footer-icon {
	width: 20px;
	
}


.floatr {float: right;}
.floatl {float: left;}
.inlineblock {display: inline-block;}
.clearb {clear: both;}
.alignr {text-align: right;}
.alignl {text-align: left;}

/********** cc base **********/
.cc_logo2 {
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.cc_nav {
	
}
.cc_nav li {

}

.cc_nav li:first-child {
	margin-left: 0;
}


.cc_header_nav_container ul li {
	display: inline-block;
	margin: 5px 5px 5px 0;
}

.cc_header_nav_container ul li a {
	padding: 2px 5px 3px;

	font-size: 0.9em;
}


.cc_header_nav_container ul li a:hover {


}


.cc-ui-menu-btn {
	border: 1px solid 		#78BBCE;
	background: 			#fadb4e;
	font-weight: bold;
	color: 					#333;
	text-shadow: 0 1px 0 	#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#bbb994)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEE, #D9D7AE); /* Chrome 10+, Saf5.1+ */
	background-image: -webkit-linear-gradient(top, #EEE, #bbb994); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #EEE, #bbb994); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EEE, #bbb994); /* IE10 */
	background-image:      -o-linear-gradient(top, #EEE, #bbb994); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #EEE, #bbb994);
}

.cc-ui-menu-btn-active {
	border: 1px solid 		#e79952;
	background: 			#fadb4e;
	font-weight: bold;
	color: 					#333;
	text-shadow: 0 1px 0 	#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#bbb994)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEE, #D9D7AE); /* Chrome 10+, Saf5.1+ */
	background-image: -webkit-linear-gradient(top, #EEE, #bbb994); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #EEE, #bbb994); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EEE, #bbb994); /* IE10 */
	background-image:      -o-linear-gradient(top, #EEE, #bbb994); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #EEE, #bbb994);
}

.cc-ui-menu-btn:link, .cc-ui-menu-btn:visited, .cc_logo:link, .cc_logo:visited {
	color: #333;
}

.cc-ui-menu-btn:hover {
		border: 1px solid 		#e79952;
		background: 			#fbe26f;
		font-weight: bold;
		color: 					#111;

		text-shadow: 0 1px 1px 	#fff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
		background-image:      -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #fcf0b5, #fbe26f);

	background: #f4ed39;
	background: #f4f077;
	background: #dfdcbb;
}

/* test */
.cc_footer img {
	max-width: 20px;
	min-width: 10px;
	width: inherit;
	margin:0 20px 0;
}
.cc_footer {
	vertical-align: middle;
	white-space: nowrap;
}
.cc_footer a {
	display: inline-block;
}


.cc_red {
	color: #9E3256;
}

.cc_yellow {
	color: #ecec5e
}

.cc_g1 {
	color: #93A412;
}

.cc_bg {
	background: #C9C967 url(http://themes.googleusercontent.com/image?id=18AptcsW3vZ0Atpeb67jjVfiaZ50_O0rX0EU7kiCPZ4oQqR4ua_WiPbsACITyhYInyBQc) no-repeat fixed top center;
}

.header_nav {
}

.cc_btn {
	margin: 2px 0;
}

.cc_photo_normal {
	margin: 15px;
	max-width: 100%;
	/*max-height: 100%; */
	
	border: 1px #888 solid;
	
	
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	
	-moz-box-shadow: 5px 5px 40px #888;
	-webkit-box-shadow: 5px 5px 40px #888;
	box-shadow: 5px 5px 40px #888;
}

.cc_photo_thumbnail {
	margin: 5px;
	border: 1px solid #888;
	width: 104px;
	height: 104px;
	
	-moz-box-shadow: 2px 2px 10px #888;
	-webkit-box-shadow: 5px 5px 40px #888;
	box-shadow: 1px 1px 5px #888;
}

/*******/

.recent9Container {
	margin: 0 auto; text-align: center; overflow: visible;
}

.recentPhotoContainer {
	display:inline-block; text-align: left; max-width: 501px;
}

	.recentPhotoContainerTitle {
		letter-spacing: .15em;
	}
	
	.recentPhotoDescription {
		display:block;
	}

.recentPhotoContainer div.photoContainer {
	/*margin: 0 3px 0 0;*/
	float: left;
	width: 33.33333333%;


	display: block;
}

.recentPhotoContainer div.photoContainer a {
	display:block;
	margin: 0 5px 0 0;
}

.recentPhotoContainer div.photoContainer img {
	width: 100%;
	height: auto;

	border: 1px #999 solid;
}

.recentPhotoContainer img:hover {
	border: 1px #999 solid;
	opacity: .8;
}


.recentPhotoContainer img {
	width: 144px;
	height: 144px;
	border: 1px #666 solid;
	opacity: 0.7;
	opacity: 1;
	/*margin: 0 5px 5px 0;*/
}




/* photography */
.photographyMainCategoryContainer {
	text-align:center;
	margin:0 auto;
	max-width:950px;
}

.photographyYearsContainer {
	max-width: 950px;
	margin: 0 auto;
	text-align: left;

	margin: 20px auto -1px auto;
	/* background: #CCC; */
	
}

.photographyYearsContainer .year {
	padding: 5px; display: inline-block;
}





/* provides styling to the fb like button */
.fb_like_container {
	width: 97px;
	height: 22px;
	overflow: hidden;
	margin-top: -3px;
}

.photographyAlbumContainer {
	margin: 0 auto;
	text-align: center
}

.albumTitleContainer {
	text-align: left; margin-left: 10px;
}

.albumDateContainer, .albumSummaryContainer {
	text-align: left;
	margin-left: 10px;
	font-size: .9em;
}

.photoCategoryContainer {
	border-bottom:1px solid;
	padding-bottom: 5px;
}
	.photoCategoryContainer .photoCategory {
		margin-right: 10px;
	}
	.photoCategoryContainer .photoCategorySelected {
		color: #666;
	}




/* tblReport class */
.tbl-report {
	caption {
		font-weight:bold; color:#F5F1E6; background-color: #315421; border:0 solid #330000;
	}

	th {
		border:1px #DDDDDD solid; padding: 3px; background-color: #D3D1C4; color:#333333; text-align: left; letter-spacing:.1em; font-size: 0.85em;
	}

	td {
		border:1px #DDDDDD solid; padding: 3px; background-color: #F5F1E6; color:#333333; vertical-align:top;
	}
}
/*
.tblReport {margin:0; padding:0; border-collapse:collapse;}
	.tblReport caption {font-weight:bold; color:#F5F1E6; background-color: #315421; border:0 solid #330000;}
	.tblReport tr {}
	.tblReport th {border:1px #DDDDDD solid; padding: 3px; background-color: #D3D1C4; color:#333333; text-align: left; letter-spacing:.1em; font-size: 0.85em;}
	.tblReport td {border:1px #DDDDDD solid; padding: 3px; background-color: #F5F1E6; color:#333333; vertical-align:top;}
	*/
.tblReport
	.tblReport td a:link, .tblReport td a:visited {color:#7F1800;}
	.tblReport td a:hover {color: #E32419;}



/* Projects Page */
#container_projects {
	border: 0 solid;
	text-align: center;
	vertical-align: top;
	margin: 0 auto;
	width:100%;
	width: 1024px;
}

#container_projects td {
	width: 50%;
	margin: 0 auto;
}

#container_projects td {
	vertical-align: top;
}

.tblReport {margin: auto;}
#projects td, #lab td {width: auto;}

.prj_img_container {text-align: center; height: 80px; width:45%;}
.prj_inf_container {text-align: left;}
.prj_inf_divider {border-bottom:1px #DDD solid; margin-top:2px; margin-bottom: 5px;}


#container_prj_edit input, #container_lab_edit input {
	width:100%;
}

/********** projects new **********/
.projectListOuterContainer {
	text-align: center; width: 100%; 
}

.projectListWrapper {
	width:100%; margin: 0 auto;
}

.projectListContainer {
	 width: 100%;
	float: none;
}

.labListContainer {
	width: 100%;
	float: none; 
}

/********** About Page **********/
#container_about {
	width: 100%; margin: 0 auto;
	max-width: 700px;
}
#container_about table td {
	line-height: 150%;
}

#container_about p {
	padding-bottom: 20px;
}

#container_about .aboutTitle {
	width: 10%;
	max-width: 150px;
	padding: 0 20px 0 0;
	text-align: right;
}
#container_about .aboutDescription {
	width: 90%;
	padding: 0 0 0 0;
}



/********** photography index page **********/
.albumInfoImageContainer {
	max-height: 154px;
	/*width: 124px;
	height: 124px;*/
	/* height: 124px; */
	border-right: 1px #0988A9 solid;
border-right: 1px #78BBCE solid;
	/*display: inline-block; */
	float: left;
}


/* single album per row */
.borderOdd {
	border: 1px #0988A9 solid; /* #888*/
	border: 1px #78BBCE solid;
}

.borderEven {
	border: 1px #0988A9 solid; /* #888*/
	border: 1px #78BBCE solid;
}


.albumInfo {

	text-align:left;
	/* width: 448px; */
	width: 100%;
	/* max-height: 124px; */

	display: inline-block;
	white-space: normal;
	
	/*margin-bottom: 5px;*/
	
	max-height: 154px;
	/* height: 124px; */

	
	margin-bottom: 10px;
}


.albumInfoTextContainer {
	min-width: 305px;
	/*min-height: 154px;
	max-height: 154px;
	*/
	height: 154px;
	padding-left: 10px;
	

	float: left;
	overflow: hidden;
	overflow-y: auto;
	font-size: .9em;
	
	
	
	
	
	
	max-width: none;
	/* height: 124px; */


	overflow: hidden;
	float: none;
}

@media all and (min-width: 950px) {
	
	.albumInfo {
		text-align:left;
		width: 473px;
		max-height: 154px;
		/* height: 124px; */
		display: inline-block;

		margin-bottom: 10px;
	}


	.albumInfoTextContainer {
		min-width: 305px;
		max-width: 305px;
		/*min-height: 154px;
		max-height: 154px;
		*/
		height: 154px;
		padding-left: 10px;


		float: left;
		overflow: hidden;
		overflow-y: auto;
		font-size: .9em;
	}

	.borderOdd {
		border: 1px #0988A9 solid;
	border: 1px #78BBCE solid;
	}

	.borderEven {
		border-color: #0988A9;
	border-color: #78BBCE;
		border-width: 1px 1px 1px 0;
		border-style: solid;
	}


}

/***********************************************************************************************************************/
/* small device */
@media all and (max-device-width: 1024px) {
	.ui-footer-icon {
		width: 36px;
		margin-right: 6px;
	}
	
}

.cc_header_nav_container {
	margin: 3px 5px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	vertical-align: middle;

}

@media all and (min-width: 640px) {
	.cc_header_nav_container {
		margin-top: -27px;

		text-align: right;
		position: relative;
	}
	
}





@media all and (min-width: 900px) {


	.projectListOuterContainer {
		text-align: center; max-width: 100%; 
	}

	.projectListWrapper {
		max-width:100%; margin: 0 auto;
	}

	.projectListContainer {
		 width: 48%; float:left; padding-right:20px;
	}

	.labListContainer {
		width: 48%; float:left; 
	}
}




@media all and (max-device-width: 480px) {
	.menu_links {
		display: none;
		display: block;
	}
	

	
	
}

@media screen and (max-width: 320px) {
	.cc_header_nav_container ul li {
		margin: 1px;
		font-size: .85em;
	}
}