/* CSS Document */

/***********************************************************************************************
 Setup
***********************************************************************************************/

body, h1, p, h2, html, img, ul, ol, li {
margin: 0;
padding: 0;
border: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0pt;
}

/***********************************************************************************************
 Reference Colours
***********************************************************************************************/

/*
*/

/***********************************************************************************************
 Structure & Layout
***********************************************************************************************/

body {
background-repeat:no-repeat;
background-position:top center;
background-color: #FFF;
background-attachment:fixed;
background-image:url(../images/structure/bg_4.jpg);
}

#wrapper {
margin: 17px auto 0;
padding: 0;
width: 990px;
}

#footer {
clear:both;
margin: 0 auto;
height: 40px;
width: 910px;
background-repeat:repeat-x;
padding: 0 0 0 470px;
}

#left_col {
width:530px;
margin: 10px 0px 10px 30px;
float:left;
padding: 30px;
/* RGBa with 0.9 opacity */
background-color:#FFFFFF;
background: rgba(255, 255, 255, 0.8);
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
box-shadow:0px 3px 4px #591E12;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // first!
filter: alpha(opacity=0.8);
}

#content_wide {
width:700px;
padding: 30px 0px 40px 40px;
float:left;
}

#right_col {
float:right;
width: 300px; /* padded to 320px */
padding: 20px 15px 10px 14px;
margin: 150px 30px 20px 0;
background-color:#FFFFFF;
background: rgba(255, 255, 255, 0.8);
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow:0px 3px 4px #666666;
-webkit-box-shadow:0px 3px 4px #666666;
box-shadow:0px 3px 4px #666666;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // first!
filter: alpha(opacity=0.8);
}

.widget {
margin: 0 0 10px;	
}

/***********************************************************************************************
 Articles ***********************************************************************************************/

.article {
background-color:#FFF;
margin-bottom: 40px;
padding: 30px;
/* RGBa with 0.9 opacity */
background-color:#FFFFFF;
background: rgba(255, 255, 255, 0.92);
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:2px 2px 2px #666666;
-webkit-box-shadow:2px 2px 2px #666666;
box-shadow:2px 2px 2px #666666;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; // first!
filter: alpha(opacity=0.92);

}

.article img {
float: right;
margin-left: 10px;
border: 1px solid #999;
padding: 3px;
}


/***********************************************************************************************
 Text
***********************************************************************************************/

/* set base font size to equivalent of 10px */
body {
font-size: 62.5%;
color: #000;
}

body, input, textarea, #top_nav, h3, h4 {
font-family:Arial, Helvetica, sans-serif;
}
@font-face {
 font-family: 'HeadersFont';
 src: url('../fonts/cabndwebbold-webfont.eot');
 src: url('../fonts/cabndwebbold-webfont.eot?iefix') format('eot'),  url('../fonts/cabndwebbold-webfont.woff') format('woff'),  url('./fonts/cabndwebbold-webfont.ttf') format('truetype'),  url('../fonts/cabndwebbold-webfont.svg#webfontWlSzXcRU') format('svg');
 font-weight: normal;
 font-style: normal;
}

h1, h2, #nav {
font-family:"HeadersFont", "Avant Garde", "Century Gothic",sans-serif;
}

p {
font-size: 1.15em;
line-height: 1.6em;
margin-bottom: 1.3em;
}

.front_features p {
margin-bottom: 0;
}

h1 {
font-size: 3.4em;
margin-bottom: 1em;
padding: 20px 0 5px;
color:#999;
color: #7F0D7C;
color: #b61f25;

font-weight:normal;
}

#content h1, #content_wide h1 {
border-bottom: 1px solid #C2C2C2;
}

h2 {
font-size: 1.75em;
font-weight: normal;
margin-bottom: 1.0em;
padding: 15px 0 5px;
color:#999;
color: #7F0D7C;
color: #b61f25;

}

#sub_nav h2 {
font-size: 1em;
}

#right_col h2 {
font-size: 1.6em;
margin-bottom: 1em;
}

#right_col h2 a {
}

.front_features h2 {
font-size: 2.2em;
margin-bottom: 0;
color:#666666;
font-weight:normal;
}

.shaded {
clear: right;
background-color: #F0C1C8;
padding: 5px;
color: #000;
font-size: 1.4em;
}

h3 {
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0.4em;
}

/* Links */ 

a:link, a:visited {
color: #B40629;
}

a:hover, a:active {
text-decoration: underline;
color: #000;
}

h2 a:link, h2 a:visited {
color: #000;
text-decoration: none;
}

h2 a:hover {
text-decoration: underline;
}

/***********************************************************************************************
 Structure & Layout
***********************************************************************************************/

#nav {
height: 35px;
color: #FFF;
/*color: #7F0D7C;
color: #000;*/
margin: -45px 0 0 150px;
margin: -45px 0 0 28px;
padding: 10px 30px 0;
font-size: 1.75em;
}

#nav a {
color: #FFF;
/*color: #7F0D7C;
color: #000;*/
text-decoration: none;
margin-right: 5px;
}

#nav a:hover {
color: #000;
color: #7F0D7C;
color: #b61f25;
}

.gallery img {
float: none;
margin-right: 1px;
margin-bottom: 5px;	
}

#twitter {
margin: 20px 0;	
}

.no_float {
float: none !important;
margin-left: 0 !important;
}