/* -------------- Redbrick Website Layout Style Sheet (2010)------------------- */

body {
background-image: url(/images/body_backgrnd.jpg);
background-position: top left;
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: "Trebuchet ms", arial, sans-serif;
}

#mainwrap {
width: 960px;
margin: 0 auto;
padding: 0;
}

/* -------- START Sticky Footer CSS -------- */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

* {margin:0;padding:0;}

html, body, #mainwrap {height: 100%;}

body > #mainwrap {height: auto; min-height: 100%;}

#main {
width: 960px;
margin: 0 auto;
padding-bottom: 130px; /* must be same height as the footer */
}  

/* STICKY FOOTER CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------- END Sticky Footer CSS -------- */

/* -------- Top Logo Area --------- */

#top-area {
width: 960px;
height: 115px;
margin: 0;
}

#logo {
float: left;
display: inline;
width: 226px;
height: 64px;
margin: 33px 0 0 46px;
padding: 0;
}

#top-nav {
width: 680px;
float: right;
display: inline;
margin: 60px 0 0 0;
text-align: right;
}

#navlist {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0;
}

#navlist li {
display: inline;
list-style-type: none;
padding: 0 30px 0 0;
}

#navlist a:link {color: #fff; text-decoration: none;}
#navlist a:visited {color: #fff; text-decoration: none;}
#navlist a:hover {color: #000; text-decoration: none;}

.clearboth {
clear: both;
}

/* ---- Inside Banner Area ---- */

#inside-banner {
width: 960px;
height: 168px;
margin: 0;
background-image: url(/images/banner_mic.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.red {color: #b32317;}

.bold {font-weight: bold;}

.small {font-size: 13px;}

#title-banner-holder {
width: 500px;
margin: 0;
padding: 35px 0 0 50px;
}

.title-banner {
font-family: helvetica, arial, sans-serif;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 5px 0;
}

.black-title {
font-family: "Trebuchet ms", arial, sans-serif;
font-size: 24px;
letter-spacing: -1px;
color: #0e0e0e;
margin: 0;
}

/* -------- Inside Page Content Area ----------- */

a:link {color: #b32317; text-decoration: underline;}
a:visited {color: #b32317; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

.seperator {
width: 100%;
height: 1px;
background-color: #e3e3e3;
margin: 15px 0 15px 0;
padding: 0;
}

.grey-image-box {
width: 140px;
float: right;
margin: 0 0 20px 20px;
padding: 8px;
background-color: #cfcfcf;
text-align: center;
}

/* Left Hand Column Area */

#inside-column-a {
width: 580px;
float: left;
margin: 40px 0 0 0;
padding: 0 0 0 40px;
}

p {
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 0;
}

#inside-column-a p {
margin: 0 0 15px 0;
}


.title-content {
font-size: 24px;
letter-spacing: -1px;
color: #0e0e0e;
line-height: 26px;
margin: 0;
}

.image-holder {
width: 170px;
float: right;
margin: 0 0 20px 20px;
text-align: center;
}

.linkedin {
font-size: 16px !important;
font-weight: bold;
}

.linkedin a:link {color: #000; text-decoration: none;}
.linkedin a:visited {color: #000; text-decoration: none;}
.linkedin a:hover {color: #126b9a; text-decoration: none;}

.linkedin {
font-size: 12px;
font-weight: bold;
}

.pic-text {
font-size: 12px;
color: #5f5f5f;
font-style: italic;
line-height: 16px;
margin: 10px 0 0 0;
text-align: left;
}

.bullets {
margin: 0 0 0 30px;
padding: 0;
}

.bullets li {
margin: 0;
padding: 0 0 5px 0;
}

.nomargins {
margin: 0 !important;
}


/* Sign Up Area */

#signup-holder {
width: 268px;
background-image: url(/images/envelope.gif);
background-position: top;
background-repeat: no-repeat;
background-color: #f0f0f0;
margin: 20px 0 0 0;
}

.sign-up-title {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 30px 0 5px 15px;
}

.sign-up {
padding: 2px 0 20px 15px;
}

/* Site Map Page */

#sitemap {
margin: 0 0 0 5px;
padding: 0;
}

#sitemap li {
list-style: none;
margin: 0;
padding: 0 0 5px 0;
}

#sitemap li ul {
list-style: none;
font-size: 12px;
padding: 5px 0 4px 10px;
}

/* -----  News and Workshop Section ----- */

.inside-event-date {
font-size: 16px;
font-style: italic;
float: left;
margin: 0 0 2px 0;
padding: 0 15px 0 0;
}

.inside-event-time {
font-size: 16px;
float: left;
margin: 0 0 2px 0;
}

.inside-event-name {
font-size: 16px;
}

.clearleft {
clear: left;
}

.inside-event-description {
font-size: 16px;
margin: 0 0 20px 0 !important;
}

.inside-event-location {
font-size: 16px;
}

#inside-column-a .resourcelist {
margin: 10px 0 15px 0;
line-height: 2.0em;
color: #8e8e8e;
font-size: 14px;
}

.shifticon {
position: relative; top: 3px;
padding: 0 5px 0 0;
}

#eventimg {
width: 90px;
margin: 10px 0 20px 20px;
float: right;
}

.thumbholder {
width: 90px;
margin: 0 0 10px 0;
font-size: 0.7em;
color: #8e8e8e;
text-align: center;
}

/* RSS */

#rss {
margin: 20px 0 10px 0;
font-size: 11px;
}

#rss a:link {text-decoration: none;}
#rss a:visited {text-decoration: none;}
#rss a:hover {text-decoration: none;}

/* -------- Footer Area --------- */

#footer {
position: relative;
width: 100%;
height: 130px;
margin: -130px auto 0 auto; /* negative value of footer height used for sticky footer */
clear:both;
background-image: url(/images/footer_backgrnd.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #fff;
}

#footer-content {
width: 960px;
margin: 0 auto;
}

#footer-left {
float: left;
width: 270px;
margin: 30px 0 0 0;
padding: 0;
background-image: url(/images/footer_logo.gif);
background-position: top left;
background-repeat: no-repeat;
}

.copyright {
margin: 0;
padding: 30px 0 0 32px;
font-size: 11px;
color: #747474;
}

#footer-right {
float: right;
width: 680px;
margin: 30px 0 0 0;
padding: 0;
text-align: right;
}

#footer-list {
font-size: 11px;
margin: 30px 0 0 0;
}

#footer-list li {
display: inline;
list-style-type: none;
padding: 0 20px 0 0;
}

.shiftit {
margin: 0 0 0 30px;
}

#footer-list a:link {text-decoration: none;}
#footer-list a:visited {text-decoration: none;}
#footer-list a:hover {text-decoration: none;}