/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' **************** browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on ***************** */ *{margin:0;padding:0;} /***************** basic layout **************** */ html,body { margin:0 auto; padding:0; height:100%;} body{text-align:left;font-family: Arial, Helvetica, sans-serif;font-size:70%;line-height:18px; color: #354231; background:#f1f4ec url(../images/template/bg.gif) repeat; background-position:center top; } div{font-size:1em;} img{border: solid 1px #e7eee4;} a:hover{text-decoration:none;color:#385C72;} select {font-size: 1em;} /* center wrapper, min max width */ /* FIXED HEIGHT TEMPLATE div#pagewrapper{width:864px; height: 676px; background-color:#fff;color:#000;margin:0 auto;border: solid 1px #e1e0e0;}*/ div#pagewrapper{width:864px; min-height: 715px; background-color:#fff;color:#000;margin:0 auto;border: solid 1px #e1e0e0;} /* #shadow {width: 896px; margin:0 auto; background: transparent url(../images/pageElements/bg-shadow.png) no-repeat center top;}*/ /***************** header we will hide text and replace it with a image we need to assign a height for it so that the image wont cut off *****************/ div#header{width:838px; height:110px; padding-left:8px; background:#fff;} div#header-left h1 a{background:#fff url(../images/template/logo.gif) no-repeat center;display:block;height:110px;text-indent:-999em;text-decoration:none;} #header-left{width:230px; height:102px; float: left;} #header-right{float:right; width:600px; padding-top: 19px} div#phones { color: #577a7c; font-size: 15px; float: right; margin-right: 2px; } /* SUBNAV */ #subnav { height:15px; margin-top:19px; float:right; color:#a3a3a3; text-align:right; margin-right: 2px; } #subnav ul { margin-left:0; } #subnav li { list-style:none;display: inline;padding-left:8px; } #subnav li a { color:#a3a3a3; text-decoration:none; } #subnav li a:hover { color: #36502d; background-color: #fff;} /* Start of CMSMS style sheet 'Voltaire Main Menu' ******************* MENU ******************** */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ #menu_vert { margin-left: 1px; margin-right: 1px;} /* The wrapper clears the floating elements of the menu */ /* Fix for Opera 8 */ .clearb { clear: both; } #menuwrapper { /* Fix for Opera 8 */ /* overflow: hidden; */ background-color: #fff; /*border-bottom: 1px solid #C0C0C0;*/ width: 100%; text-transform: uppercase; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 200px; } /* Unless you know what you do, do not touch this */ #primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px;} #primary-nav { display:block; height: 22px; margin-top: 10px; color: #a3a3a3; float: right; text-align: right; text-transform: uppercase; font-size: 1.1em; margin-right: -10px;} #primary-nav ul { position: absolute; top: auto; display: none; text-align: left; z-index:10;} #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li { float: left;} #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } /* Styling the basic apperance of the menu elements */ #primary-nav a { display: block; margin-left: 25px; padding: 5px 10px; text-decoration: none; color: #7f7f7f;} #primary-nav li a { color: #a3a3a3; /* border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; */} #primary-nav li li a { color: #a3a3a3; border: 1px solid #ebebeb;} #primary-nav li a:hover { color: #617b58; background:#fff url(../images/pageElements/bg-primary-nav.gif) repeat-x bottom; } #primary-nav li a, #primary-nav li.menuparent a { background-color: #fff; } #primary-nav li li a:hover { background-image: none;} /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuparent.menuactive a { color: #617b58;} /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { /* arrow for menuparents */ /* background-image: url(images/cms/arrow.gif); background-position: center right; background-repeat: no-repeat; */ } /* Styling the apperance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { /* background-color: #E7AB0B; */} /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ /* just add #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul ul ul, for fourth level */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } /* add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, for fourth level */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } div#search{float:right;width:27em;text-align:right;margin:0 1em;padding:0.6em 0 0.2em;} div.breadcrumbs{font-size:90%;border-bottom:1px dotted #000;margin:0 1em;padding:1em 0 1.2em;} div#content{margin:5px 0 0 8px; clear: both; border: solid 1px #e3e3e3; width: 846px; height: 350px; margin-bottom: 8px; background: #f8faf6 url(../images/template/bg-pagecontent.gif) repeat-x; background-position:center top; padding-top: 20px; } div#content-index{margin:5px 0 0 8px; clear: both; width: 846px; height: 365px; background-color: #fff } /* FIXED HEIGHT TEMPLATE div#content-textpage{margin:0 0 0 8px; clear: both; width: 848px; height: 365px; background-color: #fff } */ div#content-textpage{margin:0 0 0 8px; clear: both; width: 848px; background-color: #fff; padding: 0 0 10px 0;} div#content-textpage li{line-height: 2em; clear: both;} #content-textpage:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } div#main{margin: 0 34px 0 34px; } /* INDEX PAGE */ #content-index #main{margin: 0 auto;} #content-index h2{display: none; } #content-index #left {float: left; overflow: hidden; width: 282px; height: 345px; border: solid 1px #e3e3e3;background: #f8faf6 url(../images/pageElements/bg-index-left.gif) repeat-x center top;} #content-index #right {float: left; overflow: hidden; width: 560px; height: 345px; border: solid 1px #e3e3e3; border-left: none;} #content-index #left div#intro {width: 284px; height: 366px; margin: 0; background: #f8faf6 url(../images/pageElements/intro.gif) repeat-x center top;} #content-index #left div#intro span {display: none;} /* FIXED HEIGHT TEMPLATE #content-textpage #main{ margin: 0 auto; width: 826px; height: 536px; border: solid 1px #e3e3e3; background-color: #ebf2e9; padding: 10px;} */ #content-textpage #main{ margin: 0 auto; width: 826px;border: solid 1px #e3e3e3; background-color: #ebf2e9; padding: 10px;} #content-textpage #main:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } #content-textpage #left {float: left; width: 261px; height: 536px; text-align: center; } #content-textpage #left.blog-left {float: left; width: 261px; height: 536px; text-align: left; } #content-textpage #left.blog-left h3 {color:#617b58;font-size:1.8em;text-align:left;font-weight: normal;font-family: "Times New Roman", Times, serif;} #content-textpage #left h3 {margin: 20px;} #content-textpage #left table {text-align: left; margin: 0 auto; } /* FIXED HEIGHT TEMPLATE #content-textpage #right {float: left; overflow: hidden; width: 551px; height: 496px; border: solid 1px #e3e3e3; border-left: none; background-color: #ffffff; margin-left: 10px ; padding: 20px 0 20px 0;}*/ #content-textpage #right {float: left; width: 551px; min-height: 500px; border: solid 1px #e3e3e3; border-left: none; background-color: #ffffff; margin-left: 10px ; padding: 20px 0 20px 0;} #content-textpage #text-content {margin: 0 30px 0 30px; text-align: left;} #more a {display: block; float: right; width: 120px; height: 14px; margin: 0 20px 0 0; background-color: #d6e3d1; border: solid 1px #ffffff; font-size: .9em; padding: 2px 0 6px 0; text-align: center; margin-top: 5px; margin-bottom: 5px; text-decoration: none; color: #617b58; text-transform:uppercase;} #more a:hover { background-color: #ffffff; border: solid 1px #d6e3d1; color: #36502d; } .product_options a, .product_options1 a {display: block; width: 120px; height: 14px; margin: 0 20px 0 0; background-color: #d6e3d1; border: solid 1px #ffffff; font-size: .9em; padding: 2px 0 6px 0; text-align: center; margin-top: 5px; margin-bottom: 5px; margin-left: 140px; text-decoration: none; color: #617b58; text-transform:uppercase;} .product_options1 a {width: 150px; float: right; margin: -5px 8px 10px 0;} .product_options a:hover, .product_options1 a:hover { background-color: #ffffff; border: solid 1px #d6e3d1; color: #36502d; } #content-index #bottom {clear: both; width: 843px; height: 242px; border: solid 1px #e3e3e3; border-top: none; } #newsletter { width: 282px; height: 173px; float: left; background: #f8faf6 url(../images/pageElements/bg-newsletter.gif) repeat-x center top;} #intro-links {display: block; width: 281px; height: 27px; float: left; margin-bottom: 15px; background: #f8faf6 url(../images/pageElements/bg-bottom.gif) repeat-x center top; display: inline;} #intro-links div a {display: block; height: 31px; float: left; margin-top: 5px; margin-right: 3px;} #intro-links div#why a {width: 111px; background: transparent url(../images/pageElements/b-intro-whyvoltaire.gif) no-repeat 0 0;} #intro-links div#callback a {width: 137px; margin-left: 5px; background: transparent url(../images/pageElements/b-intro-callback.gif) no-repeat 0 0;} #intro-links div#why a:hover, #content-index #intro-links div#callback a:hover {background-position: 0 -40px;} #intro-links div span {display: none; } #featured-prod, #testimonials { width: 559px; height: 242px; float: left; margin: 0; border-left: solid 1px #e3e3e3; background: #f8faf6 url(../images/pageElements/bg-bottom.gif) repeat-x center top;} #newsletter h2 { display: block; width: 275px; height: 13px; background: transparent url(../images/pageElements/title-newsletter.gif) no-repeat 15px 0; margin-top: 14px;} #featured-prod h2 { display: block; width: 196px; height: 13px; float: left; background: transparent url(../images/pageElements/title-featured-products.gif) no-repeat 15px 0; margin-top: 14px;} #testimonials h2 { display: block; width: 170px; height: 33px; float: left; background: transparent url(../images/pageElements/title-what-clients-say.gif) no-repeat 15px 9px;} #newsletter h2 span, #featured-prod h2 span, #testimonials h2 span { display: none; } #newsletter div#join { display: block; width: 280px; margin: 0 auto; font-weight:bold; } #newsletter input{ margin: 0 0 5px 0;} #featured-prod div{ clear: both; margin: 0;} #featured-prod .featured-image { clear: none; width: 175px; margin: 0 auto; float: left; margin: 24px 0 0 7px; display: inline;} #newsletter div img, #featured-prod div img, #testimonials div img { border: solid 1px #ffffff; } #newsletter div.viewmore a, #featured-prod div.viewmore a, #testimonials div.viewmore a { display: block; float: right; text-align: right; margin: 12px 14px 0 0; font-size: .9em; color: #617b58; text-decoration:none;} #newsletter span.viewmore a:hover, #featured-prod span.viewmore a:hover, #testimonials span.viewmore a:hover{ color: #35492e;} #newsletter label {display: block; width: 40px; float: left;} #newsletter .newsletter-input input {width: 150px;} .hidden {display: none;} /* END INDEX PAGE */ div#sidebar{float:left;width:26%;display:inline;margin-left:0;} #buttonsPrev {margin-bottom:-145px; margin-left:20px; position:relative; width: 25px;} #buttonsNext {margin-left:806px;margin-top:-145px;position:relative;width:25px;} div#main #slideshow {display: block; clear: both; overflow:hidden; width: 750px; height: 145px; background-color: #f5f5f0; margin-left: auto; margin-right: auto; } div#main #slideshow ul{width:3900px; padding-left:205px; padding:0; margin:0; list-style:none;} div#main #slideshow ul li{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; } div#main #screen2{margin: 0 -35px 0 -35px; background-color: #fff; clear: both; border: solid 1px #e3e3e3; width: 846px; height: 160px; margin-bottom: 8px; padding: 14px 0 0 0;} /*for tcb code */ #tcb_prevButton {margin-bottom:-145px; margin-left:12px; position:relative; width: 25px; height:144px;} #tcb_nextButton {margin-left:806px;margin-top:-145px;position:relative;width:25px; height:144px;} div#main #tcb_slideshow {display: block; clear: both; overflow:hidden; width: 757px; height: 145px; background-color: #f5f5f0; margin-left: auto; margin-right: auto; margin-top: 20px;} div#main #tcb_screen{margin: 0 -35px 0 -35px; background-color: #fff; clear: both; border: solid 1px #e3e3e3; width: 846px; height: 180px; margin-bottom: 8px; padding: 35px 0 0 0;} /*tcb code ends here */ div#footer{color:#9c9c9c;background-color:#DBF5F3;} div#footer{width:864px; height: 40px; background-color:#f5f8f4;color:#7ca064;margin:0 auto;margin-bottom: 5px; border: solid 1px #e1e0e0; border-top: none; background: #f5f8f4 url(../images/pageElements/bg-footer.gif) repeat-x; background-position:center top;} div#footer p{text-align:center;margin:0;padding:13px 10px 0 10px;} div#footer p a{color:#547a3b;} div#copyright{width:864px; height: 20px; color:#999; margin: 0 auto; text-align:right;padding:0px 10px 10px 10px;} div#copyright a{color:#999;} /* as we hid all hr for accessibility we create new hr with extra div element */ div.hr{height:1px;border-bottom:1px dotted #000;margin:1em;padding:1em;} /* relational links under content */ div.left49{width:49%;} div.right49{float:right;width:49%;text-align:right;} /******************** CONTENT STYLING ******************** HEADINGS */ div#content h1{font-size:2em;line-height:1em;margin:0;} div#content h2, div#content-textpage h2{color:#617b58;font-size:2em;text-align:left;line-height:1.5em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif;} div#content h3, div#content-textpage h3{color:#869a7f;font-size:1.3em;height:40px;margin:0 0 0.5em;} div#content-textpage h3{margin:0 0 1em;} div#content h4, div#content-textpage h4{color:#294B5F;font-size:1.2em;line-height:1.3em;margin:0 0 0.25em;} div#content h5, div#content-textpage h5{color:#294B5F;font-size:1.1em;line-height:1.3em;margin:0 0 0.25em;} h6{color:#294B5F;font-size:1em;line-height:1.3em;margin:0 0 0.25em;} /* END HEADINGS TEXT */ div#content-textpage p {font-size:1em;line-height:1.8em;margin:0 0 1em 0;padding:0;} p{font-size:1em;line-height:1.4em;margin:0 0 1.5em;padding:0;} blockquote{border-left:10px solid #ddd;margin-left:10px;} em,i{font-style:italic;} /* Wrapping text in tags. Makes CSS not validate */ code,pre{white-space:0;word-wrap:break-word;font-family:"Courier New", Courier, monospace;font-size:1em;} pre{border:1px solid #000;background-color:#ddd;line-height:1.5em;font-size:90%;margin:0 1em 1em;padding:0.5em;} /* Separating the divs on the template explanation page, with some bottom-border */ div.templatecode{margin:0 0 2.5em;} /* END TEXT LISTS lists in content need some margins to look nice */ div#main ul,div#main ol,div#main dl{font-size:1em;line-height:1.4em;margin:0 0 1.5em;} div#main ul li,div#main ol li{margin:0 0 0.25em 3em;} /* definition lists topics on bold */ div#main dl dt{font-weight:700;margin:0 0 0 1em;} div#main dl dd{margin:0 0 1em 1em;} div#main dl{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid silver;} #navt_bookmarks_c p{margin-bottom:1em;} a,a:link a:active,a:visited{text-decoration:underline;background-color:inherit;color:#18507C;border:none;outline: none;} div.breadcrumbs span.lastitem,strong,b{font-weight:400;} /* Start of CMSMS style sheet 'Module: News' */ div#news{border:1px solid #000;background:#FFE9AF;margin:2em 0 1em 1em;} div#news h2{line-height:2em;background:#fff;} .NewsSummary{border-bottom:1px solid #ccc;margin:0;padding:0;} .NewsSummaryPostdate{font-size:90%;font-weight:700;} .NewsSummaryLink{font-weight:700;padding-top:0.2em;font-size:1.2em;} .NewsSummaryCategory{font-style:italic;margin:5px 0;} .NewsSummaryAuthor{font-style:italic;padding-bottom:0.5em;} .NewsSummarySummary,.NewsSummaryContent{line-height:140%;} .NewsSummaryMorelink{padding-top:0.5em;} #NewsPostDetailDate{font-size:90%;margin-bottom:5px;font-weight:700;} #NewsPostDetailSummary{line-height:150%;} #NewsPostDetailCategory{font-style:italic;border-top:1px solid #ccc;margin-top:0.5em;padding:0.2em 0;} #NewsPostDetailContent{margin-bottom:15px;line-height:150%;} #NewsPostDetailAuthor{padding-bottom:1.5em;font-style:italic;} /***************** gallery ******************/ .category_items:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .category_items {display: inline-block; margin-top: 2em;} /* Hides from IE5/Mac \*/ * html .category_items {height: 1px;} .category_items {display: block;} /* End hide from IE5/Mac */ .category_item {float: left; margin-right: 30px; text-align: center;} .catalog_item {height: 328px; overflow:hidden;} #item_category {color:#617b58;font-size:2em;text-align:left;line-height:.9em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif;} /* DEGUGGING */ #item_image{display: none;} .fade_me {display: none;} the images that jQuery will fade in when loaded /*tcb coding #tcb_slideshow{visibility:hidden;} .tcb_fade_me {display: none;} the images that jQuery will fade in when loaded */ #item_category, div#content h2.item_title {margin: 0 0 0.5em} #item_image_placeholder {float:left; display: block; width: 428px; height: 308px; background-color: #ffffff; border: solid 1px #e7eee4;} .item_images {float: left;display: block; width: 428px; height: 308px; background-color: #ffffff; overflow:hidden; } .item_attribute_name {font-weight: bold; display: inline; width:200px; padding: 0 20px 12px 0;} .item_attribute_cost {font-weight: bold; text-align:right; margin-bottom: 10px;} .item_attribute_name span {font-weight: normal; padding-left: 5px;} .item_attribute_val {height: 49px; overflow:hidden; margin-bottom: 10px; margin-top: -10px; width:320px;} .item_details {width: 310px; float: right; margin-left: 30px; text-align: left; } .item_thumbnails img{margin: 21px 10px 10px 0; border: solid 1px #e7eee4;} .item_request_quote a {display: block; width: 120px; height: 14px; background-color: #d6e3d1; border: solid 1px #ffffff; font-size: .9em; padding: 2px 0 6px 0; text-align: center; margin-top: 5px; margin-bottom: 5px; text-decoration: none; color: #617b58; text-transform:uppercase;} .item_request_quote a:hover { background-color: #ffffff; border: solid 1px #d6e3d1; color: #36502d; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; font-weight: normal; font-size: 1em; } /***************** Basket ******************/ .product_list { text-align: left; display: block; list-style: none; height: 130px; width: 460px; border: solid 1px #ebf2e9; background-color: #f1f5f0; clear: both; margin: 0 0 10px 0; padding: 10px;} .product_list ul { margin-left: 0; padding: 0; list-style: none;} .product_list li { } .product_name {color:#294B5F;font-size:1.3em;line-height:1.3em;margin:0 0 10px 0;} .product_code {margin: 0 0 56px 0; clear: both;} .product_options { clear: both;} .basket-left {display: block; width: 175px; float: left;} .basket-right {display: block; width: 210px; float: left; padding: 0 0 0 20px;} .basket_image img {border: solid 1px #e7eee4;} #quotereq div {padding: 5px 0 0 0;} #for_hide{ display:none; } /******* TCB coding *********/ #tcb_hide{ visibility:hidden; height:0px; width:0px; overflow:hidden; } #tcb_pagenation{ height:20px; width:1215px; overflow:hidden; float:right; margin-top:-15px; margin-bottom: 13px; padding-right: 45px; z-index:3000; text-align:right; color: #7f7f7f; font-weight: normal; } #tcb_pagenation a{ text-decoration:none; margin-left:2px; margin-right:2px; color: #7f7f7f; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3, #tooltip div { margin: 0; } #tcb_4_img_hide{ height:0px; width:0px; visibility:hidden; overflow:hidden;} #tcb_4_img_hide_1{ height:0px; width:0px; visibility:hidden; overflow:hidden;} #tcb0{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; border-collapse:collapse; } #tcb1{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; border-collapse:collapse; } #tcb2{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; border-collapse:collapse; } #tcb3{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; border-collapse:collapse; } #tcb_hidden_for_big_pic_swap{ height:0px; width:0px; padding: 5px 0 0 0; visibility:hidden; overflow:hidden;} /*span{ visibility:hidden; width:0; height:0; overflow:hidden; }*/ /******* BLOG *********/ /* ************ General styles ************ */ a.blogs-breadcrumb, .blogs-breadcrumb { color:#808080; padding:0px; padding-bottom:12px; text-decoration:none; } a.blogs-breadcrumb:hover { color:#9C0800; } .blogs-showmessage { margin:12px 0 12px 0; padding:12px; border:1px solid red; color: red; } .entry-headline { font-weight:bold; color: #000000; } /* **************** Pagespecific styles **************** */ /*Main Blogs-styles*/ .blogs-showblogsentries { } .blogs-showblogsentry { border-top:1px solid #ccc; padding: 15px 0 0px 0; margin: 15px 0 0 0; } .blogs-showblogsentrytime { float: left; padding: 0 5px 0 0; } .blogs-showblogsentrytitle { margin:0 0 5px 0; font-size:1.8em;text-align:left;line-height:1.5em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif; } .blogs-showblogsentrytitle a { color:#617b58; } .blogs-showblogsentryshorttext { } .blogs-showcategoryentrytext { } .blogs-showcategoryentrytext a{ display: block; clear: both; } .read-more-link { width: 100%; text-align: right; clear: both; } .blogs-showcategoryentryfiles { } .blogs-showpostinginfo { color:#617b58; margin: 0 0 5px 0; } .blogs-showcategoryentryauthor { padding:2px; font-style:italic; } .blogs-showblogsentrycategory { font-weight: bold; } .blogs-showblogsentrycategory a { color:#617b58; } .blogs-showblogsentrycomments { font-weight:normal; } /*ShortCategory-styles*/ .blogs-shortbox { text-align:center; width:216px; margin:4px; margin-left:8px; margin-right:8px; float:left; } .blogs-shortcategorytitle { text-align:center; text-transform:capitalize; font-size:130%; border:2px solid black; padding-left:4px; padding-right:4px; padding-top:12px; padding-bottom:12px; width:212px; } .blogs-shortcategorytitle:hover { background-color:#eee; } .blogs-shortentrylist { margin-top:10px; } .blogs-shortentry { } .blogs-shortentrydate { color:#333; font-size:80%; padding-left:12px; } .blogs-shortentrylink { padding-left:12px; padding-bottom:4px; } /*** ShowCategoryList-styles ***/ .blogs-showcategorylistbox { margin: 0 20px 20px 20px; } .blogs-showcategorylistheader { } .blogs-showcategorylistcategories { border-top: solid 1px #ccc; } .blogs-showcategorylistcategory { margin-bottom: 5px; border-bottom: solid 1px #ccc; padding: 7px 0 7px 0; } .blogs-showcategorylistcategory a { color:#617b58; font-size: 1.4em; font-family: "Times New Roman", Times, serif; } /*** ShowCategory-styles ***/ .blogs-showcategorybox { width:100%; } .blogs-showcategoryheader { border-top: solid 1px #ccc; padding: 10px 0px; border-bottom: solid 1px #ccc; } .blogs-showcategorytitle { color:#617b58;font-size:1.8em;text-align:left;line-height:1.5em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif; } .blogs-showcategorydescription { } .blogs-showcategoryentries { margin-top:10px; } .blogs-showcategoryentry { padding-bottom:24px; } .blogs-showcategoryentrytime { color:#617b58; } .blogs-showcategoryentrytitle { font-weight: bold; margin-bottom:5px; margin-top:4px; } .blogs-showcategoryentrytitle a { color:#617b58; } .blogs-showcategoryentrytext { padding-bottom:2px; } .blogs-showcategoryentryfiles { padding-top:4px; padding-left:8px; } .blogs-showcategoryentryauthor { padding:2px; font-style:italic; } .blogs-showcategoryentrycomments { } /*** ShowEntry-styles ***/ .blogs-showentrybox { width: 98%; } .blogs-showentryheader { margin-bottom:24px; } .blogs-showentrytime { padding-bottom:8px; } .blogs-showentrytitle { color:#617b58;font-size:1.8em;text-align:left;line-height:1.5em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif; } .blogs-showentrytext { } blogs-showentrytext.a { color:#993333; } .blogs-showentryauthor { font-style:italics; } .blogs-showentryfiles { padding-top:13px; padding-left:0px; } .blogs-showentrycomments { border-top: solid 1px #ccc; padding-left:12px; padding-top: 15px; } .blogs-showentrycomment { padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid .222; } .blogs-showentrycommenttime { color:#333; font-size:80%; } .blogs-showentrycommenttext { } .blogs-showentrycommentauthor { font-style:italic; } .blogs-showentrycommentform { padding:10px 12px; margin:10px 0 10px 0; border: solid 1px #ccc; } .blogs-authorinput { width:400px; border:1px solid #333; } .blogs-authorinput:hover { background-color:#ddd; } .blogs-commentinput { width:400px; border:1px solid #333; } .blogs-commentinput:hover { background-color:#ddd; } .blogs-submitinput { border:1px solid #bbb; } .blogs-submitinput:hover { background-color:#ddd; } .tcb_pcode span{height: 68px; width:200px; float:left;}