/*
Theme Name: Perhaps Contraption
Theme URI: http://perhapscontraption.com/
Description: Perhaps Contraption custom theme.
Version: 1
Author: Peter Zavoruev & Christo Squier
Tags: contraption

*/


/*********************************
/* STYLE RESET
/*********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; }
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym,fieldset,img{border:0}


/*********************************
/* GLOBAL STYLE 
/*********************************/
body { border: 0; font-family: "Times New Roman", Trebuchet, serif; font-size: 1em; line-height: 1.2em; color: #0f0f0a; background: #ffff66; }
a { color: #993366; outline: none; text-decoration: none; font-weight: bold; }
a:hover { cursor: pointer; }
em, i { font-style: italic; }
p { margin-bottom: 10px; font-size: 0.9em; }
.alignleft { float: left; }
alignright { float: right; }
.hide { display: none; }
.contraption { overflow: hidden; position: absolute; }
.picture { background: url("images/sprite_common.png") 0px -22px no-repeat; width: 371px; height: 504px; }
.picture2 { background: url("images/sprite_squire.png") 0px -541px no-repeat; width: 548px; height: 410px; }
.hr { height: 11px; width: 820px; background: url("images/sprite_common.png") 0px 0px no-repeat; border: 0; }


/*********************************
/* CANVAS
/*********************************/
.canvas { position: relative; margin: 10px auto; width: 976px; background: url("images/canvas_vertical.png") 0 14px repeat-y; }
#canvas_top { height: 59px; background: url("images/canvas_top.png") 18px 0 repeat-x; }
#canvas_top .left_corner { position: absolute; top: 0; left: 0; width: 57px; height: 61px; background: url("images/canvas_corners.png") no-repeat; }
#canvas_top .right_corner { position: absolute; top: 0; right: 0; width: 57px; height: 61px; background: url("images/canvas_corners.png") -57px 0 no-repeat; }
#canvas_bottom { position: absolute; bottom: 0; width: 976px; height: 68px; background: url("images/canvas_bottom.png") bottom repeat-x; }
#canvas_bottom .left_corner { position: absolute; bottom: 0; left: 0; width: 57px; height: 61px; background: url("images/canvas_corners.png") 0 -61px no-repeat; }
#canvas_bottom .right_corner { position: absolute; bottom: 0; right: 0; width: 57px; height: 61px; background: url("images/canvas_corners.png") -57px -61px no-repeat; }


/*********************************
/* MENU
/*********************************/
#menu { top: 75px; left: 70px; width: 868px; text-align: center; font-size: 1.1em; padding: 5px 0; background: url("images/menu_left.png") left no-repeat !important; }
#menu li { display: inline; background: url("images/menu_li.png") right no-repeat; padding: 5px 47px 5px 7px; }
#menu .last { background: url("images/menu_last.png") right no-repeat !important; padding-right: 60px !important; }
#menu a { text-decoration: none; color: #191915; font-weight: normal; }
#hr_menu { top: 100px; left: 100px; }


/*********************************
/* HOMEPAGE
/*********************************/
#canvas_homepage { height: 3100px; }
#homepage_logo { top: 130px; left: 210px; }
#homepage_logo a { display: block; width: 558px; height: 180px; background: url("images/sprite_homepage.png") 0px 0px no-repeat; }
#homepage_contraption1 { top: 315px; margin: -15px 0 0 125px; height: 301px; width: 729px; background: url("images/sprite_homepage.png") 0px -182px no-repeat; }
    #homepage_contraption1 .text { margin: 65px 120px 0 120px; line-height: 1.2em; }
    #join_club { top: 250px; left: 285px; text-decoration: none; display: block; width: 140px; text-align: center; font-size: 1.1em; }
#homepage_contraption2 { top: 580px; left: 90px; }
    #homepage_contraption2 .text { margin: 40px 0 0 0; text-align: center; }
#homepage_contraption3 { top: 595px; left: 419px; width: 452px; height: 587px; background: url("images/sprite_homepage.png") 0px -486px no-repeat; }
    #homepage_contraption3 .text { margin: 5px 90px 0 80px; line-height: 1.2em; }
#homepage_contraption4 { top: 1048px; left: 80px; }
    #homepage_contraption4 .text { margin: 40px 0 0 0; text-align: center; }
#homepage_contraption5 { top: 1180px; left: 450px; z-index: 80; }
    #homepage_contraption5 .text { margin: 5px 80px 0 20px; line-height: 1.2em; }
#homepage_contraption6 { top: 1600px; left: 90px; }
    #homepage_contraption6 .text { margin: 40px 0 0 0; text-align: center; z-index: 90; }
#homepage_contraption7 { top: 2080px; left: 80px; }
    #homepage_contraption7 .text { margin: 40px 0 0 0; text-align: center; z-index: 100; }
#homepage_contraption8 { top: 2080px; left: 80px; }
#homepage_contraption9 { top: 2200px; left: 419px; width: 504px; height: 459px; background: url("images/sprite_homepage.png") 0px -1087px no-repeat; z-index: 2; }
#homepage_gallery { top: 2650px; left: 58px; width: 850px; height: 459px; padding: 20px 0 0 20px; background: url("images/sprite_homepage.png") 0px -1554px no-repeat; z-index: 1; }
    #homepage_gallery ul { margin-top: 10px; }
#homepage_gallery li { float: left; background: url("images/gallery_li.png") right no-repeat; padding: 0 20px 0 10px;  }
#hr_homepage_gallery { top: 2950px; left: 80px; }
#email-form { margin: 70px 0 0 290px;}
#email-address { width: 130px; height: 18px; margin-top: 4px; color: #666; }


/*********************************
/* JOIN OUR CLUB
/*********************************/
#join_our_club { margin: 10px auto; width: 810px; height: 745px; background: url("images/join_our_club.png"); }
    #join_our_club .text { width: 617px; padding: 510px 0 0 160px; font-size: 1.4em; line-height: 1em; }


/*********************************
/* SQUIRE SQUIER
/*********************************/ 
#canvas_squire { height: 3100px; }
#squire_logo { top: 130px; left: 110px; }
#squire_logo a { display: block; width: 715px; height: 170px; background: url("images/sprite_squire.png") 0px 0px no-repeat; }
#squire_contraption1 { top: 270px; left: 170px; height: 249px; width: 642px; background: url("images/sprite_squire.png") -55px -195px no-repeat; }
    #squire_contraption1 .text { margin: 70px 80px 0 80px; line-height: 1.2em; }
#listen_link { position: absolute; top: 195px; left: 230px; text-decoration: none; }
#squire_contraption2 { top: 500px; left: 120px; }
    #squire_contraption2 .text { margin: 40px 0 0 0; text-align: center; }
#squire_contraption3 { top: 510px; right: 130px; }
    #squire_contraption3 .text { margin: 40px 0 0 0; text-align: center; }
#squire_contraption4 { top: 1100px; right: 120px; z-index: 100; }
    #squire_contraption4 .text { margin: 40px 0 0 0; text-align: center; }
#squire_contraption5 { top: 1010px; left: 80px; width: 700px; }
#listen_link2 { top: 1520px; left: 100px; width: 394px; height: 65px; background: url("images/sprite_squire.png") 0px -457px no-repeat; z-index: 10; text-align: center; padding-top: 25px; }
#listen_link2 a { text-decoration: none; }
#squire_contraption6 { top: 1700px; left: 170px; }
    #squire_contraption6 .text { margin: 40px 0 0 0; text-align: center; }
#squire_contraption7 { top: 2150px; right: 230px; }
    #squire_contraption7 .text { margin: 40px 0 0 0; text-align: center; }
#squire_contraption8 { width: 717px; height: 109px; top: 2570px; left: 120px; background: url("images/sprite_squire.png") 0px -959px no-repeat; }
    #squire_contraption8 .text { padding: 15px 0 0 0px; text-align: center; }
    

/*********************************
/* SLUDGE
/*********************************/ 
#canvas_sludge { height: 1880px; }
#sludge_logo { top: 130px; left: 110px; }
#sludge_logo a { display: block; width: 745px; height: 176px; background: url("images/sprite_sludge.png") 0px 0px no-repeat; }
#sludge_contraption1 { top: 290px; left: 225px; height: 198px; width: 554px; background: url("images/sprite_sludge.png") -115px -185px no-repeat; }
    #sludge_contraption1 .text { margin: 10px 20px 0 45px; line-height: 1.2em; }
#sludge_contraption2 { top: 500px; left: 120px; width: 329px; height: 383px; background: url("images/sprite_sludge.png") -23px -398px no-repeat; text-align: center; }
    #sludge_contraption2 .text { margin: 20px 0 0 0; text-align: center; }
#sludge_contraption3 { top: 490px; right: 120px; width: 448px; height: 436px; background: url("images/sprite_sludge.png") 0 -791px no-repeat; }
    #sludge_contraption3 .text { margin: 5px 0 0 80px; }
#album_credits { position: absolute; top: 800px; left: 170px; font-size: 0.8em; line-height: 0.9em; }
#sludge_contraption4 { top: 960px; left: 280px; width: 600px; }
#sludge_contraption5 { top: 960px; left: 110px; width: 189px; height: 674px; background: url("images/sprite_sludge.png") -541px -407px no-repeat; }
#sludge_contraption6 { top: 1380px; left: 260px; }
    #sludge_contraption6 .text { margin: 40px 0 0 0; text-align: center; }