#frame { border: 1px solid #e08946; background-image: url(../images/media/frame_background.gif); }

#header { background-image: url(../images/media/header.gif); }

/* ---- NAVIGATION ---- */
#main-navigation{ background: url(../images/media/nav_background.gif) top left repeat-x; }

/* -- Buttons --*/
#main-navigation .home, #main-navigation .home a { background-image: url(../images/media/b_home.gif); }
#main-navigation .blog, #main-navigation .blog a { background-image: url(../images/media/b_blog.gif); }
#main-navigation .diary, #main-navigation .diary a { background-image: url(../images/media/b_diary.gif); }
#main-navigation .about, #main-navigation .about a { background-image: url(../images/media/b_about.gif); }
#main-navigation .media, #main-navigation .media a { background-image: url(../images/media/b_media.gif); }
#main-navigation .contact, #main-navigation .contact a { background-image: url(../images/media/b_contact.gif); }
#main-navigation .facebook, #main-navigation .facebook a { background-image: url(../images/media/b_facebook.gif); }
#main-navigation .youtube, #main-navigation .youtube a { background-image: url(../images/media/b_youtube.gif); }

#sub-menu { border-bottom: 5px solid #D9701F; }
#sub-menu p { margin: 0; }

#footer-copyright p { color: #e6a16b; }
#footer-text { background-color: #e08946; text-align: center; }

.column-divider { border-right-color: #e08946 !important; }


a:link, a:visited { color: #692E54; text-decoration: none; }
a:active, a:hover { color: #8D3E71; text-decoration: none; }


.quote { font-size: 84%; font-weight: bold; border-top: 1px solid #D9701F; padding-top: 10px; }
.quoter { font-size: 84%; font-style: italic; font-weight: normal; }

/* box rounded corners */
.topright{ background:url(../images/media/tr.gif) top right no-repeat;}
.topleft{ background:url(../images/media/tl.gif) top left no-repeat;}
.bottomright{ background:url(../images/media/br.gif) bottom right no-repeat;}
.bottomleft{ background:url(../images/media/bl.gif) bottom left no-repeat;} 

/* Home tab */
#media-links { }
#media-links ul { margin: 1em 0 0 0; padding: 0; line-height: 1.4em; }
#media-links li { margin: 0 0 1.5em 0; padding: 0; list-style: none; }

/* Clips main tab */
.media-clips { float: left; width: 236px; padding: 0; overflow: auto; }
.border {  border-left: 1px solid #D9701F; padding: 0 0 0 10px !important; }
.media-clips ul { color: #fff; font-size: 70%; line-height: 2em; margin: 0; margin-bottom: 0.8em; padding: 0; }
.media-clips li { list-style: none; }

/* clips media player container  */
#media-player { width: 340px; margin: auto; height: 180px; clear:both; margin-bottom: 20px; background-color:#D9701F; }
#media-player h2 { margin: 0; padding: 0; margin-bottom:5px; float:left; }
#media-player span { width: 100px; text-align:right; float:right; padding-right: 20px; font-size: 70%; }
#player { font-size: 70%; color: #FFF; clear:both; }
#media-player .corner{ float: left; width: 170px; height: 10px; background-color:#D9701F !important; margin:0; padding:0;}
#media-player .middle{ width:320px; clear:both; background-color:#D9701F; display:block; margin-left:20px; padding:0; }

/* Gallery tab */
.gallery-image { width: 140px; overflow: hidden;  float: left; margin: 0; margin-left: 15px; margin-bottom: 17px; font-size: 70%; color:#FFF; text-align:center; }
.gallery-image img { border: 1px solid #FFF; }
.gallery-image .corner{ float: left; width: 70px; height: 10px; background-color:#D9701F !important; margin:0; padding:0;}
.gallery-image .middle{ width:140px; clear:both; background-color:#D9701F; display:block; margin:0; padding:0; }