/*  
Theme Name: Neon Group
Theme URI:
Description: A custom Wordpress theme for Neon Group
Version: December 2011
Author: Neon Solutions - Adrian Hayes
Author URI: www.neonsolutions.com.au

/*################### CSS TOC ########################
1  Reset
2  Layout
3  Nav
4  Headings
5  Lists
6  Images
7  Links
8  Forms
9  Tables
10 Typography
11 Comments
12 Misc

/* 1 ----------------- = Reset -----------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}

/* 2 ----------------- = Layout -----------------*/
html{margin-bottom:1px;overflow-y:scroll; background:#292929 url('images/base/repeat.png') repeat fixed top center;}
body{font-size:62.5%;font-family:'Helvetica Neue', helvetica, arial, sans-serif;background:url("images/head/glow.png") no-repeat center top;color:#444;margin:0;padding:0;}
#page-hold {width:100%;margin:0 auto;padding:0;background:none;}
#page{text-align:left;max-width:980px;background:none;margin:0 auto;padding:20px;}
#head-hold{margin:0 auto;padding:0;}
#head {margin:0 auto;padding:0 0 30px 0; background:url("images/ui/hr.png") no-repeat bottom;}
#strap-hold{margin-bottom:30px;background:url('images/head/glow-strap.png') no-repeat top center;}
#strap{width:100%;margin:0 auto;padding:0 0 5px 0;}
#affiliates { margin:0 0 40px 0;}
#foot-hold{background:#191919 url('images/base/repeat-foot.png') repeat 0 0;margin:0;padding:0 0 50px;}
#foot{max-width:980px;margin:0 auto;padding:50px 0 0;}
#foot-left{width:120px;margin:0 20px 0 0;padding:0; height:100px; float:left;}
#foot-social{width:170px;margin:5px 20px 0 0;padding:0; height:100px; float:left;}
#foot-addy{width:330px;margin:0 0 0 6px;padding:0; height:100px; float:left;}
#foot-right{width:310px;margin:5px 0 0 0;padding:0; height:100px; float:right;}

.div980{width:980px;margin:0 auto 15px;padding:0 0 15px;}

.holdit{width:920px;margin:0 auto;padding:0;}
.div475{width:48.469388%;margin:0 20px 0 0;padding:0;}

#head-hold,#strap-hold,#strap,#neon-group,#showreel,#affiliates,#tweeterings,#foot-hold{width:100%;}
#mind-blowing{float:left;}
#reel-affiliates{float:right;}
#mind-blowing,#reel-affiliates{width:48.469388%;}
#tweeterings,#showreel{margin:0 0 30px;padding:0;}
#overview{background:url('images/ui/hr.png') no-repeat bottom center;width:100%;margin-bottom:30px;}
.please-like-us{height:21px;}
#neon-group{margin-bottom:30px;}
#showreel{position:relative;padding-bottom:56.25%;padding-top:10px;margin-top:20px;height:0;overflow:hidden;}
#showreel iframe,#showreel object,#showreel embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.fluid-width-video-wrapper { margin-bottom:135px;}

/* 3 ----------------- = Nav -----------------*/


/* 5 ----------------- = Lists -----------------*/
ul,li{list-style:none;}
ul{margin:0 0 20px;}
ul.syndicate { margin-top:8px;}
ul.syndicate li {background-position:left center;background-repeat:no-repeat;padding:2px 0 2px 24px; font-size:1.2em;line-height:1.4em;margin:0 0 8px;}
li.RSS{background:url('images/ui/feed-icon-14x14.png');}
li.FB{background:url('images/ui/fb-icon-14x14.png');}
li.Twit{background:url('images/ui/twit-icon-14x14.png');}
/* 4 ----------------- = Headings -----------------*/
h1{font-size:3.7em;font-weight:200;letter-spacing:-0.02em;line-height:1.1em;color:#fff;margin:0 0 20px;padding:0;}
#page #strap h1 { padding-bottom:0;}
h1#logo a{width:330px;height:110px;background:url('images/logos/logo-neon-group.png') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;position:relative;top:40px;margin:0 auto 40px auto;padding:0;}
h1#logo.xmas a{width:419px;height:138px;background:url('images/logos/logo-neon-group-xmas.png') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;position:relative;top:20px;margin:0 auto -8px;padding:0;}
h2{font-size:2.1em;font-weight:500;letter-spacing:-0.02em;line-height:1.4em;color:#fff;font-family:'Helvetica Neue', Helvetica, arial, sans-serif;margin:0 0 20px;padding:0;}
h3{font-size:1.4em;font-weight:500;line-height:1.4em;color:#fff;font-family:'Helvetica Neue', Helvetica, arial, sans-serif;margin:0 0 20px;padding:0; text-transform:uppercase; text-align:center;}
#reel-affiliates h3 {margin-bottom:0;}
h4#logo-foot a{width:100px;height:40px;background:url('images/logos/logo-neon-group-foot.png') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;margin:0 20px 0 0;padding:0; float:left;}
h1#logo a:hover,h4#logo-foot a:hover{background-position:bottom left;}
h1#logo.Home a:hover,h4#logo-foot.Home a:hover{background-position:top left;}
#strap h1 { text-align:center; font-size:5.6em; color:#c6c6c6; padding-top:30px; text-shadow:0 1px 1px #111;}
#strap h1.reduce { font-size:4em; line-height:1.2em;}
/* 6 ----------------- = Images -----------------*/
a img {border:none;}
p img{max-width:100%;padding:0;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
#neon-group a img { margin: 0 2.6530612% 0 0; /*- 260 / 980px  *//*0 2.5530612% 0 0;*/ border:none;}
#neon-group a img.last { margin:0;}

#neon-group a img,#affiliates a img {-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
#neon-group a img:hover,#affiliates a img:hover{-webkit-transition: 0.18s ease-in;-moz-transition: 0.18s ease-in; transition: 0.18s ease-in; opacity:0.7;}

img { width:100%;}

#neon-group img { width:22.755102%; height:auto;}


#affiliates ul li { display:inline; margin-right:28px;}
#affiliates ul li a { }

#affiliates ul li a img { width:20%; /* 120 / 475 */}


#affiliates ul li a.last { margin-right:0;width:60%;}

#affiliates ul li a.square img { width:15%;}

/*
#affiliates a:hover { background-position:bottom left;}

a#aff-popcorn { background:url('images/logos/aff-popcorn.png') no-repeat 0 0; width:132px; height:100px; margin:0 120px 0 0;}
a#aff-twys { background:url('images/logos/aff-twys.png') no-repeat 0 0; width:142px; height:70px; margin:20px 120px 0 0;}
a#aff-mumbo { background:url('images/logos/aff-mumbo.png') no-repeat 0 0; width:150px; height:86px; margin:20px 120px 0 0;}
a#aff-lifec { background:url('images/logos/aff-lifec.png') no-repeat 0 0; width:216px; height:90px; margin:20px 100px 0 0;}
a#aff-wyfm { background:url('images/logos/aff-wyfm.png') no-repeat 0 0; width:204px; height:110px; margin:0;}
a#aff-hmi { background:url('images/logos/aff-hmi.png') no-repeat 0 0; width:135px; height:136px; margin:-6px 0 0 0;}
*/

iframe, object, embed {
    max-width: 100%;
}

/* 7 ----------------- = Links -----------------*/
a{color:#f0f0f0;text-decoration:none;}
a:active {position:relative;top:1px;left:1px;}
p a, ul.syndicate a { border-bottom:1px solid #666;}
p a:hover, ul.syndicate a:hover { border-bottom:1px solid #fff;}
a img { border:none;}
a:hover{color:#f0f0f0;}
li#solutions a { color:#5eab1f;}
li#projects a { color:#00A3F9;}
li#pictures a { color:#FF8900;}
li#s33 a { color:#fe0600;}
.opacity0pt6 { /* CSS3 */ opacity:1; /* for IE */ filter:alpha(opacity=100);}
.opacity0pt6:hover { /* CSS3 */ opacity:0.6; /* for IE */ filter:alpha(opacity=60);}

/* 8 ----------------- = Forms -----------------*/
#foot input#subscribe-group { background:#222; width:150px; height:19px; padding:5px 8px 4px 8px; margin:0 4px 10px 10px; border:1px solid #444; color:#fff; -moz-border-radius:0.6em;-webkit-border-radius:0.6em;}
#lbl-n { font-size:1.1em; color:#fff; width:60px; text-transform:uppercase;}
#foot input#btn-join { background:url('images/ui/forms/btn-join.png') no-repeat 0 0; width:60px; height:31px; cursor:pointer; border:0; text-indent:-10000px;}
#foot input#btn-join:hover { background-position: top right; cursor:pointer; outline:none;}
#foot input#btn-join:active {outline:none;}
/* 9 ----------------- = Tables -----------------*/


/* 10 ----------------- = Typography -----------------*/
p{font-size:1.6em;line-height:1.4em;margin:0 0 30px; color:#c6c6c6;}
p.round { margin:0 auto; background:#222; -moz-border-radius:0.6em; width:100px; padding:4px; border:1px solid #333;}
#foot p{font-size:1.1em;line-height:1em;margin:0 0 15px;color:#444;}
#foot-right p {text-align: right;}
p#magic { font-size: 1.3em; background:#222; padding:30px;-moz-border-radius:1em;-webkit-border-radius:1em; border:1px solid #333;}
#tweeterings p { color:#777; font-size:1.4em; margin:0; padding:0 30px; font-weight:200; text-shadow:0 1px 1px #222;}

/* 11 ----------------- = Comments -----------------*/

/* 12 ----------------- = Misc-----------------*/
.share { width:480px; min-height:20px; margin:0; padding:0;}
.twit-count {width:80px; float:left; padding-top:2px;}
.fb-count {width:80px; float:left;}
.email-page {width:100px; float:left; margin:1px 0 0 0; padding:0;}
.share-elsewhere {width:200px; float:left; margin:1px 0 0 20px; padding:0;}
.nmpb{border:none;margin:0;padding:0;}
.nmp{margin:0;padding:0;}
.nmrp{margin-right:0;padding:0;}
.npb{padding-bottom:0;}
.c{margin:0 auto;}
.tc{text-align:center;}
.ttu{text-transform:uppercase;}
.tr{text-align:right;}
.bb{background:url('images/ui/hr.png') no-repeat bottom center;}
.bt{background:url('images/ui/hr.png') no-repeat top center;}
.ad{height:80px;margin:0 0 10px;padding:0;}
.hex-fff { color:#fff;}
.mb{margin-bottom:15px;}
.match-height {height:48px;}
.last {margin-right:0;}
.bg-hex-333{color:#f0f0f0;background:#333;-moz-border-radius:6px;-webkit-border-radius:6px;padding:2px 6px;border-right:1px solid #000; border-bottom:1px solid #000;}
strong{font-weight:700;}
em{font-style:italic;}
.alignright,.flr{float:right;}
.alignleft,.fll{float:left;}
img.alignleft {padding-right:6px;}
.screen-reader-text{position:absolute;left:-1000em;}
/* These selection declarations have to be separate. */
::-moz-selection{ background: #444; text-shadow: none; }
::selection { background:#444;text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #444; } 
.clearfix:after,#head-hold:after,#page:after,#head:after, #strap-hold:after, #reel-affiliates:after,#affiliates:after, #neon-group:after,#overview:after, #tweeterings:after,#foot-hold:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

@media handheld and (max-width: 480px),
	screen and (max-width: 750px),
	screen and (max-device-width : 320px) and (orientation : portrait),
	screen and (max-device-width : 320px) and (orientation : landscape)
{
#mind-blowing, #reel-affiliates { float:none; width:100%; margin-bottom:60px;}

#mind-blowing h2, #affiliates {background:url('images/ui/hr.png') no-repeat bottom center; margin-bottom:60px; padding-bottom:60px;}
#reel-affiliates {margin-bottom:0;}
#affiliates { margin-bottom:60px;}
#neon-group a img {
    border: medium none;
    margin: 0 2.40306% 0 0;
}
#strap-hold, #neon-group, #affiliates { margin-bottom:60px;}
#showreel { margin-top:40px;}
#strap h1 { text-align:center; font-size:9em;}
h2 { font-size:3em; margin-bottom:60px;}
h3 { font-size:3em; margin-bottom:60px;}
p#magic { font-size:3em; margin-bottom:60px;}
#foot p { margin-bottom:30px;}
#foot-left, form, p#colophon { display:none;}
#foot-social, #foot-addy, #foot-right { float:none; width:100%; height:auto; text-align:center; margin-bottom:50px; font-size:3em;}
#foot-right p { text-align:center;}
ul.syndicate { margin-top:40px;}
ul.syndicate li { text-align:left; margin-left:24%;}
#foot input#subscribe-group {
    min-height: 40px;
    margin: 0 0 60px 0;
    padding: 20px;
    width: 90%;
}
}