/*
Theme Name: Benjamin Kroger
Theme URI: http://www.benkroger.com/
Description: Theme created by Ajektive Entertainment for Benjamin Kroger
Version: 1.0
Author: Ajektive Entertainment
Author URI: http://www.ajektive.com
*/


html, body { background-color: #42464b; height: 100%; margin: 0; padding: 0; color: #aaa; font-size: 12px; font-weight: bold; font-family: Arial,Verdana, tahoma, sans-serif; text-align: center; }
a:link, a:visited, a:active { color: #aaa; }
a:hover { color: #d0d0d0; }
img { display: inline; border: 0; }
a:focus { -moz-outline: none; }

div#horizon { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -280px; text-align: center; min-width: 791px; }
div#wrapper { background: transparent url(images/main_bg.png) no-repeat left 39px; position: relative; text-align: left; width: 791px; height: 528px; margin: 0px auto; overflow: hidden; }
div#copyhorizon { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: 295px; text-align: center; }
div#copywrapper { position: relative; width: 800px; height: 20px; margin: 0px auto; font-size: 11px; font-family: Verdana, sans-serif; }
div#copywrapper p { margin: 0; padding: 0; }

div#topnav a.current { text-decoration: underline; }
div#topnav { padding: 0 6px 0 6px; }
ul.topnav { float: right; width: 503px; height: 31px; margin: 3px 0 0 0; padding: 0; }
ul.topnav li { display: block; float: left; margin: 0; padding: 0; text-indent: -9999px; }
ul.topnav li a { height: 31px; display: block; border: none; background: transparent url(images/kroger_menu.png) no-repeat; -moz-outline: none; }
li a#resume { width: 78px !important; }
li a:hover#resume, li a:focus#resume { background-position: 0 -31px; }
li a#portfolio { width: 97px; background-position: -78px 0; }
li a:hover#portfolio, li a:focus#portfolio { background-position: -78px -31px; }
li a#demoreels { width: 116px; background-position: -175px 0; }
li a:hover#demoreels, li a:focus#demoreels { background-position: -175px -31px; }
li a#blog { width: 62px; background-position: -291px 0; }
li a:hover#blog, li a:focus#blog { background-position: -291px -31px; }
li a#links { width: 75px; background-position: -353px 0; }
li a:hover#links, li a:focus#links { background-position: -353px -31px; }
li a#contact { width: 75px; background-position: -428px 0; }
li a:hover#contact, li a:focus#contact { background-position: -428px -31px; }

div#content { margin: 15px 0 0 7px !important; margin: 10px 0 0 7px; padding: 0 0 20px 0; width: 775px; color: #fff; height: 448px; overflow: auto; position: relative; -moz-outline: none; clear: right; font-size: 13px; }

#content a:link, #content a:visited, #content a:active { color: #fff; }
#content a:hover { text-decoration: none; color: #eee; }

div#topnav h1 { margin: 0; padding: 0; }
div#topnav h1 a { display: block; text-indent: -9999px; width: 253px; height: 33px; background: transparent url(images/sub_logo.png) no-repeat 0 0; cursor: pointer; }

div#body h1 { font-family: Arial,Tahoma, sans-serif; letter-spacing: 2px; font-size: 1.6em; font-weight: 0; margin: 0 0 15px 0; color: #47526b; background: #76889d; padding: 8px 15px; } 
h2 { font-family: Arial,Tahoma, sans-serif; letter-spacing: 1px; font-size: 1.55em; font-weight: 0; margin: 0 0 15px 0; color: #f5f5f5; background: #798ca2; padding: 8px 15px; } 
h3 { font-family: Arial,Tahoma, sans-serif; font-size: 1.2em; font-weight: 700; margin: 0 0 15px 0; color: #fff; } 
h4 { font-family: Arial,Tahoma, sans-serif; font-size: 1.3em; font-weight: bold; margin: 0 0 15px 0; color: #36415a; } 
h5 { font-family: Arial,Tahoma, sans-serif; font-size: 1.2em; font-weight: 700; margin: 0 !important; padding: 0 0 3px 0 !important; color: #fff; } 

div#body { padding: 0 15px 8px 15px; }
div#body p { font-weight: normal; }

div#body ul { margin: 0 0 15px 40px; padding: 0; list-style-image: url(images/bullet.png); }
div#body li { margin: 1px 0 0 0; padding: 0 0 0 2px; }

/* Scroll Bar Master Styling */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbar { width: 16px; background: #5EC0A7 url(images/scrollbar.png) -18px 0px repeat-y; }
.vscrollerbase { width: 16px; background: #D4F6F2 url(images/scrollbar.png) 0px 0px repeat-y; }
.vscrollerbasebeg { width: 16px; height: 18px !important; background: url(images/scrollbar.png) -35px -18px no-repeat; }
.vscrollerbaseend { height: 18px; width: 16px; background: url(images/scrollbar.png) -35px 2px no-repeat; }
.vscrollerbar, .hscrollerbar { padding: 16px; z-index: 2; }

form { margin: 0; padding: 0; }
fieldset { border: none; margin: 0; padding: 7px 0 0 1px; }
label { display: block; padding: 5px 0 2px 0; }
body label.first { padding: 0 0 2px 0; }
textarea,select,input { background: #eee; border: 1px solid #ccc; }
textarea { width: 380px; }

em { color: #323d57; font-style: normal; font-weight: bold; }

.video {
	margin: 4px 0 0 0;
	position: relative;
	z-index: 99;
	float: left;
}

#video_pane {
	position: relative;
	z-index: 99;
	float: left; 
	margin: 0 0 0 4px;
}

#video_pane a {
	display: block;
	background-color: #76889d;
	margin: 4px 0;
	padding: 4px 12px;
	text-decoration: none;
}

#video_pane .here {
	font-style: italic;
}

#info_pane {
	width: 170px;
	margin: 0 35px 0 0;
	float: right; 
	padding: 12px 20px 0 20px;
	background-color: #76889d;
}

#info_pane p {
	margin: 0 0 15px 0;
	padding: 0;
}

#calendar {
	margin: 0 10px 20px 15px;
	width: 185px;
	float: right; 
}

#calendar tfoot td { background-color: #93a5b8; }
#calendar caption { padding: 0 0 3px 0; }
#calendar table { border-collapse: collapse; }
#calendar th { text-align: center; background: #64788f; height: 25px; }
#calendar td { text-align: center; height: 25px; padding: 5px; background: #76889d; border-top: 1px solid #92a0b0; border-left: 1px solid #92a0b0; }
#calendar td a { color: #99caf8 !important; }

/* CSS Document */

.highslide {
	cursor: url(graphics/zoomin.cur), pointer;

}
.highslide img {
	border: 1px solid white;
	padding: 5px;
}
.highslide:hover img {
	background-color:#FFFFFF;
}
.highslide-image {
    border: 3px solid white;

}
.highslide-image-blur {
}
.highslide-caption {
    display: none;   
    border: 2px solid white;
    border-top: none;
    font-size: 1em;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
display: none;
    padding: 2px;
    color: #333333;
    text-decoration: none;
	font-size: 1.2ems;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */
.controlbar {
	margin-left: 0px;
	background: url(graphics/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;

}
.highslide-display-none {
    display: none;
}


.left, .right {
	position: relative;
	z-index: 99;
	float: left;
	width: 50%;
}

.clearfix {
	clear: left;
	height: 1px;
	overflow: hidden;
}

.pdflink { font-weight: bold; background: transparent url(images/pdficon_small.gif) no-repeat left center; padding: 0 0 0 23px; float: right; } 

.edit_content { padding: 20px 0 0 0; margin: 0; }
.edit_content a { font-size: 14px; font-weight: bold; padding-top: 20px; }

.videos { text-align: center; padding-bottom: 0 !important; }
.videos p { margin: 0 !important; padding: 0 0 24px 0 !important; }

.nl_info { font-weight: bold; font-size: 1.1em; }
.postmetadata { font-weight: bold !important; font-size: 0.9em !important; }