/* File: gen.css Desc: I Love Photos - general styles Author: Edible Labs Created: 23/08/2009 Modified: 03/11/2009 */ /*-------------------------------------------------------------- GLOBAL STYLES --------------------------------------------------------------*/ body{ background-color:#291C16; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#404040; text-align:center;} a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#FFE1B2;} a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#FFE1B2;} a:active{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#FFE1B2;} a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#909090;} img{border:0px;} ul{padding:0px; margin:0px; list-style:none;} form{margin:0px;} input{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} select{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} textarea{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} .pgcon-left{margin-right:4px;} .pgcon-right{margin-left:4px;} .pgcon-nums{position:relative; top:-4px; left:0px; color:#CCCCCC; font-weight:bold;} .pgcon-nums .current{color:#FFFFFF; font-size:10px;} /*-------------------------------------------------------------- SITE STRUCTURE STYLES --------------------------------------------------------------*/ #header{width:100%; height:63px; background-color:#FFFFFF; text-align:center;} #header .inner{width:960px; height:63px; margin-left:auto; margin-right:auto; position:relative;} #header .logo{position:absolute; top:10px; left:11px;} #header .spch{position:absolute; top:63px; left:96px; width:47px; height:26px; background-image:url(/images/head_spch.gif); background-repeat:no-repeat;} #header form{position:absolute; top:18px; left:527px; width:421px; height:27px;} #header form .ttl{position:absolute; top:5px; left:0px;} #header form .st{position:absolute; top:0px; left:155px; cursor:text;} #header form .search{position:absolute; top:0px; left:155px; width:213px; padding-left:7px; height:27px; background-image:url(/images/searchbg.gif); background-repeat:no-repeat; background-color:#4B4B4B; text-align:left;} #header form .search input{width:213px; font-size:18px; color:#FFFFFF; background-color:#4B4B4B; border:0;} #header form .but{position:absolute; top:0px; left:375px; cursor:pointer;} #nav{width:100%; height:45px; background-image:url(/images/navbg.gif); background-repeat:repeat-x; background-color:#B8AF9B;} #nav a{display:block; width:100%; height:18px; text-indent:-999px; overflow:hidden;} #nav a:hover{background-position:0 100%;} #nav .inner{width:960px; height:45px; margin-left:auto; margin-right:auto; position:relative;} #nav li{background-repeat:no-repeat; position:absolute; top:15px;} #nav .about{width:168px; height:18px; left:186px;} #nav .about a{background-image:url(/images/nav_about.gif);} #nav .portfolio{width:241px; height:18px; left:394px;} #nav .portfolio a{background-image:url(/images/nav_portfolio.gif);} #nav .tellme{width:192px; height:18px; left:675px;} #nav .tellme a{background-image:url(/images/nav_tellme.gif);} #nav .spch{position:absolute; top:45px; left:815px; width:48px; height:26px; background-image:url(/images/nav_spch.gif); background-repeat:no-repeat;} #content-wrapper{width:100%; background-image:url(/images/contentbg.gif); background-repeat:repeat-x;} #content-wrapper .inner{width:964px; margin-left:auto; margin-right:auto; padding-top:31px; margin-bottom:18px;} #footer{width:956px; color:#707070; padding-left:4px; padding-right:4px; padding-bottom:16px; margin-left:auto; margin-right:auto; text-align:left;} #footer a{color:#707070;} #footer #siteby{float:right; position:relative; top:-4px; left:0px;} #pgmarg{text-align:left;} #pgmarg .mid-wrapper{background-image:url(/images/pgmarg_mid.jpg); background-repeat:repeat-y;} #pgmarg .mid{width:964px;} #pgmarg .mid .left{float:left; width:214px; padding-right:8px; background-image:url(/images/pgmarg_left_top.jpg); background-repeat:no-repeat; position:relative;} #pgmarg .mid .left .content{float:left; width:170px; padding-left:22px; padding-right:21px;} #pgmarg .mid .left .spch{position:absolute; top:128px; left:208px; width:34px; height:43px; background-image:url(/images/pgmarg_left_spch.jpg); background-repeat:no-repeat;} #pgmarg .mid .right{float:left; width:742px; background-image:url(/images/pgmarg_right_top.jpg); background-repeat:no-repeat;} #pgmarg .mid .right .content{float:left; width:698px; padding-left:22px; padding-right:21px; color:#AAAAAA;} #pgmarg .mid .fix{float:left; width:1px; height:792px;} #pgmarg .mid .clear{clear:both; height:1px;} #pgmarg .bot{height:16px;} #pgmarg .bot .left{float:left; width:214px; height:16px; background-image:url(/images/pgmarg_left_bot.jpg); background-repeat:no-repeat; margin-right:8px;} #pgmarg .bot .right{float:left; width:742px; height:16px; background-image:url(/images/pgmarg_right_bot.jpg); background-repeat:no-repeat;} #pgfull{text-align:left;} #pgfull .top{background-image:url(/images/pgfull_top.jpg); background-repeat:no-repeat;} #pgfull .mid{width:964px; background-image:url(/images/pgfull_mid.jpg); background-repeat:repeat-y; position:relative;} #pgfull .mid .content{float:left; width:920px; padding-left:22px; padding-right:21px; color:#AAAAAA;} #pgfull .mid .fix{float:left; width:1px; height:792px;} #pgfull .mid .clear{clear:both; height:1px;} #pgfull .bot{height:16px; background-image:url(/images/pgfull_bot.jpg); background-repeat:no-repeat;} /*-------------------------------------------------------------- HOMEPAGE STYLES --------------------------------------------------------------*/ #home-box{height:375px; margin-bottom:8px;} #home-box .left{float:left; width:390px; height:325px; background-image:url(/images/index_box_left.jpg); background-repeat:no-repeat; padding-top:50px; padding-left:20px; color:#909090; line-height:16px; text-align:left; position:relative; z-index:2;} #home-box .left .ttl{position:absolute; top:-22px; left:18px;} #home-box .left .psst{position:absolute; top:287px; left:43px; width:377px; height:96px; background-image:url(/images/index_box_psst.jpg); background-repeat:no-repeat;} #home-box .right{float:left; width:554px; height:375px; background-image:url(/images/index_box_right.jpg); background-repeat:no-repeat; position:relative; z-index:1;} #home-box .right .top{position:absolute; top:-15px; left:83px; width:118px; height:15px; background-image:url(/images/index_box_top.jpg); background-repeat:no-repeat;} #home-box .right .photo{position:absolute; top:41px; left:54px; width:448px; height:300px; background-repeat:no-repeat; background-position:50% 50%; background-color:#EEEEEE;} #home-box .right .bot{position:absolute; top:375px; left:66px; width:168px; height:8px; background-image:url(/images/index_box_bot.jpg); background-repeat:no-repeat;} #home-box-bot{height:436px; text-align:left;} #home-box-bot .left{float:left; width:287px; height:377px; padding-top:59px; padding-left:29px; background-image:url(/images/index_box_bot_left.jpg); background-repeat:no-repeat; position:relative; z-index:3; margin-right:8px;} #home-box-bot .left ul{width:258px; background-image:url(/images/dot2_dark.gif); background-repeat:repeat-x; padding-top:2px;} #home-box-bot .left li{height:67px; padding-bottom:2px; background-repeat:repeat-x; background-position:0% 100%; position:relative;} #home-box-bot .left .dark{background-image:url(/images/dot2_dark.gif);} #home-box-bot .left .light{background-image:url(/images/dot2_light.gif);} #home-box-bot .left li .ttl{position:absolute; top:24px; left:94px;} #home-box-bot .mid{float:left; width:292px; height:382px; padding-top:54px; padding-left:24px; background-image:url(/images/index_box_bot_mid.jpg); background-repeat:no-repeat; position:relative; z-index:4; margin-right:8px;} #home-box-bot .mid .spch{position:absolute; top:70px; left:-32px; width:32px; height:53px; background-image:url(/images/index_box_bot_mid_spch.jpg); background-repeat:no-repeat;} #home-box-bot .mid li{float:left; width:68px; height:68px; padding:10px; background-color:#FFFFFF; margin-bottom:2px;} #home-box-bot .mid .marg{margin-right:2px;} #home-box-bot .mid .tr1{background-image:url(/images/index_thumb1.jpg);} #home-box-bot .mid .tr2{background-image:url(/images/index_thumb2.jpg);} #home-box-bot .mid .tr3{background-image:url(/images/index_thumb3.jpg);} #home-box-bot .mid .tr4{background-image:url(/images/index_thumb4.jpg);} #home-box-bot .mid .thumb{width:68px; height:68px; background-repeat:no-repeat; background-position:50% 50%; background-color:#EEEEEE;} #home-box-bot .right{float:left; width:292px; height:382px; padding-top:54px; padding-left:24px; background-image:url(/images/index_box_bot_right.jpg); background-repeat:no-repeat; position:relative; z-index:5;} #home-box-bot .right .spch{position:absolute; top:71px; left:-32px; width:32px; height:51px; background-image:url(/images/index_box_bot_right_spch.jpg); background-repeat:no-repeat;} #home-box-bot .right li{width:268px; height:118px; text-align:center; overflow:hidden;} #home-box-bot .right .marg{margin-bottom:2px;} #home-box-bot .right .tdesc{width:200px; font-size:11px; font-weight:bold; line-height:15px; padding-top:20px; padding-bottom:0; margin-top:0; margin-bottom:6px; margin-left:auto; margin-right:auto;} #home-box-bot .right .tname{font-size:10px; font-weight:bold; padding:0; margin:0;} #home-box-bot .right .told1{background-image:url(/images/index_told1.jpg); cursor:pointer;} #home-box-bot .right .told1 .tdesc{color:#CCCCCC;} #home-box-bot .right .told1 .tname{color:#1D1D1D;} #home-box-bot .right .told2{background-image:url(/images/index_told2.jpg); cursor:pointer;} #home-box-bot .right .told2 .tdesc{color:#DDDDDD;} #home-box-bot .right .told2 .tname{color:#2D2D2D;} #home-box-bot .right .told3{background-image:url(/images/index_told3.jpg); cursor:pointer;} #home-box-bot .right .told3 .tdesc{color:#BBBBBB;} #home-box-bot .right .told3 .tname{color:#0D0D0D;} /*-------------------------------------------------------------- ABOUT STYLES --------------------------------------------------------------*/ .about .pgttl{position:absolute; top:-16px; left:20px;} .about .mid .content{padding-top:56px; line-height:16px;} .about .mid .content .img1{float:right; margin-left:16px; margin-bottom:10px;} .about .mid .content .img2{float:left; margin-right:16px; margin-bottom:10px;} /*-------------------------------------------------------------- PHOTO PORTFOLIO STYLES --------------------------------------------------------------*/ .photos .pgttl{position:absolute; top:-15px; left:20px;} .photos .mid .left .content{padding-top:56px;} .photos .left .pnav{margin-bottom:16px;} .photos .left .pnav li{padding-top:4px; padding-bottom:6px; background-image:url(/images/dot_gry.gif); background-repeat:repeat-x; background-position:0% 100%;} .photos .left .pnav a{font-weight:normal; font-size:11px; text-decoration:none; color:#DDDDDD;} .photos .left .pnav a:hover{color:#FECD80;} .photos .left .pnav span{color:#FFE1B2;} .photos .left .pnav .navttl{font-weight:bold; font-size:12px; color:#FFFFFF;} .photos .left .share{margin-bottom:16px; text-align:center;} .photos .right #res-con{height:50px; padding-top:20px; padding-left:4px;} .photos .right #res-con .order{padding-right:6px; padding-bottom:10px; text-align:right;} .photos .right #res-con .order .ttl{font-weight:bold; font-size:10px; color:#CCCCCC;} .photos .right #res-con .order form{display:inline;} .photos .right #res-con .order form select{width:100px;} .photos .right #res-con .showing{float:left; width:476px; font-weight:bold; color:#FFFFFF; padding-left:2px;} .photos .right #res-con .showing h1{display:inline; font-size:11px;} .photos .right #res-con .pgcon{float:left; width:210px; text-align:right;} .photos .right #subttl{height:14px; padding-left:4px; margin-bottom:6px; overflow:hidden;} .photos .right #subttl h2{font-size:10px; color:#CCCCCC; margin:0; padding:0;} .photos .right #res-wrapper{margin-left:2px;} .photos .right #res-wrapper .thumb{float:left; width:148px; height:148px; padding:12px; margin-bottom:2px; margin-right:2px; background-image:url(/images/photo_thumb.gif); background-repeat:no-repeat;} .photos .right #res-wrapper .thumb .img{width:148px; height:148px; background-repeat:no-repeat; background-position:50% 50%; background-color:#EEEEEE;} .photos .right #res-wrapper .notfound{text-align:center; padding-top:60px;} .photos .right #pgcon-bot{clear:both; padding-top:4px; text-align:center;} .photo-view .left #viewlinks{text-align:center; line-height:16px; margin-bottom:16px;} .photo-view .left #viewlinks .back a{font-weight:bold; font-size:11px; text-decoration:none; color:#FECD80;} .photo-view .left #viewlinks .back a:hover{color:#DDDDDD;} .photo-view .left #viewlinks .set{color:#BBBBBB;} .photo-view .left #viewlinks .set a{font-weight:bold; text-decoration:none; color:#404040;} .photo-view .left #viewlinks .set a:hover{color:#DDDDDD;} .photo-view .left #viewlinks .set .prev{position:relative; left:-4px; top:4px;} .photo-view .left #viewlinks .set .next{position:relative; left:4px; top:4px;} .photo-view .left #nosale{font-weight:bold; font-size:10px; color:#FFFFFF; text-align:center; margin-bottom:16px;} .photo-view .left #nosale a{color:#FECD80;} .photo-view .left #nosale a:hover{color:#DDDDDD;} .photo-view .left .buy-but{margin-bottom:16px; width:170px; height:26px; line-height:26px; background-image:url(/images/photo_buy_but.gif); background-repeat:no-repeat; text-align:center;} .photo-view .left .buy-but a{display:block; font-size:11px; font-weight:bold; color:#000000; text-decoration:none;} .photo-view .left .buy-but a:hover{color:#FFDFB1;} .photo-view .left .genitem{margin-bottom:16px;} .photo-view .left .genitem .ttl{font-weight:bold; font-size:12px; color:#FFFFFF; margin-bottom:4px;} .photo-view .left .buy-link{line-height:21px; padding-right:4px; background-image:url(/images/photo_buy_link.gif); background-repeat:no-repeat; background-color:#606060; margin-bottom:1px; text-align:right;} .photo-view .left .buy-link a{display:block; text-decoration:none;} .photo-view .left .buy-link a:hover{color:#FFFFFF;} .photo-view .left .alsophoto{width:162px; height:60px; border:4px solid #FFFFFF; background-repeat:no-repeat; margin-bottom:6px;} .photo-view .right .content{padding-top:30px;} .photo-view .right #photo-wrapper{text-align:center; margin-bottom:16px;} .photo-view .right #photo-wrapper .ttl{font-weight:bold; font-size:12px; color:#FFFFFF; margin-top:0px; margin-bottom:10px; padding:0;} .photo-view .right #photo-wrapper #imgdisp{background-color:#FFFFFF; margin-left:auto; margin-right:auto;} .photo-view .right #photo-wrapper #imgdisp .tl{float:left; width:14px; height:14px; background-image:url(/images/viewpho_tl.gif); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .t{float:left; height:14px; background-image:url(/images/viewpho_t.gif); background-repeat:repeat-x;} .photo-view .right #photo-wrapper #imgdisp .tr{float:left; width:14px; height:14px; background-image:url(/images/viewpho_tr.gif); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .l{float:left; width:14px; background-image:url(/images/viewpho_l.gif); background-repeat:repeat-y;} .photo-view .right #photo-wrapper #imgdisp .img{float:left; background-repeat:no-repeat; background-color:#EEEEEE; position:relative;} .photo-view .right #photo-wrapper #imgdisp .img .phov-tl{position:absolute; left:0px; top:0px; width:4px; height:4px; background-image:url(/images/phov_tl.png); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .img .phov-tr{position:absolute; top:0px; width:4px; height:4px; background-image:url(/images/phov_tr.png); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .img .phov-bl{position:absolute; left:0px; width:4px; height:4px; background-image:url(/images/phov_bl.png); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .img .phov-br{position:absolute; width:4px; height:4px; background-image:url(/images/phov_br.png); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .r{float:left; width:14px; background-image:url(/images/viewpho_r.gif); background-repeat:repeat-y;} .photo-view .right #photo-wrapper #imgdisp .bl{float:left; width:14px; height:14px; background-image:url(/images/viewpho_bl.gif); background-repeat:no-repeat;} .photo-view .right #photo-wrapper #imgdisp .b{float:left; height:14px; background-image:url(/images/viewpho_b.gif); background-repeat:repeat-x;} .photo-view .right #photo-wrapper #imgdisp .br{float:left; width:14px; height:14px; background-image:url(/images/viewpho_br.gif); background-repeat:no-repeat;} .photo-view .right #photo-wrapper .share{height:16px; text-align:right; padding-top:4px; margin-left:auto; margin-right:auto;} .photo-view .right .photo-row{margin-bottom:16px;} .photo-view .right .photo-row .ttl{font-weight:bold; font-size:10px; color:#FFFFFF; margin-top:0px; margin-bottom:4px; padding:0;} .photo-view .right .photo-row .txt{margin:0; padding:0;} .photo-view .right #photo-foot{color:#606060; text-align:center;} .photo-view .right .notfound{padding-top:100px; text-align:center;} /*-------------------------------------------------------------- TELL ME STYLES --------------------------------------------------------------*/ .tellme .pgttl{position:absolute; top:-19px; left:20px;} .tellme .mid .content{padding-top:56px; line-height:16px; text-align:center;} .tellme .form{width:664px; margin-bottom:20px; margin-left:auto; margin-right:auto;} .tellme .form-top{width:664px; height:16px; background-image:url(/images/tell_form_top.jpg); background-repeat:no-repeat;} .tellme .form-mid{width:612px; padding-left:26px; padding-right:26px; background-image:url(/images/tell_form_mid.jpg); background-repeat:repeat-y; text-align:left;} .tellme .form-mid .error{color:#AA0000; margin-bottom:16px; text-align:center;} .tellme .form-mid .ttl{font-weight:bold;} .tellme .form-mid .row-left{clear:both; float:left; width:142px; margin-bottom:14px;} .tellme .form-mid .row-left-norm{height:17px; padding-top:10px;} .tellme .form-mid .row-left-tall{height:22px; padding-top:5px;} .tellme .form-mid .row-right{float:left; width:466px; padding-left:4px; padding-top:3px; margin-bottom:14px; background-repeat:no-repeat;} .tellme .form-mid .row-right-input{height:24px; background-image:url(/images/tell_form_input.gif);} .tellme .form-mid .row-right-input input{width:460px; font-size:14px; color:#FFFFFF; font-weight:bold; background-color:#474747; border:0;} .tellme .form-mid .row-right-textbox{height:117px; background-image:url(/images/tell_form_textbox.gif);} .tellme .form-mid .row-right-textbox textarea{width:460px; height:110px; font-size:14px; color:#FFFFFF; font-weight:bold; background-color:#474747; overflow:auto; border:0;} .tellme .form-mid .row-sub{clear:both; text-align:center;} .tellme .form-mid .row-sub .but{cursor:pointer;} .tellme .form-mid .thankyou{text-align:center; padding:20px;} .tellme .form-mid .thankyou .ttl{font-weight:bold; color:#FFE1B2;} .tellme .form-bot{width:664px; height:16px; background-image:url(/images/tell_form_bot.jpg); background-repeat:no-repeat;} .tellme .row{width:920px; margin-bottom:8px; text-align:left;} .tellme .row .qt_tl{position:absolute; top:-5px; left:13px;} .tellme .row .qt_br{position:absolute; top:-18px; left:880px;} .tellme .row-top{width:920px; height:16px; background-repeat:no-repeat;} .tellme .row-top1{background-image:url(/images/full_row_top1.jpg);} .tellme .row-top2{background-image:url(/images/full_row_top2.jpg);} .tellme .row-mid{width:832px; padding-left:44px; padding-right:44px; background-repeat:repeat-y; font-size:11px; font-weight:bold; line-height:15px; position:relative;} .tellme .row-mid .name{padding-top:4px; font-size:10px; font-weight:bold; text-align:center;} .tellme .row-mid1{background-image:url(/images/full_row_mid1.jpg); color:#CCCCCC;} .tellme .row-mid1 .name{color:#1D1D1D;} .tellme .row-mid2 .name{color:#2D2D2D;} .tellme .row-mid2{background-image:url(/images/full_row_mid2.jpg); color:#DDDDDD;} .tellme .row-bot{width:920px; height:16px; background-repeat:no-repeat; position:relative;} .tellme .row-bot1{background-image:url(/images/full_row_bot1.jpg);} .tellme .row-bot2{background-image:url(/images/full_row_bot2.jpg);} .tellme .pgcon-bot{clear:both; padding-top:4px; text-align:center;}