/* Theme Name: modified5 Description: A modified version of HTML5 version (by Richard Shepherd) of the TwentyTen default version. so a mod of a mod. Author: j. shiroma Version: 1.0 */ /* font-family: 'Oswald', sans-serif; font-family: 'Arvo', serif; font-family: 'Droid Sans', sans-serif; */ @import url(css/stylez.css); html { height: 100%; width: 100%; min-width: 100%; background: #e5e5e5/* url("../../../wp-content/uploads/images/bg1.jpg") */; background-attachment: fixed;} /* .two { background: url("../../../wp-content/uploads/images/about.png");} .three { background: url("../../../wp-content/uploads/images/contact.png"); } .four { background: url("../../../wp-content/uploads/images/port.png");} */ /* .first { background: url("../../../wp-content/uploads/images/first.jpg");} .second { background: url("../../../wp-content/uploads/images/second.jpg");} .third { background: url("../../../wp-content/uploads/images/third.jpg");} .fourth { background: url("../../../wp-content/uploads/images/fourth.jpg");} */ .first,.second, .third, .fourth {background: url("../../../wp-content/uploads/images/divider.png");} p a { color:#55645c; font-weight: 700;} .center { width: 180px; margin: 0px auto; text-align: center;} #wrapper { z-index: 2 !important;} .colwrap { width: 990px; height: 500px; padding-top: 10px; margin: 0px auto; position: relative;} .col { width: 240px; margin-left: 65px; float: left; height: 450px;font-family: 'Droid Sans', sans-serif; font-weight: 400; line-height: 22px; letter-spacing: 1px; font-size: 12px;} .col img { display: block; width:120px !important; height: 120px !important; margin: 0px auto !important; margin-bottom: 30px !important; } .col h2 { text-align: center; margin: 0px auto; color: #4e4d3c !important;font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: 400;} .colone { margin-left: 45px;} .coltwo { } .colthree { } .slideshow { width: 800px !important; height: 350px !important; margin: 0px auto; position: relative; } .colwrapper { width: 900px; height: 220px; clear: both; margin-left: 20px; position: relative;} .colhome { float: left; width: 540px;line-height: 1.8em; font-family: 'Droid Sans', sans-serif; font-weight: 400; letter-spacing: 1px; font-size: 12px; margin-top: 30px; margin-left: 100px;} .homeone { font-size: 200px; width: 250px; margin-top:0px; margin-left: 0px; color: #79837e !important;font-family: 'Arvo', serif !important; position: relative; top: -60px;} header, nav, section, article, aside, figure footer { display:block; } #headerwrapper { width: 100%; height: 140px; background:#1a1b1d; position: fixed; z-index: 9999;} .header { height: 110px; width: 990px; padding-top: 30px; position: relative; margin: 0px auto; background: #2b2c2f;} #logo { height: 80px; width: 32px; position:absolute; top: 38px; left: 20px !important; display: inline-block; background: url("../../../wp-content/uploads/images/weblogo.jpg") no-repeat; padding: 0px; margin: 0px; } .shadowthing { height: 50px; width: 100%; background: url("../../../wp-content/uploads/images/shadow.png"); position: fixed; bottom: 0px; } .active { opacity:1.0 !important; }​ .postswrapper { width: 980px; height: 1000px; margin: 0px auto; position: relative;} .postthumbwrapper { width: 150px; height: 150px; float: left; margin: 20px 80px 50px 80px; } .postthumbtitle { display: none; font-size: 14px; height: 20px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-align: center; margin-bottom: 30px; margin-left: 25px; line-height: 1.0em; text-transform: uppercase;font-family: 'Oswald', sans-serif;} .postthumbtitle a { text-decoration: none !important; color:#313c45;} .postthumbpic { height: 150px; width: 150px; margin: 0px auto; margin-top: 5px !important; border: 1px solid #333; background: #09C; position: relative; top: 9px;} .postthumbpicwrap { height: 180px; width: 180px; margin: 0px auto; background: url("../../../wp-content/uploads/images/thumbshadow.png") no-repeat; } .postswrapper { width: 980px; height: 300px; position: relative; margin: 0px auto;} .singlecontent { width: 980px; margin: 0px auto;} .clickcenter { width:300px; margin: 0px auto; font-family: 'Arvo', serif; color: #413623; font-size: 10px; letter-spacing: 3px; text-transform: uppercase;} .top { margin: 0px auto; padding-bottom: 20px; text-align: center;} .top a { color: #f7f1d3; font-family: 'Arvo', serif; text-transform: uppercase; text-decoration: none; letter-spacing: 3px;} .backtop { margin: 0px auto; text-align: center;position: relative; top: -60px;} .backtop a { color: #292929; font-family: 'Arvo', serif; text-transform: uppercase; text-decoration: none; letter-spacing: 4px; font-size: 11px;} #site-info { margin: 0px auto; font-size: 11px;font-weight: bold; width: 700px;padding-top: 10px; text-transform: uppercase; letter-spacing: 2px; color: #CCC; text-align: center!important;} #site-info a { color: #4d4c46; text-align: center; margin: 0px auto; text-transform: uppercase; letter-spacing: 8px; margin-left: 15px;} .DOPThumbnailGalleryContainer {width: 700px; margin: 0px auto; margin-bottom: 30px !important;} p:first-of-type:first-letter { float: left; color: #48544c; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; } .gallery-item { width: 180px !important; height: 180px !important; background: url("../../../wp-content/uploads/images/180.png") no-repeat; } .gallery-item img { position: relative; top: 10px !important;} h2#site-description { font-size: 12px;} #content { margin-top: 180px; } #content figure { background:#f1f1f1; line-height:18px; margin-bottom:20px; padding:4px; text-align:center; } #content figure img { margin:5px 5px 0; } #content figure figcaption { color:#888; font-size:12px; margin:5px; font-family: 'Droid Sans', sans-serif; } #content h1 { text-align: center; margin: 0px auto;margin-bottom: 50px !important; letter-spacing: 8px; text-transform: uppercase; color: #c5c5b9; } .contentwrapper { width:100%; min-height: 500px; padding-top: 50px;} .content { width: 940px; margin: 0px auto; padding-bottom: 80px; } .content:first-of-type { margin-top: 0px !important;} #formwrap, .form { width: 650px !important; margin: 0px auto;} #formwrap h2 { font-family: 'lora', serif !important;} .title { font-family: 'Oswald', sans-serif; font-size: 24px;position:absolute; left: 72px; font-weight: 400; letter-spacing: 3px; color: #e9ecf4; margin-top: 10px; } .smalltitle { font-family: 'Droid Sans', sans-serif; font-size: 14px;position:absolute; left:70px; top: 63px; font-weight: 300; letter-spacing: 4px; color: #c5def8; } .navwrap, .menu { width: 380px;position: absolute;left:50px;} .header ul li { list-style: none; padding: 0px !important;margin: 0px !important; } .header ul li a { text-decoration: none; float: left; clear: right;/* margin: 0px 10px 0px 10px; */ } nav, nav#access { position: relative; margin-top:62px; margin-left: 10px; font-family: 'Oswald', sans-serif; width:600px; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; } .current_page_item a { border-bottom: 2px solid #434136 !IMPORTANT;} .menu a { font-family: 'Oswald', sans-serif; font-size: 16px;letter-spacing: 3px;} .menu a:hover { color:#fff !important; } /* NAV STUFF */ nav .menu-header { font-size:13px; margin-left:6px; width:928px; } nav .menu-header ul { list-style:none; margin:0; } nav .menu-header li { position:relative; } nav a:visited, nav a:link { color: #e9ecf4; display:block; line-height:38px; padding:0 10px; text-decoration:none; font-weight: 300; } nav ul ul { display:none; box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); position:absolute; top:38px; left:0; float:left; width:180px; z-index:99999; } nav ul ul li { min-width:180px; } nav ul ul ul { left:100%; top:0; } nav ul ul a { background:#333; line-height:1em; padding:10px; width:160px; height:auto; } nav li:hover > a, nav ul ul :hover > a, .menu li:hover > a { color: #636f7f; border-bottom: 1px solid #636f7f;} nav ul li:hover > ul { display:block; } nav ul {margin: 0px; padding: 0px;} .pador {height: 100px; width: 100%; } nav ul li.current_page_item > a, nav ul li.current-menu-ancestor > a, nav ul li.current-menu-item > a, nav ul li.current-menu-parent > a { color:#434136; } .ie6 nav ul li.current_page_item a, .ie6 nav ul li.current-menu-ancestor a, .ie6 nav ul li.current-menu-item a, .ie6 nav ul li.current-menu-parent a, .ie6 nav ul li a:hover { color:#434136; } #content .gallery { width: 400px; float: left; margin-right: 60px !important; min-height:580px;} #content .gallery-item { float: left; margin-top: 0; text-align: center; } .gallery-item.center { margin-right: 60px; min-height: 600px;} #content .gallery img { border: 2px solid #cfcfcf;} #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px;} #content .gallery dl { margin: 0;} #content .gallery img { border: 2px solid #f1f1f1;} #content .gallery br+br { display: none;} /* slide stuff */ #slidewrap { width:800px; height:400px; margin: 0px auto; margin-bottom: 30px; position:relative; } #slides { position: relative; margin: 0px auto; z-index:100; width: 800px;} .slides_container { width:800px; margin-bottom: 20px; height:350px; overflow:hidden; position:relative; display:none;} .slides_container a { width:770px; height:320px; display:block;} .next, #slides .prev { position:absolute; top:150px; left: -24px; width:24px; text-decoration: none!important; height:43px; display:block; z-index:101; } #slides .next { left: 800px; } .pagination { margin:0px auto; width:100px; postition: relative; top: 50px;} .pagination li { float:left; margin:0 1px; list-style:none;} .pagination li a { display:block;width:12px; height:0;padding-top:12px; background-image:url('/port/wp-content/uploads/images/pagination.png');background-position:0 0; float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;} /* FOOTER */ footer { background: url("../../../wp-content/uploads/images/footer.png"); width: 100%; height: 100px; clear:both; width:100%;} header #header .info {display: none !important;}