/* -------------------------------------------------------------- Theme Name: emdsgn Theme URI: http://www.emdsgn.com Description: The theme for emdsgn. Author: Ethan Marsh Author URI: http://www.emdsgn.com Version: 3.3 Tags: portfolio, theme, emdsgn -------------------------------------------------------------- */ /* RESETS */ html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; outline: 0; font-size: 100%; /*width: auto; disabled--messes up image placeholder size*/ } body { line-height: 1;} ol, ul { list-style-type: none; } blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;} :focus { outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5{margin:0; padding:0;} /* PRIMARY STRUCTURE */ * { margin: 0; } html, body { height: 100%; } #wrapper { min-height: 100%; height: auto; height: 100%; margin: 0 auto -20px; z-index: 0; } #header { width: 910px; height: 100px; position: fixed; top: 40%; left: 50%; margin-left: -455px; margin-top: -255px; z-index: 80; } #sidebar-fixed { width: 200px; position: fixed; top: 40%; left: 50%; margin-left: -455px; margin-top: -155px; z-index: 70; min-height: 338px; } #sidebar-scroll { width: 200px; position: absolute; top: 40%; left: 50%; margin-left: -455px; margin-top: -155px; z-index: 70; min-height: 338px; padding-bottom: 40px; } #content { position: absolute; top: 40%; left: 50%; margin-left: -240px; margin-top: -155px; z-index: 30; height: 340px; float: left; } #content-nav { position: fixed; width: 270px; height: 14px; top: 40%; left: 50%; margin-left: 170px; margin-top: -182px; z-index: 80; float: left; clear: both; } #footer { height: 20px; position: fixed; z-index: 100; padding: 0 20px 0 20px; } #wrapper-bkgrd { width: 100%; height: 31px; position: fixed; top: 0px; margin-top: 0px; z-index: 90; } #wrapper-edge-btm { background:url('images/bkgrd-edge-btm-wht.png'); width: 100%; height: 31px; float: left; } #footer-bkgrd { width: 100%; height: 25px; top: 100%; margin-top: -35px; position: fixed; z-index: 90; } #footer-box { background:url('images/bkgrd-wht.png'); width: 100%; height: 5px; float: left; background-color: #FFF; } #footer-edge-top { background:url('images/bkgrd-edge-top-wht.png'); width: 100%; height: 31px; float: left; } #footer-navigation { float: right; } #footer-share { float: right; margin-right: 10px; } #footer-beta { float: right; text-align: right; color: #8C9900; margin-top: 5px; z-index: 100; position: fixed; padding-right: 20px; right: 0px; } /* HEADER */ #header-left { float: left; width: 150px; margin-top: 20px; text-align: right; clear: left; } #header-middle { float: left; width: 50px; height: 100px; background-image: url('images/header-ear.png'); } #header-right { float: left; width: 600px; height: 75px; margin-left: 15px; } #header-pagetitle { height: 33px; background: url('images/header-dash.png') bottom left no-repeat; padding-left: 20px; vertical-align: top; float: left; margin-top: 6px; } #archive-title { font-size: 31px; float: left; color: #000; overflow: visible; vertical-align: bottom; text-transform: lowercase; } /* NAVIGATION-LOGO */ #navigation-logo{ } #navigation-logo span { } #navigation-logo ul { padding:0; margin:0; list-style:none; } #navigation-logo li { height:13px; line-height:13px; float:right; padding:0; margin:0; clear: both; } #navigation-logo a { height:13px; line-height:13px; display:block; text-decoration:none; } #navigation-logo a span { } #navigation-logo li.header-name{ width:150px; margin-top: 0px; margin-right: 7px; } #navigation-logo li.header-name a{ } #navigation-logo li.header-name a:hover{ } #navigation-logo li.header-name a.active{ } #navigation-logo li.header-copyright{ color: #737373; width:144px; margin-right: 7px; } #navigation-logo li.header-url{ width:150px; margin-right: 7px; } #navigation-logo li.header-url a{ color: #737373; } #navigation-logo li.header-url a:hover{ color: #000; } #navigation-logo li.header-url a.active{ color: #000; } #navigation-logo li.header-logo{ width:144px; margin-top: 4px; } #navigation-logo li.header-logo span { display: none; } #navigation-logo li.header-logo a{ background:url('images/header-logo-grn.png') no-repeat; height:31px;} #navigation-logo li.header-logo a:hover{ background:url('images/header-logo-gry.png') no-repeat; } #navigation-logo li.header-logo a.active{background:url('images/header-logo-gry.png') no-repeat;} /* #navigation-logo li.header-name{ width:107px; margin-top: 0px; } #navigation-logo li.header-name a{ background:url(images/header-name-grn.png) no-repeat;} #navigation-logo li.header-name a:hover{ background:url(images/header-name-gry.png) no-repeat; } #navigation-logo li.header-name a.active{background:url(images/header-name-grn.png) no-repeat;} #navigation-logo li.header-copyright{ width:124px; } #navigation-logo li.header-url{ width:97px; } #navigation-logo li.header-url a{ background:url('images/header-url-gry.png') no-repeat;} #navigation-logo li.header-url a:hover{ background:url('images/header-url-gry.png') no-repeat; } #navigation-logo li.header-url a.active{background:url('images/header-url-grn.png') no-repeat;} #navigation-logo li.header-logo{ width:144px; margin-top: 4px; } #navigation-logo li.header-logo a{ background:url('images/header-logo-grn.png') no-repeat; height:31px;} #navigation-logo li.header-logo a:hover{ background:url('images/header-logo-gry.png') no-repeat; } #navigation-logo li.header-logo a.active{background:url('images/header-logo-gry.png') no-repeat;} */ /* NAVIGATION-MAIN */ #navigation-main{ float: left; width: 190px; margin-bottom: 15px; } #navigation-main ul { padding:0; margin:0; list-style:none; clear: both; } #navigation-main li { height:13px; line-height:13px; float:left; padding:0; margin:0 10px 0 5px; } #navigation-main a { padding-right: 57px; height:13px; line-height:13px; display:block; text-decoration:none; } #navigation-main a span { } #navigation-main li.architecture{ width: 190px; } #navigation-main li.architecture a{ } #navigation-main li.architecture a:hover{ background-color: #8C9900; } #navigation-main li.architecture a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.architecture a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.webdesign{ width: 190px; } #navigation-main li.webdesign a{ } #navigation-main li.webdesign a:hover{ background-color: #8C9900; } #navigation-main li.webdesign a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.webdesign a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.graphicart{ width: 190px; } #navigation-main li.graphicart a{ } #navigation-main li.graphicart a:hover{ background-color: #8C9900; } #navigation-main li.graphicart a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.graphicart a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.contract{ width: 190px; } #navigation-main li.contract a{ } #navigation-main li.contract a:hover{ background-color: #8C9900; } #navigation-main li.contract a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.contract a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.professional{ width: 190px; } #navigation-main li.professional a{ } #navigation-main li.professional a:hover{ background-color: #8C9900; } #navigation-main li.professional a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.professional a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.academic{ width: 190px; } #navigation-main li.academic a{ } #navigation-main li.academic a:hover{ background-color: #8C9900; } #navigation-main li.academic a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.academic a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.news{ width: 190px; } #navigation-main li.news a{ } #navigation-main li.news a:hover{ background-color: #8C9900; } #navigation-main li.news a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.news a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.recognition{ width: 190px; } #navigation-main li.recognition a{ } #navigation-main li.recognition a:hover{ background-color: #8C9900; } #navigation-main li.recognition a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.recognition a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.archives{ width: 190px; } #navigation-main li.archives a{ } #navigation-main li.archives a:hover{ background-color: #8C9900; } #navigation-main li.archives a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.archives a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.profile{ width: 190px; } #navigation-main li.profile a{ } #navigation-main li.profile a:hover{ background-color: #8C9900; } #navigation-main li.profile a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.profile a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.resume{ width: 190px; } #navigation-main li.resume a{ } #navigation-main li.resume a:hover{ background-color: #8C9900; } #navigation-main li.resume a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.resume a.active:hover{ color: #000; background-color: #8C9900; } #navigation-main li.links{ width: 190px; } #navigation-main li.links a{ } #navigation-main li.links a:hover{ background-color: #8C9900; } #navigation-main li.links a.active{ color: #FFF; background-color: #8C9900; } #navigation-main li.links a.active:hover{ color: #000; background-color: #8C9900; } /*SIDEBAR*/ #sidebar-frame { width: 200px; float: left; background-image: url(images/bkgd-sidebar.png); } #sidebar-block { width: 200px; float: left; margin: 0; padding: 0; } #sidebar-block-search { width: 140px; float: left; margin: 0; padding: 0; height: 100px; } #sidebar-text { text-align: right; padding-top: 0px; padding-right: 57px; padding-left: 5px; font-size: 11px; padding-bottom: 15px; } #sidebar-text li { line-height: 13px; } #sidebar-text a { color: #8C9900; letter-spacing: 0.2em; } #sidebar-text a:hover { color: #000; } #sidebar-text h1 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 3px; } #sidebar-text h1 a { font-size: 10px; font-weight: bold; color: #737373; letter-spacing: 0.2em; margin: 0; padding: 0; padding-top: 0px; line-height: 10px; } #sidebar-text h1 a:hover { color: #000; } #sidebar-tags { text-align: right; padding-top: 0px; padding-right: 57px; padding-bottom: 15px; padding-left: 5px; font-size: 11px; } #sidebar-tags li { margin-top: 7px; } #sidebar-tags a { font-size: 10px; color: #8C9900; } #sidebar-tags a:hover { color: #000; } #sidebar-tags h1 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 3px; } #sidebar-tags h1 a { font-size: 10px; font-weight: bold; color: #737373; letter-spacing: 0.2em; margin: 0; padding: 0; padding-top: 0px; line-height: 10px; } #sidebar-tags h1 a:hover { color: #000; } #sidebar-postlist ul { margin-top: 5px; } #sidebar-postlist li { margin-bottom: 10px; } #sidebar-categories { text-align: right; color: #FFFFFFF; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; margin-left: 5px; } #sidebar-categories li { margin-bottom: 5px; } #sidebar-title { text-align: right; margin-top: 3px; margin-right: 6px; float: right; height: 140px; } #sidebar-readmore { margin-top: 3px; float: left; position: relative; width: 57px; height: 14px; margin-left: 5px; } #sidebar-data { margin-bottom: 10px; padding: 1px; word-wrap: break-word; margin-left: 0px; font-size: 11px; } #sidebar-data-tags { float: left; margin-left: 0px; color: #8C9900; font-size: 11px; } #sidebar-excerpt { margin-right: -22px; margin-bottom: 3px; height: 350px; overflow: auto; padding-right: 10px; scrollbar-face-color: #242420; scrollbar-arrow-color: #737373; scrollbar-track-color: #737373; scrollbar-shadow-color: #242420; scrollbar-3dlight-color: #242420; scrollbar-highlight-color: #242420; scrollbar-darkshadow-color: #242420;} #sidebar-excerpt p{ font-size: 10px; } #sidebar-share { float: right; margin-top: 5px; margin-bottom: 10px; } #sidebar-login { text-align: right; padding-right: 5px; font-size: 10px; width: 45px; float: right; margin-top: 30px; } #sidebar-login a { font-size: 10px; color: #737373; } #sidebar-login a:hover { color: #8C9900; } #sidebar-text-search { text-align: right; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 10px; } #sidebar-text-search h1 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 3px; padding-right: 57px; } #sidebar-title-search { text-align: right; margin-top: 3px; margin-right: 6px; float: right; } #search { margin-top: 5px; width: 143px; margin-right: 7px; float: left; } /*CONTENT*/ #content-vertical { width: 668px; float: left; padding-bottom: 100px; } #content-vertical-page { width: 668px; min-height: 338px; float: left; } #content-horizontal { float: left; height: 340px; min-height: 340px; width: 30000px; } #content-category { height: 338px; float: left; border: solid #737373 1px; margin-right: 200px; width: 668px; } #content-home { height: 340px; min-width: 690px; float: left; z-index: 30; } #content-featured { float: left; margin-right: 20px; } #content-project { float: left; width: 150px; z-index: 30; line-height: 1.2em; margin-top: 5px; margin-bottom: 10px; margin-right: 20px; } #content-project li { margin-bottom: 10px; } #content-project h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 2px; } #content-project a { color: #8C9900; text-decoration: none; } #content-project a:hover { color: #000; } #content-project-description { float: left; width: 320px; z-index: 30; font-size: 8pt; line-height: 1.2em; margin-top: 15px; margin-bottom: 50px; } #content-project-description li { margin-bottom: 10px; } #content-project-description h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 2px; } #content-project-description a { color: #8C9900; text-decoration: none; } #content-project-description a:hover { color: #000; } #content-project-text { float: right; width: 320px; z-index: 30; font-size: 8pt; line-height: 1.2em; margin-top: 5px; margin-bottom: 50px; position: relative; } #content-project-text li { margin-bottom: 10px; } #content-project-text h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 2px; } #content-project-text a { color: #8C9900; text-decoration: none; } #content-project-text a:hover { color: #000; } #cateogrylist {padding:0; margin:0; white-space:nowrap; list-style-type: none; float: left; } #cateogrylist li{display: inline; float: left; padding: 50px; } #content-single { width: 668px; min-height: 338px; float: left; } #content-panel { margin-left: 20px; float: left; margin-bottom: 30px; } #content-nav a { height:14px; display:block; text-decoration:none; } #content-previous{ width: 130px; float: left; height: 14px; } #content-previous a{ background:url('images/nav-prevproject-grn.png') no-repeat;} #content-previous a:hover{ background:url('images/nav-prevproject-gry.png') no-repeat; } #content-previous a.active{background:url('images/nav-prevproject-gry.png') no-repeat;} #content-next{ width: 102px; float: right; height: 14px; } #content-next a{ background:url('images/nav-nextproject-grn.png') no-repeat;} #content-next a:hover{ background:url('images/nav-nextproject-gry.png') no-repeat; } #content-next a.active{background:url('images/nav-nextproject-gry.png') no-repeat;} #content-begin { width:670px; float:left; } #content-begin a{ height:14px; line-height:14px; display:block; text-decoration:none; } #content-backtobegin{ width: 143px; float: right; height: 14px; margin-right: 20px; } #content-backtobegin a{ background:url('images/nav-backtobegin-grn.png') no-repeat; } #content-backtobegin a:hover{ background:url('images/nav-backtobegin-gry.png') no-repeat; } #content-backtobegin a.active{background:url('images/nav-backtobegin-gry.png') no-repeat;} #content-begin end{ width:670px; float:right; } #content-beginend a{ height:14px; line-height:14px; display:block; text-decoration:none; } #content-backtobeginend{ width: 185px; float: right; height: 14px; margin-right: 30px: } #content-backtobeginend a{ background:url('images/nav-backtobeginend-grn.png') no-repeat;} #content-backtobeginend a:hover{ background:url('images/nav-backtobeginend-gry.png') no-repeat; } #content-backtobeginend a.active{background:url('images/nav-backtobeginend-gry.png') no-repeat;} #page { float: left; padding-bottom: 10px; } #page-entry { float: left; } #post { float: left; margin-bottom: 10px; background-color: #FFF; } #post ul{ list-style:none; margin: 0px; } #post li{ clear: both; } #post h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 2px; } #post-entry { float: left; height: 205px; overflow: auto; width: 638px; margin-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-top: 7px; scrollbar-face-color: #242420; scrollbar-arrow-color: #737373; scrollbar-track-color: #737373; scrollbar-shadow-color: #242420; scrollbar-3dlight-color: #242420; scrollbar-highlight-color: #242420; scrollbar-darkshadow-color: #242420;} #post-brief { margin-right: 5px; top: 149px; position: absolute; float: left; z-index: 20; margin-top: 200px; margin-left: 5px; } #post-brief ul{ list-style:none; line-height:1; } #post-brief li{ margin-bottom: 10px; } #post-brief-share { float: left; } #post-category-image { float: left; width: 150px; height: 100px; } /*#post-category-image a { float: left; width: 150px; min-height: 100px; border: solid #242420 1px; } #post-category-image a:hover { float: left; width: 150px; min-height: 100px; border: solid #8C9900 1px; }*/ #post-category-data { float: left; width: 500px; margin-left: 0px; margin-top: 0px; padding-left: 15px; background-color: #FFF; padding-top: 5px; height: 95px; } #post-category-data a{ } #post-category-data a:hover{ color: #000; } #post-metadata { float: left; margin-top: 3px; margin-left: 0px; font-size: 11px; } #post-metadata-share { float: left; margin-right: 20px; } #post-metadata-tags { float: left; margin-left: 10px; color: #8C9900; } #post-img { position: absolute; float: left; margin-top: -178px; z-index: 30; top: 178px; } #post-data { margin-left: 0px; margin-bottom: 10px; } #resume { float:left; width:668px; margin-bottom: 30px; } #resume p {color: #8C9900; } #resume-title h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 10px; } #resume h5 {color: #000; font-weight: normal;} #resume li { color: #8C9900; margin-left: 20px; list-style-type: disc; } #resume li ul li{ color: #8C9900; margin-left: 20px; list-style-type: none; } #resume-company { clear:left; float:left; z-index: 90; } #resume-company h4{ background-color: #FFF; padding-right: 3px; } #resume-line { border-bottom: dashed #8C9900 1px; z-index: 100; height: 9px; } #resume-project { float:right; width:371px; background-color: #FFF; margin-top: -4px; padding-left: 3px; clear: right; margin-bottom: 15px; } #resume-software { clear:left; float:left; z-index: 90; margin-bottom: 10px; width: 655px; } #resume-software ul { float:left; margin-left: 35px; margin-top: 5px; } #resume-software li { list-style-type: none; } #links { float: left; width: 155px; margin-right: 7px; margin-bottom: 10px; } #links ul{ float: left; margin-top: 5px; margin-left: 0px; margin-bottom: 10px; } #links li{ float: left; margin-bottom: 10px; } #links h3 { font-size: 10px; font-weight: normal; color: #737373; margin-bottom: 2px; } #postList { width: 110px; /*background-color: #8C9900;*/ float: left; height: 520px; top: 40%; overflow: scroll; margin-top: -305px;/* half of the height */ position: relative; } #postList li { margin-bottom: 15px; } /* TYPOGRAPHY & COLORS */ body, html { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; color: #000; scrollbar-face-color: #737373; scrollbar-arrow-color: #FFF; scrollbar-track-color: #FFF; scrollbar-shadow-color: #737373; scrollbar-3dlight-color: #737373; scrollbar-highlight-color: #737373; scrollbar-darkshadow-color: #737373; } html { overflow: scroll; } p { font-size: 11px; line-height: 14px; } h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } h1 { font-size: 26px; top: 0px; line-height: 1.1em; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 11px; font-weight: normal; } h5 { font-size: 11px; } a:link { text-decoration: none; color: #8C9900; border: 0; } a:hover { text-decoration: none; color: #000; } a:visited { text-decoration: none; color: #8C9900; } a:visited:hover { text-decoration: none; color: #000; } .texta { font-size: 10px; color: #FFFFFF; background-color: #737373; border: 0px; width: 130px; } .buttons { font-size: 11px; color: #FFFFFF; background-color: #8C9900; border: 0px solid #8C9900; padding: 2px 4px 2px 4px; margin-top: 5px; }