/*****************************/
/* CSS Screen Portfolio Page */
/*****************************/

#content-box {
	width: 880px;
	margin-top: 10px;
	margin: 0 auto;
}

.content-box-hr  {
	width: 870px;
	height: 2px;
	margin: 4px 20px 4px 0;
	background-color: #bbccff;
	float: left;
}

h1 {
	text-align: center;
	padding-bottom: 10px; 
} 

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif; 			 
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 10px; 
}

h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding-bottom: 10px; 
}

p {
	font-family: Helvetica, Arial, Verdana, sans-serif; 			 
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 10px; 
}

#doodle {
	text-align: center;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px; 
}

/* Link State Portfolio */
a.link-state-portfolio {
	font-family: Cambria, Times, 'Times New Roman', serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}	

a.link-state-portfolio:link {
	color: #ffffff;	
}	

a.link-state-portfolio:visited {
	color: #eddad6;	
}	

a.link-state-portfolio:hover {
	color: #004061;		
	background-color: #d0c9cd;
	text-decoration: underline;
}	

a.link-state-portfolio:active {
	color: #ff0000;	
}

/* http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer */
.thumbnail {
	background-color: ffffff;
	border-color: #bbccff;
	border-style: solid;
	border-width: 2px;
	color: inherit;
	padding: 2px;
	margin-right: 4px;
	width: 113px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	float: left;

}

.thumbnail:hover {
	background-color: #ffffff;
	border-color: #bbccff;
	z-index: 50;
}

 /* CSS for centering images not square */
.thumbnail img#center-fort-worth-heading {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 42px;
    margin-bottom: 42px;
}
.thumbnail img#center-fsc {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 54px;
    margin-bottom: 53px;
}
.thumbnail img#center-dt {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
    margin-bottom: 18px;
}
.thumbnail img#center-synergy {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.thumbnail img#center-coyote-howling {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9px;
    margin-bottom: 9px;
}
.thumbnail img#center-nasty-cat {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.thumbnail img#center-santa-raindeer {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-judynjude-dining {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-nephews-squirrels {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
    margin-bottom: 18px;
}
.thumbnail img#center-judynjude-fireside {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
    margin-bottom: 18px;
}
.thumbnail img#center-meet-the-cousins {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.thumbnail img#center-jude-sniffing {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-jude-bad {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-jude-running {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-jude-reading {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 16px;
}
.thumbnail img#center-jude-nephews-baseball {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

 /* CSS for enlarged image */
.thumbnail span {
	position: absolute;
	background-color: #ffffff;
	padding: 20px;
	left: -1000px;
	border: 6px solid #bbccff;
	visibility: hidden;
	color: #5e71aa;
	text-decoration: none;
}
.thumbnail span.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.thumbnail span.rotate180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.thumbnail span.rotate270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*CSS for enlarged image*/
.thumbnail span img { 
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100;
	left: 60px; /*position where enlarged image should offset horizontally */
}

.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}