/* Theme Name: JayceOoi Theme Theme URI: http://JayceOoi.com/ Description: The default WordPress theme based on the blog Jayce Ooi's Paradise. Version: 1.0 Author: Jayce Ooi Author URI: http://JayceOoi.com/ This theme was designed and built by Jayce Ooi, whose blog you will find at http://JayceOoi.com/ */ /* Ad */ .ad_post { margin: 5px 0px -10px 0px; } .title {color:#ff5a00;} /* photo */ .navigation { position: relative; } .alignright { float: right; } .alignleft { float: left; } /* Feed */ .SyndicateBG { width: 100%; float: left;} .Syndicate { width: 980px; position: relative; clear: left; margin: 0 auto; border-top: solid 1px #717b87; border-bottom: solid 1px #717b87; padding: 10px 0px } .SyndicateList { position: absolute; right: 0px; top: 10px; width: 230px; padding-left: 20px; text-align: left;} .SyndicateList2 { position: absolute; right: 0px; top: 10px; width: 150px; padding-left: 10px; text-align: left;} .SyndicateList ul { padding: 0px; margin: 15px 0px;} .SyndicateList li { padding: 0px; margin: 0px; list-style-type: none; font-size: 10px; font-weight: bold;} .SyndicateList li a { background: url(images/SyndicateListBkg.png) no-repeat left top; height: 14px; padding: 6px 5px 4px 5px; margin: 0px 0px 5px 0px; display: block;} .SyndicateList li a { background: url(images/SyndicateListBkg.png) no-repeat left top;} .SyndicateList li a:hover { background: url(images/SyndicateListBkg.png) no-repeat left bottom; text-decoration: none; } /* CSS Document */ body { margin: 0; padding: 0; background: #fff; font-family: 'Verdana'; color: #40454b; font-size: 12px;} /* General Links */ a:link { text-decoration : none; color : #3366cc; border: 0px;} a:active { text-decoration : underline; color : #3366cc; border: 0px;} a:visited { text-decoration : none; color : #3366cc; border: 0px;} a:hover { text-decoration : underline; color : #ff5a00; border: 0px;} img { padding: 0px; margin: 0px; border: none;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } input { font-family: 'Verdana'; color: #6a5555; font-size: 10px; } textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px; } select { font-family: 'Verdana'; color: #6a5555; font-size: 10px; } h1, h2, h3 { font-family: 'Arial';} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #bgcontain { width: 100%;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .HeaderBG { width: 100%; float: left; background: #fff url(./images/bkg_body.png) repeat-x; padding-bottom: 0px;} .Header { width: 980px; position: relative; margin: 0 auto; padding: 32px 0px 0px 0px; height: 70px;} .Header h1 { font-size: 35px; letter-spacing: -2px; line-height: 35px; padding: 15px 0px 0px 0px; margin: 0px;} .Header h1 a { text-decoration: none; color:#ff5a00;} .Header h1 a:visited { text-decoration: none; color:#ff5a00;} .Header h1 a:hover { text-decoration: none; color:#ff5a00;} .Desc { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; color:#999;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .TopMenu { margin: 0px; padding: 0px; position: absolute; top: 8px; left: 0px; } .TopMenu ul { padding: 2px 0px; margin: 0px; font-size: 0px; border-left: solid 1px #76acd3;} .TopMenu li { padding: 2px 4px; margin: 0px 4px 0px 0px; list-style-type: none; display: inline; font-size: 10px; border-right: solid 1px #76acd3; font-weight: bold;} .TopMenu li a { color:#fff; font-size: 13px;} .TopMenu li a:visited { color:#fff; font-size: 13px;} .TopMenu li a:hover { color:#fff; font-size: 13px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*\ IE/Win min height hack */ * html .Search { height: 100px;} /* */ .Search { width: 375px; background: url(./images/Combine.png) no-repeat left top; min-height: 100px; position: absolute; top: 0px; right: 0px; background-position: 0px 0px;} .Search fieldset { border: none; padding: 0px; margin: 0px;} .Search legend { text-indent: -35000px; margin: 0; padding: 0;} .Search form { padding: 33px 33px 0px 33px; margin: 0px 0px 0px 0px;} .Search input { color: #6db6ff; font-size: 14px; font-family: 'Arial'; letter-spacing: -1px; font-weight: bold; } .Search input.search { width: 25px; height: 25px; background: url(./images/Combine.png) no-repeat; background-position: -378px -50px;} .Search input.search:hover { background: url(./images/Combine.png) no-repeat; background-position: -378px -75px;} .Search input.searchIE {width: 25px; height: 25px; background: url(./images/Combine.png) no-repeat; background-position: -378px -75px;} .Search input.keyword { border: none; background: #fff url(./images/Combine.png) no-repeat; padding: 4px 0px 5px 8px; width: 291px; border: none; background-position: 0px -160px;} .SearchCorner { position: absolute; background: #fff url(./images/Combine.png) no-repeat; width: 9px; height: 8px; margin: 0px; top: 34px; right: -9px; background-position: -410px 0px;} /* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 291px; } #buttonsearch { padding: 0px; margin: -25px 0px 0px 291px; top: 0px; background: none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ContainerBG { width: 100%; float: left; padding: 10px 0px;} .Container { width: 990px; position: relative; clear: left; margin: 0 auto; padding-top: 10px; border-top: solid 1px #ccc;} /* Central Column - Single Pages */ .SCS { float: left; width: 610px; } .SCS h1 { font-size: 24px; line-height: 26px; letter-spacing: -1px; font-weight: normal; padding: 7px 0px; margin: 0px 0px 7px 0px; border-bottom: dashed 1px #ccc;} .SCS h2 { font-size: 20px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px; } .SCS h3 { font-size: 17px; line-height: 19px; letter-spacing: -1px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; } .SCS p { font-size: 12px; line-height: 16px;} /* .SCS img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;} */ .SCS blockquote {padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;} .SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .SCS ul { font-size: 11px; padding-left: 12px; } /* Left Column */ .SC { float: left; width: 610px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 10px;} /* .DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; } */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Post {position: relative; clear: left; width: 610px;} .Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;} .Post h1 a { color: #ff5a00; text-decoration: none;} .Post h1 a:visited { color: #ff5a00; text-decoration: none;} .Post h1 a:hover { color: #003399; text-decoration: none;} .PostHead { padding-left: 40px; padding-right: 60px; } .PostInfo { padding: 0px; margin: 0px; font-size: 11px; color: #828282;} .PostInfo em { font-style: normal;} .PostInfo em a { text-decoration: underline; color: #828282;} .PostInfo em a:visited { text-decoration: underline; color: #828282;} .PostInfo em a:hover { text-decoration: underline; color: #828282; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;} .PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase;} .PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;} .PostDigg {position: absolute; top: 0px; right: 0; text-align: center; margin: 0 10px 0 10px;} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .PostContent { padding: 5px 0px 0px 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc; margin-top: 15px;} .PostContent p { font-size: 12px; line-height: 16px;} /* .PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;} */ .PostContent blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;} .PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .PostContent ul { font-size: 11px; padding-left: 12px; } .PostContent img { background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px; border:none; border-top:#eee 1px solid; border-left:#eee 1px solid; } .PostContent img.wp-smiley {background:none ; padding:0px ; border:none; } /* Bookmark */ .Bookmark img {background:none ; padding:0px ; border:none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;} .PostDetails li { padding: 0px; margin: 0px; list-style-type: none; } .PostDetails .PostCom {} .PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;} .PostDetails .PostCom a span { padding: 4px 15px 3px 5px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; } .PostDetails .PostCom a span { float: none;} .PostDetails .PostCom a:hover span {} .PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;} .PostDetails .PostCom a:hover span { background-position: 100% -23px; } /* .PostDetails .Tags { background: url(./images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;} */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .RelatedPosts { margin: 20px 0px;} .RelatedPosts h3 { font-size: 14px; letter-spacing: -1px; background:url(images/Combine.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px; background-position: -410px -12px;} .RelatedPosts ul { padding: 10px 0px 0px 0px; margin: 0px;} /* .RelatedPosts li { padding: 0px 0px 0px 20px; margin: 0px; list-style-type: none; background: url(images/RelatedPostsLi.png) no-repeat left top;} */ .RelatedPosts {} /* Start new comment style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .thread-alt { background-color: #f8f8f8;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; } .thread-even { background-color: white;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; } .depth-1 { border: 1px solid #ddd;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; } .even, .alt { border-left: 1px solid #ddd; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform { margin: 5px 10px 0 0; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ #comments { font-size: 14px; letter-spacing: -1px; background:url(images/Combine.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px; background-position: -410px -68px;} .comment-meta { color:#8c97a1; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 10px; } .comment-meta a { color:#8c97a1; text-decoration: none;} .comment-meta a:visited { text-decoration: none;} .fn a { text-decoration: none;} .fn a:visited { text-decoration: none;} .fn a:hover { text-decoration: none;} .says {font-weight: normal;} .comment-reply-link {font-weight: normal;} #cancel-comment-reply-link {font-weight: normal;} #respond h3 { font-size: 14px; letter-spacing: -1px; background:url(images/Combine.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px; background-position: -410px -40px;} #respond form { padding: 20px; margin: 0px; background: #accbed;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #respond input.Submit { width: 150px; height: 26px; background: url(images/Combine.png) no-repeat; margin-top: 7px; padding: 0px; background-position: 0px -104px;} #respond input.Submit:hover { background: url(images/Combine.png) no-repeat; background-position: 0px -130px; } #respond input.SubmitIE { width: 150px; height: 26px; background: url(images/Combine.png) no-repeat 0 -26px; margin-top: 7px; padding: 0px; background-position: 0px -104px;} /* End new comment style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { padding: 0px; margin: 20px 0px 0px 0px;} .Comments .List h3 { font-size: 14px; letter-spacing: -1px; background:url(images/Combine.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px; background-position: -410px -68px;} .Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;} .Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ .Comments .List .ListNr { color:#a8bed7; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 15px; height: 15px; padding: 5px; text-align: center; border: solid 1px #cee0f4; background: #eaf4ff;} .Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;} .Comments .List .ListUser a { text-decoration: none;} .Comments .List .ListUser a:visited { text-decoration: none;} .Comments .List .ListUser a:hover { text-decoration: none;} .Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; } .Comments .List .ListDate a { color:#8c97a1; text-decoration: none;} .Comments .List .ListDate a:visited { text-decoration: none;} .Comments .List .ListContent { color:#333; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;} .Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form { width: 510px; } .Comments .Form h3 { font-size: 14px; letter-spacing: -1px; background:url(images/Combine.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px; background-position: -410px -40px;} .Comments .FormTop { background: #accbed url(images/CommentsFormTopBkg.gif) no-repeat left top; width: 510px; height: 5px; display: block;} .Comments .Form form { padding: 20px; margin: 0px; background: #accbed url(images/CommentsFormEndBkg.gif) no-repeat left bottom;} .Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 11px; color:#000033;} .Comments .Form p label { padding-bottom: 11px; display: block;} .Comments .Form p label small { font-size: 11px; color: #000033} .Comments .Form .Note { margin: 5px 0px; width: 395px;} .Comments .Form .Note small { font-size: 10px;} .Comments .Form .TextField { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; margin-right: 20px; color:#40454b;} .Comments .Form .TextArea { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; color:#40454b;} .Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(images/Combine.png) no-repeat; margin-top: 7px; background-position: 0px -104px;} .Comments .Form input.SubmitComment:hover { background: url(images/Combine.png) no-repeat; background-position: 0px -130px;} .Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/Combine.png) no-repeat 0 -26px; margin-top: 7px; background-position: 0px -104px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Right Column */ .SR { float: right; width: 359px; margin-right: 5px; padding-bottom: 4px; background: #eaf4ff url(./images/SRBkg.gif) no-repeat left bottom;} .SR h2 { font-size: 14px; letter-spacing: -1px; padding: 5px 0px; margin: 0px; border-bottom: solid 1px #d4e3f4; color:#323740;} .SR ul { padding: 0px; margin: 0px;} .SR li { padding: 0px; margin: 0px; list-style-type: none;} .SR li a { padding: 2px 0px 3px 8px; color: #003366; text-decoration: none; border-bottom: solid 1px #d4e3f4; background: url(images/Combine.png) no-repeat left top; width: 138px; display: block; background-position: -412px -120px;} .SR li a:visited { color: #003366; text-decoration: none; border-bottom: solid 1px #d4e3f4;} .SR li a:hover { text-decoration: underline; color: #000033; border-bottom: solid 1px #d4e3f4;} /* Right - Center */ .SR .SideCenter { padding: 10px; } /* Right - First Column */ .SR .SRL { float: left; width: 140px; padding: 10px 0px 10px 25px; margin-right: 11px; background: url(./images/SRLBkg.gif) no-repeat left top;} /* Right - Second Column */ .SR .SRR { float: right; width: 150px; padding: 10px 25px 10px 0px; background: url(./images/SRRBkg.gif) no-repeat right top;} .Categories { margin-bottom: 20px;} .Links { margin-bottom: 20px;} .Archives { margin-bottom: 20px;} .Meta {} .Calendar {} .Calendar caption { background: #d4e3f4; padding: 5px 0px;} .Calendar table { width: 170px; border: solid 1px #d4e3f4;} .Calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #d4e3f4; padding: 3px 0px;} .Calendar table td { text-align: center; padding: 3px 0px; font-size: 11px;} /* navigation */ .navigation { display: block; text-align: center; margin-top: 15px; margin-bottom: 20px; font-weight: bold; } .alignright { float: right; } .alignleft { float: left; } /* TopSearch */ .TopSearch h3 { font-size: 13px; letter-spacing: -1px; background:url(images/RelatedPostsHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px;} .TopSearch { margin-top: 50px; } .TopSearch a { font-size: 9px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Extra Footer */ .ExtraBG { width: 100%; float: left; background: #003399; padding: 25px 0px;} .Extra { width: 900px; position: relative; clear: left; margin: 0 auto; } .Extra h3 { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#fff; font-size: 17px; letter-spacing: -1px; border-bottom: dashed 1px #2658ad;} .Extra ul { padding: 0px; margin: 0px;} .Extra li { color:#fff; padding: 1px 0px 1px 13px; margin: 0px; list-style-type: none; font-size: 11px; background: url(images/Combine.png) no-repeat left top; background-position: -444px -102px;} .Extra li a { color:#95c5e8; } .Extra li a:visited { color:#95c5e8; } .Extra li a:hover { color:#fff; } .Extra .RecentPosts { width: 290px; float: left; } .Extra .LastComments { width: 290px; float: left; margin: 0px 15px;} .Extra .MostCommented { width: 290px; float: left;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FooterBG { width: 100%; float: left; background: #000066; padding: 20px 0px;} .Footer { width: 900px; position: relative; clear: left; margin: 0 auto; } .Footer p { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#487cb0; font-size: 11px; border-bottom: solid 1px #062a6e; display: block;} .Footer p a {color:#487cb0; text-decoration: underline;} .Footer ul { display: inline; padding: 0px; margin: 0px; } .Footer li { display: inline; padding: 0px; margin: 0px; list-style-type: none;} /* .Footer .WP { text-indent: -35000px; background: url(images/FooterWPLogo.gif) no-repeat left top; width: 71px; height: 20px; float: left;} .Footer .DD { text-indent: -35000px; background: url(images/FooterDDLogo.gif) no-repeat left top; width: 83px; height: 20px; float: left; margin-right: 10px; } */ /* WordPress 2.8 Plugin: WP-PageNavi 2.50 */ .wp-pagenavi {clear:both;padding:0px;text-align:left;font-size:12px;font-weight:bold;color:#999;margin:0px;}.wp-pagenavi a, .wp-pagenavi a:link {margin:0 1px 0 1px;padding:5px 7px 5px 7px;color:#006699;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.wp-pagenavi a:hover { text-decoration:none;padding:5px 7px 5px 7px;color:#1584d9;border:1px solid #1584d9;background:#F0F4F7;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.wp-pagenavi a:active {background:#1584d9;color:#FFF;border:1px solid #0364ae;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.wp-pagenavi span.pages {margin:0 1px 0 1px;padding:5px 7px 5px 7px;color:#006699;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.wp-pagenavi span.current {margin:0 1px 0 1px;padding:5px 7px 5px 7px;background:#1584d9;color:#FFF;border:1px solid #0364ae;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.wp-pagenavi span.extend {margin:0 1px 0 1px;padding:5px 7px 5px 7px;color:#006699;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} /* Begin Contact Form ][ CSS */ .contactform { position: static; overflow: hidden; } .contactleft { width: 25%; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 5px 0; font-weight: bold; } .contactright { width: 70%; text-align: left; float: right; display: inline; padding: 4px; margin: 5px 0; } .contacterror { border: 2px solid #ff0000; } /* End Contact Form ][ CSS */ /* Cleaner Gallery Stylesheet */ .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; } .gallery .gallery-row { display: block; clear: both; overflow: hidden; margin: 0; } .gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { height: auto; padding: 1%; margin: 0 auto; background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px; border:none; border-top:#eee 1px solid; border-left:#eee 1px solid; } .gallery-caption { margin-left: 0; } /* Image sizes depending on the number of columns */ .col-0 { width: 100%; } .col-1 { width: 100%; } .col-2 { width: 50%; } .col-3 { width: 33%; } .col-4 { width: 25%; } .col-5 { width: 20%; } .col-6 { width: 16.5%; } .col-7 { width: 14%; } .col-8 { width: 12.4%; } .col-9 { width: 11%; } .col-10 { width: 10%; } .col-11 { width: 9%; } .col-12 { width: 8.33%; } .col-13 { width: 7.6%; } .col-14 { width: 7.1%; } .col-15 { width: 6.66%; } .col-16 { width: 6.25%; } .col-17 { width: 5.83%; } .col-18 { width: 5.55%; } .col-19 { width: 5.25%; } .col-20 { width: 4.95%; } /* Lightbox 2 */ #stimuli_lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #stimuli_lightbox a img { border: none; } #stimuli_outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #stimuli_imageContainer { padding: 10px; } #stimuli_loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: transparent center url(images/loading.gif) no-repeat; } #stimuli_hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #stimuli_imageContainer>#stimuli_hoverNav { left: 0;} #stimuli_hoverNav a { outline: none;} #stimuli_prevLink, #stimuli_nextLink { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #stimuli_prevLink { left: 0; float: left;} #stimuli_nextLink { right: 0; float: right;} #stimuli_prevLink:hover, #stimuli_prevLink:visited:hover { background: url(images/prev.gif) left 20% no-repeat; } #stimuli_nextLink:hover, #stimuli_nextLink:visited:hover { background: url(images/next.gif) right 20% no-repeat; } #stimuli_imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #stimuli_imageData { padding:0 10px; color: #666; } #stimuli_imageData #stimuli_imageDetails { width: 70%; float: left; text-align: left; } #stimuli_imageData #stimuli_caption { font-weight: bold;} #stimuli_imageData #stimuli_numberDisplay { display: block; clear: left; padding-bottom: 1.0em;} #stimuli_imageData #stimuli_bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; background: url(images/closelabel.gif) right 55% no-repeat; padding-top: 1.0em; margin-bottom: 1.0em;} #stimuli_overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }