/**
 * CSS - Stylistic CSS Styles
 *
 * @package WPFramework
 * @subpackage Media
 */


body {background: #292323 url(../images/bg-newspaper.png) no-repeat 50% 0; color:#CFCFCF;}


/* @ Typography
------------- */
body { font: normal 0.875em/1.5em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
html>body { font-size: 14px;}


@font-face {
	font-family: 'SansationRegular';
	src: url('../fonts/Sansation_Regular.eot');
	src: local('Sansation Regular'), local('Sansation'), url('../fonts/Sansation_Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'SansationLight';
	src: url('../fonts/Sansation_Light.eot');
	src: local('Sansation Light'), local('Sansation-Light'), url('../fonts/Sansation_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'SansationBold';
	src: url('../fonts/Sansation_Bold.eot');
	src: local('Sansation Bold'), local('Sansation-Bold'), url('../fonts/Sansation_Bold.ttf') format('truetype');
}


h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1,h2,h3 {font-weight:normal; font-family: 'SansationLight', verdana, 'union', 'walkway expand semibold', sans-serif; color:#ffb100;}
h1 {text-transform: uppercase;}
.aside h3 {color:#cfcfcf; text-transform: uppercase; border-bottom:1px solid #333; padding-bottom: 0.5em;}
h1 {font-size:1.0000em; line-height:1.5000em; margin:1.5em 0; }   /* 14px */
h2 {font-size:1.4286em; line-height:1.0500em; margin:1.05em 0; }   /* 20px */
h3 {font-size:1.1429em; line-height:1.3125em; margin:1.3125em 0; }   /* 16px */
h4 {font-size:1.0000em; line-height:1.5000em; margin:1.5em 0; }   /* 14px */
h5 {font-size:0.8571em; line-height:1.7500em; margin:1.75em 0; }   /* 12px */
h6 {font-size:0.7143em; line-height:2.1000em; margin:2.1em 0; }   /* 10px */
p, blockquote, pre, td, th, label {font-size:1.0000em; line-height:1.5000em; margin:1.5em 0; }   /* 14px */
.small {font-size:0.8571em; line-height:1.7500em; margin:1.75em 0; }   /* 12px */
table {margin:1.5em 0; }

.drop-cap {
	float: left; margin: 3px 3px 0 0; font: 47px/35px SansationRegular, verdana, sans-serif;}
	
p+h2 {margin-top:2em;}



/* @ Links
------------- */
a {color:#33CCFF;}
a:link {color:#33CCFF;}
a:visited {color:#33CCFF;}
a:hover, a:focus {}
a:active {}


/* @ Global
------------- */
img.photo {background:#CCC; padding:5px; border:0px solid #FFF;}
img.border {border:1px solid #CCC;}


/* @ Misc
------------- */




/* @ Header
------------- */
.header {padding-top:30px; position:relative;}
#logo {margin-left:20px; width:186px; height:37px;}
.menu {position:absolute; right:0; bottom:-24px; height:42px; width:600px;}


/* @ Nav
------------- */
.nav {margin-bottom:0; float:right;}
.nav a {font-size: 0.7143em; text-transform: uppercase; color:#CFCFCF; }
.nav a:hover {color:#fff;}
.nav li.current_page_item a {color:#fff;}


/* @ Sticky footer
------------- */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
.main {padding-bottom: 101px;}  /* must be same height as the footer */
.footer {position: relative; margin-top: -101px; /* negative value of footer height */ height: 101px;}

/* @ Footer
------------- */
.footer {background:#000; border-top: 1px solid #2e2e2e; padding:50px 0;}
.footer div.outer {width:920px; margin:0 auto; color:#666;}
.footer h2 {font-size:0.8571em; text-transform: uppercase; margin: 0 0 1.5em;}
.footer li {float:left; padding:0 10px; border-right: 1px solid #333;}
.footer li:last-child {border:none; padding-right:0;}
.footer li:first-child {padding-left:0;}
.footer li.email {background: url(../images/email.png) no-repeat 0% 50%; padding-left:25px;}
.footer li.tel {background: url(../images/phone.png) no-repeat 0% 50%; padding-left:25px; margin-left:10px;}
.footer li.rss {background: url(../images/rss2.png) no-repeat 0% 50%; padding-left:25px; border:none; font-size:0.8571em;}
a.addthis_button img {vertical-align: middle;}
.footer p, .footnote p {margin: 0;}
.footer div.footnote {clear:both; border-top: 1px solid #1E1E1E; padding-top:0.5em; color:#444;}


/* @ Aside
------------- */
.aside {margin-top:70px;}
.aside li {border-bottom: 1px dotted #333; padding:6px 0;}


/* @ Posts
------------- */
.edit-post {display:none;} /*hides 'edit' links on website when logged on */
.post {border-bottom: 5px solid #333;}
.entry-meta {color:#999; font-size: 12px;}
.entry-footer, .author, .meta-sep, .comment-count {}


/* @ Home
------------- */
body.home h1 {margin-bottom:0.75em; text-transform: none; font-size:1.8571em; line-height:0.8077em; margin:0.807692307692308em 0; }

body.home .post {border-bottom: none;}

body.home h2.bar {background: #2A2424; font-size:12px; text-transform: uppercase; margin:0; padding: 1px 10px 0 0; float:left;}
body.home div.bar {background: #2f2f2f; width:100%; height:12px;}

.splash {width:120px; height:140px; background: url(../images/circle160.png) no-repeat; padding:10px 20px; font-family: georgia, serif; font-style: italic; text-align: center; padding-top: 40px; margin-top: 1.5em; position:relative; text-indent:26px;}
.splash span {font-size:54px; position:absolute; left:-3px; top:22px; padding-top:20px;}

body.home .hentry {margin-bottom: 0;}
body.home .banner {padding:0 20px; float:left; width:920px;}
body.home .banner img {margin: 1.5em 0 3em;}

body.home .aside {margin-top: 40px;}
body.home .aside h3 {text-transform: none; font-size: 18px;}


/* @ Pages
------------- */
.intro, body.about .entry-content p:first-child {font: 18px/1.5 'SansationLight', verdana, sans-serif;}
.intro {border-bottom: 1px solid #333;} /* Services and Clients page intro paragraph */


/* Splash circles */
body.contact .splash {background: url(../images/circle140.png) no-repeat;}

body.services .splash {background: url(../images/circle180.png) no-repeat; width:140px; height:180px; padding:35px 20px 25px;}
body.services  .splash span {left:-5px; top:26px; padding-top:20px;}

body.about .splash {background: url(../images/circle180.png) no-repeat; width:130px; height:180px; padding:35px 25px 25px;}
body.about .splash span {left:10px; padding-top:20px;}

p.email {background: url(../images/email.png) no-repeat 0% 50%; padding-left:25px;}
p.tel {background: url(../images/phone.png) no-repeat 0% 50%; padding-left:25px;}


/* Testimonials */
body.testimonials cite {margin-bottom:1em;}
body.testimonials .post_column_1 p {padding-bottom: 1em; border-bottom: 5px solid #333;}
body.testimonials .post_column_1 p:first-child, body.testimonials .post_column_1 p:last-child {border-bottom: none; display:none;}
body.testimonials .post_column_1 span {font-family: SansationRegular, sans-serif; color:#33CCFF; font-style: normal;}


/* Case Studies */
body.case-studies .aside {font-size: 16px; font-family: SansationRegular, sans-serif;}
body.case-studies .aside cite {font-family: SansationRegular, sans-serif; color:#33CCFF; font-style: normal;}


/* Sub pages top images */
div.image-quote {position:relative; height:200px; border:1px solid #4f4f4f;}
div.image-quote div {position: absolute; bottom:20px; background:#000; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; padding:10px 20px 10px ;}
div.image-quote span {font-size: 50px; color:#444; font-family: 'arial black'; width:40px; float:left; padding-top:12px;}
div.image-quote p {font-size: 18px; font-family: 'SansationLight', verdana, sans-serif; margin:0 0 0 40px;}
div.image-quote p strong {font-size: 14px; color:#33ccff; font-weight: normal; text-transform: uppercase;}
body.services div.image-quote {background: url(../images/lccd600.jpg) no-repeat;}
body.about div.image-quote {background: url(../images/magazine600.jpg) no-repeat;}
body.about div.image-quote p {margin:0;}
body.case-studies div.image-quote {background: url(../images/fake-bake600.jpg) no-repeat;}




/* Clients */

.testimonial {font-family:'SansationLight', verdana, sans-serif; line-height:1.5em; padding:1.5em 0 1em; margin: 3em 0; border-top:5px solid #333; border-bottom:5px solid #333;}
.testimonial span {font-size: 50px; color:#444; font-family: 'arial black'; width:40px;float:left;}
.testimonial q {color:#fff; display: block; margin-left: 40px; line-height: 1.5em; margin-bottom:1em; }
.testimonial cite {font-size:14px; color:#33ccff; text-transform: uppercase; margin-left: 40px; line-height: 1.5em;}


/* @ Case studies
------------- */
.page-template-case-studies-php .services {font-family:'SansationLight', verdana, sans-serif; font-size: 16px; text-transform: uppercase; color:#666;}
.page-template-case-studies-php .summary {border-bottom: 1px solid #333;}

.page-template-case-studies-php h3.clear {}
.page-template-case-studies-php .entry-meta {margin:0;}
.page-template-case-studies-php h2 {margin-bottom: 0.5em;}
.page-template-case-studies-php p {margin-top: 0;}

body.case-studies .aside {margin-top: 90px;}

.page-template-case-studies-php .panel-container a img {margin: 0 30px 30px 0;}


/* @ s3Slider
------------- */
body.home .slider {height:250px; margin-top:40px; background:#000; border:5px solid #CFCFCF;}

#slider1 {
    width: 950px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image div {
    position: absolute;
    padding: 20px 30px;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
	-khtml-opacity: 0.90;
    opacity: 0.90;
    display: none;
}

.slider1Image p {font-size: 22px; font-family: 'SansationLight', 'union', 'walkway expand semibold', sans-serif; margin:0;}
.slider1Image p strong {color:#33ccff; font-weight: normal; text-transform: uppercase;}
.slider1Image div.quote span {font-size: 50px; color:#444; font-family: 'arial black'; width:40px; float:left; padding-top:12px;}
.slider1Image div.quote p {font-size: 18px; margin-left:40px;}

#slider1 .top {top: 0; left: 100px; /*width: 200px !important;*/ }
#slider1 .bottom {left: 170px; bottom: 0; /*width: 200px !important;*/ }
#slider1 .left {top: 90px; left: 0; }
#slider1 .right {top: 90px; right: 0; }