@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
body {
	background-color: rgb(88,88,88);
}
a:link {
	color: rgba(0,0,0,0.5);
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: rgba(0,0,0,0.7);
	text-shadow: 3px 5px 3px rgba(0,0,0,0.45);
	text-outline: 2px;
}
a:active {
	text-decoration: none;
}

#content a:link {
	color: #FFF;
	text-decoration: none;
}
#content a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#content a:hover {
	text-decoration: none;
}
#content a:active {
	text-decoration: none;
	color: #FFF;
}
#biopic img  {
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 5px;
}

#mainwrapper .box {  
        border: 5px solid #fff;  
        cursor: pointer;  
        height: 125px;  
        float: left;  
        margin: 7px;  
        position: relative;  
        overflow: hidden;  
        width: 125px;  
        -webkit-box-shadow: 1px 1px 1px 1px #ccc;  
        -moz-box-shadow: 1px 1px 1px 1px #ccc;  
        box-shadow: 1px 1px 1px 1px #ccc;  
}  
#mainwrapper .box img {  
        position: absolute;  
        left: 0;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
}  
#mainwrapper .box .caption {  
        background-color: rgba(0,0,0,0.8);  
        position: absolute;  
        color: #fff;  
        z-index: 100;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
        left: 0;  
}
#mainwrapper #box-5.box .rotate-caption {  
        width: 95px;  
        height: 235px;  
        text-align: left;  
        padding: 15px;  
        top: 150px;  
        -moz-transform: rotate(-180deg);  
        -o-transform: rotate(-180deg);  
        -webkit-transform: rotate(-180deg);  
        transform: rotate(-180deg);  
}  
#mainwrapper .box .rotate {  
        width: 125px;  
        height: 400px;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
}  
#mainwrapper .box:hover .rotate {  
    background-color: rgba(0,0,0,1) !important;  
    -moz-transform: rotate(-180deg);  
    -o-transform: rotate(-180deg);  
    -webkit-transform: rotate(-180deg);  
    transform: rotate(-180deg);  
}  
  	


.button {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: rgba(227,227,229,0.5);
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: rgba(255,255,255,0.5);
}
#contentarticletext h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	font-variant: normal;
	text-decoration: underline;
}
#contentarticletext p,ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	list-style-type: square;
	padding-bottom: 3px;
}
#contentauslistingtext h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	font-variant: normal;
	text-decoration: underline;
}
#contentauslistingtext p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 15px;
}