/*
*   Filename:       template.101.css
*
*   Description:    This file contains everything to do with the template. Content
*                   styles are located within content.101.css.
*   
*                   Screen and print styles in same document to cut down on RTTs.
*/

/* HTML 5 Reset - Makes older browsers recognise them as block elements. */
article, aside, figure, footer, header, hgroup, nav, section { display: block; margin: 0; padding: 0; }
/* -------------------------------------------------------------- */

@font-face
{
    font-family: 'bebasneue';
    src: url('/Fonts/bebasneue-webfont.eot'); /* IE9 Compat Modes */
    src: url('/Fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Fonts/bebasneue-webfont.svg#ralewayregular') format('svg'), /* Chrome Crap Font Fix */
         url('/Fonts/bebasneue-webfont.woff') format('woff'), /* Modern Browsers */
         url('/Fonts/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'droidsans';
    src: url('/Fonts/droidsans-webfont.eot'); /* IE9 Compat Modes */
    src: url('/Fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Fonts/droidsans-webfont.svg#ralewayregular') format('svg'), /* Chrome Crap Font Fix */
         url('/Fonts/droidsans-webfont.woff') format('woff'), /* Modern Browsers */
         url('/Fonts/droidsans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'droidsans';
    src: url('/Fonts/droidsans-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('/Fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Fonts/droidsans-bold-webfont.svg#ralewayregular') format('svg'), /* Chrome Crap Font Fix */
         url('/Fonts/droidsans-bold-webfont.woff') format('woff'), /* Modern Browsers */
         url('/Fonts/droidsans-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Screen settings for the template */
@media screen {
    /* General Settings */
    .noPrint{}
    /* -------------------------------------------------------------- */

    /* Template Settings */
	body {float: left; margin: 0 auto; padding: 0; width: 100%; color: #000; background-color: #282827; 
          font-family: 'droidsans', Verdana, sans-serif; font-size: 80%; font-weight: normal; overflow-y: scroll;}
	form {display: inline;}
    .generalCenter {margin: 0 auto; width: 960px;}
	/* -------------------------------------------------------------- */
	
	/* Header Settings */
    .languageSelection {position: absolute; top: 10px; right: 280px; width: auto; height: auto; font-size: 1.1em;}
	header {position: relative; float: left; width: 100%; margin: 0; padding: 0; font-family: 'bebasneue'; background-color: #fff;}
	header > .banner {position: relative; width: 960px; height: 95px; margin: 0 auto; padding: 0;}
    header > .banner.more {margin-bottom: 40px;}
    header > .banner > a > img {float: left;}
    header > .banner > .center {float: left; width: 500px; height: 30px; margin: 60px 0 0 0; font-size: 1.9em; color: #666;}
    header > .banner > .center > span {color: #bbb;}

    header > .banner > .right {float: right; width: 260px; height: 80px; color: #fff; font-size: 2.25em; line-height: 70px;}
    header > .banner > .right > .joinContainer {float: left; width: 250px; height: 70px; background-color: #282827; padding: 0 5px 5px 5px;}
    header > .banner > .right > .joinContainer > div {width: 247px; height: 68px; padding: 0; border-bottom: 1px dashed #fff; 
        border-left: 1px dashed #fff; border-right: 1px dashed #fff; text-align: center;}
    header > .banner > .right > .joinContainer > div > a {color: #fbea37; text-decoration: none;}
    header > .banner > .right > img {float: left;}
    .socialLinksHold {float: right; margin: 7px 0 0 0; width: auto; height: 26px;}
    .socialLinksHold > a {text-decoration: none;}
    .socialLinksHold > a > .twitter {float: left; margin: 0 10px 0 0;}
    .socialLinksHold > a > .facebook {float: left;}
    .templateSearchContainer {float: left; width: auto; height: 100%; margin: 0 10px 0 0; font-size: 1.4em; line-height: 26px;}
    .templateSearchContainer input[type=text] {width: 125px; height: 26px; margin: 0 0 0 10px; padding: 0 0 0 10px; font-size: 0.9em; color: #fff; background-color: #282827;
        line-height: 100%; border: none; font-family: 'bebasneue'; outline: none; vertical-align: middle; float: right;}
    .templateSearchContainer input[type=text]:active {outline: none;}
    .templateSearchContainer input[type=image] {width: 20px; height: 16px; margin: 0; padding: 5px; border: none; background-color: #282827; color: #fbea37; line-height: 100%;
        font-size: 0.8em; vertical-align: middle; float: right;}
	/* -------------------------------------------------------------- */
	
	/* Content Settings */
	.content {float: left; width: 100%; margin: 0; padding: 0 0 20px 0; background-color: #c0c5b0;}
    .content > .shadow {width: 100%; height: 20px; background: url('/images/gradientTile.gif') repeat-x;}
    .content > .centerContent {width: 960px; margin: 0 auto;}
	.content > .centerContent > article {float: left; width: 670px; margin: 0 auto; padding: 0; vertical-align: top;}
    .content > .centerContent > article.page {width: 650px; padding: 10px 10px 20px 10px; background: #fff url('/images/large-Shadow.jpg') no-repeat bottom}
	.content > .centerContent > aside {float: right; width: 260px; margin: 0; vertical-align: top;}
    .content > .centerContent > aside > section {float: left; width: 240px; background-color: #fff; padding: 10px 10px 20px 10px;}
    .content > .centerContent > aside > img {float: left;}

    .socialButtonsHold {float: left; width: 100%; height: 30px; margin: 10px 0 0 0; padding: 0;}
    .socialButtonsHold > a {display: block; float: left; text-decoration: none; margin: 0 10px 0 0;}
    .socialButtonsHold > a > img {width: 30px; height: 30px;}
	/* -------------------------------------------------------------- */
	
	/* Footer Settings */
	footer {width: 100%; margin: 0 0 40px 0; padding: 0; height: 40px; line-height: 40px; color: #000; font-size: 0.8em; background-color: #fbea37;}
    footer > .container {width: 960px; margin: 0 auto; height: 40px;}
    footer > .container > .terms {float: left; width: 650px; height: 40px;}
    footer > .container > .logo {float: right; width: 300px; height: 40px; text-align: right;}
    footer > .container > .logo > a > img {margin: 0 0 -5px 8px;}
	/* -------------------------------------------------------------- */
}

/* Print settings for the template */
@media print {
    /* General Settings */
    .noPrint {display: none !important;}
    /* -------------------------------------------------------------- */

    /* Template Settings */
    body {color: #000; font-family: arial; font-size: 10pt; font-weight: normal; margin: 0; padding: 0;}
	form {display: inline;}
    /* -------------------------------------------------------------- */
    
    /* Content Settings */
	.page {width: 715px; text-align: left;}
	.content {width: 715px;}
	aside {width: 715px; margin-top: 20px; vertical-align: top;}
	/* -------------------------------------------------------------- */
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */