body {margin: 0;padding-left:150px;padding-right:320px;min-width:468px;} #header, #footer {margin-left:-150px;margin-right:-320px;} .column {position:relative;float:left;} #center {padding:0 20px; width:100%;} #left {width:140px;padding:0px 20px 0px 20px;right:200px;margin-left:-100%;} #leftwrapper{padding: 20px 0px 0px 0px;} #leftextra{float:left;clear:left;width:170px;margin-left:-10px;height:55px;} div#left{height:290px;/*background:#E0E0E0; d3d3d3, gradient 16, 6th choice*/background-image: url(img/frameleft.png);background-position: /*-610px -868px;*/top right;background-repeat:repeat-y;} div#leftextra{background:url('img/csg-4a2e801679ddf.png');background-position: -610px -974px;/*bottom right;*/background-repeat:no-repeat;} #right {width:260px;padding:0 10px;margin-right:-100%;} #rightwrapper{padding: 20px 0px 0px 0px;font-family:verdana,sans-serif;font-size:80%;} #headerfull, #footerfull {margin-left:-150px;margin-right:-70px;} body.full {margin: 0;padding-left:150px;padding-right:70px;min-width:468px;} #rightfull {width:10px;padding:0 10px;margin-right:-100%;} * html #left {left: 270px;} #header,#headerfull {padding: 0px 0px 15px 0px;} div#header,div#headerfull{background:#E0E0E0;position:relative;padding-left:10px;border:1px;background:url('img/frametop2.png');background-position: bottom left;background-repeat:repeat-x;} div#headinner{width:960px;margin:0 auto;text-align:left;} div#headerrhs {background:#E0E0E0;position: absolute;top: 0;width: 100%;height: 0;right: 0 !important;} div#headerrhswrapper {background:#E0E0E0;float: right !important;right: 0 !important;left: auto;text-align:right;padding-right:15px;} #headerstatic {width:400px;} #content{padding: 20px 10px 0px 10px;font-family:verdana,sans-serif;font-size:80%;min-height:550px;} #contentwrapper {width:100%;padding-left:10px;} .contentheadline {font-weight:bold;position: relative;height:20px;} .contentfooter {position: relative;height:20px;} .contentheadline_lhs, , .contentfooter_lhs{position:absolute;left:0;width:70%;} .contentheadline_rhs, .contentfooter_rhs{position:absolute;right:0;width:30%;text-align:right;} .contentbody{clear:right;} div#right, div#rightfull{height:450px;background:#fff;background:url('img/csg-4a2e801679ddf.png');background-position: 265px -178px;/*top right*/background-repeat:no-repeat;} #footer, div#footerfull {padding-top:30px;position: relative;margin-top: -35px; height: 35px;clear:both;text-align:center;} #follow{padding: 0px 10px 10px 0px;font-family:verdana,sans-serif;color:#B7B7B7;} #follow a{color:#C7C7FF;} #follow a:hover{color:#0000FF;} /*html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {padding-bottom: 35px;} #footer {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -798px;/*bottom left*/background-repeat:no-repeat;position: relative;margin-top: -35px; height: 35px;clear:both;text-align:center;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix { height: 1%;} .clearfix {display: block;}*/ body{background:#fff;color:#3F3F3F;}/*000, gradient 16 options to fff,6th choice*/ a, a.visited{color: #5F5FFF;} /*0000FF, gradient 16 options to fff, 6th choice*/ a:hover{color: #0000FF;} table.sample {border: 5px 0px outset #3F3F3F;border-collapse: separate;background-color: white;} table.sample th {border-width: 1px 1px 1px 1px;padding: 1px 1px 1px 1px;border-style: inset inset inset inset;border-color: gray gray gray gray;background-color: white;-moz-border-radius: 0px 0px 0px 0px;} table.sample td {border-width: 1px 1px 1px 1px;padding: 1px 1px 1px 1px;border-style: inset inset inset inset;border-color: gray gray gray gray;background-color: white;-moz-border-radius: 0px 0px 0px 0px;} .banner{width:468px;height:60px;border:1px solid #7F7F7F;text-align: center;} .info{color:#666;font-style:italic;} .ta {width: 100%;height: 250px;border: 1px solid #cccccc;padding: 0px;} .input {width: 100%;border: 1px solid #cccccc;padding: 0px;} .bannertable{width:468px;height:60px;color:#fff;background-color:#000;padding:0px;} .bannertabletextcell{text-align: center;padding: 0px;text-decoration:none;} .bannertableimgcell{width:72px;padding: 0px;background-image: url('img/csg-4a2e801679ddf.png');background-position: -612px -1410px;/*bottom left;*/background-repeat:no-repeat;} ul {line-height:1.0em;} li {margin-left:-22px;} .h1 {font-size:24pt;font-weight:bold;} .ablank {text-decoration:none;} .aactive{color:#A74FA7;} /*800080 - old school purple*/ .aactive:hover{color:#800080;} .hitcounter {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #D6FEC1; /*#164BA0*/background-color:#9F9F9F; /*#D1D1D1;*/border: 1px solid #8F8F8F; /*#83AAD3*/} #tooltip{position:absolute; border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;} input.sitebutton {color:#000;background-color:#C0C0C0;} input.sitebutton:hover {color:#000;background-color:#CFCFCF;} .uc {width:38px;background-image: url(img/uc.gif);background-position: bottom left;background-repeat:no-repeat;} label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } #midion {color:green;} #midioff {color:red;} #midion a, #midioff a {text-decoration:none;color:#999;} #midion a:hover, #midioff a:hover {color:#555;} .aboutcontent{background-image: url('img/shamelogo_bw_trans.png');background-position: top left;background-repeat:repeat;} table.footertable {border-width:5px;width:100%;border-spacing: 5px;border-style:outset;border-color:#999;border-collapse:separate;} #footerlid{width:100%;height:60px;background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -776px;/*bottom left;*/background-repeat:no-repeat;} table.webring, table.top5 {width:200px;} table.webring td, table.top5 td{font-size:90%;text-align:center;} table.webring a{text-decoration:none;color:#555;} .webringimg{height:60px;padding: 0px;background-image: url('img/csg-4a2e801679ddf.png');background-position: -547px -1495px;background-repeat:no-repeat;} .top5img{height:110px;padding: 0px;background-image: url('img/csg-4a2e801679ddf.png'); background-position: 40px -30px;background-repeat:no-repeat;} .privacy{font-size:12px;font-family: arial, "lucida console", sans-serif;} .notify{color:red;} .jqmWindow {display: none;position: fixed;top: 17%;left: 50%; margin-left: -300px;width: 600px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;} .jqmWindowSmall {display: none;position: fixed;top: 17%;left: 50%; margin-left: -300px;width: 350px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;} .jqmOverlay { background-color: #000; } * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} * html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');} .bigjqModal{font-size:30px;font-family:Arial,sans-serif;color:#FFFFFF;background-color:#6699FF;border-style:solid;border-color:#000000;} input.jqModal {color:#000;background-color:#C0C0C0;} input.jqModal:hover {color:#000;background-color:#CFCFCF;} .datetimedisplay {position:relative;float:right;top:-15pt;font-family: Ariel;font-size: 8pt;color: #FFFFFF;} .com-contain-all{width:100%;margin-left: auto;margin-right: auto;text-align: left;} .com-contain-all h2{color:#000000;background-color:#FFFFFF;font-family: Ariel,arial;} .com-contain a{} .com-contain{visibility:hidden;} .com-contain-show{border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 2px solid #aaa;border-bottom: 2px solid #aaa;} .com-height{min-height: 25px;} * html .com-height { height: 25px; overflow: visible; } .com-text {padding-top: 0px;line-height: 130%;position: relative;} * html .c-body { height: 5px; } .com-text-inside {padding: 5px 30px .5em 5px;overflow: hidden; min-height: 25px;font-size: 100%;font-family: Ariel,arial;} * html .c-body-inside {height: 25px; overflow: visible; } .com-text-inside textarea{width:90%;} .com-contain-all ol, .com-contain-all ol ol {list-style: none;margin: 0;padding: 0;} .com-contain-all ol li {color: #333;padding: 0px;margin: 0 0 10px 0;position: relative;} * html .com-contain-all ol li { height: 15px; } .com-contain-all ol li.c-bury {} .com-contain-all ol li.c-friend {} .com-head {color: #000;font-family: Ariel,arial;background-image: url(/img/commentgrad.png);background-repeat:repeat-x;} .com-head-admin {color: #FFF;font-family: Ariel,arial;background-image: url(img/commentgradadmin.png);background-repeat:repeat-x;} .com-head a {color: #000;font-size: 100%;font-weight:bold;} .com-head-admin a {color: #FFF;font-size: 100%;font-weight:bold;} .com-head-right {position: absolute;top: -5px;right: 0;font-size: 80%;padding: 7px 5px;font-family: Ariel,arial;} .com-head-right-admin {position: absolute;top: -5px;right: 0;font-size: 80%;padding: 7px 5px;font-family: Ariel,arial;color: #FFF;} .com-head-left {position: absolute;top: 0px;} .com-ol li{list-style: none;margin: 0;padding: 0;} .com-test {background-color:#472311;color: #FFFF44;} #divCommentsPost {border:2px solid #666;background-color:#fff} #divCommentsPost .commentposthead{padding: 10px 10px 10px 10px; background-color:#E0E0E0;color:#000;font-size:110%;font-weight:bold;text-align:left} #divCommentsPost .infolabel{background-color:#FFFFFF;color:#000000;font-size:105%;font-weight:bold;text-align:left;padding:10px;} #divCommentsPost .commentform{padding: 10px 10px 10px 10px;} div.social{ margin: 16px 0; clear:both;} .social span {display: block;} .social a {float: left;display: inline !important;list-style-type: none;margin: 0;padding: 1px;width: 16px;} .socialtwitter, .socialdigg,.socialreddit,.socialstumbleupon,.socialfacebook,.socialfark,.socialgoogle,.socialmixx,.socialblogmarks,.socialblogmemes {float: none;width: 16px;height: 16px;border: 0;margin: 0;padding: 0;background-position: top left;background-repeat:no-repeat;} .socialdigg {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -30px;} .socialreddit {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -1358px;} .socialstumbleupon {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -1584px;} .socialfacebook {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -74px;} .socialfark {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -120px;} .socialgoogle {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -1266px;} .socialmixx {background-image: url('img/csg-4a2e801679ddf.png');background-position: -610px -1312px;} .socialblogmarks {background-image: url('img/csg-4a2e801679ddf.png');background-position: 0 -1518px;} .socialblogmemes {background-image: url('img/csg-4a2e801679ddf.png');background-position: 0 -1564px;} .socialtwitter {background-image: url('img/csg-4a2e801679ddf.png'); background-position: -610px -1630px;} .social-hovers {width: 16px;opacity: .15;-moz-opacity: .15;filter: alpha(opacity=15);} .social-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);} .art {clear: both} .artpicleft, .artpicright, .artpiccenter {text-align:center;margin: 10px 10px 10px 10px; clear: both} .artpiccaptionright, .artpiccaptionleft, .artpiccaptioncenter {text-align:center;font-size:10px;color:#666;font-style:italic; clear: both;padding-left:10px;padding-right:10px;padding-bottom:5px;} .artpiccaptionright, .artpiccaptionleft, .artpicleft, .artpicright {width:200px;} .artpiccaptioncenter {padding-bottom:10px;} .artpicright,.artpiccaptionright {float: right;} .artpicleft, .artpiccaptionleft {float:left;} .artpicright img, .artpicleft img, .artpiccenter img{border: 4px double #E0E0E0;} .artquote {color:#1F1FFF;font-style:italic;} .authorpicpod{border:2px solid #ddd;font-size:11px;width:200px} .authorpicpod img{border:2px solid #000;} /* .sprite-award1 { url(img/csg-4a2e801679ddf.png) background-position: 0 -30px; } .sprite-digg { background-position: -610px -30px; } .sprite-facebook { background-position: -610px -74px; } .sprite-fark { background-position: -610px -120px; } .sprite-mixx { background-position: -610px -1312px; } .sprite-reddit { background-position: -610px -1358px; } .sprite-googlebookmark { background-position: -610px -1266px; } .sprite-stumbleupon { background-position: -610px -1584px; } .sprite-twitter { background-position: -610px -1630px; } .sprite-blogmarks { background-position: 0 -1518px; } .sprite-blogmemes { background-position: 0 -1564px; } .sprite-coffeecontent { background-position: 0 -1610px; } .sprite-shamering { background-position: -610px -1495px; } .sprite-footercurl { background-position: -610px -798px; } .sprite-bck_tornside2 { background-position: 0 -178px; } .sprite-frameleftbottom2 { background-position: -610px -974px; } */ .sprite-bckfold { background-position: 0 -658px; } .sprite-bcknav { background-position: 0 -1088px; } .sprite-fold { background-position: -610px -168px; } .sprite-frameleft { background-position: -610px -868px; } .sprite-frametop { background-position: -610px -1124px; } .sprite-frametop2 { background-position: -610px -1161px; } .sprite-shamelogo_bw_trans { background-position: -610px -1406px; } .sprite-uc { background-position: -610px -1676px; } .nothing {background: url('img/csg-4a2e801679ddf.png') no-repeat top left;} blockquote, .blockquote {background:#f7f5d1 none repeat scroll 0 0;border:1px solid #6699ff;color:#222222;margin:15px 20px 15px 25px;padding:10px 20px 10px 25px;} /* END MAIN */ /* BEGIN TURN */ #turn_wrapper {width: 80px;height: 80px;display: block;position: absolute;top: 0;left: 0;} #turn_hideme {width: 85%;height: 85%;overflow: hidden;display: block;position: absolute;float: left;top: 0;left: 0;z-index: 1;} #turn_object{position: relative;} #turn_wrapper.right #turn_hideme *,#turn_wrapper.right #turn_object {float: right !important;} #turn_wrapper.right #turn_hideme {float: right !important;right: 0 !important;left: auto;} #turn_wrapper.right #turn_object {right: 0 !important;left: auto !important;} #turn_wrapper.right {position: absolute;top: 0;width: 100%;height: 0;right: 0 !important;} #turn_wrapper.right #turn_object * {position: absolute;right: 0 !important;} #turn_wrapper #turn_object img#turn_fold {display: block;width: 100%;height: 100%;z-index: 1000;right: 0;position: absolute;} /* the jQuery CSS Framework */ #turn_wrapper .ui-resizable { position: relative;} #turn_wrapper .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-image: url(#none)} #turn_wrapper .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; } #turn_wrapper .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; } /* END TURN */ /* BEGIN PICS */ .a, .a:visited {color:#000;} #imagefindercontainer {position:relative; width:185px; height:385px; background:#888; margin:10px auto;} #imagefindercontainer b {font-weight:normal; width:580; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;} a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 7px; position:relative; cursor:default;} a.gallery span {visibility:hidden; display:block; position:absolute; width:390px; height:330px; top:189px; left:9px; color:#000; text-align:center; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;} a.slide1 span {left:180px; top:-11px;} a.slide2 span {left:89px; top:-11px;} a.slide3 span {left:180px; top:-102px;} a.slide4 span {left:89px; top:-102px;} a.slide5 span {left:180px; top:-193px;} a.slide6 span {left:89px; top:-193px;} a.slide7 span {left:180px; top:-284px;} a.slide8 span {left:89px; top:-284px;} a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;} a.gallery:hover span {visibility:visible; z-index:100;} a.gallery:hover span img { border:1px solid #000; position:relative; z-index:100;} a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;} a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;} a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;} .imgbuffff {margin-top:10px;} .finalimagesize {width: 380px; height:347px;} .jqmWindow2 {display: none;position: fixed;top: 5%;left: 50%; margin-left: -350px;width:650px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;} * iframe.jqm2 {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} * html .jqmWindow2 {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');} /* END PICS */ /* BEGIN prettyPhoto.css */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(img/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ENE prettyPhoto.css */