@charset "UTF-8"; /* CSS Document */ /** Global Styles **/ body { background-image: url(../_images-site/bread.jpg); font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #FFF; background-repeat: repeat; } p { color: #FFF; font-size: 13px; line-height: 16px; letter-spacing: -0.5px; } h1 { letter-spacing: -0.5px; font-size: 20px; line-height: 26px; color:#FFF; font-weight: normal; } h2 { font-size: 15px; letter-spacing: -0.5px; line-height: 20px; color: #FFF; font-weight: normal; } h3 { font-size: 14px; color: #FFF; letter-spacing: -0.5px; line-height: 20px; font-weight: normal; } li { color: #FFF; letter-spacing: -0.5px; font-weight: normal; margin: 0px; padding: 0px; font-size: 13px; line-height: 18px; } ul { padding-left: 20px; } .XLText { font-size: 18px; font-weight: bold; } .forceWhite { color: #FFF; } .medTextPurple { color: #EB0075; font-size: 15px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } a:link, a:visited { color:#FC0; text-decoration:none; margin-bottom: 0px; padding-bottom: 0px; } a:hover { color:#F90; text-decoration: none; margin-bottom: 0px; padding-bottom: 0px; } a:active { color:#FC0; margin-bottom: 0px; padding-bottom: 0px; } img { outline:none; border:none; } img a:link, img a:visited { outline:none; border:none; } img a:hover { outline:none; border:none;} img a:active { outline:none; border:none; } /** Template **/ #masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; } #masthead { height: 66px; width: 860px; overflow: hidden; margin-right: auto; margin-left: auto; } #logo { float: right; height: 66px; width: 138px; overflow: hidden; } #contact { width: 500px; height: 25px; float: left; margin-top: 40px; font-size: 19px; font-weight: normal; } #boarderUpper { width: 900px; overflow: hidden; height: 10px; } #boarderMid { background-color: #000; height: auto; width: 900px; overflow: auto; } #boarderLower { width: 900px; overflow: hidden; height: 10px; clear: both; } /** Navigation **/ #navContainer { width: 860px; margin-right: auto; margin-left: auto; height: 28px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; margin-top: 10px; } #nav { margin:0; padding:0; width:100%; float:left; } #nav li { display:inline; padding:0; margin:0; list-style:none; } #nav a:link, #nav a:visited { color:#FFFFFF; float:left; width:auto; text-decoration:none; letter-spacing: .5px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; font-weight: lighter; padding-top: 3px; padding-right: 30px; padding-bottom: 3px; padding-left: 0px; } #nav a:hover { color:#FC0; padding-top: 3px; padding-bottom: 3px; border-bottom-width: 0px; border-bottom-style: none; font-weight: lighter; } #nav a:active { color:#FFFFFF; } #lowerContainer1 { height: auto; width: 900px; overflow: auto; } #lowerContainer2 { height: auto; width: 900px; overflow: auto; background-image: url(../_images-site/site-mid-break.jpg); background-repeat: no-repeat; background-position: center top; } #editable1 { height: auto; width: 820px; overflow: auto; margin-right: auto; margin-left: auto; } #editable2 { height: auto; width: 820px; overflow: auto; margin-right: auto; margin-left: auto; } #footer { height: 40px; width: 860px; margin-right: auto; margin-left: auto; overflow: hidden; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; clear: both; margin-top: 10px; } #feedContainer { text-align: right; float: right; height: auto; width: 350px; margin-top: 10px; clear: both; } #feedContainer img { margin-left: 10px; } /** Baseline Details **/ #baseline { width: 900px; margin-right: auto; margin-left: auto; font-size: 9px; letter-spacing: normal; color: #000000; font-family: Arial, Helvetica, sans-serif; clear: both; text-align: right; } #baseline a:link, #baseline a:visited { color:#000000; text-decoration:none; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; } #baseline a:hover { color:#FFFFFF; text-decoration: none; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; } #baseline a:active { color:#333333; font-family: Arial, Helvetica, sans-serif; } /** Index Page **/ #cu3er-container { width:820px; outline:0; text-align:center; height: 300px; overflow: hidden; margin-top: 20px; margin-right: auto; margin-left: auto; } #indexCol1 { float: left; height: 170px; width: 610px; margin-top: 50px; padding-right: 10px; } #indexCol2 { float: right; height: 170px; width: 180px; overflow: hidden; margin-top: 50px; } #indexCol3 { clear: both; height: auto; width: 820px; margin-top: 30px; } #indexFeedContainer { background-image: url(../_images-site/news-margin.gif); background-repeat: no-repeat; background-position: right top; float: left; height: auto; width: 200px; min-height:150px; padding-right: 10px; margin-top: 20px; } #indexStudioContainer { float: left; height: auto; width: 390px; min-height:150px; padding-left: 10px; padding-right: 10px; margin-top: 20px; } #indexServicesContainer { background-image: url(../_images-site/news-margin.gif); background-repeat: no-repeat; background-position: left top; float: left; height: auto; width: 180px; min-height:150px; padding-left: 20px; margin-top: 20px; } /** WP plugin styles **/ .feedDate { font-size: 10px; font-weight: normal; color: #FFF; background-color: #262626; padding: 2px; margin-top: 10px; margin-bottom: 0px; } .feedTitle h1{ font-size: 12px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; line-height: normal; padding-top: 0px; padding-bottom: 0px; } .feedEditedBy { color: #999; font-size: 11px; } .feedTitle a:link, .feedTitle a:visited { letter-spacing: normal; font-size: 14px; line-height: normal; } .feedTitle a:hover { text-decoration: none; letter-spacing: normal; font-size: 14px; line-height: normal; } .feedTitle a:active { font-size: 14px; } .studioDate { font-size: 10px; font-weight: normal; color: #FFF; background-color: #262626; padding: 2px; margin-top: 10px; margin-bottom: 0px; } .studioTitle h1{ font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; line-height: normal; padding-top: 0px; padding-bottom: 0px; } .studioEditedBy { color: #999; font-size: 11px; } .studioTitle a:link, .studioTitle a:visited { letter-spacing: normal; font-size: 14px; line-height: normal; } .studioTitle a:hover { text-decoration: none; letter-spacing: normal; font-size: 14px; line-height: normal; } .studioTitle a:active { font-size: 14px; } /** Portfolio Pages **/ #portfolioCol1 { height: auto; width: 820px; overflow: auto; margin-top: 50px; } #portfolioCol2 { height: auto; width: 620px; margin-top: 50px; margin-right: auto; margin-left: auto; text-align: justify; } /* Featured Content Glider */ .glidecontentwrapper { position: relative; /* Do not change this value */ width: 820px; height: 200px; overflow: hidden; background-color: #000; margin-top: 20px; } /* Total wrapper width: 350px+5px+5px=360px Or width of wrapper div itself plus any left and right CSS border and padding Adjust related containers below according to comments */ .glidecontent { /*style for each glide content DIV within wrapper.*/ position: absolute; visibility: hidden; width: 820px; height: 400px; overflow: hidden; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-color: #000; } .glidecontent img { margin-right: 50px; margin-left: 50px; } .glidecontenttoggler { /*style for DIV used to contain toggler links. */ width: 820px; text-align: center; height: auto; overflow: hidden; clear: both; margin-top: 20px; } .prev { float: left; } .next { float: right; } .glidecontenttoggler a { /*style for every navigational link within toggler display: -moz-inline-box; */ padding: 1px 3px; margin-right: 3px; font-weight: bold; text-decoration: none; border-bottom-width: 0px; border-bottom-style: none; } .glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */ background: #E4EFFA; color: black; border-bottom-width: 0px; border-bottom-style: none; } .glidecontenttoggler a:hover { border-bottom-width: 0px; border-bottom-style: none; outline:none; } .glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */ border-bottom-width: 0px; border-bottom-style: none; } .glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */ border-bottom-width: 0px; border-bottom-style: none; } .glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover { border-bottom-width: 0px; border-bottom-style: none; outline:none; } /** Enquiries Page **/ #enquireCol1 { height: 300px; width: 820px; margin-top: 30px; overflow: hidden; } #enquireCol2 { float: left; height: auto; width: 400px; overflow: auto; margin-top: 50px; } #enquireCol3 { float: right; height: auto; width: 400px; margin-top: 50px; text-align: left; } /** Facebook Enquiries Page **/ #fbEnquireCol1 { height: auto; width: 820px; margin-top: 30px; overflow: auto; float: left; } #fbEnquireCol2 { height: auto; width: 620px; margin-top: 50px; text-align: left; overflow: auto; margin-right: auto; margin-left: auto; clear: both; } /** Thanks Page **/ #thankYouCol1 { height: auto; width: 820px; text-align: center; } /** Wordpress Page **/ #wpCol1 { height: auto; width:580px; margin-top: 20px; overflow: visible; float: left; margin-top: 20px; min-height:300px; background-image: url(../_images-site/news-margin.gif); background-repeat: no-repeat; background-position: right top; padding-right: 20px; } #wpCol2 { float: right; height: auto; width: 210px; margin-top: 20px; overflow: auto; } .wpPostBreak { width: 600px; margin-top: 40px; margin-bottom: 40px; border-top-width: 2px; border-top-style: dotted; border-top-color: #666; clear: both; } #wpCol2 ul { list-style-type: none; } .wpPostTime { font-size: 10px; font-weight: normal; color: #FFF; background-color: #262626; padding: 2px; margin-top: 10px; margin-bottom: 0px; } /** IE 6 Fixes **/ * html #wpCol2 ul { margin-right: 0px; margin-left: 4px; padding-right: 0px; padding-left: 0px; } * html #wpCol1 { overflow: hidden; } /** IE 7 & 8 Fixes **/ *:first-child+html #wpCol2 ul { margin-right: 0px; margin-left: 4px; padding-right: 0px; padding-left: 0px; } *:first-child+html #wpCol1 { overflow: hidden; } /** Studio Page **/ #studioCol1 { height: 350px; width: 820px; margin-top: 30px; overflow: hidden; } #studioCol2 { height: auto; width: 500px; margin-top: 50px; overflow: auto; float: left; } #studioFacebook { float: right; height: auto; width: 305px; overflow: hidden; margin-top: 105px; } /** Studio Who Page **/ #whoCol2 { height: auto; width: 450px; margin-top: 30px; overflow: auto; float: left; text-align: justify; } #whoCol3 { float: right; height: auto; width: 300px; overflow: auto; margin-top: 80px; } #brandCol1 { height: auto; width: 620px; margin-top: 50px; overflow: auto; margin-right: auto; margin-left: auto; clear: both; } /** Print Page **/ #printCol1 { height: auto; width: 820px; margin-top: 30px; overflow: auto; float: left; } #printCol2 { height: auto; width: 305px; margin-top: 50px; overflow: auto; margin-left: 80px; float: left; } #printCol3 { height: auto; width: 305px; margin-top: 95px; overflow: auto; float: right; margin-right: 80px; } #printCol3 li { color: #EE2F88; } * html #printCol2 { height: auto; width: 305px; margin-top: 50px; overflow: auto; margin-left: 40px; float: left; } * html #printCol3 { height: auto; width: 305px; margin-top: 95px; overflow: auto; float: right; margin-right: 40px; } * html #printCol3 ul { margin-left: 5px; padding-left: 5px; } /** Website Page **/ #websiteCol1 { height: auto; width: 820px; margin-top: 30px; overflow: auto; float: left; } #websiteCol2 { height: auto; width: 620px; margin-top: 30px; overflow: auto; margin-right: auto; margin-left: auto; clear: both; } /** Individual Projects **/ #portProjectCol1 { float: left; height: 200px; width: 500px; margin-top: 20px; } #portProjectCol2 { float: right; height: 200px; width: 280px; margin-top: 20px; text-align: center; } #portProjectCol3 { float: left; height: auto; width: 300px; margin-top: 30px; } #portProjectCol4 { float: right; height: auto; width: 500px; margin-top: 30px; overflow: auto; } #portProjectCol5 { clear: both; height: auto; width: 820px; overflow: auto; } .portProjectQuote { font-size: 22px; font-style: italic; font-weight: lighter; color: #F90; line-height: 27px; padding-left: 20px; letter-spacing: -0.5px; font-family: Georgia, "Times New Roman", Times, serif; } .portProjectQuoteSmaller { font-size: 18px; font-style: italic; font-weight: lighter; color: #F90; line-height: 24px; padding-left: 20px; letter-spacing: -0.5px; font-family: Georgia, "Times New Roman", Times, serif; } /* Wordpress Theme Styles */ /* Share Section */ ul.addtoany_list { margin:0; padding:0; list-style:none; } /**.post { height:auto; float:left; clear:left; width: 490px; } .wordpressBreak { clear:both; border:2px #535252 solid; margin-top:10px; } **/ #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; } #wp-calendar a:hover { background: #e0e6e0; color: #333; } #wp-calendar caption { color: #999; font-size: 16px; text-align: left; } #wp-calendar td { color: #ccc; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar td.pad:hover { background: #fff; } #wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Captions & aligment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; background-color: #000; } .alignleft { float: left; padding-right:10px; background-color: #000; padding-bottom: 10px; } .alignright { float: right; padding-left:10px; background-color: #000; padding-bottom: 10px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #000; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; color: #000; background-color: #000; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* classes used by the_meta() */ ul.post-meta { list-style: none; } ul.post-meta span.post-meta-key { font-weight: bold; } .credit { background: #90a090; border-top: 3px double #aba; color: #fff; font-size: 11px; margin: 10px 0 0 0; padding: 3px; text-align: center; } .credit a:link, .credit a:hover { color: #fff; } .feedback { color: #ccc; text-align: right; clear: both; } .meta { font-size: .75em; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta, .meta a { color: #808080; font-weight: normal; letter-spacing: 0; } .storytitle { margin: 0; } .storytitle a { text-decoration: none; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: 0.2em; outline-color: #000; } #commentform textarea { width: 100%; background-color: #000; } #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } #commentlist li .avatar { float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px; } #loafExit { padding: 3px; border: 1px solid #FFF; height: auto; width: 75px; float: right; margin-top: 30px; } #cu3er-containerW { width:820px; outline:0; text-align:center; height: 320px; overflow: hidden; margin-top: 20px; margin-right: auto; margin-left: auto; } .editedBy { color: #999; }