/*
Theme Name: Fill in the Blank theme
Theme URI: http://fillinthe.com/
Description: Fill in the Blank them by GreG.
Version: 1.0
Author: GreG Petersen
Author URI: http://fillinthe.com/
Tags: dark, custom header, fixed width, two columns, widgets
*/
* {outline:none;}
html {font-size: 100.1%;}
html, body{height:100%;padding:0;margin:0;outline:none;}
body {font-family:arial, helvetica, sans-serif;background:#d39c5b url('images/wood-bg.jpg') top center;height:100%}
img {border:none;outline:none;}
h1,h2,h3,h4 {margin:0;padding:0;}
form {padding:0;margin:0;}
form select, .form input, .form textarea {vertical-align:middle;}
a {color:#00aeef;text-decoration:none;}

/*start main*/
#image-loader {position:absolute;left:-9999px;display:none;text-indent:-9999px;overflow:hidden;}
#mainPage #container {position:relative;width:100%;}
#mainPage .block {float:left;width:100%;background-position:top center;background-repeat:no-repeat;}
#mainPage .block-inner {position:relative;display:block;width:980px;margin:0 auto;background-position:top center;background-repeat:no-repeat;}
#mainPage .block1, #mainPage .block-inner1 {background-image:url('images/main-bg-01.jpg');height:700px;}
#mainPage .block2, #mainPage .block-inner2 {background-image:url('images/main-bg-02.jpg');height:400px;}
#mainPage .block3, #mainPage .block-inner3 {background-image:url('images/main-bg-03.jpg');height:300px;}
#mainPage .block4, #mainPage .block-inner4 {background-image:url('images/main-bg-04.jpg');height:450px;}
#mainPage .block5, #mainPage .block-inner5 {background-image:url('images/main-bg-05.jpg');height:500px;}
#mainPage .block6, #mainPage .block-inner6 {background-image:url('images/main-bg-06.jpg');height:470px;}
#mainPage .nav {position:absolute;display:block;text-indent:-90000px;overflow:hidden;}
#mainPage .about-text{float:left;width:770px;height:500px;font-family: Georgia, serif;font-size:14px;color:#212121;line-height:60px !important;margin:210px 0 0 120px; letter-spacing:0;}
#mainPage .about-text input{width:100px;background:0;border:0;border-bottom:1px solid #212121;padding:0;margin:23px 0;height:15px;display:inline;vertical-align:middle;font-family:"Times New Roman", Times, serif;}
#mainPage .about-text label{position:absolute;font-family:Comic Sans, Comic Sans MS, cursive;font-weight:bold;margin:0;padding:0;line-height:15px;text-transform:uppercase;font-size:14px}
#mainPage .topContact{width:820px;height:180px;left:90px;top:28px;}
#mainPage .contact1{width:48px;height:45px;left:850px;top:585px;}
#mainPage .contact2{width:55px;height:51px;left:898px;top:540px;}
#mainPage .contact3{width:49px;height:34px;left:938px;top:520px;}
#mainPage .contact31{width:49px;height:40px;left:870px;top:570px;}
#mainPage .work1{width:45px;height:40px;left:800px;top:530px;}
#mainPage .work2{width:53px;height:40px;left:830px;top:500px;}
#mainPage .work3{width:49px;height:45px;left:860px;top:470px;}
#mainPage .work4{width:140px;height:45px;top:240px;left:51px;}
#mainPage .contact4{width:48px;height:40px;top:85px;left:9px;}
#mainPage .contact5{width:65px;height:40px;top:115px;left:49px;}
#mainPage .contact6{width:65px;height:40px;top:150px;left:95px;}
#mainPage .contact7{width:30px;height:40px;top:170px;left:140px;}
#mainPage .about1{width:48px;height:45px;top:140px;left:10px;}
#mainPage .about2{width:55px;height:57px;top:170px;left:50px;}
#mainPage .about3{width:49px;height:42px;top:200px;left:105px;}
#mainPage .about4{width:139px;height:40px;top:206px;left:50px;}
#mainPage .projects1{width:40px;height:40px;top:570px;left:820px;}
#mainPage .projects2{width:40px;height:40px;top:550px;left:840px;}
#mainPage .projects3{width:40px;height:40px;top:530px;left:860px;}
#mainPage .projects4{width:40px;height:40px;top:510px;left:880px;}
#mainPage .projects5{width:40px;height:40px;top:490px;left:900px;}
#mainPage .projects6{width:55px;height:40px;top:60px;left:50px;}
#mainPage .projects7{width:55px;height:40px;top:85px;left:80px;}
#mainPage .projects8{width:55px;height:40px;top:110px;left:125px;}
#mainPage .projects9{width:45px;height:40px;top:130px;left:150px;}
#mainPage .projects10{width:180px;height:40px;top:280px;left:30px;}
#mainPage #iphone{position:absolute;width:354px;height:236px;left:302px;top:3px;}

/*iphone slider*/
.homeButton {position:absolute;top:90px;right:240px;display:block;width:60px;height:60px;overflow:hidden;text-indent:-9999px;outline:none;}
#iphone .upperBar{position:absolute;width:354px;height:15px;left:0px;top:0px;background:url('images/iphone-upper-bar-notime.png') no-repeat top left;z-index:100;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#aaa;font-weight:bold;text-align:center;padding:-2px 0 0 0;}
#iphone .lowerBar{position:absolute;width:354px;height:32px;left:0px;top:204px;background:url('images/iphone-lower-bar.png') repeat-x top left;z-index:100;}
#iphone ul, #iphone li{margin:0;padding:0;list-style:none;}
#iphone li{width:354px;height:236px;overflow:hidden;}	
#iphone li .desc{float:right;width:150px;height:236px;display:block;background:url('images/black75.png');color:#fff;z-index:50;padding:20px 5px 30px 5px;margin:0color:#fff;;}	
#iphone li .desc p{font-weight:normal;font-size:12px;padding:0;margin:0;}	
#iphone li .desc p a{color:#09F;text-decoration:none;}	
#iphone li .desc p a:hover{text-decoration:underline;}	
#iphone li .desc a:hover{text-decoration:underline;}	
#iphone li .desc h1{font-size:16px;padding:0;margin:0 0 5px 0;}	
#iphone li .desc h1 a{color:#fff;text-decoration:none;}
#iphone li .desc h2{font-size:14px;padding:0;margin:0;}	
#iphone li .desc h2 a{color:#fff;text-decoration:none;}	
#iphone li .desc h2 a:hover{text-decoration:underline;}
#prevBtn, #nextBtn{display:block;width:17px;height:14px;position:absolute;left:400px;top:215px;text-indent:-9999px;overflow:hidden;z-index:110;}	
#nextBtn{left:544px;}
#prevBtn a, #nextBtn a{display:block;width:17px;height:14px;background:url('images/iphone-left.gif') no-repeat 0 0;}	
#nextBtn a{background:url('images/iphone-right.gif') no-repeat 0 0;}
#mainPage .share {position:absolute;width:60px;height:20px;left:750px;top:160px;z-index:10}
#mainPage .follow {position:absolute;width:190px;height:20px;left:750px;top:160px;z-index:5}
#mainPage .follow a{float:right;display:block;width:16px;height:16px;overflow:hidden;margin:0 0 0 3px;}


/* contact form */
#mainPage #cformsform {position:absolute;width:326px;height:280px;left:352px;top:140px;margin:0;padding:9px 0 0 17px;font-size:14px;}
#mainPage #cformsform ol {margin:0;padding:0;width:326px;}
#mainPage #cformsform li {float:left;margin:0 !important;padding:0 !important;width:326px;display:block;}
#mainPage #cformsform input{background:0;border:0;padding:0;margin:0;height:20px;display:inline;vertical-align:middle;font-size:14px;font-weight:bold;font-family:Comic Sans, Comic Sans MS, cursive;}
#mainPage #cformsform label {display:none;}
#mainPage #cformsform #cf_field_1{width:225px;margin:5px 0 14px 65px;height:20px;}
#mainPage #cformsform #cf_field_2{width:220px;margin:0 0 13px 65px;height:20px;}
#mainPage #cformsform #cf_field_3{width:200px;margin:0 0 42px 85px;height:20px;}
#mainPage #cformsform textarea{background:0;border:0;padding:0;width:310px;margin:0 0 0 10px;height:100px;font-family:Comic Sans, Comic Sans MS, cursive;}
#mainPage #cformsform #sendbutton{float:right;display:block;padding:0 !important;margin:3px 15px 0 0 !important;cursor:pointer;background:url('images/send-email.png') no-repeat 0 0;text-indent:-9999px;border:none !important;width:67px;height:18px;border-style:none !important;}
#mainPage #cformsform #sendbutton:focus{outline:none;}
#mainPage #cformsform #loadBar{margin:0;position:absolute;top:0;left:0;height:108px;width:341px;color:#fff;padding:160px 20px 0 10px;text-align:center;background:url('images/form-submit.jpg') no-repeat 0 0;}
#mainPage #cformsform #emailSuccess{position:absolute;top:0;left:0;width:200px;color:#fff;margin:250px 0 0 26px;}
#mainPage #cformsform .reqtxt, #mainPage #cformsform .emailreqtxt {display:none;}
#emailSuccess, #loadBar, #usermessagea {position:relative; margin:60px auto 0 auto;}

.linklove {display:none;overflow:hidden;text-indext:-9999px;}


/*subpage*/
#subPage #container {position:relative;display:block;background:url('images/sub-header02.jpg') no-repeat top center;width:100%;height:361px;}
#container .header {position:relative;margin:0 auto;display:block;width:870px;height:361px;background:url('images/sub-header02.jpg') no-repeat top;}
#container .project-item {float:left;width:100%;background:url('images/sub-l1l.png') no-repeat top;}
.project-item .info {position:relative;display:block;width:870px;height:288px;margin:0 auto;overflow:hidden;background:url('images/sub-l1l.png') no-repeat top;}
.left .project-image {float:right;margin:51px 135px 0 0;}
.left .sticky {float:left;margin:50px 0 0 180px;}
.right .project-image {float:left;margin:51px 0 0 81px;}
.project-image {display:block;width:268px;height:179px;background-position:50% 50% !important;background-repeat:no-repeat !important;}
.right .sticky {float:right;margin:50px 215px 0 0;}
.sticky {display:block;width:200px;height:190px;overflow:auto;padding:10px;}
.info h1 {float:left;width:100%;font-size:14px;}
.info h1 a {text-decoration:none;color:#00aeef;}
.info p {float:left;width:100%;padding:0;margin:5px 0;font-size:12px;}
#container .sub-footer {float:left;display:block;width:100%;height:288px;background:url(images/sub-footer.png) top no-repeat;text-align:center;} 
#container .sub-footer .home {display:block;width:145;height:65px;margin:150px auto 0 auto;overflow:hidden;text-indent:-9999px} 

/* misc */
.alignright {float:right}
.alignleft {float:left;}
.wp-caption {float:right;}
.entry p {float:left;}
#fillinthe input {font-family:"Comic Sans MS" !important;font-weight:bold;}
#error {display:block;position:relative;width:275px;height:275px;background:url('images/error-404.png') top no-repeat;margin:100px auto 0 auto;font-size:14px;}
#error h2 {font-size:14px;}
#error a {float:left;display:block;width:275px;height:120px;margin:155px 0 0 0;}