/* THEME NAME: McAlister Development THEME URI: http://fuzzco.com/ VERSION: 1.0 AUTHOR: Fuzzco AUTHOR URI: http://fuzzco.com/ */ /* CSS RESET */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} table td {vertical-align:top;} fieldset, img {border:0;} address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;} ol, ul {list-style:none;} caption, th {text-align:left;} h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;} q:before, q:after {content:'';} abbr, acronym {border:0;} /* GLOBAL STYLES */ body {font-family: Tahoma, Helvetica, "Trebuchet MS", Arial, sans-serif;font-size:62.5%;background:#3a3a3a;letter-spacing:1px;line-height:1.3em;} html, body {height: 100%;margin:0;padding:0;} div.clear {clear: both;height: 0px;font-size: 0px;overflow: hidden;} em, i, .italicit {font-style: italic;} b, strong, .boldit {font-weight: bold;} .alignleft {float: left;} .alignright {float: right;} .clear {clear:both;} img a {border:none;} a:link, a:visited {text-decoration:none;color:#79496A;} a:hover, a:active {text-decoration:none;} #color {width:100%;background:url('images/bgaaa.jpg') no-repeat #EFEDE9;} #container{margin: 0 auto; width: 960px;/*min-height:100%;position:relative;*/} /* NAV */ #navcontainer {width:100%;margin: 0;padding: 0;font-family: tahoma. arial, helvetica, sans-serif;display:block;clear:both;} /* to stretch the container div to contain floated list */ #navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;} #navcontainer #nav {background: #3a3a3c;width:970px;margin:0 auto;} #navlist {margin:0 auto;position:relative;z-index:1000;background: #3a3a3c;width:970px;text-align:center;} #navlist ul.navlist {list-style:none;padding:0;/*margin: 20px 0 10px 0;*/float:right;} #navlist ul.navlist a {color:#fff;} #navlist ul.navlist a:hover {color:#fff;;} #navlist ul.navlist .current_page_item a, #navlist ul.navlist .current_page_ancestor a {color: #FFE384;} /* NAV DROPDOWN */ #navlist ul.navlist li.item {display: block;float: left;padding: 8px 16px 9px 0;position: relative;z-index: 1000;} #navlist ul.navlist li.item a.link { font-size: 9px;text-transform: uppercase;letter-spacing: 1px;border-top: 4px solid #3a3a3c;padding-top: 6px;padding-bottom: 10px; color: #F2F2F2; } #navlist ul.navlist li.item a.link:hover {color:#fff;border-top: 4px solid #FFE384;} #navlist ul.navlist li.item a.link.current {border-top: 4px solid #FFE384;} #navlist ul.navlist li.item span {color: #ccc;padding-left: 12px;font-size: 12px;} #navlist ul.navlist li.item div.drop_down { display: none;position: absolute;top: 32px;left: 0;width: 192px;padding: 5px 10px 3px 10px;z-index: 1000; background: url('images/drop_down_bg.png') no-repeat bottom left; } #navlist ul.navlist li.item div.drop_down.realestate {left: -36px;} #navlist ul.navlist li.item div.drop_down.student {left: -58px;} #navlist ul.navlist li.item div.drop_down.campus {left: -72px;} /*#navlist ul.navlist li.item div.drop_down.realestate {width: 140px;} #navlist ul.navlist li.item div.drop_down.student {width: 152px;left: -28px;} #navlist ul.navlist li.item div.drop_down.campus {width: 192px;left: -61px;}*/ #navlist ul.navlist li.item:hover div.drop_down {display: block;} #navlist ul.navlist li.item div.drop_down div.dot { text-align: center;color: #333;padding: 4px 0; } #navlist ul.navlist li.item div.drop_down ul.top {padding: 0 0 0 0;/*background: url('images/header/sidebar.png') no-repeat #FFE384;background:#FFE384;*/list-style: none;} #navlist ul.navlist li.item div.drop_down ul.top li {padding:2px 0;display:block;} #navlist ul.navlist li.item div.drop_down ul.top li a { color:#444; padding:2px 0; display:block;text-align:center; font-family: Tahoma, Arial, sans-serif;text-transform: uppercase;font-size: 10px;letter-spacing: 2px; } #navlist ul.navlist li.item div.drop_down ul.top li a:hover {background:#FFEDB6;} #navlist ul.navlist li.item div.drop_down div.bottom {height: 16px;background: url('images/header/sidebar.png') no-repeat bottom left;} /* HEADER */ #header {height:114px;width:970px;} #header .logo {height:114;margin:0;} /* WRAPPER */ #wrapper {width:970px;margin:0 auto;padding-bottom: 40px;} #wrapper #page {width:970px;margin: -6px 0 20px 0;float:left;} #wrapper #page #content {margin:0;float:right;padding:0;width:717px;display:block;background-color:none;line-height:1.9em;} #wrapper #page #content #top .top {background:#faf9f8;height:5px;background: url('images/ds/ds_dark_top.png') no-repeat bottom left;} #wrapper #page #content #top .mid {background:#faf9f8;height:30px;background: url('images/ds/ds_dark_mid.png') repeat-y bottom left;} #wrapper #page #content #top .bottom {background:#faf9f8;height:5px;background: url('images/ds/ds_dark_bottom.png') no-repeat bottom left;} #wrapper #page #content #top h2 {font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#3a3a3a;padding: 5px 0 0 20px;} #wrapper #page #content #image {margin:0;padding:0 6px;background: url('images/ds/ds_dark_mid.png') repeat-y bottom left;} #wrapper #page #content #main .top {background:#fff;height:5px;background: url('images/ds/ds_white_top.png') no-repeat bottom left;} #wrapper #page #content #main .bottom {background:#fff;height:5px;background: url('images/ds/ds_white_bottom.png') no-repeat bottom left;} #wrapper #page #content #main .mid {font-family:Georgia, Times, serif;font-size:11px;letter-spacing:1px;color:#3a3a3a; padding:20px 30px;background:#fff;margin:0; background: url('images/ds/ds_white_mid.png') repeat-y bottom left; } #wrapper #page #content #main .mid .entry {width:400px;float:left;position:relative;} #wrapper #page #content #main .mid ul {list-style:none;margin:0 0 0 10px;} #wrapper #page #content #main .mid ul li {margin:0 0 0 10px;list-style-type:disc;} #wrapper #page #content #main .mid .side {font-size:9px;font-family:tahoma, arial, sans-serif;width:170px;border:#ccc dotted 1px;float:right;padding:10px;} #wrapper #page #content #main .mid .side h3 {color:#79496A;padding:0;margin:0;} #wrapper #page #content #main .mid .side a {text-decoration:underline;color:#3a3a3a;} /* MAIN NARROW FOR PRE PROJECT TEMPLATE */ #wrapper #page #content #main_narrow {width:497px;float:right;margin:0;} #wrapper #page #content #main_narrow .top {background:#fff;height:5px;background: url('images/ds/ds_brown_top.png') no-repeat bottom left;margin:2px 0 0 0;} #wrapper #page #content #main_narrow .bottom {background:#fff;height:5px;background: url('images/ds/ds_brown_bottom.png') no-repeat bottom left;margin:0 0 20px 0;} #wrapper #page #content #main_narrow .mid {font-family:Georgia, Times, serif;font-size:11px;letter-spacing:1px;color:#3a3a3a; padding:20px 30px;background:#fff;margin:0; background: url('images/ds/ds_brown_mid.png') repeat-y bottom left; } #wrapper #page #content #main_narrow .mid .entry {width:400px;} #wrapper #page #content #main_narrow .mid .entry h2 {font-size:28px;padding:0 0 10px 0;} #wrapper #page #content #main_narrow .mid ul {list-style:none;margin:0 0 0 10px;} #wrapper #page #content #main_narrow .mid ul li {margin:0 0 0 10px;list-style-type:disc;} #wrapper #page #content #preproject_nav {width:214px;padding:6px 0 6px 6px;float:left;} #wrapper #page #content #preproject_nav h3 {text-align:center;background:#333;padding:10px;color:#fff;} #wrapper #page #content #preproject_nav .item {text-align:center;border-bottom:#ccc dotted 1px;font-size:11px;color:#3a3a3a;background:#EFEDE9;} #wrapper #page #content #preproject_nav .item a {display: block;padding:10px;font-size:11px;color:#3a3a3a;} #wrapper #page #content #preproject_nav .item a:hover {display:block;background:#fff;padding:-10px;} /* NEED HELP!!!!!!!!!!*/ /* PROJECT DETAIL */ .project_title{font-family:Georgia, Times, serif;font-size:14px;padding:20px 0 0 0;float:left;} .project_description{margin:10px 0 0 0;border-top: 1px #333 dotted;width:665px;} /* GRID OF PROJECTS */ #projects {padding: 10px 6px;} #projects .left {display: block;float: left;width: 220px;} #projects .right {display: block;float: right;width: 480px;} #projects .right .project { display: block;float: left;color: inherit; width: 230px;margin: 0 0 10px 10px; background: #fff; } #projects .right .project .title { letter-spacing: 1px; padding: 5px 10px; } /* PROJECT GALLERY */ #images {background: #fff;} #images .items {display: block;width: 665px;height: 350px;position: relative;margin:0;} #images .items .item { position: absolute; width: 665px;height: 350px; } #images .nav {float: right;padding:10px 7px 0 0;} #images .nav a {float: left;margin-left: 7px;margin-top: 12px;} #images .nav a.left, #images .nav a.right { /*background: #000; color: #fff; padding: 5px; width: 100px*/ width: 7px;height: 11px; text-indent: -9999px; } #images .nav a.left {background: url('images/left_arrow.png') no-repeat;} #images .nav a.right {background: url('images/right_arrow.png') no-repeat;} #images .nav a.item { /*background: #000; color: #fff; display: block; float: left; margin-right: 1px; text-decoration: none;*/ width: 11px;height: 11px; text-indent: -9999px; background: url('images/circle.png') no-repeat; } #images .nav a.item.current {/*background: #39c*/background: url('images/circle_dark.png') no-repeat;} /* CONTACT */ #wrapper #page #content #top .line {border-bottom:1px #999 dotted;width:705px;margin:0 0 0 6px;clear:both;} #wrapper #page #content #main .contact_left {border-right:1px #999 dotted;width:340px;float:left;} #wrapper #page #content #main .contact_right {float:left;margin:0 0 0 20px;} #wrapper #page #content #main h3 {font-family:Georgia, Times, serif;font-size:14px;padding:0;font-style:italic;} /* FOOTER */ #footer {font-size:1em;line-height:1.4em;letter-spacing:.05em;padding:10px 0 0 0;} #footer { width:100%; background-color:#3a3a3a; clear: both; /* background-image:url(images/footer.png); */ /* position:absolute; bottom:0; */ height:40px; /* Height of the footer */ } #footer #footwrap {margin:0 auto;width:970px;margin:0 auto;display:block;color:#fff;} #footer #footwrap .right {float:right;} #footer a {color:#FFE384;} #footer a:hover {color:#FFE384;text-decoration:underline;} /* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ .coda-slider-wrapper {padding: 20px;background: #fff;} .coda-slider { /*background: #ebebeb*/ } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px;overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 665px } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 665px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { /*background: #000; color: #fff; padding: 5px; width: 100px*/ display: block;width: 7px;height: 11px; text-indent: -9999px; } .coda-nav-left a {background: url('images/left_arrow.png') no-repeat;} .coda-nav-right a {background: url('images/right_arrow.png') no-repeat;} .coda-nav-container { clear: both; padding-top: 10px; } .coda-nav-left, .coda-nav-right, .coda-nav ul li {margin-left: 15px;} /* Panel padding */ .coda-slider .panel-wrapper {/*padding: 20px*/} /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Tabbed nav */ .coda-nav {float: right;} .coda-nav ul {/*clear: both; display: block; margin: auto; overflow: hidden*/} .coda-nav ul li {/*display: inline*/display: block;float: right;} .coda-nav ul li a { /*background: #000; color: #fff; display: block; float: left; margin-right: 1px; text-decoration: none;*/ display: block;width: 11px;height: 11px; text-indent: -9999px; background: url('images/circle.png') no-repeat; } .coda-nav ul li a.current {/*background: #39c*/background: url('images/circle_dark.png') no-repeat;} /* Miscellaneous */ .coda-slider-wrapper { clear: both;/*overflow: auto*/} .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right {float: right;} .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }