/* Theme Name: CREATE Theme URI: CREATE's HOME PAGE Description: CREATE web site wordpress templates Author: Darren Hall and Kuljit Athwal Author URI: http://www.thirdeyedesign.co.uk Version: 2.01 . General comments/License Statement if any. . */ /* ---------------------------------------------------------------------------------------------------------TED */ /* Page structure */ /* ---------------------------------------------------------------------------------------------------------TED */ body { background: #666; margin: 0; padding: 0; font: normal 0.7em Arial, Helvetica, sans-serif; } #container { width: 760px; margin: 0 auto; text-align: left; position: relative; background: url(images/layout/bg.gif) repeat-y top center; } #borderLeft { width: 38px; float: left; } #borderRight { width: 38px; float: left; } #borderGrey { width: 38px; height: 90px; background-color: #666; } #contentCenter { width: 684px; float: left; background: #D90026; min-height: 90px; } #mastHead{ height: 132px; background: url(images/layout/logo.gif) bottom right no-repeat; } #contentMain { float: left; } #page-home #contentMain, #page-people #contentMain, #page-contact #contentMain { background: url(images/layout/bg-sub.gif) top left repeat-y; } #page-news #contentMain, #page-projects #contentMain { background: url(images/layout/bg-news.gif) top left repeat-y; } #page-vacancies #contentMain { background: url(images/layout/bg-vacancies.gif) top left repeat-y; } #page-projects-view #contentMain, #page-news-view #contentMain { background: url(images/layout/bg-projects-view.gif) top left repeat-y; } #subLeft { width: 456px; position: relative; float: left; } #subRight { width: 222px; position: relative; float: left; background-color: #fff; padding: 3px; } #subNews { width: 684px; position: relative; float: left; } #detailPrev { position: absolute; top: 38px; left: 0; z-index: 1000; border-bottom: 1px solid #FFF; width: 342px; } #detailPrevProj { position: absolute; top: 53px; left: 0; z-index: 1000; text-transform: uppercase; width: 342px; } #detailNext { position: absolute; top: 0px; right: 0; width: 114px; height: 48px; z-index: 1000; background-color: #D90026; text-align: right;} #detailNextProj { position: absolute; top: 53px; right: 0; width: 114px; z-index: 1000; text-transform: uppercase; text-align: right; } #detailPrev a, #detailNext a { color: #FFF; text-decoration: none; text-transform: uppercase; } #detailNext a { bottom: 0; right: 0; position: absolute; } #detailLeft { width: 342px; position: relative; float: left; } #detailRight { width: 336px; position: relative; float: left; background-color: #FFF; padding: 3px; } #footer { width: 684px; float: right; } #footer p { color: #D90026; font-size-adjust: 0.65em; margin: 20px 0 0 456px; padding: 6px; } #footer a { color: #D90026; text-decoration: none; } #footer a:hover { text-decoration: underline; color:#000000; } #page-credits #footer p, #page-credits #footer a, #page-credits #footer a:hover{color:#FFFFFF;} #page-home #link-home a, #page-news #link-news a, #page-news-view #link-news a, #page-projects #link-projects a, #page-projects-view #link-projects a, #page-people #link-people a ,#page-contact #link-contact a,#page-vacancies #link-vacancies a { background-position: 0 0; } .page-home #subLeft img {margin:0; padding:0;} /* ---------------------------------------------------------------------------------------------------------TED */ /* Menu */ /* ---------------------------------------------------------------------------------------------------------TED */ #menu { margin: 0; padding: 0; height: 19px; list-style: none; display: inline; overflow: hidden; width: 684px; } #menu li { margin: 0; padding: 0; list-style: none; display: inline; } #menu a { float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px; /* for IE5/Win only */ } #menu a:hover { background-position: 0 0; } #link-home a { width: 114px; background: url(images/menu/home.gif) 0 -19px no-repeat; } #link-news a { width: 114px; background: url(images/menu/news.gif) 0 -19px no-repeat; } #link-projects a { width: 114px; background: url(images/menu/projects.gif) 0 -19px no-repeat; } #link-people a { width: 114px; background: url(images/menu/people.gif) 0 -19px no-repeat; } #link-contact a { width: 114px; background: url(images/menu/contact.gif) 0 -19px no-repeat; } #link-vacancies a { width: 114px; background: url(images/menu/vacancies.gif) 0 -19px no-repeat; } /* ---------------------------------------------------------------------------------------------------------TED */ /* Headers */ /* ---------------------------------------------------------------------------------------------------------TED */ #about { text-indent: -9000px; width: 450px; height: 317px; background: url(images/home/about.gif) top left no-repeat; padding: 0; margin: 3px; } #page-home #subRight h2 { text-indent: -9000px; width: 220px; height: 44px; background: url(images/headers/news-and-ideas.gif) bottom left no-repeat; padding: 0; margin: 0; } /*added by Kuljit for sort menu on project pages*/ .sortnav { width:684px; display:block; background:#D90026; color:#ffffff; font:bold; margin:0; padding:0; } .sortnav a, .sortnav a:hover, .sortnav a:visited, .sortnav a:active {color:#ffffff;} /*end additions*/ #page-news #page-header { text-indent: -9000px; width: 684px; height: 50px; background: #D90026 url(images/headers/news-and-ideas-pink.gif) top left no-repeat; padding: 0; margin: 0; } #page-projects #page-header { text-indent: -9000px; width: 684px; height: 50px; background: #D90026 url(images/headers/projects.gif) top left no-repeat; padding: 0; margin: 0; } #page-projects-view #page-header { text-indent: -9000px; width: 342px; height: 50px; background: #D90026 url(images/headers/projects.gif) top left no-repeat; padding: 0; margin: 0 0 73px 0; } #page-news-view #page-header { text-indent: -9000px; width: 342px; height: 50px; background: #D90026 url(images/headers/news-and-ideas-pink.gif) top left no-repeat; padding: 0; margin: 0 0 73px 0; } #page-people #page-header { text-indent: -9000px; width: 342px; height: 50px; background: #D90026 url(images/headers/people.gif) top left no-repeat; padding: 0; margin: 0; } #page-contact #page-header { text-indent: -9000px; width: 342px; height: 50px; background: #D90026 url(images/headers/contact.gif) top left no-repeat; padding: 0; margin: 0; } #page-credits #page-header { text-indent: -9000px; width: 342px; height: 50px; background: #D90026 url(images/headers/credits.png) top left no-repeat; padding: 0; margin: 0; } #page-vacancies #page-header {text-indent: -9000px; width: 684px; height: 50px; background: #D90026 url(images/headers/vacancies.gif) top left no-repeat; padding: 0; margin: 0; } /*#project-title { padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; font-size: 1.7em; min-height: 44px; width: 222px; }*/ #project-title { padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; font-size: 1.7em; min-height: 120px; height:auto !important; height:120px; width: 222px; } /*modified by Kuljit*/ /* ---------------------------------------------------------------------------------------------------------TED */ /* News items */ /* ---------------------------------------------------------------------------------------------------------TED */ .news-item { width: 216px; background: #F5A8B7 url(images/layout/bg-news-item.gif) top left no-repeat; padding: 3px; margin-top: 3px; } .news-item p { padding: 0; margin: 0; } .news-item p.title, .news-details p.title { text-transform: uppercase; font-size: 1.25em; height: 42px; font-weight:bold; } .news-item p.date, .news-details p.date { font-weight: bold; font-size: 1em; color: #D90026; } .news-item a, .news-details a { font-weight: bold; color: #D90026; display: block; text-decoration: none; text-transform: uppercase; text-align: right; } .news-item a:hover, .news-details a:hover {color:#000000;} .news-details img { float: left; } .news-details-text { width: 558px; height: 84px; float: left; margin: 3px; padding: 0; background: #FFF url(images/layout/white-pink-corner.gif) top right no-repeat; } #page-vacancies .news-details-text { height: auto; width: 672px; } #page-vacancies .news-details-text1 { width: 333px; float: left; padding: 3px; } .news-details-text1 { width: 219px; float: left; padding: 3px; } .news-details-text2 { width: 310px; float: left; padding: 3px; } .news-details-text p { margin: 0; padding: 0; position: relative; } .news-details p.copy { height: 64px; } .news-details a { position: relative; bottom: 0; } /*added by Kuljit*/ #detailRight ul { list-style:inside; margin:0; padding:0;} #detailRight ul ul li { margin-left:5px; padding-left:5px; list-style-image:url(images/layout/dash.gif); line-height:12px;} /*end addition*/ .news-view-date { color: #D90026; font-weight: bold; margin: 4px 0 28px 0; padding: 0; } /* ---------------------------------------------------------------------------------------------------------TED */ /* Projects */ /* ---------------------------------------------------------------------------------------------------------TED */ #gridholder {float:left; width:456px;} #grid { margin: 0; padding: 0; list-style: none; display: inline; } #grid li { margin: 0; padding: 0; list-style: none; float: left; width: 114px; height: 90px;} /*width and height added by Kuljit */ #grid-a1, #grid-a2, #grid-a3, #grid-a4, #grid-b1, #grid-b2, #grid-b3, #grid-b4, #grid-c1, #grid-c2, #grid-c3, #grid-c4 { width: 114px; height: 90px; text-indent: -9000px; } #grid-a1 { background: url(images/home/a1.jpg) 0 0 no-repeat; } #grid-a2 { background: url(images/home/a2.jpg) 0 0 no-repeat; } #grid-a3 { background: url(images/home/a3.jpg) 0 0 no-repeat; } #grid-a4 { background: url(images/home/a4.jpg) 0 0 no-repeat; } #grid-b1 { background: url(images/home/b1.jpg) 0 0 no-repeat; } #grid-b2 { background: url(images/home/b2.jpg) 0 0 no-repeat; } #grid-b3 { background: url(images/home/b3.jpg) 0 0 no-repeat; } #grid-b4 { background: url(images/home/b4.jpg) 0 0 no-repeat; } #grid-c1 { background: url(images/home/c1.jpg) 0 0 no-repeat; } #grid-c2 { background: url(images/home/c2.jpg) 0 0 no-repeat; } #grid-c3 { background: url(images/home/c3.jpg) 0 0 no-repeat; } #grid-c4 { background: url(images/home/c4.jpg) 0 0 no-repeat; } .project-details dl { margin: 3px; position: relative; } .project-details dd, .project-details dt { padding: 0; margin: 0; float: left; } .project-details dt { width: 103px; font-weight: bold; color: #D90026; } .project-details dd { width: 440px; } .project-details img { float: left; } .project-details-text { width: 564px; height: 84px; float: right; display: inline; margin: 3px; padding: 0; background: #FFF url(images/layout/white-pink-corner.gif) top right no-repeat; } /*added by KULJIT*/ .readmore {z-index:1000; position:absolute; display:block; margin-left:470px; margin-top:67px;} .project-details a {margin:0; padding:0;} .project-details-text a { font-weight: bold; color: #D90026; display: block; text-decoration: none; text-transform: uppercase; text-align: right;} .project-details a:hover, .project-details-text a:hover {color:#000000;} /*END*/ .project-view { margin: 7px 0 54px 0; padding: 0; list-style: none; } .project-view li { text-transform: uppercase; list-style: none; padding: 0; margin: 0; } .project-view li span { font-weight: bold; color: #D90026; } #detailLeft img { padding: 10px 0; } #detailLeft p { padding: 0; margin: 3px; text-transform: uppercase; } /* ---------------------------------------------------------------------------------------------------------TED */ /* People */ /* ---------------------------------------------------------------------------------------------------------TED */ .personThumb { margin: 0; padding: 0; float: left; } #page-people dl { margin-top: 48px; font-size: 1.3em; } #page-people dt { text-transform: uppercase; font-weight: bold; } #page-people dd { padding: 0; margin: 0 0 12px 0; font-size: 0.9em; } #page-people img {padding:0; margin:0;} #page-people #subRight a, #page-people #subRight a:active, #page-people #subRight a:visited {text-decoration:none; color:#000000;} #page-people #subRight a:hover {color:#d90026;} .link {text-decoration:underline;} /* ---------------------------------------------------------------------------------------------------------TED */ /* Contact & Credits*/ /* ---------------------------------------------------------------------------------------------------------TED */ #page-contact #subRight h2, #page-credits #subRight h2 { padding: 0; margin: 30px 0 0 0; text-transform: uppercase; font-size: 1.3em; } #page-contact #subLeft p, #page-credits #subLeft p { margin: 0; padding: 0 0 10px 10px; font-size: 1.2em; color: #FFF; } #page-contact #subLeft p a, #page-credits #subLeft p a { color: #FFF; text-decoration: none; } #page-contact #subLeft p a:hover, #page-credits #subLeft p a:hover { text-decoration: underline; } #page-contact img, #page-credits img {margin-left:0px;} /* ---------------------------------------------------------------------------------------------------------TED */ /* Form styles */ /* ---------------------------------------------------------------------------------------------------------TED */ #sort { display: inline; margin: 0; padding: 0; position: absolute; top: 0; left: 224px; } #sort label { text-transform: uppercase; color: #FFF; font-size: 0.85em; margin-right: 5px; } fieldset { border: none; margin: 0; padding: 0; } label { display: block; text-transform: uppercase; font-weight: bold; } input[type=text] { width: 91%; border: 1px solid #FFF; margin-bottom: 10px; } input[type=submit] { margin-top: 3px; } textarea { width: 91%; border: 1px solid #FFF; font-family:Arial, Helvetica, sans-serif; font-size:small;} input[type=text]:focus, textarea:focus { background: #ffe1e7; } /* ---------------------------------------------------------------------------------------------------------TED */ /* Misc styles */ /* ---------------------------------------------------------------------------------------------------------TED */ .hide { display: none; } .clear { clear: both; } .nexpre {color:#000000;} /*added by Kuljit - next and previous links to be black*/ img {border:0px;} /*added by Kuljit*/ #detailPrevProj a {color:#000000; text-decoration:none;} /*modified by Kuljit*/ #detailNextProj a {color:#000000; text-decoration:none;} /*modified by Kuljit*/