@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
WEBSITE STARTER KIT - SCREEN
AWA
Email: production@awadigital.com

--------------
NOTES
--------------
This css file contains styles for basic layout and font styles for generic elements used
across the entire website such as the site structure, header, navigation and footer.

Reusable content elements such as promos, panels and cross-sell are also included.

--------------
CONTENTS
--------------
## RESET BROWSER DEFAULT CSS
## STRUCTURE
## BRANDING
## MAIN NAVIGATION
## MAIN NAVIGATION SECTION HIGHLIGHTING
## FOOTER
## TYPOGRAPHY
## COLOUR THEMES
## REUSABLE CONTENT PATTERNS
## FORM INSTRUCTIONS
## BASE FORM LAYOUT
## ACCESSIBLE HIDE
## SKINS

-----------------------------------------------------------------------------------------
*/


/*  ## RESET BROWSER DEFAULT CSS  ---------------------------------------------------*/
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, font, 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,
abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, 
eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, 
section, time, video {
border: 0;
font-size: 100%;
line-height: 1.4;
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: 0;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
display: block;
}


/*  ## STRUCTURE  -------------------------------------------------------------------*/
body {
background-color: #FFF;
font-family: Arial, Verdana, sans-serif;
font-family: "Myriad Pro",Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 100%;
}
div#container {
background-color: #777;
border-top: 7px #000 solid;
max-width: 1280px;
min-width: 960px;
padding: 0 0 20px 0;
position: relative;
}
header {
display: block;
overflow: hidden;
padding: 80px 0 30px;
}
#content {
padding: 0 0 0 63px;
}


/*  ## NAV  -------------------------------------------------------------------------*/
nav {
left: 0;
overflow: hidden;
padding-top: 0;
position: absolute;
top: 30px;
width: 100%;
z-index: 1;
}
nav ul {
padding-left: 63px;
}
nav ul,
nav li,
nav li a {
float: left;
}
nav li {
margin: 0 10px 0 0;
}
nav li.selected a {
color: #FFF;
}
nav a {
background-color: #000;
background-color: rgba(0,0,0,0.5);
color: #FFF;
display: block;
font-size: 81.25%; /*13px*/
padding: 6px 15px 3px;
text-decoration: none;
}
nav li.selected a {
background-color: #000;
background-color: rgba(0,0,0,0.7);
}
nav a:focus,
nav a:hover {
background-color: #000;
background-color: rgba(0,0,0,0.7);
}
nav a:focus {
outline: none;
}


/*  ## HEADER -----------------------------------------------------------------------*/
header div.branding {
display: none;
}
header h1 {
color: #000;
color: rgba(0,0,0,0.9);
font-size: 400%; /*64px*/
position: relative;
padding-left: 63px;
/*letter-spacing: -3px;*/
}
header h2 {
color: #000;
color: rgba(0,0,0,0.9);
font-size: 125%; /*20px*/
padding-left: 63px;
/*letter-spacing: -1px;*/
margin-top: -0.5em;
font-weight: normal;
}


/*  ## FOOTER  ----------------------------------------------------------------------*/
footer {
background-color: #111;
display: block;
padding: 50px 0 110px 63px;
max-width: 1217px;
min-width: 940px;
}
footer div.info {
background: url(../images/stat/rps-logo.gif) top left no-repeat;
padding: 0 0 10px 42px; 
}
footer p {
color: #FFF;
font-size: 81.25%;
}
footer a {
color: #FF113A;
}


/*  ## NAV  -------------------------------------------------------------------------*/
#content {
position: relative;
min-height: 400px;
width: 917px;
}
section {
display: block;
position: relative;
}


/*  ## HOMEPAGE  --------------------------------------------------------------------*/
#content .blog-navigation ul {
padding: 0 0 50px;
width: 100%;
}
#content .blog-navigation ul li {
margin-bottom: 0.2em;
width: 100%;
}
#content .blog-navigation ul li a {
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
background: #FF113A url(/images/stat/slider_bg_20.png) no-repeat 0px 0px;
color: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
font-size: 100%;
line-height: 1.8em;
padding: 0.5em 14px 0.3em;
text-decoration:none;
}
#content .blog-navigation ul li a em {
font-size: 75%;
font-style: italic;
text-decoration: none;
}
#content .blog-navigation ul li a:focus {
outline: 0;
}
div.blog-entries {
display: block;
min-height: 300px;
overflow: hidden;
position: relative;
width: 100%;
}



/*  ## REUSABLE CONTENT ELEMENTS  ---------------------------------------------------*/



/*  ## HOMEPAGE  --------------------------------------------------------------------*/



/*  ## ENTRY ------------------------------------------------------------------------*/
article {
margin-bottom: 40px;
position: relative;
width: 687px;
}
.contact-form,
.entry {
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
background-color: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
overflow: hidden;
padding: 10px 14px 14px;
width: 659px;
}
article h2,
.message h2 {
color: #000;
font-weight: normal;
font-size: 175%; /*28px*/
/*letter-spacing: -1px;*/
margin: 0.25em 0 0.5em;
}
article h2 a {
color: #000;
text-decoration: none;
}
article h2 a:focus,
article h2 a:hover {
border-bottom: 2px solid #000;
color: #000;
}
article h3 {
margin-top: 1em;
font-size: 125%; /*20px*/
/*letter-spacing: -1px;*/
font-weight: normal;
line-height: 1.4em;
}
article h4 {
margin-top: 1em;
font-size: 100%;
line-height: 1.4em;
}
article p {
color: #000;
font-size: 81.25%;
line-height: 1.4em;
margin-top: 0.9em;
}
article ul,
article ol {
margin: 1em 0;
}
article h3 + ul,
article h3 + ol {
margin: 0.5em 0 1em;
} 

article li {
font-size: 81.25%;
line-height: 1.5em;
list-style: disc outside;
margin-left: 2.5em;
}
.entry figure {
margin: 1em 0;
}



article .entry-date p {
color:#666;
clear: left;
line-height: 1em;
font-size: 68.75%;
margin-top: 30px;
}
.entry div.images {
border-top: 1px solid #DDD;
margin: 1em 0;
overflow: hidden;
padding-top: 1em;
width: 659px;
}
div.entry div.first {
border-top: none;
padding-top: 0;
}
.entry div.images div {
float: left;
margin-right: 20px;
}
.entry-categories p {
color:#666;
line-height:1em;
font-size: 68.75%;
margin-top: 5px;
}


pre {
border: 1px dotted #999;
line-height: 1;
margin: 1em 0;
padding: 1em;
}
code {
color: #999;
font-family: Courier, 'Courier New', monospaced;
}
p code {
font-size: 100%;
}
article a {
color: #FF113A;
}
article a:hover {
color: #F00;
}
article p.read-more {
font-weight: bold;
}

.comments {
border-top: 2px solid #EEE;
padding: 10px 0 20px;
margin: 50px 0 0;
}
.comment {
overflow: hidden;
width:100%;
padding-bottom: 20px;
}
.comment .img {
float: left;
width: 90px;
text-align: right;
padding: 10px 10px 0 0;
}
.comment .img img {
border: 2px solid #EDEDED;
}
.comment .text {
float: right;
width: 559px;
}
.comment .comment-info {
float: right;
width: 559px;
}
.comment-info p {
color: #666;
line-height: 1em;
font-size: 68.75%;
}
.comment-info p a {
color: #666;
}



aside {
background-color: #000;
background-color: rgba(0,0,0,0.7);
color: #FFF;
padding: 14px 7px 14px 14px;
position: absolute;
left: 717px;
top: 0;
width: 179px;
}
aside h3 {
font-size: 125%;
font-weight: normal;
line-height: 1.4em;
margin-top: 0;
}
aside p {
color: #FFF;
font-size: 75%;
margin: 0.5em 0 1em;
}
aside p.more {
font-size: 75%;
margin: 0.5em 0 0;
}
aside h4 {
font-size: 100%;
}
aside a {
color: #FFF;
}

div.back_to_top {
background-color: #000;
background-color: rgba(0,0,0,0.7);
clear: left;
width: 80px;
}
div.back_to_top p {
margin: 0;
font-size: 68.75%;
}
div.back_to_top a {
color: #555;
color: rgba(255,255,255,0.5);
text-decoration:none;
display:block;
text-align:center;
padding:5px 0 5px;
}
div.back_to_top a:hover {
color: #999;
color: rgba(255,255,255,0.8);
}


/*  ## GALLERY  ---------------------------------------------------------------------*/
#gallery {
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
background-color: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
margin-bottom: 30px;
overflow: hidden;
padding: 14px 0 14px 14px;
}
#gallery div.image {
float: left;
overflow: hidden;
padding-right: 10px;
}
#img-holder {
background-color: #FFF;
height: 375px;
width: 500px;
}
#img-holder.loading {
background: #FFF url(/images/stat/loadingdisc.gif) center center no-repeat;
}
#gallery p.caption {
font-size: 100%;
font-weight: bold;
color: #000;
padding: 14px 0 0;
}
#gallery p.published-date {
color: #666;
font-size: 68.75%;
}
#gallery ul {
overflow: hidden;
}
#gallery ul li {
float: left;
padding: 0 5px 5px 0;
}
#gallery ul li a {
outline: none;
}
div#gallery ul li a img {
display: block;
float: left;
}


/*  ## FORMS N SHIT  ----------------------------------------------------------------*/
.main-content {
margin-bottom:30px;
}
.ajaxresponse p,
.main-content p.warning {
font-size:81.25%;
padding-bottom:14px;
}
.ajaxresponse h3, .ajaxresponse p {
color:#FF113A;
padding-bottom:0;
}
div.ajaxresponse {
margin-bottom: 14px;
}
fieldset {
border: none;
padding-top: 14px;
}
fieldset legend {
font-size:125%;
color:#000;
}
fieldset div {
overflow:hidden;
position:relative;
padding-bottom:14px;
}
fieldset label {
display:block;
float:left;
width:90px;
color:#000;
padding-right:10px;
font-size:81.25%;
font-weight:bold;
text-align:right;
}
fieldset label em {
font-style:normal;
position:absolute;
top:0;
left:474px;
width:180px;
color:#FF113A;
text-align:left;
}
fieldset input {
display:block;
float:left;
width:360px;
color:#000;
font-size:81.25%;
border:1px solid #CCC;
background:url(/images/bg-form-element.gif) top left no-repeat;
padding:3px;
}
fieldset div.hiddenFields {
padding: 0;
}
fieldset div.hiddenFields input {
display:inline;
float:none;
width:auto;
margin-right:5px;
color:#000;
font-size:81.25%;
border:1px solid #CCC;
background:none;
padding:0;
visibility:hidden;
position:absolute;
top:0;
left:-3000px;
}
fieldset div.checkbox {
width: auto;
padding-left: 100px;
}
fieldset div.checkbox label {
width: auto;
}
fieldset div.checkbox input {
display:inline;
float:none;
width:auto;
margin-right:5px;
color:#000;
font-size:81.25%;
border:none;
background:none;
}
fieldset textarea {
display:block;
float:left;
height:120px;
color:#000;
font-family: Arial, Verdana, sans-serif;
font-size:81.25%;
border:1px solid #CCC;
background:url(/images/bg-form-element.gif) top left no-repeat;
padding:3px;
width:360px;
}
fieldset div.error textarea,
fieldset div.error input {
border:1px solid #FF113A;
}
fieldset div.error label {
color: #FF113A;
}
fieldset div.error .message {
color: #FF113A;
padding: 5px;
background-color: #FFC;
}
.form_buttons {
padding: 0 0 20px 100px;
}

.work-section,
.section {
overflow:hidden;
position:relative;
padding-top:10px;
padding-bottom:30px;
}
.work-section .example,
.section .section-content {
width:659px;
padding:14px 14px 0;
background-color:#FFF;
overflow:hidden;
}
.section .section-content {
padding:14px;
}
.example-info {
float:right;
width:235px;
padding-right:10px;
padding-bottom:14px;
}

article .example-info h2 {
font-size: 125%;
margin-bottom:0;
line-height: 1.2em;
}
article .example-info h3 {
font-size: 81.25%;
margin-top: 0.45em;
}
.example-info p.client {
font-size: 81.25%;
}
.example-info p a {

}
.example-info p {
color:#000;
font-size:81.25%;
}

.example-images {
float: left;
padding-top: 4px;
width: 400px;
}
.example-images img {
float: left;
margin-bottom: 14px;
}

.example-images img.left {
margin-right:14px;
}
#content .section-content h3 {
padding-top:1em;
}

#content .section-content img {
padding-top:1em;
}
#content .section-content p {
color:#000000;
font-size:81.25%;
line-height:1.4em;
padding-top:1em;
}
#content .section-content ol li {
color:#000000;
font-size:81.25%;
line-height:1.4em;
}
#content .section-content p a {
color:#FF113A;
}


/*  ## SHARE/BOOKMARKS  -------------------------------------------------------------*/
.share {
color: #FFF;
margin-bottom: 40px;
}
.share h4 {
font-size: 100%;
margin-bottom: 5px;
}
.share ul {
overflow: hidden;
width: auto;
}
.share ul li {
float: left;
line-height: 1.5;
}
.share ul li a {
color: #FFF;
float: left;
font-family:Arial,Verdana,sans-serif;
font-size: 68.75%;
line-height: 2.2;
margin-right: 30px;
padding-left: 19px;
text-transform: uppercase;
}
.share ul li.linkedin a {
background: transparent url(/images/stat/bookmarks/linkedin.gif) no-repeat scroll left center;
}
.share ul li.facebook a {
background: transparent url(/images/stat/bookmarks/facebook.gif) no-repeat scroll left center;
}
.share ul li.digg a {
background: transparent url(/images/stat/bookmarks/digg.gif) no-repeat scroll left center;
}
.share ul li.twitter a {
background: transparent url(/images/stat/bookmarks/twitter.gif) no-repeat scroll left center;
}
.share ul li.delicious a {
background: transparent url(/images/stat/bookmarks/delicious.gif) no-repeat scroll left center;
margin-right: 0;
}


/*  ## SKINS DROPDOWN  --------------------------------------------------------------*/
#goodies {
height: 30px;
left: 0;
max-width: 1280px;
min-width: 960px;
overflow: hidden;
position: fixed;
top: -2px;
width: 100%;
z-index: 100;
}
#goodies .content {
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
background-color: #000;
background-color: rgba(0,0,0,0.9);
bottom: 23px;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
height: 75px;
position: absolute;
width: 100%;
}
#goodies .content ol {
overflow: hidden;
padding: 10px 0 0 10px;
}
#goodies .content ol li {
float: left;
list-style: none;
padding: 0 10px 0 0;
}	
#goodies .content li a {
border: 2px solid #FFF;
display: block;
float: left;
height: 50px;
overflow: hidden;
text-indent: -3000em;
width: 50px;
}
#goodies .content li.skin1 a {
background:url(/images/stat/skin1-thumb.gif) no-repeat;
} 
#goodies .content li.skin2 a {
background:url(/images/stat/skin2-thumb.gif) no-repeat;
} 
#goodies .content li.skin3 a {
background:url(/images/stat/skin3-thumb.gif) no-repeat;
} 
#goodies .content li.skin4 a {
background:url(/images/stat/skin4-thumb.gif) no-repeat;
} 

#tab {
bottom: 0;
height: 23px;
left: 7px;
overflow: visible;
position: absolute;
text-align: center;
width: auto;
}
#tab a {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #000;
background-color: rgba(0,0,0,0.7);
border-radius-bottomleft: 5px;
border-radius-bottomright: 5px;
color: #555;
color: rgba(255,255,255,0.5);
display: block;
font-size: 11px;
padding: 1px 7px;
text-decoration: none;
}
#tab a:hover {
color: #999;
color: rgba(255,255,255,0.8);
}
#tab a:focus {
outline: none;
}


/*  ## SKINS  -----------------------------------------------------------------------*/
div#container {
background: #507CA3 url(/images/stat/bg_container.jpg) no-repeat fixed 0 -330px;
}
body.skin2 div#container {
background: #B48229 url(/images/stat/skin2/bg_container.jpg) no-repeat fixed 0 -480px;
}
body.skin3 div#container {
background: #A7C0DF url(/images/stat/skin3/bg_container.jpg) no-repeat fixed 0 -105px;
}
body.skin4 div#container {
background: #3B8D95 url(/images/stat/skin4/bg_container.jpg) no-repeat fixed 0 0;
}