/* Light */

@import url("../../../base/library/css/default.css");

/* GLOBALS */
body { background: url(../../images/coppersea/bg/paper.jpg) repeat top center; }
#page, #topaccess ul ul, #leftaccess ul ul, #rightaccess ul ul {  border: 1px solid #8f8875;  background: url(../../images/coppersea/bg/eggshell.jpg) repeat top center; -webkit-box-shadow: 0px 0px 12px 3px rgba(3, 3, 3, .1); -moz-box-shadow: 0px 0px 12px 3px rgba(3, 3, 3, .1); box-shadow: 0px 0px 12px 3px rgba(3, 3, 3, .1); }
#page, .one-third { position: relative; }
#page { margin-bottom: 20px !important; }

/* FONTS */
a { color:#2d2d2d; }

/* TITLES */
.page-title { border-bottom: 1px dotted #ccc; }
.entry-title, #homewidget h3, #gallery h1, #gallery h2 { background-image:url(../../images/lines.png); background-repeat: repeat-x; }
.entry-title { background-position: 0 70% }
#homewidget h3, #gallery h1, #gallery h2 { background-position: 0 50% }
.entry-title span, .sub span, #homewidget h3 span, #gallery h1 span, #gallery h2 span { background: url(../../images/coppersea/bg/eggshell.jpg) repeat; }
.search .entry-title { background: transparent }
.description_wrapper { z-index: 0; position: absolute; width: 730px; margin-left: -350px; left: 50%; top: 150px; border-bottom: 2px solid #7F5237; height: 80px; }
.description_wrapper h2 { float: right; color: #7f5237; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.description_wrapper h2:first-child { float: left; }
#branding { margin-bottom: 0px !important; margin-top: -120px; border-bottom: 2px solid #7f5237; }
h1#logo { z-index: 10; position: absolute; width: 300px; height: 266px; left: 50%; margin-left: -150px; }

/* MENU */
#topaccess { text-shadow: 1px 1px 1px #fff; z-index: 100; position: relative; }
div.menu ul li a,div.menu ul li li:first-child a,div.menu ul li li:last-child a { color: #ec6d4d; }
#topaccess ul li a, #leftaccess ul li a, #rightaccess ul li a { color:#7f5237; font-size: 18px; }
#topaccess ul li a:hover, #topaccess ul li.current-menu-item a, #topaccess ul li:hover > ul a:hover, #topaccess ul li:hover > ul a:hover, #leftaccess a:hover, #rightaccess a:hover, #leftaccess ul li:hover,  #rightaccess ul li:hover { color: #222; }
#topaccess ul ul li a:hover, #leftaccess ul ul li:hover,  #rightaccess ul ul li:hover { background-color: #ededed }
#topaccess ul ul a { background: #fff }
#topaccess ul li a:before { content: " | "; }
#topaccess ul li:first-child a:before {  content: none; }
#topaccess ul li a { padding: 0 6px 0 3px !important; }
#leftaccess ul.menu > li > a, #rightaccess ul.menu > li > a { font-family:'Harrington'; font-size: 23px; line-height: 40px; background: url(../../images/coppersea/divider.png) left center no-repeat; padding: 0 0 0 62px; }
#leftaccess ul.menu > li:first-child > a, #rightaccess ul.menu > li:first-child > a { background: none; padding: 0; }
#leftaccess ul.menu > li:first-child, #rightaccess ul.menu > li:first-child { margin-right: 15px; }
#leftaccess ul li:first-child ul, #rightaccess ul li:first-child ul { left: 0px !important; }
#leftaccess ul ul, #rightaccess ul ul { margin-top: -10px !important; left: 60px !important; }
#leftaccess, nav#rightaccess { border-top: 2px solid #7F5237; margin-top: 230px !important; }

/* FOOTER */
#footer-wrap { background:url(../../images/coppersea/bg/tar.jpg) repeat top center; padding-top: 0 !important; }
#footer-wrap .container { padding-top: 0px; }
#footer-widgets { text-shadow:1px 1px 1px #000000; }
#footer-widgets h3.widget-title { color:#f9f9f9; text-transform: uppercase; }
#footer-widgets, #footer-widgets a { color:#cccccc; }
#footer-widgets a:hover { color:#ffffff; }
#below_footer { color:#4d4d4d; background: url(../../images/coppersea/footer_divider.png) center top no-repeat; border: none; margin-top: 0px !important; padding-top: 60px !important; text-transform: uppercase; }
#below_footer a { color:#4d4d4d; }
#colophon .widget-3 { min-height: 200px; border-left: 1px solid #49463d; width: 30% !important; padding-left: 20px; }
#colophon .widget-3:first-child { padding-left: 0; border-left: none; }
aside { padding-top: 0px !important; margin-top: 40px; }

/*  COMMENTS  */
#commentform #submit { background: none repeat scroll 0 0 #3D3D3D;color: #F9F9F9; }
#commentform #submit:hover {background:#4d4d4d;}
h3#comments-title {border-bottom: 1px solid #DDDDDD;color: #3D3D3D; }
ol.commentlist li div.reply a  { background: none repeat scroll 0 0 #2D2D2D;color: #F9F9F9; }
ol.commentlist li div.reply a:hover {background: #3D3D3D;color:#ffffff;}

/* MISC */
#s {border: 1px solid #A1A1A1;}
.nav-next a, .nav-previous a { color: #4d4d4d; }
.nav-next a:hover, .nav-previous a:hover {color:#6f6f6f;}
[class*="corner_"] { width: 100px; height: 100px; background: url(../../images/coppersea/corners.png) no-repeat; position: absolute; }
.corner_tl { background-position: 0px 0px; top: 6px; left: 6px; }
.corner_tr { background-position: -100px 0px; top: 6px; right: 6px; }
.corner_bl { background-position: 0px -100px; bottom: 6px; left: 6px; }
.corner_br { background-position: -100px -100px; bottom: 6px; right: 6px; }

/* HOME */
#content .flexslider .slides { padding: 20px 0 !important; border-top: 2px solid #7F5237; border-bottom: 2px solid #7F5237; }
#content .flexslider .flex-direction-nav a.prev {
  background-image: url(../../images/coppersea/arrows.png) !important;
  background-position: 0 -100px !important;
  height: 66px !important;
  width: 61px !important;
  margin-left: 30px !important;
  margin-top: 60px !important;
}
#content .flexslider .flex-direction-nav a.next {
  background-image: url(../../images/coppersea/arrows.png) !important;
  background-position: 0 0 !important;
  height: 66px !important;
  width: 61px !important;
  margin-right: 30px !important;
  margin-top: 60px !important;
}
.entry-meta { display: none; }
#content .grid_4 {
  margin-bottom: 12px;
  background: url(../../images/coppersea/divider.png) right 50px no-repeat;
  width: 26% !important;
  padding-right: 5%;
  text-transform: uppercase;
  line-height: 24px;
  font-size: 12px;
  padding-left: 2%;
}
#content .grid_4.omega {
  background: none;
  padding-right: 0px;
}
#content .grid_4.alpha {
  padding-left: 1%;
}
img[class*="wp-image-"] {
  width: 100%;
  max-width: 100% !important;
}

/*  MEDIA QUERIES  */ 

/* Smaller than 960 (medium browsers) */
@media only screen and (max-width: 960px) {
  #leftaccess ul.menu > li > a, #rightaccess ul.menu > li > a { font-size: 18px; }
}

/* Smaller than 860 (small browsers) */
@media only screen and (max-width: 860px) {
  #leftaccess ul.menu > li > a, #rightaccess ul.menu > li > a { background: none; padding: 0; }
  #leftaccess ul.menu > li:first-child, #rightaccess ul.menu > li:first-child { margin-right: 0px; }
  #footer-wrap .container { padding-top: 20px; }
}

/* Smaller than 767 (iPads, readers, and small browsers) */
@media only screen and (max-width: 767px) {
  h1#logo { width: 200px; height: 177px; margin-left: -100px; }
  #branding { margin-top: -40px; }
  #leftaccess, nav#rightaccess { margin-top: 140px !important; }
  .description_wrapper { display: none; }
  #leftaccess ul li, #rightaccess ul li { clear: none !important; }
  #leftaccess ul.menu > li:first-child, #rightaccess ul.menu > li:first-child { margin-right: 18px; }
  #topaccess ul { width: 100%; text-align: center; }
  #topaccess #menu-top-level-nav li { float: none; }
  #topaccess #menu-top-level-nav a { display: inline; }
  #leftaccess ul ul, #rightaccess ul ul { left: 0 !important; }
  #content .grid_4 { margin-bottom: 12px !important; width: 100% !important; background: none; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 600px) {
  #leftaccess, nav#rightaccess { margin-top: 170px !important; }
  #leftaccess ul.menu > li > a, #rightaccess ul.menu > li > a { font-size: 14px; }
  #colophon aside { width: 100%; }
  #colophon .widget-3 { float: none; border-left: none; border-bottom: 1px solid #49463d; min-width: 100%; text-align: center; }
  h3.widget-title { padding-top: 20px !important; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  
}

/* FONTS */
@font-face {
    font-family: 'Harrington';
    src: url('fonts/harrington.eot');
    src: url('fonts/harrington.eot?#iefix') format('embedded-opentype'),
         url('fonts/harrington.woff') format('woff'),
         url('fonts/harrington.ttf') format('truetype'),
         url('fonts/harrington.svg#harrington') format('svg');
    font-weight: normal;
    font-style: normal;
}