/* Theme Name: DsignArt Default Theme URI: http://www.dsignart.org Description: Online portfolio of Jay Dalisay. Version: 1.0 Author: Jay Dalisay Author URI: http://www.dsignart.org */ html { height: 100%; overflow: auto;} body { min-width: 1020px; font: 12px "Tahoma", sans-serif; color: #a2a2a2; padding: 0; margin: 0; text-align: center;} .clear { clear: both; height: 20px;} a:hover { color: #ffffff;} h1, h2, h3 { padding: 0; margin: 0; font-weight: normal;} h1, h2 { color: #ffffff; text-transform: uppercase;} #wrap { width: 1050px; min-width: 1020px; margin-left: auto; margin-right: auto; padding: 0 10px; text-align: left; } #sidebar { width: 230px; float: left;} #logo { text-indent: -9999px; display: block; width: 220px; height: 125px; background: url(images/dsignartlogo.png) no-repeat; margin-bottom: 10px; margin-top: 50px;} #menu { padding: 0; margin: 0; list-style: none; margin-bottom: 200px; } #menu li { padding: 2px 0; text-transform: uppercase !important; font-size: 14px;} .neta { text-transform: uppercase;} #sidenote { font-size: 10px;} #sidenote span { color: #4e4e4e;} #content { width: 800px; height: auto; margin-top: 160px; float: right;} #content h2 { font-size: 40px; text-transform: uppercase;} #intro { height: 160px; width: 720px; display: block; margin-bottom: 20px;} .project_description { font-size: 11px; font-weight: normal; color: #767676;} /* Front */ #latest_projects { width: 800px; height: auto; } #latest_project_screenshot { width: 780px; height: 300px; border: 1px solid #1e1e1e; } #latest_project_screenshot img { width: 780px !important; height: 300px !important;} #latest_projects h3 { font-size: 20px; color: #ffffff; } /* Works & Projects */ #wp_grid { padding: 0; margin: 0; list-style: none; width: 800px; height: auto;} #wp_grid li { float: left; height: 250px; width: 195px; margin: 1px 1px; } .site_thumb { width: 195px; height: 300px; } .site_title { font-size: 18px; height: 20px; width: 195px; } .site_description { font-size: 10px; width: 195px; height: 30px; } #summary { list-style: none;} #work { width: 800px !important; padding: 0; list-style: none; margin: 0;} #work li { float: left; width: 200px; height: auto; text-align: left; margin: 2px;} #work li a { text-decoration: none; color: #fff; display: block;} #work small { color: #727272;} .image img { width: 200px !important; height: 250px !important;border: 0;} .description { width: 190px; height: 130px; padding: 5px; background: #000; color: #c5c5c5; } .description h2 { color: #a800ff; font-size: 20px !important; text-transform: none !important;} .view { width: 200px; text-align: center; height: 20px; background: #a800ff; line-height: 20px;} /* Contact */ #email_form { width: 800px; height: auto;} #left_fields { float: left; width: 350px; } #left_fields .clear { height: 10px; } .input { width: 350px; height: 20px; padding: 5px; border: 0; background: #1e1e1e; color: #c5c5c5;} .input:focus { background: #c7c7c7; border: 1px solid #ff3c00; color: #000;} .select { width: 360px; border: 1px solid #1e1e1e; padding: 3px;background: #1e1e1e; color: #c5c5c5;} .select:focus { background: #c7c7c7; border: 1px solid #ff3c00; color: #000;} .error { width: 312px; display: block; font-weight: bold; line-height: 12px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 5px 10px 5px 35px; margin: 10px 0; color:#8a1f11; border: 1px solid #FBC2C4; font: 11px "Arial", sans-serif;} .success { width: 312px; display: block; font-weight: bold; line-height: 12px; background: #dcffbc url('images/success.gif') no-repeat 10px center; padding: 5px 10px 5px 35px; margin: 10px 0; color:#59a11a; border: 1px solid #9fee5a; font: 11px "Arial", sans-serif;} #right_fields { float: right; width: 400px; text-align: left; } .textarea { background: #1e1e1e; color: #c5c5c5; width: 395px; height: 130px; border: 0; padding: 5px; text-align: left !important; font: 12px "Tahoma", sans-serif; } .textarea:focus {background: #c7c7c7; border: 1px solid #ff3c00; color: #000; } #right_input { float: right; text-align: left;} /* Blog */ #primary { width:500px; float: left; } #primary h2 { text-transform: none !important;} #primary h3 { text-transform: uppercase; font-size: 15px; color: #ffffff;} #primary .post { width: 500px; float: left; font-weight: normal; padding-bottom: 15px; border-bottom: 1px dotted #333333;} #primary .thumb { width: 480px; padding: 5px; height: 200px; border: 1px solid #333333;} code { background: #000; display: block; padding: 5px; width: 490px; color: #96ff00;} .top { float: right;} #secondary { width: 290px; float: right; position: relative;} #secondary h2 { font-size: 20px; color: #ffffff; text-transform: uppercase; margin-bottom: 10px;} #secondary ul { padding: 0; margin: 0; list-style: none; border-bottom: 1px dotted #333333; padding-bottom: 10px;} #secondary ul li { padding: 2px 0; } #footer { width: 800px; height: auto; float: right; border-top: 1px dotted #333333; padding: 10px 0; margin-top: 50px;} #footer h2 { text-transform: uppercase; font-size: 20px; color: #ffffff; margin-bottom: 10px;} #footer span { color: #767676; font-weight: normal;} #latest_post { float: left; width: 500px; height: auto; margin-bottom: 10px;} #latest_post_list { padding: 0; margin: 0; list-style: none; font-size: 11px;} #latest_post_list li { padding-bottom: 10px;} #quick_contact { float: left; width: 500px; height: 200px; font-size: 11px; color: #ffffff; border-top: 1px dotted #333333; } #twittering { float: right; width: 290px; margin-bottom: 10px; font-size: 11px;} .twtr-hd, .twtr-ft { display: none !important; } #featured_in { float: right; width: 290px; margin-top: 10px; border-top: 1px dotted #333333; font-size: 11px; } #foot_menu { float: right; padding: 0; margin: 0; list-style: none; text-align: left; width: 290px; border-top: 1px dotted #333333; } #foot_menu li { padding: 2px 0; text-transform: uppercase; font-size: 14px;} /* The CSS Awards */ #thecssawards{ position:absolute; top:20px; right:0px; z-index:555; } #thecssawards a{ width:69px; height:105px; text-indent:-8000px; display:block; background:url(images/award_day_white.png) no-repeat; }