/* CSS version 3.0, by Boris Cherny. */
/* Many thanks to Andreas, NickyD, ditchCrawler, TomW, whowrotewhat, hash bar, and Sanden Cottongame */

/* Modified by JB Price: 1/1/09 */

/* =undo.css 
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~- */
/* :link,:visited { text-decoration:none } i actually want underlines for now... */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
hr,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input { margin:0; padding:0 }
fieldset,a img,*:link img,*:visited img { border:none }
address { font-style:normal }
table,td,th,tr { border-collapse:collapse;padding:0;margin:0;text-align:left;}
body * {font-size:100%;}
/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

/* for elements that only appear for users with CSS off */
.hide { display: none; }
.hideMe {display:none;}
.showMe {display:block;}

/* to display emails and not get attacked by spambots */
.backwards { unicode-bidi: bidi-override; direction: rtl; }

body {background: #92847b url(../Images/background.gif) center repeat-y;color: #616161;font: 0.75em Verdana,Arial,Helvetica,sans-serif;text-align: center;font-size: 69%;}


a {color: #1054a9;text-decoration: underline;}
a:hover {color: #838f96;text-decoration: none;} /* 1671e3 */

acronym {border-bottom: 1px dashed #999;cursor: help;}

/* Structure */
#wrap {margin: 0 auto;text-align: left;width: 970px;}
#content {overflow:hidden;}
.column1 {float: left;width: 181px;}
.column2 {float:left;margin-left:12px;padding:12px 0px 30px 9px;width:730px;}
#homepage .column2 {overflow:hidden;}
#homepage .block1 {float:left;width:420px;}
#homepage .block2 {float:right;width:290px;}


/* Masthead */
#header {background: url(../Images/header.gif) center no-repeat;color: #e0e0e0;font-size: 250%;font-weight: bold;height: 100px;overflow:hidden;}
#header .topphoto {border: 1px solid #666;margin: 5px 35px 5px 20px;padding: 3px 15px;vertical-align:middle;}
#header .column1 {}
#header .column2 {padding:26px 0 0 7px;font-family:Verdana,Arial,Helvetica,sans-serif;}
#header .column2 strong {color:#2F2F2F;font-size:95%;}
#header .column2 span {color:#5C5C5C;font-size:100%;}


/* Left nav */
/* leave the padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
#nav {padding-bottom: 20px;}
#nav h2 {background: #444 url(../Images/h2_bg.gif) repeat;border: solid #666;border-width: 1px 0;color: #fff;font-size: 1.2em;padding: 5px;}
#nav ul li {line-height: 16px;list-style: none;}
#nav ul li a {border-bottom: 1px solid #666;color: #fff;display: block;padding: 5px 5px 5px 15px;text-decoration: none;}
#nav li a:hover {background: #666 url(../Images/selector.gif) center right no-repeat;}

#nav li a.on,
#nav li a:hover {background: #666 url(../Images/selector.gif) center right no-repeat;}
#nav li a.on {color:#333;background-color:#999;}

/* the following 3 rules are for the submenu, if you removed the submenu you can remove these rules as well */
#nav ul ul li {line-height: 10px;border-bottom: none;}
#nav ul ul li a {color: #ccc;text-indent: 10px;}
#nav ul ul li a:hover {background-image: url(../Images/selector_sub.gif);}

.column1 p {color: #fff;line-height: 1.6em;margin-bottom: 2em;padding: 5px;}
.column1 p span {color: #ccc;font-style: italic;}
.column1 p a.more {color: #a4ccff;float: right;padding-right: 5px;text-decoration: none;}
.column1 p a.more:hover {color: #fff;text-decoration: underline;}
.column1 img {border: 1px solid #666;margin: 5px 20px;padding: 10px 22px;}




blockquote {margin: 0 2em;}
.qcredit {display:block;text-align:right;padding-bottom:10px;}
dt {color: #b38b84;font-weight:bold;margin-bottom:1.5em;}
dd {color: #616161;margin-bottom:1.5em;line-height:190%;}
.column2 dd ul {margin-top:0}

h1 {border-width:1px 20px 1px 0;border-style:solid;border-color:#ccc #b48181;color: #b38b84;font-weight: normal;font-size: 130%;margin: 5px 0 20px;padding:.2em;;}
.homepage h1 {padding:1em 0;}


input {background: #5c5c5c;margin: 2px 20px;width: 140px;}
.column2 ul {margin:10px 0 10px 2em;}
.column2 li {margin:0 0 1em;list-style-type: square;}

.login {border: 1px solid #666;color: #999;}
.login_hover {border: 1px solid #999;color: #ccc;}
#submit {border: 1px solid #666;color: #999;cursor: pointer;margin: 2px 20px;text-decoration: none;width: 140px;}
#submit_hover {border: 1px solid #999;color: #ccc;cursor: pointer;margin: 2px 20px;text-decoration: none;}


.column2 p {line-height: 190%;margin-bottom: 1.5em;}
#links { display:none; }
.column2 .block {margin-bottom: 40px;}

.tabcontain {overflow:hidden;}

.tabcontain ul { border-bottom: 1px solid #ccc;padding: 0 10px 19px 0;margin: 10px 0;}
.tabcontain ul li {display: inline;list-style-type: none;margin: 0;padding: 0;}
.tabcontain ul a:link, 
.tabcontain ul a:visited {
	float: left;
	text-indent:0;
	background: #eee;
	border: 1px solid #ccc;
	border-right:20px solid #B48181;

	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px;
	text-decoration: none;
	color:#B38B84;
	font-size:130%;
}
.tabcontain ul li.active a:link, 
.tabcontain ul li.active a:visited {background: #fff;border-bottom: 1px solid #fff;color: #000;}
.tabcontain ul a:hover {  }





.badge {margin:1em 0;text-align:center;}

/* resume */
dl.resume {}
dl.fancy dt,
dl.resume dt {text-transform:uppercase;color:#616161;font-weight:bold;margin-bottom:.5em;background: url("../Images/arrow_outline.gif") no-repeat left center;padding-left:18px;}
dl.resume dd {margin:0 0 2em 1.5em;}
dl.resume dd p {margin-bottom:.5em;}
dl.resume dd.digExp {}
dl.resume dd.digExp .entry {margin-bottom: 1em;}
dl.resume dd.digExp ul,
dl.resume dd.digExp ul li {margin-bottom:0;}



/* jquery gallery */
.galleria { list-style: none; width: 200px; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img {cursor: pointer; }
.galleria li.active div img, 
.galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: .5em; }

.pGal a { color: #348; text-decoration:none; outline: none; }
.pGal a:hover { color: #67a; }
.pGal .caption { font-style: italic; color: #887; }
.pGal { position: relative; margin-top: 2em; }

.pgallery_tlist { width: 702px; margin: 0 auto; margin-left: 14px !important; }
.pgallery_tlist li{ width: 68px; height: 50px; border: 3px double #111; margin: 0 2px 4px; background: #000; }
.pgallery_tlist li div { left: 240px; }
.pgallery_tlist li div .caption { font: italic 0.7em/1.4 georgia,serif; }
.pgalnav { padding-top: 15px; clear: both; font: 80% 'helvetica neue',sans-serif; letter-spacing: 3px; text-transform: uppercase; text-align: center; }
.info { text-align: left; width: 700px; margin: 30px auto; border-top: 1px dotted #221; padding-top:30px; }
.info p { margin-top: 1.6em; }

.horiz #main_image { margin: 0 auto 60px auto; height: 466px; width: 700px; background: black; }
.horiz #main_image img{ margin-bottom: 10px; }

.vert #main_image { margin: 0 auto 60px auto; height: 700px; width: 700px; background: black; }
.vert #main_image img { margin: 0 auto 10px; }
.vert .galleria_wrapper { text-align: center; }




	
	





/* Footer */
#footer {clear: both;color: #999;font-size: 10px;padding: 30px 0 10px 0;text-indent: 185px;}
#footer a {color: #999;text-decoration: underline;}
#footer img {vertical-align:middle;}






@media only screen and (max-device-width: 480px) { 


	.selector {padding: 0;margin: 0;}
	body {background: none; font: 1em Verdana,Arial,Helvetica,sans-serif;text-align: center;font-size: 150%;}
	a {color: #00f !important;text-decoration: underline;}
	a:hover {color: #838f96;text-decoration: none;} /* 1671e3 */


#header {background:none;color:#E0E0E0;font-size:200%;font-weight:bold;height:auto;text-align:center;margin:0;padding:10px 10px 20px;}
#header .column1 {display:none;}
#header .column2 {float:none;margin0;padding:0;width:auto;}

#content .column1 {float:none;width:auto;}
#content .column1 img,
#content .column1 #nav h2 {display:none;}
#content .column1 #nav {overflow:hidden; text-align:center;}
#content .column1 #nav ul {display:inline;}
#content .column1 #nav ul li {display:inline;}
#content .column1 #nav a {display:inline-block; border:1px solid #333;color:#999;text-decoration:none;padding:13px 5px;}

#nav li a.on {
background-color:#999;
color:#fff;
}
#nav li a.on, 
#nav li a:hover {
background:#666;color:#fff !important;
}
.tabcontain ul a:link, 
.tabcontain ul a:visited {
	float: left;
	text-indent:0;
	background: #eee;
	border: 1px solid #ccc;
	border-right:20px solid #B48181;
display:inline-block;
	line-height: 14px;
	margin-right: 8px;
	padding: 20px 10px;
	text-decoration: none;
	color:#B38B84;
	font-size:130%;
margin-bottom:10px;
}


#content .column2 {float:none;margin10px;padding:10px;width:auto;}
 #homepage .block1 {float:none;width:auto;}


}