/* Theme Name: SAMOA TIMES THEME Description: samoa times newspaper Author: Iwan Sugiharto Version: 0.3 */ @charset "UTF-8"; /* CSS Document */ /* -- =1: reset all elements to a common value ----------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} li {display:inline} caption,th {text-align:left;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sub {vertical-align:text-bottom;} input, textarea, select{font-family: inherit;font-size:inherit; font-weight:inherit; margin-bottom:6px; margin-top:2px} label{font-size: 1.2em; float: left; clear: left; color: #e8e8e8} a{ text-decoration:none;} *{margin:0; padding:0} /* -- =2: default classes -------------------------------------------------------------------------- */ .center { text-align: center; } .floatleft {float:left} .left { text-align: left !important; } .small { font-size: 0.9em; } .center{ text-align:center; color:#999} .smaller { font-size: 0.8em !important; } .bold { color:#FF0909; font-weight:bold !important;} .linksign{color:#FF0909} .floatRight { float: right; } .floatLeft { float: left;} .clear { clear: both; } /* -- Rounded -------------------------------------------------------------------------- */ /*.sectionLogo, .sectionLogoLong, .archiveLogoLong, #accordion, #nav, .moreLogo{ -webkit-border-bottom-left-radius: 4px 4px; -webkit-border-bottom-right-radius: 4px 4px; -webkit-border-top-left-radius: 4px 4px; -webkit-border-top-right-radius: 4px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px; -moz-border-radius-topleft: 4px 4px; -moz-border-radius-topright: 4px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;}*/ .moreLogo{ /*-webkit-border-bottom-left-radius: 4px 4px; -webkit-border-bottom-right-radius: 4px 4px;*/ -webkit-border-top-left-radius: 4px 4px; -webkit-border-top-right-radius: 4px 4px; -moz-border-radius-topleft: 4px 4px; -moz-border-radius-topright: 4px 4px; } /* -- =3: accessibility ---------------------------------------------------------------------------- */ .sqbutton{ left: -9999px; font-size: small; } .hide { display: none; } p{margin-bottom:1em; line-height:1.6em;} .limitWords, .headstory {float:left; font-family:"Verdana", Geneva, sans-serif !Important; line-height:1.4em; color:#666 } .limitWordsHead {float:left; font-family:"Verdana", Geneva, sans-serif !Important; line-height:1.4em; font-size:1.2em } h2, storyttl{font-family: "Verdana", Arial, Helvetica, sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:-.5px; line-height:1.1em; margin-top:.5em; margin-bottom:.31em; color:#000} h3{-x-system-font:none; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.2em } .sub {Margin-bottom:.1em } .sub a{Margin-bottom:.25em; color:#000; text-decoration:none; font-size:1em; font-weight:bold } .main a{Margin-bottom:.25em; color:#000; text-decoration:none; font-weight:bold; line-height:1.1em } .tagline{color:#FF0000; font-size:.7em; text-decoration:none; display:inline; height:14px; width:100%; margin-top:10px; margin-bottom:4px; display:block; font-weight:bold } .writer{color:#666; font-size:.7em; text-decoration:none; display:inline;} h6, .updateLinkTitle a, .rightBoxMoreNews a{font-family: Verdana, Geneva, sans-serif; font-size:.7em;font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin-top:2px; margin-bottom:.25em; color:#666; text-decoration:none } .updateLinkTitle ul{ list-style-image:url(images/arrowWhite.png)} .postreglink{display:inline; float:left; width:140px;; min-height:2em; margin-right:1px; margin-bottom:4px; border-top:1px dotted #999; padding-top:4px; margin-top:0px; } .reglink a{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:.9em; line-height:1.3em;} .reglink { float:left; display:block; margin-bottom:4px;} .latestPost{float:left; width:233px; border-bottom: 1px dotted #999999 } /*>>>>>>>>>> STRUCTURE <<<<<<<<<*/ body{ background-color:#CCC; font-family:"Verdana", Geneva, sans-serif !Important; font-size:.8em } #container {margin:0 auto;width:1024px } #mainBox{float:left; margin-left:10px; width: 966px} #mbox{float:left; display:inline; padding:0px 4px; width:968px; min-height:700px; background:url(images/backgrn.jpg) repeat-y; } /*>>>>>>>>>> HEAD BOX <<<<<<<<<*/ #top{display:block; margin-left:3px; width:960px; height:148px; } .blackbar, #smoothmenu1{float:left; display:block; width:100%; height:32px; background:#000 } .navright a{float:right; height:30px; margin-right:6px; width:32px; displat:inline; color:#CCC} .navright span{float:right;width:100px;padding:8px 0;height:30px; color:#CCC} .navright a:hover{-moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow:0px 0px 10px #fff;} #dateadntime{float:left; display:inline; margin-left:22px; height:32px; color: #CCC; font-family:Arial, Helvetica, sans-serif} #dateadntime p{padding:0px; margin:.6em} #logowrap{float:left; display:inline; width:100%; padding:10px 0} #logowrap a{float:left; display:inline; width:450px; height:64px;} #logoheader{float:left; width:430px; margin:0px 10px 0px 22px;} #topnav{float:right; margin-right:22px; margin-top:10px;} #topnav li {float:left; display:inline;color:#666 } #topnav li a {color:#666} #topnav li a:hover {color:#F00} #creditfooter{display:none} /* Navigation with dropdown ----------------------------------------*/ .ddsmoothmenu ul{z-index:100; float:left; font-size:1em; width:650px; list-style-type: none; padding:0px; margin:0px} .ddsmoothmenu ul li {position: relative; float:left; display:inline;color:#CCC; } .ddsmoothmenu ul li a {color:#ccc; height:16px;display: block; background: #000; /*background of menu items (default state)*/ padding: 8px 10px;} .ddsmoothmenu ul li a img{ visibility:hidden} * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block} .ddsmoothmenu ul li a:hover {text-shadow: 0px 0px 10px #fff; color:#FFF; background:#2C2C2C;} .ddsmoothmenu ul li a:link, #mainnav li a:visited{color:#ccc} .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #333; color: white} /*1st sub level menu*/ .ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/ visibility: hidden} /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{display: list-item;float: none} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{top: 0} /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{font: normal 13px Verdana; width:242px; /*width of sub menus*/ padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray} /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ .downarrowclass{ position: absolute; top: 12px; right: 7px } .rightarrowclass{ position: absolute; top: 6px; right: 5px } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0;} .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8 } .memberlogin{margin-left:248px;} #bannertop{float:right; margin-right:22px; margin-top:2px; display:inline; width:468px; height:60px;overflow:hidden} /*#feed{float:left; margin-top:50px; height: 32px; width:32px; background-image:url(images/images.jpg) } #feed a {float:left; height: 32px; width:32px }*/ .limitWords img, post.img, postFront.img {float:left; display:inline; } .limitWords p img.alignright {display:none;} .entryStory p img{display:none;} .limitWordsHead{min-height:200px } .limitWordsHead a, .limitWordsGlider a{ text-decoration:none; color:#999; float:right } .limitWordsHead a:hover, .limitWordsGlider a:hover{ text-decoration:none; color:#000; float:right } .limitWordsHead img{float:right; display:inline; margin-right:10px; margin-left:10px; max-height:180px} .limitWordsHead img { /* For Internet Explorer: */ height: expression(Math.max(parseInt(this.offsetHeight), 180 ) + "px"); width: expression(Math.max(parseInt(this.offsetWidth), 240 ) + "px");} .limitWordsGlider{float:left; display:block; clear:both; width:300px; margin-top:10px;height:240px } .limitWordsGlider img{float:left; display:block; clear:right; max-width:300px; max-height:240px; overflow:hidden; margin-left:0px; } .headstory{float:left; display:block; width:300px; margin-left:0px;} #banner600{float:left;margin-top:10px; margin-bottom:4px; display:block; width:600px; height:90px} /*>>>>>>>>>> FOOT BOX <<<<<<<<<*/ .footBox{ float:left; display:inline; margin-left:3px; bottom:0px; width:960px; height:8em; background-color:#000 } .footBox ul{float:left; display:inline} #btmNav a, #btmNav2 a, .credit a{color:#FFF; font-style:normal; text-decoration:none } #btmNav, #btmNav2 {float:left; display:inline; font-family: arial ;font-size:.8em } #btmNav ul, #btmNav2 ul {padding-left:0px; margin-left:6px; margin-top:.3em } #btmNav{float:left; display:inline; margin-top:.81em; width:966px; height:2em } #btmNav2{float:left; display:inline; margin-top:0px; width:966px; height:2em } #btmNav li, #btmNav2 li{font-style:normal} #btmNav li, #btmNav2 li{float:left; display:inline; margin-left:8px } .credit{float:left; display:inline; margin-left:16px; margin-top:5px; color:#FFF; font-family: verdana;font-size:.8em; font-style:normal; line-height:1.6em } /*>>>>>>>>>> HEADLINE BOX <<<<<<<<<*/ .contentBox{float:left; display:inline; margin-left:3px; width:960px; margin-top:5px; margin-bottom:10px; min-height:600px } .mainNews, .mainGallery{float:left; display:inline; margin-left:10px; width:631px} #headline{float:left; width:626px; height:22em; overflow:hidden; border-bottom:1px dotted #999;} #headline .limitWords{ font-size:.9em} #headlineHome{float:left; display:inline; width:100%; height:450px} #gliderbox{float:left; display:inline; width:310px; border-right:1px dotted #999; height:452px; } .headlinePost{float:left; width:300px; margin-bottom:6px; display:inline;} .headText{float:left; margin-left:2px; margin-bottom:.31em; margin-top:0px; width:430px} .headText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px; color:#036} /*>>>>>>>>>> GALLERY <<<<<<<<<*/ #albumSelector{float:left; width:615px; height:140px; overflow:auto; display:inline} #gallerytitle{float:left; margin-top:1.25em; width:615px; height:2.5em; background-color:#006666 } #mythumbnails{float:left; display:inline; margin-left:7px; margin-top:.94em; width:615px} .ngg-gallery-thumbnail{float:left; display:inline; margin-right:10px; margin-bottom:10px} .thumbSlider{float:left; margin-right:10px; width:120px; height:120px; background-color:#006666} .mainGallery li a:link, .mainGallery li a:visited,{ color:#666} .ngg-navigation{float:left; display:block; width:100%; text-align:center} .page-numbers, .ngg-navigation span{margin-right:10px;} /*>>>>>>>>>> LEFT NEWS BOX <<<<<<<<<*/ .sectionHead{float:left; width:630px; margin-top:2px; } .sectionHeadBtm{float:left; width:615px; border-bottom: 2px solid #FF0000 } .sectionLogo{float:left; height:30px; width:100%; border-top:2px solid #CCC; background-color:#000; margin-bottom:10px;} .sectionLogo a{margin-left:10px; margin-top:6px; float:left; font-family:"Verdana", Geneva, sans-serif ; font-size:1em; line-height:1.4em; color:#fff ;text-decoration:none; } .latestRegularLogo, .latestRegularLogoLong {float:left; font-family:"Verdana", Geneva, sans-serif ; line-height:1.4em; color:#FFFFFF; text-decoration:none} .sectionLogoLong{float:left; height:30px; width:615px; background-color:#000} .sectionLogoLong p{margin-left:16px; font-family: Verdana, Arial, Helvetica, sans-serif;color:#fff; font-size:1.3em; margin-top:4px; font-weight:bold;} .sectionLogo p{margin-left:16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:1.1em; margin-top:2px} .sectionLogo :hover{font-style:normal; text-decoration:underline} #etebox{float:left; display:inline; padding-left:10px; padding-top:10px; width:620px; min-height:15px; border-bottom:1px solid #000000; border-top:1px solid #000000; margin-top:.4em; margin-bottom:.4em; background-color:#F6F6F6} #etebox h2 {float:left; display:block; width:620px; margin:0px; font-weight:bold; color:#FF0000} #etebox p{ font-family:Arial, Helvetica, sans-serif; color:#000000; width:600px} #etebox li a{float:left; display:block; min-height:15px; width:596px; text-decoration:none;} #etebox li a:hover{ text-decoration:blink } .news{float:left; width:630px; margin-left:0px; margin-top:0px; display:inline} .leftBox{float:left; width:299px; border-right:1px dotted #999} .leftBox ul{list-style:none; list-style-image:none} .leftBoxSection{float:left; width:615px; margin-top:.63em} .homeBoxNews, .sectionBoxNews{float:left; display:inline; width:100%; border-top:3px solid #000; padding-top:10px; margin-top:10px; margin-bottom:10px; display:inline} .homeBoxNews ul, .sectionBoxNews ul{list-style:none; display:inline; width:300px} .leftBoxNewsSection{float:left; display:inline; width:285px; margin-top:0px; padding-right:9px; margin-right:12px; margin-bottom:1.25em; border-bottom:1px dotted #999} .leftBoxNewsPhoto{float:left; width:284px; margin-bottom:.63em; height:150px; background-color:#033} .postFront{display:inline; float:left; width:192px; min-height:18em; margin-right:16px; margin-bottom:.9em; border-bottom:1px dotted #999; padding:4px 0; margin-top:0px; overflow:hidden } .postFront{/* For Internet Explorer: */ height: expression(Math.min(parseInt(this.offsetHeight), 15.5 ) + "em")} .post{display:inline; float:left; width:300px; min-height:12em; margin-right:13px; margin-bottom:.9em; border-bottom:1px dotted #999; padding-top:4px; margin-top:0px } .post{/* For Internet Explorer: */ height: expression(Math.min(parseInt(this.offsetHeight), 13.5 ) + "em")} .entry{float:left; width:493px; margin-top:.63em } #story{float:left; margin-top:5px; width:612px; height:300px; background-color:#00559 } .wp_thumbie_ul_list, #wp_thumbie_rl1 {display:none;} /*>>>>>>>>>> RIGHT NEWS BOX <<<<<<<<<*/ .rightBoxCombine{margin-left:14px; float:left; width:299px; height:150px; margin-top:.63em } .rightBoxNewsSection{float:left; width:299px; height:150px; margin-bottom:.63em} .rightBox{margin-left:14px; float:left; width:299px; height:150px; margin-top:.63em; background-image:url(images/backlink.png); background-repeat: no-repeat } .rightBoxLink {float:left; display:inline; width:192px; min-height:11em} .rightBoxLink ul {float:left; width:192px; border-bottom-width:thin; margin-top:8px} .rightBoxLink li{float:left; width:162px; font-style:normal; margin:0px; display:list-item} .rightBoxLink li a{ font-size:.9em; line-height:1.4em } .moreLogo{float:left; width:192px; padding-top:6px; height:30px; margin-left:0px; background-color:#CCC; margin-bottom:.25em; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:1em } .rightBoxSection{float:left; width:192px; height:9.38em; margin-bottom:1.25em} .rightBoxNews{margin-left:0px; float:left; width:190px; padding-bottom:6px; border:1px dotted #CCC;} .rightBoxNews ul{width:162px; padding-left:27px; font-style:normal; margin:0px; line-height:1.6em; list-style-image:url(images/arrowred.gif); } .rightBoxMoreNews{float:left; width:175px } .rightBoxMoreNews a {margin-left:0px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:.9em; font-weight:normal; border-bottom: 1px dotted #999} .postMore{float:left; width:280px; margin-left:10px } #headlineStory{float:left;width:498px;height:17.50em } /*>>>>>>>>>> MID COLUMN BOX <<<<<<<<<*/ #midColumn{float:left; margin-left:5px; display:inline; width:300px} .midhead1 {float:left; height:129px; width:100%;} .midhead1 p {font-family:"Verdana", Geneva, sans-serif ; line-height:1.4em; font-weight:bold; margin:6px 10px;color:#FFF } .boxlink{float:left; width:300px; margin-bottom:10px; margin-top:0px; padding-bottom:10px; border-top:1px solid #999; height:300px; overflow:hidden;} .boxlink ul, .feedburnerFeedBlock ul{ width:280px; padding-left:20px; margin-top:4px; font-style:normal; color:#000; list-style:none } .boxlink li a{ font-size:.9em; color:#666; width:100%; border-bottom:1px dotted #999; min-height:16px; margin:4px 0; display:list-item; list-style-image:url(images/arrowred.gif); text-decoration:none } .boxlink li a:hover{color:#F00} #slideshow {float:left; width:298px; height:130px; border: 1px solid #CCC} /*>>>>>>>>>> RIGHT COLUMN BOX <<<<<<<<<*/ .AccordionTitle{float:left; width:140px; height:17.88em } .linkbox{float:left; display:inline; margin-left:4px; width:302px; min-height:600px;} .latestRegularLogo{float:left; display:inline; height:2.4em; width:142px; background-color:#FF0000} .latestRegularLogoLong{float:left; height:2.4em; width:290px} .updateLinkTitleLongUl{line-height:1.6em} .updateLinkTitleLong li {padding-left:0px; list-style-image:url(images/arrowred.gif); border-bottom:1px dotted #CCC} .updateLinkTitleLong li a{font-family: Verdana, Geneva, sans-serif; font-size:.9em;font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; margin-top:2px; margin-bottom:.25em; color:#666; text-decoration:none; } .updateLinkTitleLong li hover{color:#CC9900} #rightColumnA{float:left; display:inline; width:300px;} .latestNews, .archiveregular{float:left; margin-left:9px; width:148px;height:19.13em; border-right:1px dotted #999} .min-{float:left; width:290px; margin-bottom:10px; margin-top:0px; padding-bottom:10px; min-height:400px; overflow:hidden;} .searchbox{float:left; width:290px; margin-bottom:10px; margin-top:0px; padding-bottom:10px; height:42px; overflow:hidden;} .archiveList ul{ width:275px; padding-left:20px; margin-top:2px; font-style:normal; color:#000 } .archiveList li a{ font-size:.9em; color:#666; width:100%;min-height:16px; margin:2px 0; display:list-item; list-style-image:url(images/arrowred.gif); text-decoration:none } .archiveList li a:hover{color:#F00} .archiveListtag{float:left; width:290px; margin-bottom:10px; margin-top:0px; padding-top:10px; border-top:3px solid #000; height:18.4em; overflow:auto; line-height:1.4em; background-color:#F00} .archiveListtag p a{ lfloat:left; display:inline; margin-left:10px;color:#FFFFFF; text-decoration:none; font-size:.9em; line-height:.7em;} .idTabs {float:left; display:inline; list-style:none; padding:0px; width:300px ; margin:0px; height:30px; border-bottom:1px solid #999} .idTabs a{float:left; display:inline; font-size:2em; text-decoration:none; margin-right:10px; width:10px; color:#666} .idTabs .selected {float:left; color:#F00} #idTab1{ float:left; display:block; width:300px;} #idTab2{ float:left; display:block; width:300px; } #idTab3{ float:left; display:block; width:300px; } #latestNews, #regularArticleLink{float:left; margin-left:13px;margin-bottom:.63em; width:140px;} #latestNewsWithWrap{float:left; height:17.88em; width:140px} #rightColumnA li a:hover{font-style:normal; text-decoration:underline} .latestRegularLogo p, .latestRegularLogoLong p {margin-left:8px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:1.2em; margin-top:4px; letter-spacing:normal} #latestListBox{float:left; width:140px; height:270px; overflow:hidden} .updateLink{width:140px; height:20px; margin-bottom:2px} .updateLink img{border:1px solid #CCC} .updateLink a{ text-decoration:none} .updateLinkTitle{float:left; margin-left:0px; width:140px} .updateLinkTitle a{line-height:5em} .updateLinkTitleLong{float:left; margin-left:4px; width:275px} .latestNews ul, .archiveregular ul { list-style-image:none; list-style-position:outside;margin:0; padding:0; font-family:arial,helvetica,sans-serif; font-size:.8em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal} #recentcomment li{float:left; display:inline; padding-bottom:4px; border-bottom:1px dotted #CCC} #recentcomment li strong{ color:#000} #recentcomment li a:visited{ color:#666} #recentcomment li a:hover{ color:#666;} #recentcomment p { float:left; display:block; padding-top:4px; width:290px; color:#fff; padding-left:10px; } /*>>>>>>>>>> REGULAR ARTICLE <<<<<<<<<*/ #regulararticle{ float:left; display:inline; width:615px} #regulararticlePage{ float:left; display:inline; width:600px} #regulartext{ float:left; display:inline; width:615px} #share{float:left; display:inline; width:615px; height:60px; margin-bottom:10px;} .sharelogo {float:left; display:inline; width:615px; height:40px;} .sharelogo a{float:left; display:inline; margin-right:10px; } .entryStory{float:left; width:580px; margin-top:.63em; margin-bottom:1.25em} .entryStory img{ float:right; margin-left:10px} .entryStory span{ float:right; margin-left:10px; font-size:.9em; width:300px; min-height:6px; margin-bottom:6px; background-color:#CCC; font-size:.8em;} .entryStory li{float:left; display:block; width:100% } .entryStory li a{float:left; display:block; color:#666; font-size:.9em; text-decoration:none; display:list-item; list-style:disc} .ngg-singlepic a:link{ border:none} .limitWords img{float:right; display:inline; margin-right:10px; margin-left:10px; max-height:180px} .limitWords a, .MsoNormal a, .limitWordsGlider a{text-decoration:none; font-size:.6em; color:#999; float:right } .limitWords a:hover, .MsoNormal a:hover, .limitWordsGlider a:hover{ color:#000 } .post img{float:left; margin-right:10px; margin-top:0px } .post ul{ list-style-image:none } .wrap{float:right; width:180px; height:22.50em; margin-left:20px; margin-bottom:1.25em; background-color:#999} .aligncenter {display:none; } .gallery-desc{ float:right; display:inline; margin-top:250px; font-size:.7em; color:#999} .postreg{display:inline; float:left; width:310px; min-height:13.4em; margin-right:10px; margin-bottom:.9em; padding-top:4px; margin-top:0px ; } .postreg ul{float:left; display:block; width:275px; padding-left:20px; list-style-type:disc} .postreg li{float:left; display:block; width:275px; display:list-item; list-style-image:url(images/arrow.png); border-bottom: 1px dotted #666; } .postreg {/* For Internet Explorer: */ height: expression(Math.min(parseInt(this.offsetHeight), 13.5 ) + "em")} .headregular{ float:left; display:inline; width:310px; min-height:60px; margin-top:0px; padding-left:4px; border-bottom:2px solid #F00; background-color:#999; margin-bottom:4px; } .list { float:left; margin-left:10px; text-decoration:none} .list a { color:#000000; line-height:1.4em; font-size:.9em; font-weight:normal; text-decoration:none} .list a:hover{text-decoration:underline} #albumName{height:2em; width:290px; background-image:url(images/bluPattern.gif )} .introbox{ padding:10px 0; border-top:1px solid #999; border-bottom:1px solid #999; float:left; display:inline; margin:10px;} .intro{font-size:1.3em; color:#666} /*>>>>>>>>>> CHURCH PAGE<<<<<<<<<*/ #churchpage h3{ font-size:1em; color:#fff; background-color:#000; width:622px; padding:4px; } #churchpage h3 a{color:#fff } #churchpage h3 a:hover{color:#F00 } #navigation li{display:block; margin-bottom:10px;} #navigation li h4{float:left; display:block; width:590px; padding:10px; background-color:#666; color:#FFF; border-bottom:1px solid #999} #navigation li h5{background-color:#999; padding:4px 2px; border-bottom:1px solid #666; font-size:1.2em;} #navigation li p{ font-size:.8em; line-height:1.2em} .head{ width:570; background-color:#C60; padding:20px; color:#FFF;} .chcdetail{float:left; display:inline; width:270px; padding:6px; margin:10px 5px; border:1px solid #666; background-color:#CCC} /*>>>>>>>>>> ARCHIVE PAGE<<<<<<<<<*/ .sectionLogoArchive{float:left; display:inline; height:3em; width:610px; padding-left:10px; background-color:#FF0000 } .sectionLogoArchive h1, .sectionLogoArchive h2{ font-weight:bold; color:#FFF} .archiveBoxNews, .sectionBoxNews{float:left; display:inline; width:610px; margin-top:0px; display:inline} .archiveBoxNews ul, .sectionBoxNews ul{ float:left; list-style:none; width:626px; display:block} .archive{display:inline; float:left; width:610px; min-height:30px; margin-right:2px;margin-bottom:.9em; border-top:1px dotted #999; padding-top:4px; margin-top:0px } .archivedate{float:left; display:inline; text-align:center; color:#FFF; font-size:.6em; text-decoration:none; display:inline; height:20px; width:64px; margin-top:4px; margin-bottom:4px; display:block; font-weight:normal; background-color:#F00} .archivelink{float:left; display:inline; margin-left:10px;width:530px; min-height:30px;} .archivesub { margin-bottom:.1em } .archivesub a{margin-bottom:.25em; color:#000; text-decoration:none; font-size:.9em; font-weight:bold } .archiveetesilafia{display:inline; float:left; width:605px; min-height:20px; margin-right:16px;margin-bottom:0px;; border-top:1px dotted #999; padding-top:4px; margin-top:0px } .archivesilafia{float:left; display:block; text-align:center; color:#FF0000; text-decoration:none; display:inline; height:15px; width:104px; margin-top:4px; margin-bottom:4px; display:block; font-weight:bold} .archivelinksilafia{float:left; display:inline; margin-left:0px;width:610px; min-height:15px;} .alignleft. .alignright { font-size:1.2em; color:#000} /* >>>>>>>>dropdown<<<<<<<<<*/ .archiveLogoLong{ float:left; display:inline; margin-bottom:10px; border-bottom:1px solid #999; padding-bottom:10px; width:300px; } .adrotatorwide { float:left; display:inline; margin-bottom:10px; width:300px; border-top:1px solid #999; border-bottom:1px solid #999} .adrotator{ float:left; display:inline; margin-bottom:10px; width:300px; height:250px; border-top:1px solid #999; border-bottom:1px solid #999} .faasilasilagaForm{ float:left; display:inline; panding:10px; margin-top:4px; margin-bottom:10px; padding-bottom:10px; border: 1px solid #CCC} .headlink, .accordion_toggle { float:left; display:block; padding-top:4px; width:290px; height:26px; margin-bottom:0px; color:#fff; padding-left:10px; background-color:#000 } .archiveLogoLong ul li{ float:left; display:inline; width:270px; min-height:16px; color:#333 } .archiveLogoLong li a { float:left; display:inline; width:270px; min-height:16px; color:#333 } .archiveLogoLong li a:visited {color:#666 } .archiveLogoLong li ul li, { float:left; display:inline; color:#999;} .archiveLogoLong ul, .adrotator ul, .adrotatorwide ul { display: block; } .adrotator li{float:left; display:inline; width:150px; margin-bottom:5px; display:block} .adwide {float:left; display:inline; margin-bottom:10px; width:300px; height:250px; border-bottom:1px solid #999} /*>>>>>>>>>> LOGIN <<<<<<<<<*/ .archiveLogoLong h3{ font-family:"Verdana",Geneva, sans-serif ;padding:4px 10px; line-height:1.4em; font-weight:bold; background-color:#F00; color:#FFF; margin-bottom:10px;} .register{float:left; display:inline; border-bottom:1px solid #000} .register a{color:#333; font-size:.9em; padding:4px 8px; background-color:#CCC} .register a:hover{color:#F00; background-color:#999} .login{float:left; width:260px; margin-bottom:2px; padding:0 20px; font-size:.9em;} .login label{float:left; display:inline; width:90px;} .small{ font-size:.7em;} .submit{ float:right} .admin_box{float:left; width:100%; background-color:#CCC; padding:10px 0px;} .admin_box li{float:left; color:#666; font-size:.9em; margin:2px 0px} .admin_box li a, .login a{color:#666;} .admin_box li a:hover, .login a:hover{color:#F00;} #contentabout{float:left; display:inline; margin-left:160px; margin-top:30px; width:630px; min-height:600px; margin-bottom:60px } /*>>>>>>>>>> ADs <<<<<<<<<*/ .banner612x100top{float:left; margin-top:5px; width:728px; height:90px;} .banner640{float:left; display:block; width:640px; min-height:1px } .banner640b{float:left; display:block; width:640px; margin:10px 0; min-height:1px } .bannerislandb{ float:left; width:615px; min-height:1px; margin-top:.4em; margin-bottom:.4em} .cornerAd290x180{float:left; display:inline; margin-top:4px; margin-left:20px; width:210px; height:150px;border:1px solid #ccc } #cornerAd290x180 img, .sqbutton img, .adwide img, #bannerIsland615b img, #banner612x100top img, #bannerIsland615a img, #feed img{border:none } .adtext{float:left; display:block; border-top:1px solid #666; border-bottom:1px solid #666; margin:10px 0; width:615px; padding:10px 0} .sqbutton{float:left; display:inline; margin:10px 10px; width:128px; height:90px; overflow:hidden; border:1px solid #CCC} .sqbutton a{width:130px; height:90px;} .adwide a{width:300px; height:250px; margin-bottom:10px} .adSidebar { float:left; display:inline;margin-top:1.25em; width:300px; min-height:1px; background-position:center} .widgetBox{ float:left; display:inline; margin-top:8px; margin-left:8px; width:274px; border: 1px solid #798C97} #notices {float:left; display:inline; margin-left:6px; width:260px; padding-top:10px; padding-bottom:10px; line-height:1.3em; } .blockred{float:left; display:inline; margin-left:0px; margin-bottom:6px; width:100%; height:30px; background-color:#F00; color:#FFF} .blockred p{float:left; display:inline; margin-top:6px; margin-left:4px; font-family: Verdana, Arial, Helvetica, sans-serif;color:#fff; font-size:1.2em; font-weight:bold } #name, #email, #message{margin-top:4px; margin-bottom:10px; width:270px; } .feature{ float:left; display:inline; margin-top:8px; margin-left:12px; width:270px} .mostcommented{ float:left; display:inline;margin-top:8px; margin-left:28px; width:240px} .mostcommented li a{font-family: Verdana, Geneva, sans-serif; font-size:.9em;font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;margin-top:2px; margin-bottom:.25em; color:#005194; text-decoration:none; margin-bottom:2px} .mostcommented li {line-height:1.6em; padding-left:0px; list-style-image:url(images/arrowWhite.png)} .widgetlink{ float:left; display:inline; margin-top:4px; padding-left:5px; width:290px} /*>>>>>>>>>> POOL FEATURE <<<<<<<<<*/ .dem-results{font-family:"Verdana", Geneva, sans-serif; font-size:.9em; font-style:normal; color:#000} .dem-results ul{ list-style:none} .poll-question{font-family:"Verdana", Geneva, sans-serif; font-size:.9em; color:#000; font-weight:bold} .dem-vote-link{ float:left; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:.9em; color:#666} label {color:#333333} /* >>>>>>>> IMPROVE SURVEY >>>>>> */ .improvebox { float:left; display:inline; margin-bottom:10px; border-bottom:1px solid #999; padding-bottom:10px; width:300px; } #improve tr{width:600px;} #improve h4{ font-weight:normal} #improve { float:left; display:inline; width:278px; border:1px solid #333; background-color:#999; padding:10px } .improveHead {float:left; display:inline; width:100%; background-color:#F00; padding:10px 0;} /*>>>>>>>>>> RECENT COMMENT <<<<<<<<<*/ .feature ul{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; font-size:.9em; color:#666666 } .feature li a{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1em; text-decoration:none } .rcomment li, .feature li{ float:left; display:block; border-bottom:1px dotted #666666; margin-bottom:4px; padding-bottom:2px;} /*>>>>>>>>>> TAB <<<<<<<<<*/ #tablist li {float:left; display:inline; width:128px; padding-top:4px; height:26px; margin-bottom:0px; color:#000; padding-left:10px; background-image:url(images/greybar.gif); border-bottom:2px solid #F00} #tablist li a{ text-decoration:none; font-size:1em; color:#000} /*>>>>>>>>>> COMMENT FEATURE (theme.default.comment)<<<<<<<<<*/ .navigation{ float:left; display:block} .commentlist { float:left; display:block; margin-top:10px; } .commentlist .quote {float:left; display:inline; width:300px; padding:20px; border-left:1px solid #999 ; border-top:1px solid #999} .quote p{ float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-style:normal} .commentlist li { padding: 5px 18px 22px 18px; margin-top:15px;color:#666666;} .commentlist cite { float:left; display:inline; width:200px; padding-top:10px; border-top:1px solid #999; color:#000 } .commentlist cite a:link, .commentlist cite a:visited { color:#666666; text-decoration:none; } .commentlist cite a:hover, .commentlist cite a:active { color:#FF0000; text-decoration:underline; } #datecomment{ font-family:Arial, Helvetica, sans-serif; font-size:.5em; color:#999} #comment-2, comments{ margin-top:1em} #respond{float:left; width:615px; margin-top:2em; color:#005194} #respond h3{margin-left:.63em; margin-top:.7em} #commentform{ float:left; width:595px; margin-left:.63em} #commentform p #comment{ width:595px; margin-bottom:.7em} #commentform p label{float:left; display:inline; width:160px; margin-right:10px; } small{ font-size:.8em;} h3#comments{float:left; display:block; margin-top:1em; } .comment-author vcard img{float:left; width:64px} /* FORM */ .description{ float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333; margin:10px; width:280px;} .formError { position:absolute; top:300px; left:240px; width:150px; padding-bottom:15px; display:block; z-index:5000; } .formError .formErrorContent { width:100%; background:#000; color:#fff; font-family:tahoma; font-size:10px; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; } .formError .formErrorArrow div{ box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; font-size:0px; } .formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} .formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} #firstname, #lastname, #email {width:255px; height:20px; margin-top:4px; margin-bottom:10px;} #comments{width:255px; min-height:40px; margin-top:4px; margin-bottom:10px;} #akismetstats{ display:none} .formular{float:left; display:inline;padding:19px;} #shWrap{ position:relative; background:url(images/watermark.gif) no-repeat; z-index:1200; background-position:center} /* -------TICKER-------- */ #example_1 { float:left; width: 630px; height: 96px; margin-top:16px; display: block; overflow: hidden; border-top:1px solid #000; border-bottom:1px solid #000 ; position:relative } #NewsVertical ul { width: 108px; height: 80px; display: inline;; list-style: none; margin: 0; padding: 0; } .accessible_news_slider img { border: 0 } .accessible_news_slider li, .accessible_news_slider p { font-family: "Arial", "Verdana", sans-serif; margin: 0; padding: 0; font-size: .8em; line-height: 1.6 } .accessible_news_slider li p { font-size: 1em } .accessible_news_slider { position: relative; overflow: hidden } .accessible_news_slider .javascript_css { position: relative; z-index: 3; padding: 20px; background: #fffcd3 } .accessible_news_slider .skip_to_news { position: absolute; top: 0; left: -9999px } .accessible_news_slider .back { position: absolute; top: 0; left: 0; z-index: 2 } .accessible_news_slider .back a, .accessible_news_slider .next a { display: none; outline: none; /* This is optional, and is arguably less accessible. */ } .accessible_news_slider .next { position: absolute; top: 0; right: 0; z-index: 2; text-align:-9999px } .accessible_news_slider ul { position: relative; left: 0; width: auto; margin: 0; padding: 0; height:80px; list-style-type: none; overflow: hidden; z-index: 1 } .accessible_news_slider li { float:left; display: inline; width:80px; margin:0px 20px 0px 22px } /* Accessible News Slider : Plugin Specific : Theme [ Candy Coated ] -----------------------------------------------------------------------------------------*/ .candy_coated a { padding-top:40px; color:#F00; font-weight:bold} /*.candy_coated .back { width: 20px; height: 100px; background-color:#F00; } .candy_coated .next { width: 20px; height: 100px; left: 610px; background-color:#F00; }*/ .candy_coated .next a { position: absolute; top: 0px; right: 0px; width: 20px; height: 56px; text-align:-9999px; background-color:#000 } .candy_coated .back a { position: absolute; top: 0px; left: 0px; width: 20px; height: 56px; text-align:-9999px; background-color:#000 } .candy_coated .back a:hover, .candy_coated .next a:hover { background-color:#333;} .candy_coated li { padding: 15px 0; overflow: hidden; height:50px; } .candy_coated li p { float: left; display: inline; margin: 0 0 0 10px; width: 190px } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight:bold; background-color: #999; color: #fff } .cluetip-default #cluetip-outer { position: relative; margin: 0;font-size: .9em; background-color: #CCC; padding:6px; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }