/* Theme Name: Creatives Unlimited Author: Max Olander Author URI: http://www.maxolander.com */ * {margin: 0; padding: 0; border: 0;} body {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 12px; background: #111111; color: #fff;} div#top {background: #050505 url('images/bgtop.png') repeat-x top; height: 39px; width: 100%; padding: 15px 0 0 0;} div#studentsContainer {background: url('images/slider/studentsBg.gif') repeat-y top center;} div#container {background: #191919; width: 670px; padding: 0 10px 10px 10px; margin: 0 auto;} div#students {width: 704px; margin: auto; text-align: left; padding: 10px 0 0 0;} div#studentsCat {width: 670px; margin: 0 auto; padding: 30px 0 10px 0;} div#studentsList {width: 640px; background: #202020; padding: 0 15px; margin: 0 auto;} div#studentsListTop {background: #202020 url('images/postTop.gif') no-repeat; width: 670px; height: 14px; margin: 0 auto;} div#studentsListBottom {background: #202020 url('images/postBottom.gif') no-repeat; width: 670px; height: 14px; margin: 0 auto;} div#studentsContainerBottom {background: url('images/slider/studentsContainerBottom.gif') no-repeat top center; width: 690px; height: 10px; margin: 0 auto;} div#studentsFooter {width: 668px; padding: 10px 22px 10px 0; margin: 0 auto;} div.post {width: 640px; background: #202020; padding: 0 15px;} div.postTop {background: #191919 url('images/postTop.gif') no-repeat center bottom; width: 670px; height: 24px; margin: 0 auto;} div.postBottom {background: #191919 url('images/postBottom.gif') no-repeat; width: 670px; height: 14px; margin: 0 auto;} div.media {background: #202020; width: 640px; padding: 0 15px 10px 15px;} div.media img {margin: 0 5.9px 5.9px 0;} div.entry a {text-decoration: none; color: #dc2b27;} div.column_left {margin: 25px 0 0 0; width: 50%; float: left;} div.column_right {margin: 25px 0 0 0; width: 50%; float: right;} div.clear {clear: both;} /* TOP */ div#top {position: relative; width: 100%;} div#top ul {width: 395px; height: 15px; position: absolute; top: 25px; left: 50%; margin-left: -197.5px;} div#top li {list-style: none; text-indent: -5000px; float: left; font-size: 1px;} div#top li a {height: 9px; display: block;} .nav_students_active a {background: url(menu/students.gif) no-repeat bottom right; width: 58px; height: 9px; margin: 0 21px 0 0;} .nav_students a {background: url(menu/students.gif) no-repeat top right; width: 58px; height: 9px; margin: 0 21px 0 0;} .nav_students a:hover {background: url(menu/students.gif) no-repeat center right;} .nav_behindthescenes_active a {background: url(menu/behindthescenes.gif) no-repeat bottom right; width: 115px; height: 9px; margin: 0 21px 0 0;} .nav_behindthescenes a {background: url(menu/behindthescenes.gif) no-repeat top right; width: 115px; height: 9px; margin: 0 21px 0 0;} .nav_behindthescenes a:hover {background: url(menu/behindthescenes.gif) no-repeat center right;} .nav_press_active a {background: url(menu/press.gif) no-repeat bottom right; width: 35px; height: 9px; margin: 0 21px 0 0;} .nav_press a {background: url(menu/press.gif) no-repeat top right; width: 35px; height: 9px; margin: 0 21px 0 0;} .nav_press a:hover {background: url(menu/press.gif) no-repeat center right;} .nav_abouthi_active a {background: url(menu/abouthi.gif) no-repeat bottom right; width: 124px; height: 9px;} .nav_abouthi a {background: url(menu/abouthi.gif) no-repeat top right; width: 124px; height: 9px;} .nav_abouthi a:hover {background: url(menu/abouthi.gif) no-repeat center right;} /* STUDENTS SLIDER */ a:focus {outline: none;} img {border: 0;} .stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;} .slider-wrap {position: relative; width: 100%;} #rounded_corners {position: absolute; top: 0; left: 0; background: transparent url('images/slider/roundedcorners.png') no-repeat top center; width: 670px; height: 30px; z-index: 999;} #rounded_corners2 {position: absolute; bottom: 0; left: 0; background: transparent url('images/slider/roundedcorners.png') no-repeat bottom center; width: 670px; height: 30px; z-index: 999;} .csw {position: relative; width: 670px; height: 375px; margin: auto; background: #000; overflow: hidden;} .csw .loading {margin: 175px 0 190px 0; text-align: center;} .stripViewer {position: relative; overflow: hidden; border: 0px solid #000; margin: auto; width: 670px; height: 375px; clear: both; background: #fff;} .stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; */} .stripViewer .panelContainer .panel {float:left; height: 100%; position: relative; width: 670px; height: 375px;} .stripViewer .panelContainer .panel .wrapper {padding: 10px;} .stripNav {margin: auto; display: none;} .stripNavL, .stripNavR {position: absolute; top: 180.5px; text-indent: -9000em;} .stripNavL a, .stripNavR a {display: block; height: 34px; width: 17px;} .stripNavL {left: 0;} .stripNavR {right: 0;} .stripNavL a {background: url("images/slider/navleft.gif") no-repeat top center;} .stripNavL a:hover {background: url("images/slider/navleft.gif") no-repeat bottom center;} .stripNavR a {background: url("images/slider/navright.gif") no-repeat top center;} .stripNavR a:hover {background: url("images/slider/navright.gif") no-repeat bottom center;} .wrapper {text-align: left; margin: 10px 0 0 10px; width: 380px; height: 375px;} /* STUDENT CATEGORIES, STUDENT LIST AND FOOTER */ div#studentsCat ul {margin: 0 12px;} div#studentsCat li {list-style: none; text-indent: -9999px;} .design, .technology, .management, .design_active, .technology_active, .management_active {float: left;} div#studentsCat li a {display: block; height: 19px;} .design_active a {background: url('images/slider/design.gif') no-repeat bottom left; width: 44px; height: 19px; margin: 0 10px 0 0;} .design a {background: url('images/slider/design.gif') no-repeat top left; width: 44px; height: 19px; margin: 0 10px 0 0;} .design a:hover {background: url('images/slider/design.gif') no-repeat bottom left; width: 44px; height: 19px; margin: 0 10px 0 0;} .design_active a {background: url('images/slider/design.gif') no-repeat bottom left; width: 44px; height: 19px; margin: 0 10px 0 0;} .technology_active a {background: url('images/slider/technology.gif') no-repeat bottom left; width: 68px; height: 19px; margin: 0 10px 0 0;} .technology a {background: url('images/slider/technology.gif') no-repeat top left; width: 68px; height: 19px; margin: 0 10px 0 0;} .technology a:hover {background: url('images/slider/technology.gif') no-repeat bottom left; width: 68px; height: 19px; margin: 0 10px 0 0;} .technology_active a {background: url('images/slider/technology.gif') no-repeat bottom left; width: 68px; height: 19px; margin: 0 10px 0 0;} .management_active a {background: url('images/slider/management.gif') no-repeat bottom left; width: 74px; height: 19px; margin: 0 10px 0 0;} .management a {background: url('images/slider/management.gif') no-repeat top left; width: 74px; height: 19px;} .management a:hover {background: url('images/slider/management.gif') no-repeat bottom left; width: 74px; height: 19px;} .management_active a {background: url('images/slider/management.gif') no-repeat bottom left; width: 74px; height: 19px;} div#studentsList ul {float: left; display: inline; width: 160px;} div#studentsList li {list-style: none; font-size: 10px; margin-bottom: 4px;} .active {text-decoration: none; color: #fff;} .disabled {text-decoration: none; color: #343434;} div#studentsFooter li {font-size: 10px; list-style: none; display: inline; float: right; margin: 0 0 0 10px; padding: 0 0 10px 0;} div#studentsFooter li a {text-decoration: none; color: #fff;} #studentsList li a {color: #fff;} #studentsList .active a {color: #dc2b27;} /* TYPO */ h1 {background: url(images/logo.gif) no-repeat center center; text-indent: -9000px; width: 91px; height: 21px; padding: 0 30px; position: absolute; top: 15px; left: 0px; font-size: 1px;} div.wrapper h2 {font-size: 18px; font-weight: normal; margin-bottom: 14px;} p.contactInfo {font-size: 12px; margin-bottom: 14px;} strong.contactEmail, strong.contactURL {display: block; font-weight: normal; color: #dc2b27;} strong.contactEmail a, strong.contactURL a {text-decoration: none; color: #dc2b27;} div.studentInfo p {font-size: 11px;} div.post h2 {font-size: 18px; font-weight: normal; color: #d8d8d8; display: inline;} div.post h2 a {text-decoration: none; color: #d8d8d8;} p.postmetadata {font-size: 10px; color: #7c7c7c; float: right; display: inline;} div.entry p {color: #484848; margin: 12px 0 0 0;} div.entry h3 {font-size: 15px; font-weight: normal; color: #d8d8d8; margin: 12px 0 0 0;} div.column_left h3, div.column_right h3 {font-weight: normal; font-size: 12px; margin: 0 0 2px 0;} div.column_left p, div.column_right p {margin: 0 0 12px 0;}