/* Theme Name: StudioEmotion */ body { font: 8pt "Arial"; color: #7f7f7f; background: #fff url(images/bg-body.jpg) repeat-x top; } /* { outline: none; margin: 0; padding: 0; } */ #wrapper { width: 100%; } #containerbox { width: 767px; margin: 0 auto; } #box-header { width: 100%; height: 151px; } #search-box { float: right; } .spacer-topheader { width: 100%; height: 46px; font-size: 0pt; } /* extras for replacement flash */ .noflash span {width:500px; height:380px; font-size:1px; overflow:hidden; display:block;} /*** items ***/ #adam span {background-image:url(/wp-content/themes/sem/video/noflash/adam.jpg);} #andrew span {background-image:url(/wp-content/themes/sem/video/noflash/andrew.jpg);} #aristocrat span {background-image:url(/wp-content/themes/sem/video/noflash/andrew.jpg);} #blg span {background-image:url(/wp-content/themes/sem/video/noflash/blg.jpg);} #bta span {background-image:url(/wp-content/themes/sem/video/noflash/bta.jpg);} #csiro span {background-image:url(/wp-content/themes/sem/video/noflash/csiro.jpg);} #dosh span {background-image:url(/wp-content/themes/sem/video/noflash/dosh.jpg);} #eskimo span {background-image:url(/wp-content/themes/sem/video/noflash/eskimo.jpg);} #extreme span {background-image:url(/wp-content/themes/sem/video/noflash/extreme.jpg);} #flyingfish span {background-image:url(/wp-content/themes/sem/video/noflash/flyingfish.jpg);} #happyfeet span {background-image:url(/wp-content/themes/sem/video/noflash/happyfeet.jpg);} #gawasvid span {background-image:url(/wp-content/themes/sem/video/noflash/gawasvid.jpg);} #greenmove span {background-image:url(/wp-content/themes/sem/video/noflash/greenmove.jpg);} #insight51 span {background-image:url(/wp-content/themes/sem/video/noflash/insight51.jpg);} #jansenjames span {background-image:url(/wp-content/themes/sem/video/noflash/jansenjames.jpg);} #mk span {background-image:url(/wp-content/themes/sem/video/noflash/mk.jpg);} #nslawyers span {background-image:url(/wp-content/themes/sem/video/noflash/nslawyers.jpg);} #paulkelly span {background-image:url(/wp-content/themes/sem/video/noflash/paulkelly.jpg);} #schoolspec span {background-image:url(/wp-content/themes/sem/video/noflash/schoolspec.jpg);} #sony span {background-image:url(/wp-content/themes/sem/video/noflash/sony.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #golf_rewards span {background-image:url(/wp-content/themes/sem/video/noflash/golf_rewards.jpg);} #kieran span {background-image:url(/wp-content/themes/sem/video/noflash/kieran.jpg);} /* second page to be done 20-07 #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} #urban span {background-image:url(/wp-content/themes/sem/video/noflash/urban.jpg);} ********************************** */ /* PRIMARY NAVIGATION */ #primary-menu { float: left; width: 340px; height: 9px; font-size: 0pt; } #primary-menu a { float: left; display: inline; height: 9px; background-position: top; font-size: 0pt; } #primary-menu a:hover { background-position: bottom; font-size: 0pt; } #primary-menu .current-active { background-position: bottom !important; font-size: 0pt; } #pri-showcase { width: 67px; background: url(images/nav-showcase.jpg); } #pri-services { width: 63px; background: url(images/nav-services.jpg); } #pri-process { width: 62px; background: url(images/nav-process.jpg); } #pri-blog { width: 47px; background: url(images/nav-blog.jpg); } #pri-jobs { width: 42px; background: url(images/nav-jobs.jpg); } #pri-contact { width: 59px; background: url(images/nav-contact.jpg); } /* COMPANY LOGO */ #box-logo { width: 100%; height: 106px; } #left-logo { float: left; width: 160px; height: 54px; background: url(images/studio-logo.jpg); } #left-logo a { position: absolute; width: 160px; height: 54px; background: url(images/studio-logo.jpg); } #font-sizer { float: right; position: relative; top: 25px; width: 25px; height: 9px; border: none; } #searchsubmit { position: relative; top: 1px; background: transparent url(images/search--buttom.jpg); width: 42px; height: 9px; cursor: pointer; border: none; } #searchtxt { position: relative; top: -7px; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #7a7a7a; background: transparent; font-size: 8pt; color: #fff; width: 168px; height: 12px; margin-right: 5px; } /* MIDDLE CONTAINER */ input { color: #747474; } #middle-container { width: 100%; font: 8pt "Arial"; color: #7f7f7f; border-bottom: 1px solid #d9d9d9; } #middle-container a { text-decoration: none; color: #7f7f7f; } #middle-container a:hover { text-decoration: none; color: #0073cb; } #left-middle { float: left; width: 500px; } #right-middle { float: right; width: 218px; } #left-video { float: left; position: relative; top: -48px; height: 380px; width: 500px; border: 1px solid #d9d9d9; overflow:visible; } #right-video { float: right; position: relative; top: -18px; width: 218px; } .clear { width: 100%; height: 0px; font-size: 0; clear: both; } .spacer-middle { width: 100%; height: 15px; font-size: 0; } .title-header { width: 100%; height: 32px; font: 16pt "Trajon Pro" color: #0073cb; } .title-videobox { width: 100%; height: 32px; font: 16pt "Trajon Pro" color: #0073cb; } .title-videoheadline { position: relative; float: right; top: -24px; width: 218px; height: 32px; font: 16pt "Trajon Pro" color: #0073cb; } .copytext {text-align: justify; bgcolor: #00ff00;} .dot-spacer { width: 100%; height: 42px; background: url(images/dot.jpg) repeat-x left center; } .gsom_sfi { height: 25px; } #how-find, #name, #emailsubscribe, #organ { position: relative; top: 2px; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ccc; background: transparent; font-size: 8pt; color: #7f7f7f; height: 12px; } #how-find { width: 114px; } #name { width: 182px; } #emailsubscribe { width: 182px; } #organ { width: 153px; } #btm-subscribe { background: url(images/btm-subscribe.jpg); width: 74px; height: 12px; cursor: pointer; border: none; } /* ICON LINKS */ .icon-link ul { margin: 0; padding: 0; top: -100px; } .icon-link li { display: inline; padding-left: 2px; border: none; } .icon-link li a { text-decoration: none; font-size: 8pt; color: #0073cb; text-transform: lowercase; } .icon-link li a:hover { text-decoration: none; font-size: 8pt; color: #0c3169; text-transform: lowercase; background-position: bottom; } .social-spacer { background-image: url(images/social-spacer.png); height: 16px; width: 2px; float: right; position: relative; top: -16px; } #icon_facebook a { background-image: url(images/icon-facebook.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_spurl a { background-image: url(images/icon-spurl.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_linkin a { background-image: url(images/icon-linkin.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_delicious a { background-image: url(images/icon-delicious.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_twitter a { background-image: url(images/icon-twitter.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_msn a { background-image: url(images/icon-windowslive.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_yahoo a { background-image: url(images/icon-yahoo.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_myspace a { background-image: url(images/icon-myspace.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_digg a { background-image: url(images/icon-digg.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_google a { background-image: url(images/icon-google.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } #icon_star a { background-image: url(images/icon-star.jpg); height: 16px; width: 16px; float: right; position: relative; top: -16px; } /*Footer*/ #footer-box { width: 100%; clear: both; height: 100px; font: 8pt "Arial"; color: #7f7f7f; } #copy-left { float: left; } #copy-left a { text-decoration: none; color: #7f7f7f; } #copy-left a:hover { text-decoration: none; color: #0073cb; } #icon-logo { float: right; } .blog-entry p { padding: 15px 0 0 0; text-align: justify; } .categories-list { margin: 0; padding: 0; } .categories-list ul { margin: 0; padding: 0; } .categories-list li { margin: 0; padding: 0 8px; list-style: none; background: url(images/icon-dot.jpg) no-repeat 0px 5px; } .post { font: 8pt "Arial"; color: #7f7f7f; } .post .title-post { font: bold 12pt "Trajon Pro"; color: #0073cb; height: 30px !important; } .post .title-post a { text-decoration: none; color: #0073cb !important; } .post .dated { font: bold 8pt "Arial"; height: 28px !important; } .global-spacer { width: 100%; height: 45px; font-size: 0pt; } .post-spacer { width: 100%; height: 45px; background: url(images/dot.jpg) repeat-x center; } .postmetadata { font: bold 8pt "Arial"; margin-top: 15px; } .entry { text-align: justify; } .ttf { border: none; } /* h1 { font: bold 16pt "Arial" color: #446d85; } */ h2 { font: bold 12pt "Arial"; color: #446d85; } h3 { font: bold 8pt "Arial"; color: #446d85; } hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; } ol { padding: 17px; } #respond { font: bold 8pt "Arial"; margin: 15px 0; } .commentlist { margin: 0; padding: 0; } .commentlist ol { margin: 15px 15px; padding: 25px 25px; } .commentlist li { margin: 15px 15px; padding: 25px 25px; background: #f1f1f1; list-style: none; } .comment-field { width: 100%; height: 25px; } /* COMMENTS CSS CONTROLLER */ .comments-template { margin: 10px 0 0; border-top: 1px solid #ccc; padding: 9px 0 0; } .comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; } .comments-template ol li { margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc; } .comments-template h2, .comments-template h3 { font-family: Arial; font-size: 8pt; } .comments-template p.nocomments { padding: 0; } .comments-template textarea { font-family: Arial; font-size: 8pt; } .commentsh3 {font: bold 8pt "Arial"; } .commentmetadata { font-size: 8pt; } /* NEWLY ADDED .title-post { margin-bottom: 0px; } .entry { width: 510px; } .entry img { margin-top: 0px; margin-bottom: 5px; } .entry p { padding: 15px 0 0 0; display: block; font-size: 8pt; } */