/* ------------------------------------------------------------- *
 * Reawaken Media 2010: Moonlight Sonata                         *
 * Designed by Antinomie Designs, a Reawaken Media company       *
 * © 2010 Reawaken Media, LLC                                    *
 * --------------------------------------------------------------*/
 
/* 
 * COPYRIGHT NOTICE
 * --------------------------------------------------------------
 * The following design is owned by Reawaken Media, and cannot be
 * used without permission from the Managing Director
 *
 * The following design is protected by Copyright Act 1968, and
 * its amendments, in Australia; along with relevalent acts in
 * the user's territory.
 *
 * Unless mentioned, all code has been written by Antinomie
 * Designs. If code attribution has been mentioned, the code has
 * been sourced from an "open-source" party.
 *
 * If a section of the code has been from "open-source", then
 * any alternations to the code are available to the public.
 *
 * Code that is used without permission will face severe
 * penalities from Alfahosts and/or Reawaken Media
 *
 * Reawaken Media does have the right to change this agreement
 * when it sees fit.
 *
 *
 */
 
/* ----------------------  START CSS CODE  --------------------- */

/* ANTINOMIE HOME PAGE */
/* -- Background -- */
body.design {background: black url(../img/index-bg/antinomie-colours.jpg) top center no-repeat;}

/* -- Front Text -- */
#antinomie-home {margin: 7px auto 0 auto; width: 980px; padding-bottom: 260px;}
#antinomie-home .title h1 {display: block; background: url(../img/@text/engaging-experience.png) -4px 0 no-repeat; width: 476px; height: 103px; margin-top: 200px;}
#antinomie-home .title h1 span {display: none;}

/* -- Logo -- */
.antinomie-logo a {display: block; width: 193px; height: 38px; margin-top: 49px; background: url(../img/core/antinomie-logo.png) top left no-repeat; text-indent: -999em;}

/* -- Navigation -- */
.an-navigation ul {margin: 0; padding: 0; list-style: none;}
.an-navigation ul li {display: block; margin-right: 25px; height: 27px; float: left;}
.an-navigation ul li a {background: url(../img/core/antinomie-navi.png) top left no-repeat; display: block; height: 27px; text-indent: -999em;}
.an-navigation ul li a.about {width: 110px; background-position: 0 0;}
.an-navigation ul li a.services {width: 110px; background-position: -130px 0;}
.an-navigation ul li a.portfolio {width: 121px; background-position: -269px 0;}
.an-navigation ul li a.contact {width: 101px; background-position: -420px 0;}

/* -- Footer -- */
body.design #footer-wrapper {background: transparent url(../img/core/bottom-toolbar-black-fade.png) no-repeat top center;}
#footer-bar ul li a.btn-wordpress {background: url(../img/icons/wordpress-bw.jpg) top left no-repeat;}
#footer-bar ul li a.btn-browser {background: url(../img/icons/firefox-bw.jpg) top left no-repeat;}
#footer-bar ul li a.btn-alfahosts {background: url(../img/icons/alfahosts-bw.jpg) top left no-repeat;}
#footer-bar ul li p {color: #7D7D7D;}



/* ANTINOMIE CONTENT PAGE */
/* -- Logo -- */
body.design.page {background: white;}
body.design.page #footer-wrapper {background: black url(../img/core/bottom-toolbar-black.png) repeat-x top left;}
body.design.page #antinomie-wide {width: auto; padding-bottom: 49px; background: black url(../img/index-bg/antinomie-colours-header.jpg) center top no-repeat; overflow: hidden;}
body.design.page .antinomie-logo {width: 980px; margin: 0 auto;}

/* -- Header Text -- */
body.design.page #layout h1.about {background: url(../img/@text/about-antinomie.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;}
body.design.page #layout h1.services {background: url(../img/@text/services-antinomie.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;}
body.design.page #layout h1.portfolio {background: url(../img/@text/portfolio-antinomie.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;}
body.design.page #layout h1.contact {background: url(../img/@text/contact-antinomie.png) top left no-repeat; height: 36px; display: block; width: 980px; text-indent: -999em;}

/* -- Blocks Default -- */
.block-container {border: 0; padding: 0;}

/* -- Blocks - Portfolio -- */
ul.portfolio {margin: 0; padding: 0; list-style: none; margin-left: -20px;}
ul.portfolio li {margin-left: 20px; margin-bottom: 20px; height: 200px; width: 200px; float: left; position: relative;}
ul.portfolio li .overlay {position: absolute; background-color: black; bottom: 0; left: 0; right: 0; margin: auto; padding: 10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
ul.portfolio li .overlay h4 {color: white; font-size: 1.6em; margin-bottom: 5px; font-weight: bold;}
ul.portfolio li .overlay span {font-size: 1.2em; color:#6C6C6C;}

/* -- Portfolio Page - Image -- */
.portfolio-image {position: relative; margin-bottom: 20px;}
.portfolio-image .overlay {position: absolute; background-color: black; bottom: 0; left: 0; right: 0; margin: auto; padding: 10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.portfolio-image .overlay h4 {color: white; font-size: 1.6em; margin-bottom: 5px; font-weight: bold;}
.portfolio-image .overlay span {font-size: 1.2em; color:#6C6C6C;}
.portfolio-image .overlay span.link a {float: right; display: block; color: black; background: #80B134; padding: 2px 6px; border: 1px solid #80B134; margin-top: -16px;}
.portfolio-image .overlay span.link a:hover {color: #80B134; background: transparent;}