/* Theme Name: AhmadSuhaimi.ComV1 Theme URI: http://www.ahmadsuhaimi.com/ Description: Just the Wall.. Code Peckers, I bid U Ismu Version: 1.0 Author: Malissa */ /* global */ * { margin: 0; padding: 0; border: 0; list-style: none; } html { background-position: 50% 50%; } body {background: #e0d9b8 url(../img/wood.jpg) repeat; font-family: Lucida sans, Lucida Grande, 'Helvetica' , Arial, sans-serif; font-size: 62.5%;} body, html { height: 100%; } p { margin-bottom: 10px; } a { color: #c68953; text-decoration: underline; outline: none; } a:focus { outline: none; } a img { border: none; } /* main */ #top { position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible;} #container1 { position: absolute; left: 50%; width: 1280px; margin-left: -640px; height:530px; top: -265px; background: #ffffff; padding-top: 10px; } #container2 { position: absolute; width: 1000px; height: 560px; margin-left: 160px; font-size: 1em; } #left { width: 190px; float: left; padding-top: 0px; } #left h1#logo { width: 211px; height: 100px; position: relative; top: -14px; } #left h1#logo a { display: block; width: 211px; height: 166px; background: url(../img/logo.png) no-repeat center 0px; text-indent: -9999px; font-size: 0.01em; } #nav { text-align: right; margin-top: 50px; font-family: 'Helvetica', Arial, sans-serif; } #nav a.head { font-size: 1.15em; color: #564923; margin: 0px 0px 5px; padding-top: 12px; text-decoration: none; font-weight: bold; display: block; } #nav a:hover, #nav a.selected, #nav li.current a { color: #292518; } #nav ul { list-style: none; font-size: 1.13em; font-weight: bold; } #nav ul li { padding: 5px 0px; } #nav ul a { color: #beb390; text-decoration: none; } #nav li.current ul li a { color: #beb390; } #nav li ul li.current a, #nav li ul li a:hover { color: #292512; } #right { width: 720px; height: 500px; margin-top: 10px; float: left; margin-left: 35px; position: relative; overflow: hidden; } #rotation { list-style: none; width: 700px; height: 500px; } #about-right { width: 330px; float: left; margin-left: 30px; color: #7c714d; line-height: 19px; } #about-right h3 { width: 330px; height: 30px; text-indent: -9999px; background: url(../img/abouth.gif) no-repeat; margin: 35px auto 25px; } #about-right #cv { height: 32px; padding: 3px 0px 0px 0px; margin-top: 20px; color: #beb497; line-height: 16px; font-size: 0.95em; } #about-right #cv a { font-size: 1.05em; } #about-right #cv a#pdf-icon { width: 32px; height: 32px; float: left; display: block; margin-right: 10px; background: url(../img/pdf.jpg); } #contact-area { width: 630px; margin: 0px 0px 0px 35px; color: #2F2811; line-height: 19px; } #contact-area h3 { width: 366px; height: 26px; text-indent: -9999px; background: url(../img/contacth.gif) no-repeat; margin-bottom: 20px; } #contact-area h4 { width: 189px; height: 28px; text-indent: -9999px; margin: 25px auto 15px; background: url(../img/moreinfo.gif) no-repeat; clear: both; } #contact-area p { margin-bottom: 10px; } #contact-area span.left { color: #2F2811; width: 75px; display: block; float: left; } #contact-area span.right { float: left; display: block; width: 150px; } #contact-area span.clear { display: block; clear: both; height: 1px; visibility: hidden; } #contact-area #c-left { width: 375px; float: left; } #contact-area #c-right { width: 225px; float: right; } #c-left label { display: block; width: 65px; text-align: right; float: left; margin-right: 10px; } #c-left input, #c-right option { display: block; float: left; width: 290px; } #c-left input { color: #333; border: 0px; padding: 3px; background: #f4f3ed; } #c-left textarea { float: left; padding: 2px; font-family: Lucida sans, Lucida Grande, 'Helvetica', Arial, sans-serif; color: #333; background: #f4f3ed; width: 290px; height: 300px; border: none; font-size: 1.25em; } #c-left input#submit { padding: 0px; width: 83px; height: 22px; background: transparent; font-weight: bold; float: none; margin-left: 75px; } #portfolio-wrap { margin-top: 10px; } #slider1 { width: 700px; position: relative; height: 480px; overflow: hidden; background-color: #000000; border: 10px solid #e0d9b8; } .stripViewer { position: relative; overflow: hidden; width: 700px; height: 500px; clear: both; } .stripViewer .panelContainer { position: relative; left: 0; top: 0;width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 700px; height: 100%; margin-top:15px; } .stripNavL { width: 49px; height: 49px; position: absolute; top: 50%; left: 40px; margin-top: -20px; z-index: 99; } .stripNavL a { display: block; text-indent: -9999px; height: 49px; width: 49px; background-image: url(../img/kiri.png); background-repeat: no-repeat; background-position: top; } .stripNavL a:hover { background-image: url(../img/kiri.png); background-repeat: no-repeat; background-position: bottom; } .stripNavR { width: 49px; height: 49px; position: absolute; top: 50%; right: 40px; margin-top: -20px; } .stripNavR a { display: block; text-indent: -9999px; height: 49px; width: 49px; background-image: url(../img/kanan.png); background-repeat: no-repeat; background-position: top; } .stripNavR a:hover { background-image: url(../img/kanan.png); background-repeat: no-repeat; background-position: bottom; } .no-arrows .stripNavL, .no-arrows .stripNavR { display: none; } #footer { position: relative; margin-top: 530px; text-align: center;} #footer p { font-family: font-family: Lucida sans, Lucida Grande, 'Helvetica' , Arial, sans-serif; color: #ffffff; font-size: 1.13em; } #footer a { color: #beb390; text-decoration: none; } #footer a:hover { color: #beb390; text-decoration: underline; }