@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0; list-style:none; border:none; text-decoration:none;}
.hidden{display:none; }

body {margin-top:75px; font-family:Arial, Helvetica, sans-serif; font-size:70%; background-image:url(../images/texture-ideas.jpg); background-position: top; font-weight:lighter; background-repeat:no-repeat; background-color:#000000;}
#container{ width:975px; margin:0 auto; height:620px;}
h3 {cursor:pointer; width:390px;background-color:#d5d2cd; border:1px solid #CCCCCC; font-size:95%; font-weight:lighter; padding:2px 5px 2px 5px;}
h3:hover {background-color: #FFF;}


p {}

a:link{color:#003399;}
a:active{color:#003399;}
a:visited{color:#003399;}
a:hover{color: #0066CC;}

.bold {font-weight:bold; color: #996600;}

/* ----- TOP PANEL ----- */
#panel-container {position:absolute; top:0; left:0; width:100%;}
#panel { text-align:center; color:#FFF;  display:none; background-color:#baa070; background-image:url(../images/panel-background.jpg); background-position:bottom; background-attachment:fixed; width:100%; border-bottom:1px solid  #574a32;}
#panel ul {padding:10px;}
#panel ul li{display:inline; margin-right:20px;}
.btn-slide {cursor:pointer; margin-left:10px; width:100px;}
#panel a:link{color: #FFF;}
#panel a:active{color: #FFF;}
#panel a:visited{color: #FFF;}
#panel a:hover{text-decoration:underline;}




/* ----- BLOG CONTENT ----- */
#side-links{float:left; height:600px; width:80px;}
#side-links-spacer{height:300px;}


#content {width:400px; height:450px; float:left; padding-top:50px; padding-left:50px;}
.accordion {position:relative; }
.accordion p {margin:15px;}


/* ----- RECENT WORK ----- */
#current-work { height:180px;}
#current-work p{width:230px; float:left; padding:10px; }

/* ----- RECENT PHOTO/ GAME ----- */
#recent-photo {width:250px; height:305px; float:left;}
#game { width:180px; height:300px; float:left;}

#music {float:left; padding-left:57px;}
#video {float:left; padding-top:29px; padding-left:35px; }



/* ----- FOOTER ----- */
#footer {color: #624b38; cursor:pointer; margin:0 auto; clear:both; height:100px; padding:15px;  font-size:90%; width:850px; text-align:center;}
.footer-column {padding-top:20px; float:left; width:25%; height:80px; text-align:center;}

#footer a:link{color: #624b38;}
#footer a:active{color: #624b38;}
#footer a:visited{color: #624b38;}
#footer a:hover{color: #FFF; }