/*
Theme Name: Middle EAR Media
Theme URI: http://www.middleEARmedia.com
Description: Middle EAR Media Theme for Wordpress
Version: 2 (WP 2.8.4)
Author: Obadiah Metivier
Author URI: http://www.middleEARmedia.com
Tags: web design, marquette, michigan, obadiah, middleEARmedia, website, designer, custom website, wordpress themes
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*   Colors
	 darkest red: #660000
	 dark red: #990000
 	 medium red: #CC0000
	 light red: #FF0000
     light tan: #FFEEAA
	 near black: #0c0c0c
	 dark grey dashed border: #222222
	 medium grey nav: #CCCCCC
	 sidebar text grey: #444444
	 medium grey under brushed metal: #999999
	 medium dark grey sidebar title bg: #666666
	 medium light grey: #DDDDDD
	 light grey footer text: #aaaaaa
     lightest grey footer link: #eeeeee
	 light red footer link border: #CC3333
	 blue: #01A9D3
	 light blue: #99CCCC
*/

/*     Utilities     */
* { margin: 0; padding: 0; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.hide {background-image:none; text-indent:-99999px; }
.left {float:left;}
.right {float:right;}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

.post-image {border:4px solid #080808;}
	
.clear { clear: both; }
.center { margin:0 auto; width:627px; }
.green { color:#006633;}
.blue { color:#003399;}
::selection                         { background: #990000; color: #ffffff; /* Safari */ }
::-moz-selection                    { background: #990000; color: #ffffff; /* Firefox */ }

/*     Layout     */
html { background-color:#666666; background-image:url(../../../Assets/images/); background-repeat:repeat-x; width:100%; height:100%; z-index:100;}
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;  font-size: 1em; line-height: 1.8em; width:100%;  background-image:url(../../../Assets/images/bg-body.png); background-repeat: repeat-x; background-position:top; color:#0c0c0c;}

#page-wrap { background-image:url(../../../Assets/images/bg-page.png); background-repeat:repeat-y; position:relative; margin:0px auto 0px; width:960px; z-index:1;}

#header { height:200px; display:block; width:960px; background-image:url(../../../Assets/images/bg-header.png); background-repeat:repeat-x;}

#content-wrap { margin:-30px 0 0; }
#content { line-height:1.4em; background-color:; margin:0 0 -23px 54px; padding:0 40px 23px; width:506px; text-align:left; }

/*     Footer  	  */
#footer { background-color:; background-image:url(../../../Assets/images/); background-repeat:repeat-x; width:100%; height:100%; }
#footer-wrap { margin:0 auto; width:960px; height:200px; background-image:url(../../../Assets/images/bg-footer.png); background-repeat:no-repeat; padding:150px 0 0; }
.footerContent { color:#AAAAAA; font-family:Arial,Helvetica,sans-serif; font-size:0.8em; margin:0 0 0 225px; }
#footer a { color:#eeeeee; 	 }
#footer a:hover { color:#ffffff; border-bottom:1px solid #CC3333; }

/*     Typography  	  */
a {color:#CC0000; text-decoration:none; outline:none; }
a:hover	{color:#FF0000; text-decoration:none; outline:none;}
a:focus {outline:none; -moz-outline-style: none;}
#content a { border-bottom:1px solid #DDDDDD; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;
text-decoration:none; }
#content a:hover { background-color:#EEEEEE; border-bottom:1px solid #AAAAAA; color:#990000; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; }

#content acronym {border-bottom:1px dashed #cc0000;}
#content acronym:hover {border-bottom:1px dashed #cc0000; cursor:help;}

a:focus {outline:none!important;}
a:active {outline:none!important;}
p { margin: 0 0 .8em; }
h2 + p::first-letter { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; }
.datebox + p::first-letter { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; }  
.datebox + p {  margin-top:20px; }  
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; 0 0 5px 0; font-weight:normal; }
h1 { }
h2 { color:#990000; font-size:2em; letter-spacing:0.1em; line-height:1.2em; margin:30px 0 0; padding:0 0 10px; text-shadow:1px 1px 4px #888888; }

/* 
.posttitle::before { content:attr(x); background-image:url(../../../Assets/images/middle-ear.png); display:block; width:74px; height:90px; float:left;}

.pagetitle {margin-left:20px; margin-top:50px}
.pagetitle::before { content:attr(x); background-image:url(../../../Assets/images/middle-ear.png); display:block; width:74px; height:90px; float:left;}

.pagetitle::after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
*/ 

.posttitle { background-image:url(../../../Assets/images/middle-ear.png); background-repeat:no-repeat; display:block; height:90px; padding:0 0 0 70px; text-indent:-20px; }

h3 { color:#990000; font-size:1.5em; }
h3#comments { border-top:1px dashed #aaaaaa; padding:10px 0 0 0; margin-bottom:10px; }
h3#respond { border-top:1px dashed #aaaaaa; padding:10px 0 0 0; }

.archivetitle {margin-top:25px;}

h4 { margin:-45px 0 10px;}
h5 {}
h6 {}
ol, ul {}

ul { font-family: Arial, Helvetica, sans-serif;	font-size: 1em;	list-style-type:none; list-style-image:none; list-style-position: inside; margin:0 0 0 15px; }	
li {}	
#cotent > ul { font-family: Arial, Helvetica, sans-serif; font-size: 1em; list-style-type:none; list-style-image:url(../../../Assets/images/bullet.png); list-style-position: inside; margin:0; 	}
ol { font-size: 1em; list-style-position: inside; list-style-type: margin:0; }
.smalltext { font-size:.8em; margin:0; color:#666666;}	
a.more-link { background:#CC0000 none repeat scroll 0 0; color:#EEEEEE; font-family:"Courier New",Courier,mono; padding:0 3px; }
a.more-link:hover { color:#333333; background:none!important; }
.graybox { background-color:#DDDDDD; border:1px solid #666666; padding:5px 10px; }
	
/*	Navigation Styles	*/
#main-logo { background-image:url(../../../Assets/images/main-logo-sprite.png); background-position:0 0; display:block; float:left; height:200px; margin:0 0 0 40px; text-indent:-99999px; width:300px; }

#main-logo:hover {background-image:url(../../../Assets/images/main-logo-sprite.png); background-position:0px 200px; cursor:pointer;}

#nav { position:absolute; right:228px; top:37px; }

#nav li { display:block; float:left;}
#nav li a { background-color:#FFFFFF; color:#2a2a2a; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.1em; margin:0 5px 0 0; padding:5px 8px; text-transform:lowercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow:1px 1px 4px #999999; }
#nav li a:hover { color:#cc0000; }
#nav li a::before { content:"\BB "; }
#nav li a:hover::before { content:"\BB "; color:#ff3333; }

#web-design { background-image:url(../../../Assets/images/web-design-sprite.png); background-position:0 0; display:block; float:left; height:200px; left:710px; margin:0; position:absolute; text-indent:-99999px; top:-10px; width:200px; z-index:200; }
#web-design:hover {background-image:url(../../../Assets/images/web-design-sprite.png); background-position:0px 200px; cursor:pointer;}

#home #nav li a.navhome {
       pointer-events: none;
       cursor: default;
	   color:#cc0000;
}
#blog #nav li a.navblog {
       pointer-events: none;
       cursor: default;
	   color:#cc0000;
}
#portfolio #nav li a.navportfolio {
       pointer-events: none;
       cursor: default;
	   color:#cc0000;
}
#about #nav li a.navabout {
       pointer-events: none;
       cursor: default;
	   color:#cc0000;
}
#contact #nav li a.navcontact {
       pointer-events: none;
       cursor: default;
	   color:#cc0000;
}

/*     Sidebar  	  */
#side { font-size:0.8em; letter-spacing:0.1em; line-height:1.5em; margin:0; padding:0 0 0 0; position:absolute; right:41px; top:200px; z-index:99; }
#side ul.side, #side ul.feed { background-color:#999999; background-image:url(../../../Assets/images/brushed-metal.jpg); background-repeat:repeat; width:278px; z-index:100; display:block; }
#side ul.side li { padding:0 0 10px 0;}
/*
#side ul.side li ul > li:last-child { padding-bottom:15px;}
*/
#side ul.side li ul li { padding:0 5px 0 0px;}
#side ul li ul li a{ color:#0c0c0c;}
#side ul li ul li a:hover{ color:#990000;}
  /*
#side ul.side li ul li a::before{ color:#0c0c0c; content:attr(x); background-image: url(../../../Assets/images/bullet.png); display:block; width:12px; height:12px; float:left; margin:4px 3px 0 0;}
#side ul.side li ul li a:hover::before{ color:#0c0c0c; content:attr(x); background-image: url(../../../Assets/images/bullet-h.png); display:block; width:12px; height:12px; float:left; margin:4px 3px 0 0;}
*/
#side ul.side li ul li a { color:#0c0c0c; background-image: url(../../../Assets/images/bullet.png); background-position:0px 4px; background-repeat:no-repeat; display:block; margin:4px 3px 0 -5px; padding-left:15px;}
#side ul.side li ul li a:hover {color:#990000; background-image: url(../../../Assets/images/bullet-h.png); display:block; margin:4px 3px 0 0; padding-left:15px;}
#side::after {content:attr(x); background-image: url(../../../Assets/images/bg-side-footer.png); margin:0 0 0 15px; display:block; width:278px; height:65px; z-index:102;}
#side ul.side li p { color:#444444; letter-spacing:normal; padding:5px; }
#side h2 { background-image:url("../../../Assets/images/bg-widget-title3.png"); background-repeat:no-repeat; border-bottom:1px dashed #222222; border-top:1px dotted #222222; color:#FFFFFF; font-size:1.5em; margin:0 0 10px; padding:5px 0 5px 3px;
text-indent:10px; text-transform:uppercase; text-shadow:1px 1px 4px #000000;}


#feed h2 { font-size:1.5em; background-color:#666666; border-bottom:1px dashed #222222; color:#FFFFFF; margin:0 0 10px 0; padding:5px 0 8px 10px; text-indent:10px; text-transform:lowercase; }

#rssfeed { background-image:url(../../../Assets/images/feed-sprite.png); background-position:0 0; display:block; float:left; height:40px; left:0; margin:10px 40px 10px 20px; text-indent:40px; top:0; width:40px; font-weight:bold; text-transform:uppercase; color:#0c0c0c; }
#rssfeed:hover {background-image:url(../../../Assets/images/feed-sprite.png); background-position:0px 40px; cursor:pointer; color:#990000;}

#mailfeed { background-image:url(../../../Assets/images/feed-sprite.png); background-position:40px 0; display:block; float:left; height:40px; left:0; margin:0px 50px 20px 10px; text-indent:40px; top:0; width:40px; font-weight:bold; text-transform:uppercase; color:#0c0c0c; }

#side ul li a { color:#0c0c0c;}
#side ul li a:hover { color:#660000;}

/*     Searchbar  	  */
#searchbar { background-image:url(../../../Assets/images/bg-searchbar.png); background-repeat:no-repeat; display:block; width:278px; height:55px; padding:15px 0 20px 20px;}
.search-input { border:0 none; width:200px;}
.search-submit { background:transparent none repeat scroll 0 0; border:0 none; text-indent:-99999px; width:40px; }
.search-submit:hover { cursor:pointer; }

/*     Recent Comment Widget  	  */
#side ul.side li ul#recentcomments li { color:#0c0c0c; background-image: url(../../../Assets/images/bullet.png); background-position:0px 4px; background-repeat:no-repeat; display:block; margin:4px 3px 0 -5px; padding-left:15px;}
#side ul.side li ul#recentcomments li:hover { background-image: url(../../../Assets/images/bullet-h.png); display:block; margin:4px 3px 0 0; padding-left:15px;}

#side ul.side li ul#recentcomments li a { background-image:none;}
#side ul.side li ul#recentcomments li a:hover {color:#990000;}

/*     Comments  	  */
.largetext { font-size:1.4em;}
.avatar { background-color:#EEEEEE; border:1px solid #444444; float:right; margin:0 0 0 10px; padding:3px; }
.comment-li { border:1px dashed #AAAAAA; margin-bottom:5px; padding:10px; }
.comments-ol { background-image:url(../../../Assets/images/brushed-metal.jpg); background-repeat:repeat; padding:0 10px; font-size:.8em; color:#333333; }
.alt { background-color:#DDDDDD; border-bottom:1px dashed #444444; border-top:1px dashed #444444; color:#666666; margin:0 0 5px -10px; padding:10px 10px 0 10px; width:486px; }
.comment-input { width:500px;}

/*     Forms and Buttons 	  */
.field { background-color:#eeeeee; border:1px dashed #444444; padding:5px;}
.field:hover { border:1px dashed #cc0000;}
.field:focus { background-color:#dddddd; border:1px dashed #cc0000;}
.button {border:2px solid; border-color:#EEEEEE #666666 #666666 #EEEEEE; background-image:url(../../../Assets/images/brushed-metal.jpg); background-repeat:repeat; padding:3px 5px;}
input.button {text-transform: capitalize;}
.button:hover { color:#CC0000; cursor:pointer;}
.linklove { text-indent:-99999px!important;}
#next-prev {margin:45px 0 0;}
.next-prev { background-color:#cc0000; color:#eeeeee; font-size:1.2em; padding:5px 8px; text-transform:uppercase; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.next-prev:hover { background-color:#990000; }
#next-prev li {margin: 0 0 20px;}

input.search-submit { text-indent: -9000px; text-transform: capitalize; }

div.mp-formdiv { padding:0 10px; position:relative; }

.MailPressFormEmail { margin:0 0 10px; padding:3px 5px; position:relative; width:240px; background-color:#eeeeee; border:1px dashed #444444; } 
.MailPressFormName { margin:0 0 10px; padding:3px 5px; position:relative; width:240px; background-color:#eeeeee; border:1px dashed #444444; } 

.MailPressFormEmail:hover, .MailPressFormName:hover { border:1px dashed #cc0000;}
.MailPressFormEmail:focus, .MailPressFormName:focus { background-color:#dddddd; border:1px dashed #cc0000;}

.MailPressFormSubmit { border:2px solid; border-color:#EEEEEE #666666 #666666 #EEEEEE; background-image:url(../../../Assets/images/brushed-metal.jpg); background-repeat:repeat; padding:3px 5px; text-transform: capitalize; margin:0 0 10px 170px; }
.MailPressFormSubmit:hover { color:#CC0000; cursor:pointer; }

#mp-urlsubmgt { font-size:0.8em; font-weight:bold; line-height:1.3em; margin:padding:0 0 20px 0; text-transform:uppercase; padding:0 0 10px 75px; }

.smallItalic { font-size:.9em; font-style:italic; line-height:1.2em; margin:0 0 15px 0; }

/*	Date Calendar Styles	*/
.datebox { color:#AAAAAA; font-size:0.9em; margin:0 0 0 5px; }
.datebox::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
.commentscloud { position: absolute; text-align: center; top: 67px; left: -82px; width: 30px; height: 28px; padding: 3px 0; background: url(../../../images/comment-bubble.png) no-repeat 0 0; z-index:20; font-weight:bold; }
.commentscloud a {color:#224863;}
.commentscloud a:hover {color:#161F2A;}

/*   SLIDER   */
#featured-wrap 									{ width: 500px; margin: 0px 0px 0px 5px; position: relative; height: 415px; background: url(../../../Assets/images/fc/bg2.png); background-position: top center; font-size: .6em; }

#featured-wrap a	                { color: #729dff; border-bottom: none; }
#featured-wrap a:visited	        { color: #729dff; border-bottom: none; }
#featured-wrap a:hover, a:active	{ color: white; border-bottom: none; background:transparent; }


h4.slider { font-size: 1em; color:#0c0c0c; font-weight: normal; position:absolute; top:10px; left:220px; }

.slider-wrap								{ width: 419px; position: absolute; top: 44px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -50px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../../../Assets/images/fc/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span {
font-size:1.4em;
line-height:0.8;
}
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../../../Assets/images/fc/icon-uparrowsmallwhite.png) top center no-repeat; }

.poster-text { color:#0c0c0c;}

/*   PORTFOLIO   */
.LeftBoxImage { float: left; padding-right: 10px; margin-right: 5px; }

.url {font-size:1.1em; padding:0 0 5px;}
.url a { background:#CC0000 none repeat scroll 0 0; color:#EEEEEE; font-family:"Courier New",Courier,mono; padding:0 3px; }
.url a:hover { color:#333333; background:none!important; }
.port_desc { font-size:.9em; text-align: justify; }

/* Cross Browser Portfolio Accordion */
.demo-show {}
.demo-show h3 { background-color:#080808; border-bottom: 1px solid #386785; -moz-box-shadow:0 0 8px #444; -webkit-box-shadow:0 0 8px #444; box-shadow:0 0 8px #444; border:1px solid #666; border-bottom:none; }
.demo-show h3:hover { cursor:pointer; background-color:#CC0000; }
.demo-show div { -moz-box-shadow:0 0 8px #444; -webkit-box-shadow:0 0 8px #444; box-shadow:0 0 8px #444; background-color:#FFF; background-image:url("../../../Assets/images/bg-port-info.jpg"); background-position:right bottom; background-repeat:no-repeat; border:1px solid #666; border-top:none; margin:-20px 13px 10px 0; overflow:hidden; padding:10px; position:static; }

.portfolio-img { background-position:0 35px; background-repeat:no-repeat; color:#FFFFFF; height:300px; margin:0 0 20px !important; padding:5px 0 30px !important; text-indent:10px; width:500px; border: 1px solid #999999 !important; }

.portfolio-sts { background-image:url("../../../Assets/images/portfolio-images-sts.jpg");}
.portfolio-zaagkii { background-image:url("../../../Assets/images/portfolio-images-zaagkii.jpg");}
.portfolio-anthony { background-image:url("../../../Assets/images/portfolio-images-anthony.jpg");}
.portfolio-ak { background-image:url("../../../Assets/images/portfolio-images-ak.jpg");}
.portfolio-haidabo { background-image:url("../../../Assets/images/portfolio-images-haidabo.jpg");}
.portfolio-wr { background-image:url("../../../Assets/images/portfolio-images-wr.jpg");}
.portfolio-ws { background-image:url("../../../Assets/images/portfolio-images-ws.jpg");}
.portfolio-br { background-image:url("../../../Assets/images/portfolio-images-br.jpg");}
.portfolio-dmi { background-image:url("../../../Assets/images/portfolio-images-dmi.jpg");}
.portfolio-bb { background-image:url("../../../Assets/images/portfolio-images-bb.jpg");}
.portfolio-dlp { background-image:url("../../../Assets/images/portfolio-images-dlp.jpg");}
.portfolio-cmilk { background-image:url("../../../Assets/images/portfolio-images-cmilk.jpg");}
.portfolio-bs { background-image:url("../../../Assets/images/portfolio-images-bs.jpg");}
.portfolio-bsprawl { background-image:url("../../../Assets/images/portfolio-images-bsprawl.jpg");}
.portfolio-thl { background-image:url("../../../Assets/images/portfolio-images-thl.jpg");}
.portfolio-mwaite { background-image:url("../../../Assets/images/portfolio-images-mwaite.jpg");}
.portfolio-nmulcm { background-image:url("../../../Assets/images/portfolio-images-nmulcm.jpg");}
.portfolio-d3 { background-image:url("../../../Assets/images/portfolio-images-d3.jpg");}
.portfolio-nydeli { background-image:url("../../../Assets/images/portfolio-images-nydeli.jpg");}
.portfolio-iehi { background-image:url("../../../Assets/images/portfolio-images-iehi.jpg");}
.portfolio-cti { background-image:url("../../../Assets/images/portfolio-images-cti.jpg");}
.portfolio-lsicn { background-image:url("../../../Assets/images/portfolio-images-lsicn.jpg");}

/* Cross Browser Portfolio Accordion for graphic design */
.demo-show-graphic {}
.demo-show-graphic h3 { margin: 0; padding: .25em; background:; border-bottom: 1px solid #386785; }
.demo-show-graphic h3:hover { cursor:pointer; background-color:#080808; }
.demo-show-graphic div { -moz-box-shadow:0 0 8px #444; -webkit-box-shadow:0 0 8px #444; box-shadow:0 0 8px #444; background-color:#FFF; background-image:url("../../../Assets/images/bg-port-info.jpg"); background-position:right bottom; background-repeat:no-repeat; border:1px solid #666; border-top:none; margin:-20px 13px 10px 0; overflow:hidden; padding:10px; position:static; }


.port-img { background-color:#999999; background-position:0 35px; background-repeat:no-repeat; color:#FFFFFF; height:200px; margin:0 0 20px !important; padding:5px 0 30px !important; text-indent:10px; width:500px; border: 1px solid #999999 !important; }

.port-harleys-11-12 { background-image:url("../../../Assets/images/harleys-2011-12.jpg");}
.port-harleys-11-11 { background-image:url("../../../Assets/images/harleys-2011-11.jpg");}
.port-harleys-11-10 { background-image:url("../../../Assets/images/harleys-2011-10.jpg");}
.port-harleys-11-09 { background-image:url("../../../Assets/images/harleys-2011-09.jpg");}
.port-harleys-11-08 { background-image:url("../../../Assets/images/harleys-2011-08.jpg");}
.port-harleys-11-07 { background-image:url("../../../Assets/images/harleys-2011-07.jpg");}
.port-harleys-11-06 { background-image:url("../../../Assets/images/harleys-2011-06.jpg");}
.port-harleys-11-05 { background-image:url("../../../Assets/images/harleys-2011-05.jpg");}
.port-harleys-11-04 { background-image:url("../../../Assets/images/harleys-2011-04.jpg");}
.port-harleys-11-03 { background-image:url("../../../Assets/images/harleys-2011-03.jpg");}
.port-harleys-11-02 { background-image:url("../../../Assets/images/harleys-2011-02.jpg");}
.port-harleys-11-01 { background-image:url("../../../Assets/images/harleys-2011-01.jpg");}
.port-harleys-10-12 { background-image:url("../../../Assets/images/harleys-2010-12.jpg");}
.port-harleys-10-11 { background-image:url("../../../Assets/images/harleys-2010-11.jpg");}
.port-harleys-10-10 { background-image:url("../../../Assets/images/harleys-2010-10.jpg");}
.port-harleys-10-09 { background-image:url("../../../Assets/images/harleys-2010-09.jpg");}
.port-harleys-10-08 { background-image:url("../../../Assets/images/harleys-2010-08.jpg");}
.port-harleys-10-07 { background-image:url("../../../Assets/images/harleys-2010-07.jpg");}
.port-harleys-10-06 { background-image:url("../../../Assets/images/harleys-2010-06.jpg");}
.port-harleys-10-05 { background-image:url("../../../Assets/images/harleys-2010-05.jpg");}
.port-harleys-10-04 { background-image:url("../../../Assets/images/harleys-2010-04.jpg");}
.port-harleys-10-03 { background-image:url("../../../Assets/images/harleys-2010-03.jpg");}
.port-harleys-10-02 { background-image:url("../../../Assets/images/harleys-2010-02.jpg");}
.port-harleys-10-01 { background-image:url("../../../Assets/images/harleys-2010-01.jpg");}
.port-harleys-09-12 { background-image:url("../../../Assets/images/harleys-2009-12.jpg");}
.port-harleys-09-11 { background-image:url("../../../Assets/images/harleys-2009-11.jpg");}
.port-harleys-09-10 { background-image:url("../../../Assets/images/harleys-2009-10.jpg");}
.port-harleys-09-09 { background-image:url("../../../Assets/images/harleys-2009-09.jpg");}
.port-harleys-09-08 { background-image:url("../../../Assets/images/harleys-2009-08.jpg");}
.port-harleys-09-07 { background-image:url("../../../Assets/images/harleys-2009-07.jpg");}
.port-harleys-09-06 { background-image:url("../../../Assets/images/harleys-2009-06.jpg");}
.port-harleys-09-05 { background-image:url("../../../Assets/images/harleys-2009-05.jpg");}
.port-harleys-09-04 { background-image:url("../../../Assets/images/harleys-2009-04.jpg");}
.port-harleys-09-03 { background-image:url("../../../Assets/images/harleys-2009-03.jpg");}
.port-harleys-09-02 { background-image:url("../../../Assets/images/harleys-2009-02.jpg");}
.port-harleys-09-01 { background-image:url("../../../Assets/images/harleys-2009-01.jpg");}
.port-harleys-08-12 { background-image:url("../../../Assets/images/harleys-2008-12.jpg");}
.port-harleys-08-11 { background-image:url("../../../Assets/images/harleys-2008-11.jpg");}
.port-harleys-08-10 { background-image:url("../../../Assets/images/harleys-2008-10.jpg");}
.port-harleys-08-09 { background-image:url("../../../Assets/images/harleys-2008-09.jpg");}
.port-harleys-08-08 { background-image:url("../../../Assets/images/harleys-2008-08.jpg");}
.port-harleys-08-07 { background-image:url("../../../Assets/images/harleys-2008-07.jpg");}
.port-harleys-08-06 { background-image:url("../../../Assets/images/harleys-2008-06.jpg");}
.port-harleys-08-05 { background-image:url("../../../Assets/images/harleys-2008-05.jpg");}
.port-harleys-08-04 { background-image:url("../../../Assets/images/harleys-2008-04.jpg");}

.port-thl-10-02 { background-image:url("../../../Assets/images/thl-2010.jpg");}
.port-calypso-09-12 { background-image:url("../../../Assets/images/calypsonians.jpg");}

/* Cross Browser Portfolio Accordion for Audio */
.demo-show-audio {}
.demo-show-audio h3 { margin: 0; padding: .25em; background:; border-bottom: 1px solid #386785; }
.demo-show-audio h3:hover { cursor:pointer; background-color:#080808; }
.demo-show-audio div { -moz-box-shadow:0 0 8px #444; -webkit-box-shadow:0 0 8px #444; box-shadow:0 0 8px #444; background-color:#FFF; background-image:url("../../../Assets/images/bg-port-info.jpg"); background-position:right bottom; background-repeat:no-repeat; border:1px solid #666; border-top:none; margin:-20px 13px 10px 0; overflow:hidden; padding:10px; position:static; }


/* Organic Tab Navigation example one */
#tabs-one { background: #eee; padding:10px 10px 10px 7px; margin:20px -20px 15px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }

#tabs-one .tabnav { overflow: hidden; margin:-28px 15px 25px; }
#tabs-one .tabnav li { width: 97px; float: left; margin: 0 10px 0 0; }
#tabs-one .tabnav li.last { margin-right: 0; }
#tabs-one .tabnav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 12px; text-align: center; border: 0; }
#tabs-one .tabnav li a:hover { background-color: #111; }

#tabs-one ul { list-style: none; }
/*
#tabs-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabs-one ul li a:hover, #tabs-one ul li a:focus { background: #fe4902; color: white; }
#tabs-one ul li:last-child a { border: none; }
*/
#tabs-one li.tabnav-one a.current, ul.web li a:hover { background-color: #d30000; color: white; }
#tabs-one li.tabnav-two a.current, ul.graphic li a:hover { background-color: #d30000; color: white; }
#tabs-one li.tabnav-three a.current, ul.audio li a:hover { background-color: #d30000; color: white; }
#tabs-one li.tabnav-four a.current, ul.other li a:hover { background-color: #d30000; color: white; }

/* Generic Utility for tabs*/
.tabhide { position: absolute; top: -9999px; left: -9999px; }

/* Related Posts */
#related-posts { background-color:#777; border:1px solid #080808; margin:10px 50px; }
#related-posts h3 { background-color:#444444; border-bottom:1px solid #080808; color:#FFEEAA; padding:5px; }

#related-posts a { color:#080808; padding:10px 0 0 5px;
vertical-align:middle; background:none; border:none;}
#related-posts a:hover { background:none; border:none; color:#990000; text-decoration:underline;}

#related-posts ul { margin:5px 0 0;}
#related-posts ul li { background-color:#AAA; height:45px; margin:0 5px 5px; padding:5px; }
#related-posts ul li:hover { background-color:#eeeeee; }

#related-posts ul li img { border:1px solid #080808; float:left; }

/* MISCELANEOUS */
.resume-link {
-moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; background-image:url("../../../Assets/images/resume-link.jpg"); background-position:0 -250px; background-repeat:no-repeat; border:medium none!important; float:left; height:250px; margin:0 15px 10px 0; text-indent:-9999px; width:225px; }
.resume-link:hover {border:medium none!important; background-color:#fff!important; background-position:0px 0px;}