/* Theme Name: Amy Harris Photography Theme URI: http://etomco.com Description: The default WordPress theme based for Amy Harris Photography. Version: 1.0 Author: Tom Karels Author URI: http://etomco.com/ Tags: blue, black custom header, fixed width, */ /* default resets*/ * {margin: 0;} html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em,font, img, strong, sub, sup, ol, ul, li, fieldset,form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; font-family:Verdana, Arial, Helvetica, sans-serif;} html { text-align: center; background-color:#9a9a9a; min-height: 100%; height:100% /*margin-bottom: 1px;*/ font-family:Verdana, Arial, Helvetica, sans-serif;} html { min-height: 100%;} body { text-align:left; background-color:#9a9a9a; line-height: 1.4; color: #000; background-color: transparent; font-family: Arial, Helvetica, sans-serif;} ol, ul {list-style: none; position: relative; } a, a:link, a:visited, a:active, a:hover { color: #99ffff;} h2, h3, h4, h5, h6, h7{font-weight: bold; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;} h2{ font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#181f28;} .clear { clear:both;} .right { float:right} .left { float:left;} html { overflow: -moz-scrollbars-vertical !important; } /* Structure stuff*/ div#wrapper{width:940px; margin:0 auto; float:none; position:relative; margin-top:15px;} div#navicontainer{float:none; position:relative; height:75px; background-image: url(/images/navi-background.jpg); background-repeat:repeat-x; } div#navi {width:940px;margin:0 auto; float:none; position:relative; } div#navi h1 a{ float:left; display:block; width:146px; height:75px; background-image:url(/images/Amy-Harris-photography.png); background-position:top; background-repeat:no-repeat; text-indent:-9000px;} div#navi ul{ float:right; width:713px;} div#navi ul li{ float:left;} div#navi ul li a {display:block; height:75px; background-image: url(/images/navigation.png); background-repeat:no-repeat; text-indent:-9000px; } div#navi #naviphotos { width:93px;} div#navi #naviphotos a {background-position: 0px 0px;} div#navi #naviphotos a:hover, .activephotos a{background-position: 0px -75px!important;} div#navi #naviabout { width:155px;} div#navi #naviabout a {background-position: -93px 0px;} div#navi #naviabout a:hover, .activeabout a {background-position: -93px -75px!important;} div#navi #naviusage { width:102px;} div#navi #naviusage a {background-position: -248px 0px;} div#navi #naviusage a:hover, .activeusage a {background-position: -248px -75px!important;} div#navi #navitears { width:113px;} div#navi #navitears a {background-position: -350px 0px;} div#navi #navitears a:hover, .activetears a {background-position: -350px -75px!important;} div#navi #naviblog { width:112px;} div#navi #naviblog a {background-position: -463px 0px;} div#navi #naviblog a:hover, .activeblog a {background-position: -463px -75px!important;} div#navi #navicontact { width:138px;} div#navi #navicontact a {background-position: -575px 0px;} div#navi #navicontact a:hover, .activecontact a {background-position: -575px -75px!important;} /* sticky footer*/ html, body { height: 100%;} #container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; } .footer, .push {height: 30px; } .footer {background-color:#80e0f9; z-index:99;} .footer p { width:940px; margin:0 auto; padding-top:5px; color:#333333; font-size: 12px;} .footer p a, .footer p a:hover { color:#333333;} /* home page maps*/ #homepageright { float:right; width:300px; } #homepageleft { float:left; width:620px; background-color: #000000; height:365px;} #homepageright h1 { background:transparent url(/images/photos-by-continent.gif) no-repeat 0 0; height:25px; text-indent:-9000px;} #homepageright h2 a{ display:block; float:left; background:transparent url(/images/continent.gif) no-repeat 0 0; padding-top:82px; margin-top:19px; margin-bottom:20px; text-align:center;} #homepageright h3 { background:transparent url(/images/photos-by-category.gif) no-repeat 0 0; height:32px; margin-top:10px; text-indent:-9000px;} #homepageright ul li{ width:70px; margin-bottom:10px; float:left; padding-left:10px; margin-right:20px; font-size:12px; background:transparent url(/images/homepage-carrot.gif) no-repeat 10px 10px; background-position:left center;} #homepageright ul li:hover{background:transparent url(/images/homepage-carrot-hover.gif) no-repeat 0 0; background-position:left center;} #homepageright ul li a:hover{ text-decoration:none;} #homepageright ul { margin-top:10px;} #homepageright .norhtamerica {height:19px; width:98px;} #homepageright .norhtamerica:hover { text-decoration:none; background-position: 0px -189px;} #homepageright .asia {height:19px; width:98px; background-position: -100px 0px; margin:19px 5px; } #homepageright .asia:hover { background-position: -100px -189px; text-decoration:none;} #homepageright .europe {height:19px; width:88px; background-position: -214px 0px;} #homepageright .europe:hover { background-position: -214px -189px; text-decoration:none;} #homepageright .southamerica {height:25px; width:98px; background-position: 10px -93px; } #homepageright .southamerica:hover{ height:25px; background-position: 11px -282px; text-decoration:none;} #homepageright .africa {height:19px; width:98px; background-position: -100px -95px; margin:19px 5px; } #homepageright .africa:hover { background-position: -100px -285px; text-decoration:none;} #homepageright .australia {height:19px; width:88px; background-position: -214px -89px;} #homepageright .australia:hover { background-position: -214px -279px; text-decoration:none;} /* photos page*/ div#photosleft { float:left; position:relative; } #flashphotos { position:relative; z-index:2; background-color:transparent; position:absolute;} div#photosright { width:640px; float: left; padding-left:10px; border-left:1px solid #878787; } #northamerica { background:transparent url(/images/north-america_03.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #southamerica { background:transparent url(/images/south-america_03.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #australia { background:transparent url(/images/australia_03.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #asia { background:transparent url(/images/asia_03.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #europe { background:transparent url(/images/eeurope_03.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #africa { background:transparent url(/images/africa.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #objects { background:transparent url(/images/objects.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #landscapes{ background:transparent url(/images/landscape.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #portraits { background:transparent url(/images/portraits.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #architecture { background:transparent url(/images/architecture.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #music { background:transparent url(/images/Music.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #music-list { background:transparent url(/images/Music.gif) no-repeat 0 0; width:150px; height:25px; text-indent:-9000px; position:relative; z-index:3; } #grid { background:transparent url(/images/allmywork.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} #lifestyle { background:transparent url(/images/lifestyle.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:222px;} div#photosleft h2{ padding:10px 0px; color:#181f28; font-weight:normal; position:relative; z-index:3;} div.photothumbs a {display:block; border:1px solid #9a9a9a; float:left; margin:7px 7px 0px 0px; height:80px; } div.photothumbs a:hover { border:1px solid #99ffff; height:80px; } #basic-accordian{width:272px; z-index:2;} .accordion_headings{ color:#000000; cursor:pointer; font-size:12px; line-height:14px; border-bottom:1px solid #666666; padding:5px 0px;} .accordion_headings:hover{color:#33CCFF; } .accordion_child{ padding-left:5px; line-height:18px;} .accordion_child a{ color: #000000; text-decoration:none; display:block; font-size:12px; line-height:18px; border:1px solid #9a9a9a; float:left; margin:7px 7px 0px 0px; height:80px;} .accordion_child a:hover{ color: #33CCFF; } .header_highlight{ color:#00AAE8} #test-header { color: #000000; cursor:pointer; font-size:12px; line-height:14px; border-bottom:1px solid #666666; padding:5px 0px;} #test-header:hover { color:#00AAE8;} /* about page*/ #about h1 { background:transparent url(/images/aboutme.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:400px;} div#about h2{ padding:10px 0px; color:#181f28; font-weight:normal; position:relative; z-index:3;} .leftabout p{ width:525px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; } .leftabout h4 { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-top:10px;} /* usage page*/ #usage h1 { background:transparent url(/images/usage.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:400px;} div#usage h2{ padding:10px 0px; color:#181f28; font-weight:normal; position:relative; z-index:3;} /* tears page*/ #tears h1 { background:transparent url(/images/tears.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:215px;} div#tears h2, div#contact h2{ padding:10px 0px; color:#181f28; font-weight:normal; position:relative; z-index:3;} div#tears h3{ padding: 4px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;} #tears {width:215px; border-right:1px solid #666666;} .linklove a { display:none;} /* contact page*/ #contact h1 { background:transparent url(/images/contact.gif) no-repeat 0 0; height:25px; text-indent:-9000px; position:relative; z-index:3; width:215px;} .cform input.sendbutton { margin: 0px!important; margin-top:10px!important; margin-left:128px!important; } .reqtxt, .emailreqtxt { display:none!important;} .cform textarea { width:280px!important;} #cf_field_4 {width:280px!important;} .cform {width:389px!important;} /* blog page*/ #bloghomeleft {border-right:1px solid #858585; padding-right:20px; padding-top:10px; width:679px; } #bloghomeright { width:220px;} #blogtitle { background:transparent url(/images/blog.gif) no-repeat 0 0; height:25px; text-indent:-9000px; width:215px;} div#bloghomeleft h2{ padding:10px 0px; color:#181f28; font-weight:normal; } .blogcontainer img { display:block; float: right; padding-left:10px;} .blogcontainer { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; ;} #bloghomeleft h1 { font-size:18px; color:#00CCCC;} .blogdate { background-color:#cef8ff; padding:5px 10px; width:50px; float:left; text-align:center; color:#333333;} .blogdate h2{ font-family:'Trebuchet MS',Arial,sans-serif; font-size:12px; line-height:20px; padding:0px!important; } .blogdate h3{ font-family:'Trebuchet MS',Arial,sans-serif; font-size:30px; font-weight:bold; line-height:24px; padding:0px!important;} .blogdate h4{ font-family:'Trebuchet MS',Arial,sans-serif; font-size:18px; padding:0px!important;} .blogcontent { float:left; margin-left:17px; width:592px; margin-bottom:15px;} .bordig { clear:both; margin: 25px 0px;} .categories { padding-bottom:20px;} #search { padding-bottom:20px;} #musicportfolio { background:transparent url(/images/music-portfolio.gif) no-repeat scroll 0 0; height:25px; position:relative; text-indent:-9000px; width:222px; z-index:3; } #byartist { background-color:#99FFFF; color:black; display:block; font-size:11px; font-weight:bold; left:192px; padding:3px; position:absolute; text-align:center; text-decoration:none; top:29px; width:76px; z-index:99; } #byartist:hover, #artist-mainmenu:hover { background-color: #80E0F9;} #artist-mainmenu { background-color:#99FFFF; color:black; display:block; font-size:11px; font-weight:bold; left:192px; padding:3px; position:absolute; text-align:center; text-decoration:none; top:0px; width:76px; z-index:99; }