/*------------------------------------------
	CSS for Original Echo
	Copyright © 2009 Original Echo
	All Rights Reserved
	Publish Date: 11/10/2009
	Grid V: 960, H: 18
  ------------------------------------------*/



/*------------------------------------------
	Global Styles
	Tip: Don't Use iFrames :-)
  ------------------------------------------*/
* { color: #2d270b; font: normal 14px/18px helvetica, arial, sans-serif; margin: 0; outline: none; padding: 0; }
a img { border: 0; }
body { background: #5f6405 url(http://originalecho.com/assets/images/bg_body.jpg) no-repeat 0 200px; }




/*------------------------------------------
	Structure
  ------------------------------------------*/
#oePage { background: transparent url(http://originalecho.com/assets/images/bg_header.png) no-repeat 0 0; }
#oeHeader { background: transparent url(http://originalecho.com/assets/images/bg_header_decoration.png) no-repeat 0 0; height: 334px; margin: 0 auto; position: relative; width: 1130px; }
#oeContent { background: transparent url(http://originalecho.com/assets/images/bg_vr.gif) repeat-y 240px 0; margin: -46px auto 0; padding: 0 0 36px; overflow: auto; width: 960px; }
#oeFooter { background: transparent url(http://originalecho.com/assets/images/bg_footer.jpg) no-repeat 0 0; clear: both; height: 200px; padding: 18px 0 0; }

#oeAside { float: left; margin: 62px 10px 0 0; padding: 0 0 0 10px; width: 300px; }
#oeMain { background: transparent url(http://originalecho.com/assets/images/vr.gif) repeat-y 0 0; float: right; margin: 0; padding: 0 10px; width: 620px; }

.oeSection { margin: 0 0 27px; position: relative; }
.oeFull { margin: 0 auto; position: relative; width: 960px; }




/*------------------------------------------
	STANDARD GRID LAYOUTS	
  ------------------------------------------*/
.oeOneLeft { float: left; margin: 0 10px 0 0; width: 60px; }
.oeOneRight { float: right; margin: 0 0 0 10px; width: 60px; }

.oeTwoLeft { float: left; margin: 0 10px 0 0; width: 140px; }
.oeTwoRight { float: right; margin: 0 0 0 10px; width: 140px; }

.oeThreeLeft { float: left; margin: 0 10px 0 0; width: 220px; }
.oeThreeRight { float: right; margin: 0 0 0 10px; width: 220px; }

.oeFourLeft { float: left; margin: 0 10px 0 0; width: 300px; }
.oeFourRight { float: right; margin: 0 0 0 10px; width: 300px; }

.oeFiveLeft { float: left; margin: 0 10px 0 0; width: 380px; }
.oeFiveRight { float: right; margin: 0 0 0 10px; width: 380px; }

.oeSixLeft { float: left; margin: 0 10px 0 0; width: 460px; }
.oeSixRight { float: right; margin: 0 0 0 10px; width: 460px; }

.oeSevenLeft { float: left; margin: 0 10px 0 0; width: 540px; }
.oeSevenRight { float: right; margin: 0 0 0 10px; width: 540px; }

.oeEightLeft { float: left; margin: 0 10px 0 0; width: 620px; }
.oeEigthRight { float: right; margin: 0 0 0 10px; width: 620px; }

.oeNineLeft { float: left; margin: 0 10px 0 0; width: 700px; }
.oeNineRight { float: right; margin: 0 0 0 10px; width: 700px; }

.oeTenLeft { float: left; margin: 0 10px 0 0; width: 780px; }
.oeTenRight { float: right; margin: 0 0 0 10px; width: 780px; }

.oeElevenLeft { float: left; margin: 0 10px 0 0; width: 860px; }
.oeElevenRight { float: right; margin: 0 0 0 10px; width: 860px; }



/*	12 COLUMN LAYOUT W/BORDER  */
.oeOneLeftBord { float: left; padding: 0 10px 0 0; width: 60px; }
.oeOneRightBord { float: right; margin: 0 0 0 10px; width: 60px; }

.oeTwoLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 140px; }
.oeTwoRightBord { float: right; margin: 0 0 0 10px; width: 140px; }

.oeThreeLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 220px; }
.oeTrheeRightBord { float: right; margin: 0 0 0 10px; width: 220px; }

.oeFourLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 300px; }
.oeFourRightBord { float: right; margin: 0 0 0 10px; width: 300px; }

.oeFiveLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 380px; }
.oeFiveRightBord { float: right; margin: 0 0 0 10px; width: 380px; }

.oeSixLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 460px; }
.oeSixRightBord { float: right; margin: 0 0 0 10px; width: 460px; }

.oeSevenLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 540px; }
.oeSevenRightBord { float: right; margin: 0 0 0 10px; width: 540px; }

.oeEightLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 620px; }
.oeEightRightBord { float: right; margin: 0 0 0 10px; width: 620px; }

.oeNineLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 700px; }
.oeNineRightBord { float: right; margin: 0 0 0 10px; width: 700px; }

.oeTenLeftBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 780px; }
.oeTenRightBord { float: right; margin: 0 0 0 10px; width: 780px; }

.oeElevenRightBord { float: left; border: 1px solid #ccc; border-width: 0 1px 0 0; padding: 0 9px 0 0; width: 860px; }
.oeElevnLeftBord { float: right; margin: 0 0 0 10px; width: 860px; }




/*------------------------------------------
	GENERIC POSITIONING 	
  ------------------------------------------*/
.oe_first { padding-left: 0; margin-left: 0; }
.oe_last { padding-right: 0; margin-right: 0; }

.oe_lower_left { position: absolute; bottom: 0; left: 0; }
.oe_lower_right { position: absolute; bottom: 0; right: 0; }

.oe_upper_left { position: absolute; top: 0; left: 0; }
.oe_upper_right { position: absolute; top: 0; right: 0; }

.oe_one_third_left { float: left; width: 30%; }
.oe_one_third_center { float: left; width: 30%; }
.oe_one_third_right { float: right; width: 30%; }

.oe_oneHalf_left { float: left; padding: 0 6px 0 0; margin: 0 6px 0 0; width: 48.6%; }
.oe_oneHalf_right { float: right; padding: 0 0 0 6px; margin: 0 0 0 6px; width: 47.4%; }

.oe_fourths_1 { float: left; margin: 0 6px 0 0; width: 23.6%; }
.oe_fourths_2 { float: left; margin: 0 6px; width: 23.6%; }
.oe_fourths_3 { float: left; margin: 0 6px; width: 23.6%; }
.oe_fourths_4 { float: right; margin: 0 0 0 6px; width: 23.6%; }

.oe_twoThirds_left { float: left; margin: 0 6px 0 0; width: 74.5%; }
.oe_oneThird_right { float: right; margin: 0 0 0 6px; width: 23.6%; }

.oe_oneThird_left { float: left; margin: 0 6px 0 0; width: 23.6%; }
.oe_twoThirds_right { float: right; margin: 0 0 0 6px; width: 74.5%; }

.oeTop { clear: both; height: 0; margin: 0; overflow: hidden; text-indent: -9999px; width: 0; }




/*------------------------------------------
	Typography
	Styles applied directly to discourage
	heading usage by ads
  ------------------------------------------*/
h1 { background: transparent url(http://originalecho.com/assets/images/bg_logo.png) no-repeat 0 0; display: block; height: 98px; left: 254px; position: absolute; text-indent: -9999px; top: 90px; width: 642px; }

h2 { background: transparent url(http://originalecho.com/assets/images/hr.gif) repeat-x scroll 0 62px; font: normal 32px/72px georgia, serif; margin: 0 0 0 -10px; padding: 0 0 0 10px;  }

h2 .ltGreen { color: #D4DA78; font: normal 32px/32px georgia, serif; }

h3 { background: transparent url(http://originalecho.com/assets/images/hr.gif) repeat-x 0 0; color: #d4da78; font: normal 32px/36px Georgia, serif; margin: 0 -10px; padding: 4px 10px }

p { margin: 0 0 18px; }

ul { margin: 0 0 18px 4px; }


#oeAside h3 { margin: 0 -10px; }
#oeAside p { font-size: 13px; }
#oeMain h3 { margin: 0 0 0 -10px; padding: 0 10px; }





/*------------------------------------------
	Forms
  ------------------------------------------*/
.oeForm fieldset { border: none; }
.oeForm legend { display: none; }
.oeForm label { display: block; }
.oeForm input, .oeForm textarea { background: #a4a10d none; border-top: 1px solid #424005; border-right: 1px solid #83810a; 
	border-bottom: 1px solid #c4c637; border-left: 1px solid #55540e; height: 18px; padding: 3px 2px; width: 294px;}
.oeForm textarea { height: 107px; }

.oeForm p { margin: 0 0 8px; }
.oeForm .oe_send { background: transparent url(http://originalecho.com/assets/images/btn_send.gif) 0 0; border: 0; cursor: pointer; float: right; 
	height: 31px; margin: 0; text-indent: -9999px; width: 59px;  }

.oe_dload a { background: transparent url(http://originalecho.com/assets/images/btn_dload.gif) 0 0; border: 0; float: right; 
	height: 35px; margin: 0 0 18px; text-indent: -9999px; width: 102px;  }




/*------------------------------------------
	STYLED SELECTORS	
  ------------------------------------------*/

.oeAlignLeft { text-align: left; }
.oeAlignCenter { text-align: center; }
.oeAlignRight { text-align: right; }

.oeUppercase { text-transform: uppercase; }
.oeLowercase { text-transform: none; }
.oeEm { font-style: italic; }
.oeStrong { font-weight: bold; }

.oeHighlight { background: #fef9da; padding: 3px; clear: both; margin: 9px 0; }

.oeInfo { color: #666; font: normal 11px Verdana, sans-serif; }

.oePDF { background: transparent url(http://assets.oe_imediaconnection.oe_com/images/global/icon_pdf_small.oe_gif) no-repeat 100% 4px; padding: 0 16px 0 0; }




/*------------------------------------------
	Sections
  ------------------------------------------*/
/* Portfolio */
.oePortfolio { margin: 0 0 18px; }
.oePortfolio p { font-size: 13px; margin: 0 0 10px; }
.oePortfolio p.title { clear: left; font: bold 16px/18px georgia, serif; margin: 36px 0 0; }
.oePortfolio ul { clear: left; margin: 0; }
.oePortfolio li { font-size: 12px; font-style: italic; list-style: none; margin: 0 4px 0 0; }

/* Footer */
#oeFooter ul { overflow: auto; }
#oeFooter li { display: inline; float: left; font: normal 14px/36px georgia, sans-serif; list-style: none; margin: 0 48px 0 0; padding: 64px 0 0; width: auto; }
#oeFooter li.oeBeccaAdams { background: transparent url(http://originalecho.com/assets/images/bgName.gif) no-repeat; float: left; height: 127px; padding: 0; text-indent: -9999px; width: 299px; }

#oeFooter li, #oeFooter a, #oeFooter p { color: #c1BD0F; }

#oeFooter p { font-size: 11px; font-style: italic; text-align: right; }



/* SLIMBOX */

#lbOverlay { background: #000 none; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }

#lbCenter, #lbBottomContainer { background: #FFF none; overflow: hidden; position: absolute; z-index: 9999; }
.lbLoading { background: #fff url(http://originalecho.com/assets/images/loading.gif) no-repeat center; }

#lbImage { background-repeat: no-repeat; border: 8px solid #FFF; left: 0; position: absolute; top: 0; }

#lbPrevLink, #lbNextLink { display: block; outline: none; position: absolute; top: 0; width: 50%; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(http://originalecho.com/assets/images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(http://originalecho.com/assets/images/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { border: 8px solid #FFF; border-width: 0 1px 1px 1px; color: #666; font: normal 10px/18px verdana, helvetica, sans-serif; margin: 0 0 8px 8px; text-align: left; }

#lbCloseLink { background: transparent url(http://originalecho.com/assets/images/closelabel.gif) no-repeat center; float: right; height: 22px; margin: 5px 8px; outline: none; width: 66px; }

#lbCaption, #lbNumber { margin: 0 71px 0 0; }
#lbCaption { font-weight: bold; }