/* Theme Name: MJH Theme URI: MJH Description: Eleven Media Author: Eleven Media Author URI: http://www.elevenmeida.com.au Version: 2010 */ /* main */ * {margin:0px; padding:0px; } img {border:0px;} body {margin:0px; padding:0px; background: url(images/bg-sub-tile.jpg) repeat-x #e1e1e1; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; } /* #bg { width:100%; background: url(images/bg-sub-1.jpg) top center no-repeat;} */ #wrap {width:960px; margin-left:auto; margin-right:auto; background: url(images/wrap-bg.jpg) repeat-y;} #header {width:960px; margin-left:auto; margin-right:auto; height:225px;} #content-col {width:655px; float:right; display:inline; margin-right:25px; margin-bottom:30px; } .page-copy { width:655px; margin-top:10px; } .bread { width:100%; } .bread p { color:#959595; padding-bottom:6px; } .home-col-1 { width:210px; display:inline; float:left; } .home-col-2 { width:310px; display:inline; float:right; } .sub-col-1 { width:210px; float:left; } .sub-col-2 { width:320px; float:right; } .post { border-top: 1px solid #d0d0d0; background: url(images/post-bg.jpg) bottom no-repeat; width:651px; padding-bottom:40px; margin-bottom:20px; } .read-more { clear:both; margin-left:500px;} /* main nav styles */ #logo { width:122px; height:59px; display:inline; float:left; margin-top:50px;} #nav { width:820px; float:right; height:57px; margin-top:50px; overflow:hidden; } #nav ul { display: inline; list-style: none; margin:0px; padding:0px; } #nav ul li {float: left; font-size: 12px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:59px; } #nav ul li a { color: #FFF; text-decoration:none; line-height:59px; padding-left:13px; padding-right:13px; padding-top:20px; padding-bottom:20px; border-left: 1px solid #34647e;} #nav ul li a:hover { color: #FFF; background:#204d65; height:59px; padding-top:20px; padding-bottom:18px; } /* side nav styles */ #sidebar { width:264px; float:left; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom:15px; margin-bottom:5px; } #sidebar ul { display: block; list-style: none; margin:0px; padding:0px; width:264px; padding-bottom:10px; } #sidebar ul li {float: left; font-size: 12px; margin:0px; padding:0px; width:264px; } #sidebar ul li a { color:#000; text-decoration:none; line-height:40px; height:40px; background: url(images/side-nav-li.jpg) top no-repeat; display:block; padding-left:40px; } #sidebar ul li a:hover { color: #000; line-height:40px; height:40px; overflow:hidden; background: url(images/side-nav-li.jpg) bottom no-repeat; } /* font styles */ h1 { font-family: 'Molengo', arial, serif; font-weight:normal; font-size:24px; color:#285770; line-height:32px; padding:0px; margin-top:20px; margin-bottom:20px; overflow:hidden; } h2 { font-family: 'Molengo', arial, serif;font-weight:lighter; font-size:20px; color:#285770; line-height:25px; padding-bottom:15px; margin-top:15px; margin-bottom:17px; border-bottom:1px #d0d0d0 solid; overflow:hidden; clear:both; } h3 { font-family: 'Molengo', arial, serif; font-weight:lighter; font-size:16px; color:#285770; line-height:22px; padding:0px; margin-top:10px; margin-bottom:10px;} h4 { font-family: 'Molengo', arial, serif; font-size:16px; color:#464646; line-height:18px; padding:0px; margin-top:5px; font-weight:normal; margin-bottom:0px; } h5 {font-family: 'Molengo', arial, serif; font-size:18px; color:#f7941e; line-height:23px; margin-bottom:2px; font-weight:normal; } p { font-size:12px; color:#363636; line-height:20px; margin:0px; padding:0px; padding-top:3px; padding-bottom:10px;} li { font-size:12px; color:#363636; margin-left:5px; padding-bottom:0px;} ul { padding-left:10px; margin-left:10px; margin-top:10px; margin-bottom:17px; } ol {margin:0px; padding-left:5px; margin-left:5px; } #sidebar h3 { margin-left:30px; margin-top:15px; margin-bottom:15px; color:#285770; font-weight:normal; font-size:20px; line-height:28px; overflow:hidden; } #sidebar p { margin-left:30px; margin-top:15px; margin-bottom:15px; color:#222; width:170px;} .news-title h3 { font-family: 'Molengo', arial, serif; font-size:18px; color:#8d8d8d; line-height:28px; padding:0px; font-weight:normal; margin:0px; margin-top:10px; margin-bottom:10px; border-bottom: #8d8d8d 1px solid; padding-bottom:5px; } .post h2 { margin-left:15px; margin-right:15px; font-size:21px; margin-top:15px;} .post h3 { margin-left:20px; margin-right:15px; font-size:18px;} .post p { margin-left:20px; margin-right:15px;} /* link styles */ a:link {color:#285770; text-decoration: none;} a:visited {color:#285770; text-decoration: none;} a:hover {color:#285770; text-decoration: underline;} a:active {color:#285770; text-decoration: underline;} a:focus {outline-style: none;} /* clears */ .clear {clear:both; height:0px; width:100%; } .clear05 {clear:both; height:05px; } .clear10 {clear:both; height:10px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } /* footer */ #promo-wrap { width:100%; background:url(images/promo-wrap-bg.jpg) top repeat-x #FFF; clear:both; padding-bottom:20px;} #promo-inner { width:960px; margin-left:auto; margin-right:auto; padding-top:10px;} #promo-1 a { display:inline; float:left; background:url(images/btn-1.jpg) no-repeat top; height:163px; width:239px;} #promo-1 a:hover { display:inline; float:left; background:url(images/btn-1.jpg) no-repeat bottom; height:163px; width:239px;} #promo-2 a { display:inline; float:left; background:url(images/btn-2.jpg) no-repeat top; height:163px; width:241px;} #promo-2 a:hover { display:inline; float:left; background:url(images/btn-2.jpg) no-repeat bottom; height:163px; width:241px;} #promo-3 a { display:inline; float:left; background:url(images/btn-3.jpg) no-repeat top; height:163px; width:239px;} #promo-3 a:hover { display:inline; float:left; background:url(images/btn-3.jpg) no-repeat bottom; height:163px; width:239px;} #promo-4 a { display:inline; float:left; background:url(images/btn-4.jpg) no-repeat top; height:163px; width:241px;} #promo-4 a:hover { display:inline; float:left; background:url(images/btn-4.jpg) no-repeat bottom; height:163px; width:241px;} #button1 a {display: block; border: none; float:left; width:227px; height: 125px; background:url(images/btn-1.jpg); background-position: top; margin-left:13px; margin-right:10px; overflow:hidden;} #button1 a:hover { background:url(images/btn-1.jpg); background-position: bottom;} .news-title { width:920px; margin-left:20px; margin-top:20px;} .news-1 { display:inline; float:left; width:440px; margin-left:20px; } .news-2 { display:inline; float:right; width:440px; overflow:hidden; margin-right:20px; } #footer { width:960px; margin-left:auto; margin-right:auto; clear:both; background:url(images/mjh-logo-footer.jpg) top left no-repeat; height:60px;} #footer p {font-size:12px; margin:0px; padding:0px; color:#363636; padding-left:300px; padding-top:15px;} #footer a:link {color:#000; text-decoration: none; } #footer a:visited { color:#000; text-decoration: none;} #footer a:hover { color:#000; text-decoration: underline;} .logo-area { width:653px; } .logo-wrap { width:200px; display:inline; float:left; margin-left:10px; margin-top:10px; border: 1px solid #e5e5e5; background:#FFF; height:150px; overflow:hidden; } .logo-image { width:160px; height:80px; overflow:hidden; margin-left:20px; margin-top:20px;} .logo-image img { width:160px;} .logo-copy { width:180px; margin-left:10px;} .logo-copy p { text-align:center;} /* content styles */ .image-left-box {display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; } .image-right-box {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px; } .image-left {display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; } .image-right {display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;} .map {border: 1px solid #dfdfdf; padding:20px; background-color:#FFF;} .image-product {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px; } .logos { background-color:#FFF; padding:10px; margin-top:15px; margin-bottom:15px; border:1px #ccc solid;} .logos img { margin:5px; } .line {clear:both; border-bottom: dotted #ceb8d9 1px; width:100%; margin-bottom:5px;} .quote { border:1px #d0d0d0 solid; background:url(images/quote-bg.jpg) repeat-x bottom #fff; padding:20px; margin-top:10px; margin-bottom:10px; font-family: 'Molengo', arial, serif; font-weight:lighter; font-size:20px; color:#285770; line-height:28px; text-align:center;} .study { border:1px #d0d0d0 solid; background-color:#FFF; padding-left:10px; padding:15px; margin-bottom:10px; clear:both; } .study img {float:left; margin-bottom:5px; } .case { border:1px #d0d0d0 solid; background-color:#fff; padding:20px; margin-top:10px; margin-bottom:10px; font-family: 'Molengo', arial, serif; font-weight:lighter; font-size:20px; color:#285770; line-height:28px; } .case img { border:1px #ccc solid; margin:5px; padding:5px;} .ref { border:1px #d0d0d0 solid; background:url(images/quote-bg.jpg) repeat-x bottom #fff; padding:20px; margin-top:10px; margin-bottom:10px; } .ref img { float:right; margin:25px; padding:10px; border:1px #d0d0d0 solid;} .stamp { float:right; margin-top:30px; margin-right:10px; } .box { padding:15px; float:left; border:1px #ccc solid; background:#FFF; clear:both; margin-bottom:10px; margin-top:10px;} .cell {padding:3px; } /* table td {border-bottom:1px #ccc solid;} */ /* end of CSS file */