@charset "utf-8";
/*  
Site Name: Streetcar Productions
Site URL: http://www.streetcarpro.com
Description: Designed by Streetcar Productions
Author: Thomas J. Dintrone
Author URL: http://www.streetcarpro.com
*/

/* FONTS */

@import "fonts/walkway/stylesheet.css"; /* 'WalkwaySemiBoldRegular', 'WalkwayBoldRegular' */
@import "fonts/bebas/stylesheet.css"; /* 'BebasRegular' */
@import "fonts/webfontkit/stylesheet.css"; /* 'GrenobleBold' */


/* Clear Fix */
/* Hack that prevents div collapse when floating... */
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

/* CSS PIE: #example { behavior: url(/css/pie/PIE.htc); } */

/*********************************************
HTML 5 
**********************************************/
article, aside, figure, footer, header, nav, section {display: block;}

/*********************************************
GENERAL
**********************************************/
body { margin: 0px; padding: 0px; font-family: 'WalkwayBoldRegular'; /*background-color:#D5DEE7;*/ color: #fff; overflow: auto; background:#fff url(../img/body-bg.png); letter-spacing:1px; }
body, html { height: 100%; }

::selection { background: #3CF; color:#fff; /* Safari */ }
::-moz-selection { background: #3CF; color:#fff; /* Firefox */ }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 24px;}
h1 strong { font-size: 1.75em;  }
h1.tagline { font-size: 2.25em;}/*was 36px*/
h1.invisible { position:absolute; text-indent:-9999px; }
#tdArticle.portfolio h1 { padding-bottom:1em; }
h1.service { margin-bottom: 1.5em; }
h2 { font-size: 18px; color: #fff; margin-top: 0.25em;}
h2.tagline { font-size: 2.25em; }
h2.latest { font-size: 2em; margin-bottom: 1.25em;}/*was 24px*/
h2.blog { font-size: 2em; margin-bottom: 5px; padding:0;}/*was 24px*/
#wdArticle h2, #wdArticleNext h2 { letter-spacing: 1px; }
h2.articleTitle { text-transform:uppercase; }
.spotlight h3 { margin-top: 2.75em; font-size:1.5em; }
h3.blog {font-size:1.2em; margin-top:20px; letter-spacing:1px; margin-bottom:0; padding:0; }

a { text-decoration: none; }
img { border:0; }
.red { color: #900; }
p.contactMe { font-size:16px; letter-spacing:1px; }
p.contactMe span { font-size:20px; }

/*********************************************
NAVIGATION
**********************************************/
/*  Main Navigation*/
#nav {width: 1060px;height: 160px;position:relative;}
#nav a.logo { color:#888; position:absolute; left:0; bottom:0; padding: 1em; font-size:1.75em; line-height:1.5em; }
#nav a.logo strong { font-size:115%; font-family: 'BebasRegular';}
#nav ul {/*width: 690px;*/height: 55px;margin: 0 0;padding: 0 .75em 0 .25em;position: relative;top: 85px;background-color: #000;float: right;list-style-type: none;text-align: center;-moz-box-shadow:-1px 1px 5px #000;-webkit-box-shadow:-1px 1px 5px #000;box-shadow:-1px 1px 5px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#nav ul li {margin-left:5px;color:#999;padding:0 .25em;/*was 1px*/position: relative;top: 18px;display: inline;}
#nav ul li a {color: #eee;text-align: center;padding-left: 5px;font-size:1.08em;-o-transition-duration: .5s;-o-transition-property: color;-webkit-transition-duration: .5s;-webkit-transition-property: color;}
#nav ul li a:hover, #nav ul li a.current {color: #33CCFF;}

/* Footer Nav */
#footer ul {width: 1060px;margin: 0 auto 0;padding: 0px;list-style-type: none;text-align: right;}
#footer ul li { display: inline; color:#aaa;}
#left {float: left;text-align: left;}
#footer ul li a {color: #eee;letter-spacing:1px;}
#footer ul li a:hover { text-decoration: underline; }

/*********************************************
PAGE STRUCTURE
**********************************************/
#wrapper { width: 1060px;/*height:100%;*/margin: 0 auto 0;padding: 0px 10px 100px 10px;background: #fff  url(../img/wrapper-bg.png) repeat-y 5px top;-moz-box-shadow:1px 0px 10px #000;-webkit-box-shadow:1px 0px 10px #000;box-shadow:1px 0px 10px #000;position:relative;}

#mainArticle, #asideLatest, #tdArticle, #wdArticle, #wdArticleNext, #wdContent {margin:10px; padding: 10px 20px 10px 20px;background-color:#000;border: 2px inset #888;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.logo { float:left; padding:15px 0 0 5px; }
.logo p { color:#000; letter-spacing:1px; margin:0; padding:0; }
p.companyName { font-size:55px;line-height:47px; padding-bottom:5px; border-bottom:2px solid #d3dbe5;}
p.tagLine { font-size:21px; margin-top:5px; }

#footer {width: 100%;margin: 0px;background-color: #000;position: fixed;bottom: 0px;z-index: 1000;padding: 7px 0; font-size:12px;-moz-box-shadow:0px -1px 5px #000;-webkit-box-shadow:0px -1px 5px #000;box-shadow:0px -1px 5px #000;}

#section {width: 1040px;margin: 0 0;padding: 10px;background-color: #ddd;; overflow: hidden;-moz-box-shadow:-1px 1px 5px #000;-webkit-box-shadow:-1px 1px 5px #000;box-shadow:-1px 1px 5px #000/*, inset 0 0 10px #333*/;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#top {background-color: #000;height:.5em /*.95em*/;-moz-box-shadow:0px 1px 5px #000;-webkit-box-shadow:0px 1px 5px #000;box-shadow:0px 1px 5px #000, inset 0 0 3px #000; /*background:url(../img/candy-cane.jpg)*/}

#comment {width: 70px;height: 30px;background-color: #000;position: absolute;z-index: 20;top: 50px;right: 0px;border: 1px outset #aaa;text-align: center;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 10px;}
#comment a {color: #ddd;text-align: center;margin-top: 8px;position: relative;top: 5px;font-size: 14px;}
#comment a:hover { color: #fff; }
#comment a:active { color: #33CCFF; }

#resume {height: 30px;padding:0 .5em;background-color: #000;position: absolute;z-index: 20;top: 30px;right: 12px;border: 1px outset #aaa;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#resume a {color: #ddd;text-align: center;margin-top: 8px;position: relative;top: 5px;font-size: 14px;}
#resume a:hover { color: #fff; }
#resume a:active { color: #33CCFF; }

#socialLinks {position: absolute;z-index: 20;top: 30px;right:8px;text-align: center;}
#socialLinks img { }
#socialLinks a { padding:0 2px; }
#socialLinks span { color:#000;font-size:32px;left:-47px;position:relative;top:-5px; }

#secondary { background-color: #000; }

/*********************************************
PAGE SPECIFIC
**********************************************/
/*-- Index*/
#mainArticle {width: 600px;min-height: 470px;float: left;}
#mainArticle p { font-size:1.18em; }
#mainArticle p strong { font-size:24px; }
#mainArticle li { line-height: 20px; }
#mainArticle a { color: #eee; }

#subject a { position:relative; }

#mainArticle #test {margin:0; padding:0;}
#test li { display: inline;}
#test a {font-size:28px; text-transform:uppercase; padding:.25em;}
#asideLatest {float: right; min-height: 470px; margin: 10px 10px 10px 0; padding: 10px 20px 10px 10px; width: 325px;}
#asideLatest a { color: #fff; letter-spacing:1px;}
#asideLatest a:hover { text-decoration: underline; }
/*#asideLatest img {margin: 0 1em 0 0;float: left;opacity: .8;}*/
.spotlight p { margin-top: 2.75em; text-align:justify;}
p.date { margin:0; padding:0; font-size:12px; letter-spacing:1px;  }

#latestWork {width: 980px/*976px*/;margin: 10px;padding: 10px 20px 10px 20px;background-color: #000;border: 2px inset #888;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#latestWork a:hover { color: #aaa; }

.latestWork { float:left; width:215px; letter-spacing:1px;text-align:center;}
.latestWork h3 { margin-bottom:.25em; }
.latestWork img { opacity:.9; margin-bottom:10px;}
.latestWork img:hover { opacity:1; }
#work { margin-right:40px; }
.latestWork a { color:#555; }
.latestWork p { font-size:14px; padding:0; letter-spacing:0;}
div.blog p { letter-spacing:1px; }

.img1, .img2, .img3, .img4 { opacity:0; }

#blog { color:#fff; width:100%; }
#blog h2 { font-size: 2em;
    margin-bottom:8px;
    padding: 0; text-transform:lowercase;}
#blog h3 { margin:0; font-size:.95em; }
#blog h2 img { position:relative; top:12px;}
#blog span { color:#C1AF80; }
article.grey { background:none; }
/*.event { padding:7px 5px; margin:5px 0;background:#222; }
.event p.date { border-bottom:1px dotted #555; margin:0 0 2px 0; padding:0 0 2px 0; }
.event p.blogContent { padding:0; margin:0; }*/

/*--  The Designer*/
#tagArticle {width: 980px;margin: 450px 10px 10px 10px;padding: 10px 20px 10px 20px;background-color: #000;border: 2px inset #888;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#tagArticle p {margin-right: auto;margin-left: auto;padding: 15px 30px 15px 30px;overflow: hidden;}
#tagArticle big { color: #222; }
#tagArticle a {color: #fff;-o-transition-duration: .5s;-o-transition-property: color;-webkit-transition-duration: .5s;-webkit-transition-property: color;}
#tagArticle a:hover { color: #aaa; }

#tdArticle {width: 980px;height: 400px;float: left;}
#tdArticle p.contact {float: right;margin-right: 100px;padding: 15px 30px 15px 30px;background-color: #888;overflow: hidden;font-size: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#tdArticle big { color: #222; }
#tdArticle a {color: #fff;}
#tdArticle p.contact a:hover { color: #222; }
#tdArticle #port {padding: 0px 30px 30px 0px;float: left;position: relative;left: 80px;top: -10px;}
#tdArticle #title {font-size: 24px;line-height: 60px;list-style-type: none;}
#tdArticle #port #title:hover { background-color: #000; }
#tdArticle #port li {padding: 8px;width: 330px;list-style-position: inside;}

#tdArticle.portfolio { height:100%; padding-bottom:2em; }
table {margin-left: 50px;float: left;}
table tr td {padding-top: 5px;padding-bottom: 5px;vertical-align: top;}
table input, textarea {width: 250px;margin-left: 20px;padding-top: 3px;padding-bottom: 3px; border:0; padding:5px; }
#button {width: 5em;padding: 5px 8px 5px 8px;background-color: #aaa;border: 1px outset #aaa;font-family: 'BebasRegular';color: #333;font-size:14px;}
table #button:active { border-style: inset; }
table span { color:#900; }

.formError { background:#fde2db; }

/*-- Web Design*/
#wdArticle {width: 200px;height: 400px;float: left;color: #fff;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-in;-webkit-trasition-delay: .5s;	}
#wdArticle ul { list-style-type: none; }
#wdArticle li {padding: 5px 0 5px 0;line-height: 40px;}
#wdArticle a {text-decoration: none;color: #000;}
#wdArticle a:hover {color: #eee;-o-transition-duration: .33s;-o-transition-property: color;-webkit-transition-duration: .33s;-webkit-transition-property: color;}
#wdArticle:hover {background-color: #888;color: #222;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-in;-webkit-trasition-delay: .5s;	}
#wdArticleNext {width: 200px;height: 400px;background-color: #888;float: left;color: #fff;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-in;-webkit-trasition-delay: .5s;	}
#wdArticleNext ul { list-style-type: none; }
#wdArticleNext #current {background-color: #222;position: relative;border-style: outset;border-color: #222;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#wdArticleNext #current a { color: #eee; }
#wdArticleNext li {width: 150px;padding: 5px 0 5px 30px;border-width: 2px;border-style: none;position: relative;top: -2px;left: -32px;line-height: 40px;}
#wdArticleNext a { color: #000; }
#wdArticleNext a:hover {color: #eee;-o-transition-duration: .33s;-o-transition-property: color;-webkit-transition-duration: .33s;-webkit-transition-property: color;}
#wdContent {width: 700px;height: 400px;float: right;}
#wdContent p {padding-right: 10px;padding-left: 10px;color:#ddd;letter-spacing:1px;}
#wdContent p strong { color:#eee; }
#wdContent p.details { padding-top:2em; font-style:italic; color:#fff;}

.articleWrap { margin-bottom:50px; padding:0 8em; letter-spacing:1px;}
img.articleImage { margin-left:5em; }
p.articleSource { font-style:italic; font-size:12px; }
a.articleLink { padding:5px 10px; background:#555; border-radius:15px;}
a.articleLink:hover { background:#333; text-decoration:none; }

.error { background:#900; width:1000px; }

.services li { list-style:none; }
.services { margin-top:.5em; padding:0;}
#mainArticle ul.services a {margin:1px 2px 1px 0; background:#222; padding:.5em; float:left; color:#33CCF7;}
.services a:hover { text-decoration:none;}
.services h2, .services p, .services img { display:none; }

#staffInfo { position:fixed; top: 30%; left: 50%; margin-top: -100px; margin-left: -340px; width:650px; display:none; background:#fff; border:3px solid #2EB7DE; border-radius:10px; box-shadow:0 0 10px #000; z-index:9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; padding:1em 1em 3em 1em; color:#000;}
#staffInfo h2 { color:#000;font-size:2em; margin-bottom:.5em; }
#staffInfo img { float:left; margin-right:2em; }
#staffInfo p a { background:#000; border-radius: 8px; color: #fff; padding: .25em .5em; }

#closeMe { position:absolute; top:-20px; right:-53px; } 
#cover { background-color: #000000;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	opacity:0;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9000; }


/*********************************************
WIDGETS
**********************************************/
.widget { margin-bottom:0em; /*border-left:1px dotted #333#D3DBE5*/; padding:.5em 0 .5em .5em; color:#ddd}

#asideLatest h2 { font-size:24px; color:#fff !important; }
#asideLatest h2, .spotlight h2 { border-bottom:1px dotted #333; margin-bottom:.2em; }

/*Latest Post*/
.event { margin-bottom:10px; position:relative;}
.event h3 { margin:0; font-size:16px;}
.event h3 a { color:#33CCF7 !important; }
.event p.date { font-family: 'WalkwayObliqueRegular'; font-size:.7em; padding-bottom:.5em; }
.event p.excerpt { margin:0; font-size:14px; }

.eventWrap { height: 150px;  overflow: hidden; }
.latestPost .even { background:#222; }

#slideshow { position:relative; }
#sliderNav { position:absolute; top:11px; right:0; }
#sliderNav a { color:#fff; width:20px; height:20px; padding:.25em .5em;}
#sliderNav a:hover { text-decoration:none; }
#latestPrev { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; visibility:hidden; }

.latestProject h3 { margin:.5em 0; }
.latestProject h3 a { color:#33CCF7 !important; }
.latestProject p { font-size:14px; }

#asideLatest .last { margin-bottom: 0 !important; }
.latestTweets h2 { margin-top:0;}
.latestTweets h2 a { font-size:14px; }
.latestTweets p { margin:0; font-size:14px; }
.latestTweets a { color:#33CCF7 !important; }
.latestTweets ul, .latestTweets li { margin:0; padding:0; }
.latestTweets li { list-style:none; margin-top:10px;}

#slider { float: right; margin-right: 2.5em; }
#slider img { border: 3px solid #D3DBE5; }

.bestOf { margin-bottom:1em; display:block; }
.bestOf img { -moz-box-shadow:-1px 1px 5px #000;-webkit-box-shadow:-1px 1px 5px #000;box-shadow:-1px 1px 5px #000; }

/*
SEXY isn't it...? Now SCRAM kid, ya bother me...

But before you go, don't forget to vote for me: http://t.co/4X12FmfpPr
*/