/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* FONT-FACE */
@font-face {
	font-family: 'QuickEndJerkRegular';
	src: url('../fonts/qej/quick_end_jerk.eot');
	src: local('Quick End Jerk'), local('QuickEndJerk'), url('../fonts/qej/quick_end_jerk.woff') format('woff'), url('../fonts/qej/quick_end_jerk.ttf') format('truetype'), url('../fonts/qej/quick_end_jerk.svg#QuickEndJerk') format('svg');
}


/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
* :focus { outline: 0; }
/* HTML ELEMENTS */
html { margin-bottom: 1px; overflow: -moz-scrollbars-vertical;
}

body { background-image:url("../images/my_repper_pattern.jpg"); font:62.5% 'QuickEndJerkRegular', Book Antiqua, Palatino,serif; letter-spacing:1; }


/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:600px; }
.headerimg { z-index: 50; background-position: center top; background-repeat: no-repeat; width:100%; height:900px; position:absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* SEARCH */
#mplayer { position: absolute; top: 10px; right: 10px; border: 1px dotted pink;background-image: url("../images/mixsign.gif"); background-repeat: none; float:right; z-index: 1000; height: 160px; width:200px; padding:20px; }

/* MENU */
#menu { position:relative; top:85px; }
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:20px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt {letter-spacing: 0;width:960px; margin:0 auto; clear:both; position:relative; top:120px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:24px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#A67311; text-decoration:none; font-size:32px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { background-color:#650099; color:#fff; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:450px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/* CONTENT */
#twitter {position: absolute;top: 220px;right: 10px;width: 200px; background-image:url("../images/headerbg.png");  font:12px Book Antiqua, Palatino,serif; color: #FFF; }
#twitter_update_list ul li a { color: #FF0066; } 
.tweet {position: absolute;top: 150px; right: 20px;width: 200px; font:12px Book Antiqua, Palatino,serif; color: #FFF; }

#main { margin:0 auto; height: 350px; clear:both; position:relative; top:20px; color:#FFF; }
#main H1 { color: #0BE578; padding:10px 20px; font-size:20px; margin:0 auto;background-image:url("../images/headerbg_content.png"); }
#main p { font-family: verdana; margin:10px; padding: 20px; font-size:1.2em; margin:0 auto;  }
#main p a { text-decoration:none; color:#CD2B3A; }
#main p a:hover { text-decoration:underline; color:#7F000C; }

#blogpost { width: 600px; float: left; margin:0 auto; clear:both; position:relative; top:20px; color:#FFF; }
#blogpost H1 { color: #0BE578; padding:10px 20px; font-size:20px; margin:0 auto;background-image:url("../images/headerbg.png"); }
#blogpost p { margin:10px; padding: 20px; font-size:16px; margin:0 auto; background-image:url("../images/headerbg_content.png");}
#blogpost p a { text-decoration:none; color:#CD2B3A; }
#blogpost p a:hover { text-decoration:underline; color:#7F000C; }

* {
margin: 0;
}
html, body {
height: 100%;
}
#header {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#push {
height: 4em;
}
#footer {
position: fixed;z-index: 1000;height: 4em; font:12px Book Antiqua, Palatino,serif; width:100%; color:#fff; background-image:url("../images/headerbg_content.png");
}

#footer H1 {   }
#footer p {  }
#footer p a { }
#footer p a:hover {  }

#event { position: relative; float:left; margin: 10px; border: 2px solid black;padding: 10px; width: 175px; min-height: 175px; background-image:url("../images/headerbg_content.png");}
#event p { width: 180px; background-image: none; background-color: ; margin: 0px; padding: 0px; font-weight: normal;} 
#event h2 { font:22px Book Antiqua, Palatino,serif;color:#FF00FF;}
#event a { font:14px Book Antiqua, Palatino,serif;text-decoration:none; color:#CD2B3A;}
#event a:hover { font:14px Book Antiqua, Palatino,serif;text-decoration:underline; color:#7F000C; }