html {font-family: "AparajitaRegular", "Times New Roman", serif;}
body {
    margin: 0;
    padding: 0;
    background: black url(../images/starfield_upperleftcorner.jpg) no-repeat left top;
    color: white;
    background-color:#000000;
    font-size: 100%;
    font-family: "AparajitaRegular", "Times New Roman", serif;
}
 @font-face {

 font-family: 'VerlagBold';
 src: url('../fonts/verlag-bold-webfont.eot');
 src: url('../fonts/verlag-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/verlag-bold-webfont.woff') format('woff'), url('../fonts/verlag-bold-webfont.ttf') format('truetype'), url('../fonts/verlag-bold-webfont.svg#VerlagBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'AparajitaRegular';
 src: url('../fonts/aparaj-webfont.eot');
 src: url('../fonts/aparaj-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aparaj-webfont.woff') format('woff'), url('../fonts/aparaj-webfont.ttf') format('truetype'), url('../fonts/aparaj-webfont.svg#AparajitaRegular') format('svg');
 font-weight: normal;
 font-style: normal;

}

a img {border:none; }
#outerwrapper {
    margin: 0;
    padding: 0;
    height:100%;
    /* [disabled]background-color: #039; */


}
#topwrapper {
    margin: 0;
    padding: 0;
    /* [disabled]width: 100%; */
    /* [disabled]position:relative; */
    min-height:150px;
    /* [disabled]background-color:#FCC; */
    /* [disabled]background: black url(../images/starfield_upperleftcorner.jpg) no-repeat fixed left top; */
    background: url(../images/starfield_upperrightcorner.png) top right no-repeat;
}

#logostuffouterwrapper {
float:left;
}

#logowrapper {
    margin: 0;
    padding: 0;
    float: left;

}

#logowrapper img {
    margin: 0;
    padding: 41px 0 0 45px;
    position:relative;
    z-index:30;
}

#logotextwrapper {
    /*background-color:#0C3; */
    margin-top: 50px;
    padding-left: 20px;
    line-height:21px;
    float: left;
}

#logotextwrapper p {
    margin-top: -2px;
}

#lensflarewrapper {
    /* [disabled]background-color:#99C; */
    float:right;
    width:649px;
    height:163px;
    /* [disabled]background: black url(images/starfield_upperrightcorner.jpg) no-repeat fixed right top; */
    /* [disabled]color:#CCC; */
}
#iconwrapper {
    position:absolute;
    z-index:10;
    top:0; right:0;
    width:100%;
    margin-top:47px;
    /* [disabled]background-color:#09C; */
    /* [disabled]height:100px; */
}

#iconwrapperinner {
    float: right;
    margin-right:118px;
}






#entrieswrapper {
    float: left;
    margin-left: 105px;
    padding: 0;
    width:740px;
    height: 100%;
    /* [disabled]background-color:#F39; */
    /* [disabled]background-image:url(../transparent.png); */
}

#entry_outer_div_bg {
    padding: 0;
    margin: 0;
    width:740px;
    height:183px;
    /* [disabled]background-color:#F39; */
    background-image: url(../images/entry_outer_div_bg_transparent.gif);
}

#entry_outer_div_bg_all_black {
    padding: 0;
    margin: 0;
    width:740px;
    height:183px;
    /* [disabled]background-color:#F39; */
    background-image: url(../images/entry_outer_div_bg_all_black.gif);
}


#entry_image {
    margin: 0px;
    padding: 0px;
}

#entry_image img{
    margin-left: 68px;
    margin-top: 39px;
    padding: 0px;
}

#infscr-loading {
    z-index:1000;
    text-align: center;
    /*border:1px solid #E00202; */
    border-style:none;
    padding:10px;
    display: block;
    position:fixed;
    top:45%;
    left:0px;
    font-family:"AparajitaRegular";
    /*width:150px;*/
    /*background:#000;*/
    /*margin:0 auto;*/
/*  margin-left: 25px;*/


}

/* CSS Rollovers */

#demonface{
    height: 47px;
    width: 46px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(images/demon_face_and_highlight.png) top left no-repeat;
    display: block;
}

#demonface:hover{
    background-position: bottom left;
}

/* /////////////////// TITLES AND INFO DIVS STYLING HERE /////////////////// */

/* TITLES AND INFO OUTER */

.titlesandinfo_outer {
    padding: 0px;
    /* [disabled]height: 183px; */
    /* [disabled]background-color: #FCF; */
    z-index: 2;
    float:left;
    min-height:140px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 70px;
    margin-top: 21px;
    color: #e40202;
    /* [disabled]visibility:hidden; */
    position:relative;
    display:none;

}

/* END TITLES AND INFO OUTER */

/* TOP ROW */

.titlesandinfo_toprow {
    padding: 0px;
    /* [disabled]background-color: #853f29; */
    float:left;
    width:595px;
    position:relative;
}

#title {
    margin: 0px;
    padding: 0px;
    /* [disabled]background-color: #99F; */
    color: #FFF;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.7em;
    float:left;
}

#role {
    float: right;
    /* [disabled]background-color: #906; */
    /* [disabled]color: #FFF; */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.65em;
    }


/* END TOP ROW */




/* MIDDLE ROW */

#titlesandinfo_middlerow {
    margin: 0px;
    padding: 0px;
    /* [disabled]float: left; */
    /* [disabled]background-color: #f26522; */
    /* [disabled]margin-bottom:0px; */
    height: 106px;
    float:left;
    width:100%;
}

/* END MIDDLE ROW */

/* BOTTOM ROW */

#titlesandinfo_bottomrow {
    padding: 0px;
    /* [disabled]background-color: #853f29; */
    font-size: 0.65em;
    float:left;
    width:595px;
    position:relative;
    margin-top: 2px;
}

#category {
    margin: 0px;
    padding: 0px;
    /* [disabled]background-color: #99F; */
    /* [disabled]color: #FFF; */
    font-family: Georgia, "Times New Roman", Times, serif;
    float:left;
}

#client {
    /* [disabled]background-color: #0033FF; */
    /* [disabled]color: #FFF; */
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align:center;

}


#agency {
    float: right;
    /* [disabled]background-color: #906; */
    /* [disabled]color: #FFF; */
    font-family: Georgia, "Times New Roman", Times, serif;

    }
#aboutcontact_wrapper {
    float: left;
    height: 100%;
}

/* END TOP ROW */

/* /////////////////// END TITLES AND INFO DIVS STYLING HERE /////////////////// */
#aboutcontact_leftside {
    /* [disabled]background-color: #F0C; */
    height: 692px;
    width: 176px;
    background-image: url(../images/about_contact_background_left.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    position: relative;
    left: 0px;
}

#aboutcontact_top {
    /* [disabled]background-color: #F9F; */
    height: 71px;
    width: 689px;
    background-image: url(../images/about_contact_background_top.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.7em;
    position: relative;
}
#aboutcontact_top_text {
    position: absolute;
    bottom: 12px;
    left: 0px;
    /* [disabled]background-color: #9F6; */
}
#aboutcontact_content {
    /* [disabled]clear: both; */
    color: #e40202;
    /* [disabled]background-color: #666; */
    font-size: 0.9em;
    width: 689px;
    float: left;
    margin-top: 12px;
    letter-spacing: 1px;
}

a:link {color:#de0303;}      /* unvisited link */
a:visited {color:#de0303;}  /* visited link */
a:hover {color:#de0303;}  /* mouse over link */
a:active {color:#de0303;}  /* selected link */


/* Begin new entry styles */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.entries p {margin: 0;}
.entries a {text-decoration: none;}
.entry {position: relative; padding:16px 69px 16px 65px; float:left; margin-left:105px;}
.entry .thumb {position: relative;  border:1px solid #ce1602; padding:2px; }
.entry .thumb .default, .entry .thumb .over {display: block;}
.entry .thumb .over {opacity: 0; position: absolute; top:2px; left:2px;}
.entry .side {position: absolute; display: block; }
.entry .top-left-edge {top:0; left:0; width:72px; height: 39px; background: url(../images/entry-design/top-left-edge.gif) no-repeat; z-index:30;}
.entry .top-right-edge {top:0; right:0; width:72px; height: 39px; background: url(../images/entry-design/top-right-edge.gif) no-repeat; z-index:30;}
.entry .bottom-left-edge {bottom:0; left:0; width:72px; height: 39px; background: url(../images/entry-design/bottom-left-edge.gif) no-repeat; z-index:30;}
.entry .bottom-right-edge {bottom:-1px; right:0; width:72px; height: 39px; background: url(../images/entry-design/bottom-right-edge.gif) no-repeat; z-index:30; }
.entry .client-info, .entry .default, .entry .over {-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
.entry .client-info {opacity:0; text-align:center; color: #e40202; padding:4px; font-size: 0.65em; font-family: Georgia, "Times New Roman", Times, serif; }
.entry .client-info .title {font-size: 1.1em; color:#fff;}
.entry:hover .client-info {opacity: 1;}
.entry:hover .default {opacity: 0;}
.entry:hover .over {opacity: 1;}
.navigation {font-size:2em; padding:20px; margin-left:166px;}
.loading-entries {font-size: 1.5em; margin-left: 180px; padding: 5px 15px; color: #b00000; font-style: italic; background: #4a0000; float: left; display: block; text-shadow: 1px 1px 1px #000; color: #cb6666;}
.mobile_show {display: none;}
.iphone_portrait_show {display: none;}
.name {font-family:VerlagBold; letter-spacing:6px; font-size:1.6em;}


@media screen and (max-width: 1024px) {
    .entry { padding: 16px 69px 16px 65px; }
    .entry .top-left-edge {top:2px; left:0; }
    .entry .top-right-edge {top:2px; right:0; }
    .entry .bottom-left-edge {bottom:2px; left:0;}
    .entry .bottom-right-edge {bottom:1px; right:0;}
    .entry .thumb .over {opacity: 1;}
    .entry .client-info {opacity: 1; text-align: right;}
}

@media screen and (max-width: 768px) {
    .entry {margin-left:0;}
}


@media screen and (max-width:481px) {
    .entry {margin-left: 0px; padding:16px 69px 16px 65px;  }
    .entry .bottom-left-edge {bottom:2px !important; left:0;}
    .entry .bottom-right-edge {bottom:1px !important; right:0;}
    .entry .top-left-edge {top:0px; left:0;}
    .entry .top-right-edge {top:0px; right:0;}

    .entry .thumb {min-height: auto;}
    .entry .thumb img {max-width: 99%; min-height: auto;}
    .entry .thumb .over {opacity: 1;}
    .entry .client-info {opacity: 1; text-align: right;}
    .entry .top .right {display: none;}
    .entry .bottom .left {display: none;}
    .entry .bottom .right {display: none;}
    .entry .top {height:12px; overflow: hidden;}
    .loading-entries {margin: 0 30px; float: none;}
    #logowrapper img {padding-left:15px; padding-top: 26px;}
    .mobile_show {display: block;}
    #iconwrapper {margin-top: 27px; }
    #iconwrapperinner {margin-right:10px; background:rgba(0,0,0,.4); padding:5px; border-radius:8px; text-align: center;}
    #iconwrapperinner a {display: block;}
    #logotextwrapper {margin-top: 30px;}
    #aboutcontact_leftside {display: none;}
    #aboutcontact_content {float: none; width:100%;}
    #aboutcontact_top {width: auto; height: auto; float: none;}
    #aboutcontact_wrapper {float: none; padding:0 20px; margin-top:50px;}
    #aboutcontact_top_text {position: relative; display: block;}

}

@media screen and (max-width:320px) {
    .entry .top-left-edge {top:1px; left:0;}
    .entry .top-right-edge {top:0px; right:0;}

    #iconwrapper {position: relative; float: none; right:auto; top:auto; margin-top: 5px;}
    #iconwrapperinner {float:none; clear: both; background:rgba(0,0,0,.4); margin:0 80px 15px 80px; border:1px solid #950d01; }
    #iconwrapperinner a {display: inline;}
    .iphone_portrait_show {display:block;}
    #logowrapper img {width:56px !important;}
    #logotextwrapper .name {font-size:1.3em !important;}
    .creative {font-size:1.1em !important;}
    .entry .thumb img {max-width: 98%; min-height: auto;}
    .loading-entries {font-size: 1.2em;}
}