/* Theme Name: InfoStream Theme URI: http://www.copyblogger.com Description: InfoStream's new design, web 2.0 compliant. Graphics by InfoStream, theme built on the best clean slate template ever, Copyblogger, by Chris Pearson. Version: 2.0 Author: Andy Boren */ body { color: #222; font: 62.5% "Trebuchet MS",serif; } * { padding: 0; margin: 0; } #orange {background: #fff url('images/bgMS.png') repeat-x center 132px;} .alignleft{float:left;} .alignright{float:right;} #contactRight{width:426px;} #homeCont{position:relative;width:900px; height:300px;} #homeText{width:100%;background:url('images/paragraphBG.png') repeat-x center top;height:180px;} #homeTextCenter{width:830px;margin:0 auto;padding:20px 45px 0 25px;font-size:15px;background:url('images/paragraph.png') no-repeat center top;} #homeClients{width:100%;height:218px;background:url('images/logos-clientsBG.png') repeat-x center top;} #homeClientsCenter{margin:0 auto;width:882px;height:218px;} #homeClientsCenter a{display:block;width:882px;height:218px;} /*10things i like about you*/ .tab_container {font-size:20px;padding-bottom:10px;} .tab_container h2{font-size:20px;padding-bottom:10px;} .tab_container p{font-size:16px;} #tabwrap{position:relative;} .tab_content {padding:0 20px 20px 20px;position:absolute;left:300px;top:0;width:560px;} #contactustoday{position:absolute;left:440px;top:350px;} #pushitover{padding-left:25px;} #contactustoday a{display:block;width:270px;background:url('images/reasons.png') no-repeat left top;padding: 9px 0 10px 90px;text-decoration:none;color:#000;font-size:20px;font-family:"Trebuchet MS", sans-serif ;width:270px;} #contactustoday a:hover{color: #45c0df;} #contactustoday p{font-size:16px;padding-bottom:15px;} .tabs{float:left;width:280px;} .tabs a{text-decoration:none;color:#000;font-size:20px;font-family:"Trebuchet MS", sans-serif ;display:block;width:270px;} .tabs li{list-style-type:none;padding: 9px 0 10px 10px;background:url('images/reasons.png') no-repeat left top;} h1.reason{font-size:22px;} p.reason{font-size:18px;padding-bottom:20px;} /*coolfolio*/ #coolfolio-top{height:150px;position:relative;} #coolfolio-top h1{font-size:40px;color:#1060ab;} #coolfolio-top p{font-size:16px;width:650px;padding:20px;background: url('images/fade2.png') repeat-x center bottom;border-bottom: solid 4px #111;position:absolute;top:20px;left:320px;} .coolfolio-header{font-size:30px;color:#1060ab;width:1000px;border-bottom: solid 4px #111;margin-bottom:15px;clear:both;} .coolfolio-row {height:245px;} div.fadehover {position: relative;float:left;width:297px;height:201px;margin:8px;} img.a {position: absolute;left: 0;top: 0;z-index: 10;border:0;} img.b {position: absolute;left: 0;top: 0;border:0;} #coolfolio{width:1000px;margin:0 auto;} a:focus {outline: none;} #coolfolio-panel {background: url('images/fadef.png') repeat-x center bottom; display: none;} #coolfolio-panel2 {background: url('images/fadef.png') repeat-x center bottom; display: none;} #coolfolio-panel3 {background: url('images/fadef.png') repeat-x center bottom; display: none;} .panel1{height:490px;} .panel3{height:245px;} .slide { margin: 0;padding: 0;border-top: solid 4px #111;background: url(http://www.infostreamusa.com/img/btn-slide.gif) no-repeat center top;} .btn-slide {background: url(http://www.infostreamusa.com/img/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 31px;padding: 10px 10px 0 0;margin: 0 auto;display: block;font: bold 120%/100% Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;} .btn-slide2 {background: url(http://www.infostreamusa.com/img/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 31px;padding: 10px 10px 0 0;margin: 0 auto;display: block;font: bold 120%/100% Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;} .btn-slide3 {background: url(http://www.infostreamusa.com/img/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 31px;padding: 10px 10px 0 0;margin: 0 auto;display: block;font: bold 120%/100% Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;} .active {background-position: right 12px;} .shadow { padding:10px; background:#111 url('images/coolfolio-bg.jpg') no-repeat center top; -moz-box-shadow: 0px 0px 7px #000; -webkit-box-shadow: 0px 0px 7px #000; box-shadow: 0px 0px 7px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ } .shadow h1{color:#bbddff;font-size:16px;} .shadow p{color:#fff;font-size:14px;} .coolfolio-line{width:1000px;border-bottom: solid 4px #111;margin-bottom:35px;} #adventurewrapper{width:100%;height:642px;margin:0 auto;background:#000 url('images/adventure/adventure.jpg') no-repeat center top;} #adventure{width:960px;height:642px;margin:0 auto;position:relative;font-size:14px;font-family: "Comic Sans", "Comic Sans MS", cursive;color:#fff;} .wpcf7-mail-sent-ok{display:none;} #adventurepush{margin:0;} .tooltip,.tooltip2,.tooltip3{cursor:pointer;} .popup_list{margin-bottom:15px;} #Table_01 { position:absolute; left:0px; top:0px; width:960px; height:642px; } #letstalk_ { position:absolute; left:587px; top:0px; width:373px; height:246px; background:url('images/adventure/letstalk.png'); } .talkpad{padding: 25px 0pt 0pt 9px;} #talkwrap{position:relative;width:373px;height:246px;} .wpcf7-validation-errors{} .wpcf7-not-valid-tip{color:#000;} #talk-name{position:absolute;top:84px;left:151px;} #talk-email{position:absolute;top:110px;left:151px;} #talk-phone{position:absolute;top:136px;left:151px;} #talk-comment{position:absolute;top:162px;left:151px;} #talk-captcha{position:absolute;top:200px;left:171px;} #talk-captcha img{position:absolute;top:0;left:0;} #talk-captcha .wpcf7-form-control-wrap{position:absolute;top:2px;left:83px;} #talk-captcha input{width:50px;} #talk-send{position:absolute;top:180px;left:30px;width:105px;height:48px;} #sender{background:url('images/adventure/send.png');width:105px;height:48px;border:none;text-indent:-2000px;} #sender:hover{background:url('images/adventure/sendHover.png');width:105px;height:48px;cursor:pointer;} #letstalk_ h1, #prepareTop_ h1, #CHOP-08_ h1, #CHOP-15_ h1{text-indent:-2000px;} #prepareTop_ { position:absolute; left:0px; top:25px; width:231px; height:59px; background:url('images/adventure/prepareTop.png'); } #prepareMiddle_ { position:absolute; left:0px; top:84px; width:201px; height:47px; background:url('images/adventure/prepareMiddle.png') repeat-y center top; padding-left:30px; } #prepareBottom_ { position:absolute; left:0px; top:131px; width:231px; height:52px; background:url('images/adventure/prepareBottom.png'); } #CHOP-08_ { position:absolute; left:0px; top:217px; width:231px; height:65px; background:url('images/adventure/prepareTop.png') no-repeat center bottom; } #see_ { position:absolute; left:651px; top:246px; width:279px; height:49px; background:url('images/adventure/see.png'); padding:20px 0 0 30px; } #see_ a{background:url('images/adventure/seeB.png') no-repeat center top; display:block;width:252px;height:52px;text-indent:-2000px;} #see_ a:hover{background:url('images/adventure/seeHover.png') no-repeat center top;} .whitestopper{height:0px;} #CHOP-11_ { position:absolute; left:0px; top:282px; width:201px; height:63px; background:url('images/adventure/prepareMiddle.png') repeat-y center top; padding-left:30px; } #CHOP-12_ { position:absolute; left:0px; top:345px; width:231px; height:53px; background:url('images/adventure/prepareBottom.png') no-repeat center top; } #logos_ { position:absolute; left:651px; top:315px; width:309px; height:99px; background:url('images/adventure/logos.png'); margin:0; } #companylogos{position:relative;margin:0;} .prev{position:absolute;top:0;left:0;height:99px;width:37px;background:url('images/adventure/left.png') no-repeat center top;cursor:pointer;} .slidee{position:absolute;top:0;left:37px;} .next{position:absolute;top:0;right:0;height:99px;width:29px;background:url('images/adventure/right.png') no-repeat center top;cursor:pointer;} #CHOP-15_ { position:absolute; left:0px; top:431px; width:231px; height:65px; background:url('images/adventure/prepareTop.png') no-repeat center bottom; } #testimonials_ { position:absolute; left:651px; top:414px; width:309px; height:197px; background:url('images/adventure/testimonials.png'); } #testimonials_ h1{text-indent:-2000px;} .testimonialpad{padding: 15px 0 0 30px;} #testimonialwrap{position:relative;margin:0;} .prev2{position:absolute;left:0;top:51px;height:70px;width:26px;margin-top:25px;background:url('images/adventure/left.png') no-repeat center top;cursor:pointer;} .slider2{position:absolute;left:26px;top:51px;} .next2{position:absolute;left:277px;top:51px;height:70px;width:26px;margin-top:25px;background:url('images/adventure/right.png') no-repeat center top;cursor:pointer;} #CHOP-17_ { position:absolute; left:0px; top:496px; width:201px; height:41px; background:url('images/adventure/prepareMiddle.png') repeat-y center top; padding-left:30px; } #CHOP-18_ { position:absolute; left:0px; top:537px; width:231px; height:52px; background:url('images/adventure/prepareBottom.png') no-repeat center top; } /* trigger button */ /* #learnmore {display:block;height:36px;margin-bottom:30px;overflow:hidden;text-indent:-999em;width:129px;margin-left:100px;cursor:pointer;background:url('images/adventure/learnMore.png') no-repeat center top;} .tooltip {display:none;font-size:11px;color:#fff;background:#000;padding:20px;} */ a.tooltip span {display:none; padding:15px; margin: 0 0 0 -20px; width:260px;} a.tooltip2 span {display:none; padding:15px; margin: 0 0 0 -20px; width:350px;} a.tooltip3 span {display:none; padding:15px; margin: 0 0 0 -20px; width:300px;} a.tooltip:hover span,a.tooltip2:hover span, a.tooltip3:hover span{z-index:1000; display:inline; position:absolute; background:#000; color:#fff;} a.tooltip, a.tooltip2, a.tooltip3{display:block;height:36px;width:129px;margin-left:100px;background:url('images/adventure/learnMore.png') no-repeat center top;} a.tooltip ul, a.tooltip2 ul, a.tooltip3 ul{list-style-image:url("images/adventure/dot.png");margin-left:30px;} /*megascroller*/ #one{ background:url('http://www.infostreamusa.com/img/megascroll/cloudsBG.jpg') repeat-x center top;} #two{ background:url('http://www.infostreamusa.com/img/megascroll/ecommBG.png') repeat-x center top;} #three{ background:url('http://www.infostreamusa.com/img/megascroll/faceBG.png') repeat-x center top;} #health{ background:url('http://www.infostreamusa.com/img/megascroll/healthBG.png') repeat-x center top;} #top10er{ background:url('images/top10erbg.jpg') repeat-x center top;} #headerscroll {color: #000; background:url('images/bg.png') repeat-x center top; height:432px;overflow:hidden;} #megascroll {height:300px; margin: 0 auto; position:relative;clear:both;} #slider_controls{position:absolute;top:409px;z-index:10;} #slider_controls a{border:none;} #slider_controls a:hover{background:transparent;} .slideshow { height: 300px; width:100%; margin: auto } .nugget{width:100%;text-align:center;} #effweb{border:none;color:#3f5e17; font-size:23px;} #effweb:hover{border:none;color:#324d10; font-size:23px; background:none;} #intmar{border:none;color:#1f4758; font-size:23px;} #intmar:hover{border:none;color:#11303e; font-size:23px; background:none;} #tecsol{border:none;color:#4e3719; font-size:23px;} #tecsol:hover{border:none;color:#39260d; font-size:23px; background:none;} .wp-caption-text{font-weight:bold; text-align:center;} /* 2nd thin nav */ #navii { width:895px; height:28px; background: #eee url('images/navii.png') no-repeat top left; margin-bottom:10px; padding:0 0 0 5px;} .naviii a { display:block; height:23px; font-size:12px; float:left; padding:5px 10px 0 10px; color:#000; text-decoration:none; border:none; } .naviii a:hover, .naviicurr{color:#333;background: url('images/hover.png') repeat-x center right;} .naviidiv{ width:1px; height:28px; background: #ccc url('images/naviidiv.png') no-repeat top left; float:left;} /*--jive stuff--*/ .fright{float:right;} .fright2{float:right; padding-right:20px;} .clearboth{clear:both;} #preload{ position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } #closer{background:url('http://www.infostreamusa.com/wp-content/themes/infostream/popup/images/close.png');} #sendhover{background:url('images/adventure/sendHover.png');} #seehover{background:url('images/adventure/seeB.png');} .homer1, .homer2, .homer3 {width:260px; height:305px; float:left; padding-left:20px;} .homer1 p, .homer2 p, .homer3 p {color:#fff;} .homer1 li, .homer2 li, .homer3 li{color:#000; font-size:15px; height:20px; padding:3px 0 4px 0;} .homer1 ul, .homer2 ul, .homer3 ul{padding-bottom:20px;} .homer1 h2 {color:#3f5e17; font-size:23px; text-align:center; padding-top:30px;} .homer2 h2 {color:#1f4758; font-size:23px; text-align:center; padding-top:30px;} .homer3 h2 {color:#4e3719; font-size:23px; text-align:center; padding-top:30px;} .homer1 p {background:#0db300 url('images/pgreen.png') no-repeat top left; padding:10px; height:85px; } /* 0db300 */ .homer2 p {background:#0082d5 url('images/pblue.png') no-repeat top left; padding:10px; height:85px; } /* 0082d5 */ .homer3 p {background:#dc8600 url('images/porange.png') no-repeat top left; padding:10px; height:85px; } /* dc8600 */ .homespace {width:22px; height:300px; float:left; background:url('images/vline.png') no-repeat top right;} #liner{width:900px; height:10px; background:url('images/line.jpg') no-repeat bottom center;} #contact{padding-top:20px;} #curr{color:#008;background: url('images/hover.png') repeat-x center right;} #currh{color:#008;} #freec{margin-left:400px;width:345px; height:57px;} #freec a {display:block; width:345px; height:57px; background:url('images/freec.png') no-repeat center center;} .aimage{height:40px;} .entryhead1{float:left;width:500px;} .entryhead2{float:left;width:100px; padding-bottom:15px;} .wtf{display:none;} .checklist ul {list-style:none outside none; list-style-type:none;} .checklist li {background:url('images/check.png') no-repeat left top; padding-left:29px; padding-top:2px; height:30px;} .whylist ul {list-style:none outside none; list-style-type:none;} .whylist li {background:url('images/check.png') no-repeat left top; padding-left:29px; padding-top:2px; height:45px;} /* web design page */ .wdinfo {float:left; width:750px; padding-right:30px;} .wdgal {float:left; width:120px; padding-top:10px;text-align:center;} #wdhead{color:#1F4758; margin-top:20px;} #wdheader {background:url('images/wd.png') no-repeat top left #0082D5; padding:5px 10px 5px 10px; width:730px; height:123px;} #wdheader h1 {color:#fff;} #wdheader h2 {color:#000; padding-bottom:10px; text-align:center;} #wdheader p {margin:0; font-weight:bold;} .testit{padding-left:50px; background: url('images/test.png') no-repeat top left; height:60px;} #webpackages {padding-top:20px; border-top: #777 1px solid;} #packageheader {width:940 px; height:80px; background:url('images/packages.png') no-repeat right top;} #packagetable {padding:0 0 0 0;} #packagetable td {min-width:150px; text-align:center; border-bottom: #ccc 1px solid;} #packagetable th {text-align:left; padding:0; border-bottom: #aaa 1px solid;} .Isecure {background:url('images/lock.png') no-repeat left top; height:48px;} .Iedit {background:url('images/edit.png') no-repeat left top; height:48px;} .Ihost {background:url('images/Ihost.png') no-repeat left top; height:48px;} .Iseo {background:url('images/Iseo.png') no-repeat left top; height:48px;} .Iani {background:url('images/Iani.png') no-repeat left top; height:48px;} .Itest {background:url('images/Itest.png') no-repeat left top; height:48px;} .Ipage {background:url('images/Ipage.png') no-repeat left top; height:48px;} .Imail {background:url('images/Imail.png') no-repeat left top; height:48px;} .Igan {background:url('images/Igan.png') no-repeat left top; height:48px;} .Isocial{background:url('images/Isocial.png') no-repeat left top; height:48px;} .Igoogle{background:url('images/Igoogle.png') no-repeat left top; height:48px;} #packagetable a{text-decoration:none; display:block; height:37px; padding:10px 0 0 45px;border:none;} #packagetable a:hover{text-decoration:underline;background:transparent;color:#000;} /*NEW portfolio page*/ #portfolio-top{margin:20px 20px 10px 20px; padding:20px;width:820px;background:url('images/portfoliotop.jpg') no-repeat left top;} #portfolio-top h1{margin:0;color:#00a6e8;} #portfolio-top h2{margin:-10px 0 0 10px;color:#777;font-size:14px;font-weight:bold;} #portfolio-top h1 a{margin:0;color:#00a6e8;} #portfolio-top h2 a{margin:-10px 0 0 10px;color:#777;font-size:14px;font-weight:bold;} #portfolio-top p{font-size:12px;} #portfolio-top a{border:none;color:#000;font-weight:bold; font-size:16px;} #portfolio-top a:hover{border:none;color:#00a6e8;background:transparent;} #portfolio {margin:0;padding-left:15px;} #portfolio td{width:270px;height:250px;font-size:12px;vertical-align:top;padding-right:10px;} #portfolio a{border:none;color:#000;font-weight:bold;} #portfolio a:hover{border:none;color:#00a6e8;background:transparent;} #portfolio2 {margin:0;padding-left:15px;} #portfolio2 td{width:270px;height:250px;font-size:12px;vertical-align:top;padding-right:10px;} #portfolio2 a{border:none;color:#000;font-weight:bold;} #portfolio2 a:hover{border:none;color:#00a6e8;background:transparent;} #portfolio3 {margin:0;padding-left:15px;} #portfolio3 td{width:270px;height:250px;font-size:12px;vertical-align:top;padding-right:10px;} #portfolio3 a{border:none;color:#000;font-weight:bold;} #portfolio3 a:hover{border:none;color:#00a6e8;background:transparent;} #sideport{float:left;width:410px;padding-right:20px;} .sect{padding-top:75px;margin-left:20px;} #CustProg{background:url('images/sectCustProg.jpg') no-repeat left top;} #EComm{background:url('images/sectEComm.jpg') no-repeat left top;} #WebSites{background:url('images/sectWebSites.jpg') no-repeat left top;} /*portfolio page*/ .portfa{float: left;width:450px;} .portfb{float: left;width:400px;} /* about us page */ #meet {background: #fff url('images/biosBg.png') repeat-x center 132px;} #Tim {width:220px; float:left; padding:0 5px 0 0;} #Andy {width:220px; float:left; padding:0 5px 0 0;position:relative;} #Andy .fright2 {position:absolute;top:0;left:145px;} #Erica {width:220px; float:left; padding:0 5px 0 0;position:relative;} #Erica .fright2 {position:absolute;top:0;left:175px;} #Ted {width:220px; float:left; padding:0 5px 0 0;} /*#Ted img{padding:39px 0 0 0;} */ .facer{float:right; padding:0 0 0 5px;} #bioclear{margin:0;} /*free consultation button*/ .button {display:block; width:216px; height:50px;} .button a {display:block; width:100%; height:100%; background:url('images/freeconsultation.png') no-repeat top left; outline:none;} .button a:hover {background-position:0 -50px;} /*portfolio button*/ #buttonP {display:block; width:109px; height:49px; margin: 0 0 0 4px;} #buttonP a {display:block; width:100%; height:100%; background:url('images/portbutton.png') no-repeat top left; outline:none;padding:0;} #buttonP a:hover {background-position:0 -50px;} #phone{ height:25px; width:220px; padding-top:5px; font-size: 16px;} .curve{background:url('images/curve.jpg') no-repeat bottom center;} .bottompad{height:55px;} /* for Facebook Like */ #wp_fb_like_button {height:30px;} /*-- for homepage lists --*/ #green {list-style: none; margin-left:0; padding-left:0;} #green li {background:url('images/green.png') no-repeat center left; padding-left:25px;} #blue {list-style: none; margin-left:0; padding-left:0;} #blue li {background:url('images/blue.png') no-repeat center left; padding-left:25px;} #orange2 {list-style: none; margin-left:0; padding-left:0;} #orange2 li {background:url('images/orange.png') no-repeat center left; padding-left:25px;} /*-- for jive ad scroller --*/ .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 900px; height: 204px; /*Height should enough to fit largest content's height*/ } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0; /*margin around each panel*/ width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } #gallerya img{width:900px; height:203px;} #gallerya-paginate{width: 200px; padding-left:35px; margin-top:0px;} #nuggets{position:absolute; top:315px; z-index:2;} /*---:[ global typography elements ]:---*/ a { color: #54c7f1; text-decoration: none; } a:hover { color: #45c0df; text-decoration: none; } a img { border: none; } blockquote { margin: 0 0 1.5385em 1.5em; padding: 0 0 0 0.7692em; font-family: Georgia, "Times New Roman", Times, serif; color: #555; border-left: 0.2308em solid #54c7f1; } abbr, acronym { font-size: 0.8462em; line-height: 1.0em; border-bottom: 1px dotted #999; text-transform: uppercase; letter-spacing: 1px; cursor: help; } code { color: #090; font-family: Courier, "Courier New", monospace; line-height: 1.0em; } pre { margin: 0 0 1.5385em 0; padding: 0.7692em; font-size: 1.3em; overflow: auto; background: #ececec; } p.unstyled { font-size: 1.3em; } p.center { text-align: center; } /*---:[ these styles apply to the flickrRSS plugin, which is not yet fully supported ]:---*/ .flickr_blue { color: #007ae4; text-transform: lowercase; } .flickr_pink { color: #ff2a96; text-transform: lowercase; } /*---:[ headlines ]:---*/ h1, h2, h3, h4 { font-weight: bold; } h1, h2 { line-height: 1.4286em; color: #0072bc; } h2 a, h2 a:visited { color: #54c7f1; } h2 a:hover { color: #000; } .page h1 { margin: 0 0 0.6071em 0;} .archive h1 { font-size: 2.4em; line-height: 1.66667em; margin: 0 0 1.66667em 0; color: #000; } #sidebar h2 { font-size: 1.5em; line-height: 1.5556em; margin: 0 0 0.5em 0; border-bottom: 1px solid #ccc; color: #000; } h3 { font-size: 1.3846em; line-height: 1.1111em; color: #000; } .entry h3 { margin: 1.6667em 0 0.5556em 0; } #comments h3 { font-size: 1.8em; } #comments h3.comment_intro { margin: 0 0 1.11111em 0; padding: 2.05556em 0 0 0; /* border-top: 1px solid #ccc; */} #comments h3#respond { margin: 2.2222em 0 0 0; } h4 { font-size: 1.1538em; line-height: 1.3333em; color: #000; } /*---:[ core layout elements ]:---*/ #header { color: #000; background:url('images/bg.png') repeat-x center top; height:132px;} #container { width: 900px; margin: 0 auto; } #content_box { width: 900px;} #footer { padding: 10px 0 0 0; background: #000 url('images/bg2.jpg') repeat-x top center; color: #fff; height:140px;} /*---:[ #header styles ]:---*/ #logo { width: 900px; height:89px; margin: 0 auto; position:relative;} .logo {background:url('images/web-design-images/web-design-toledo-logo.png') no-repeat top center;} .biglink { display:block; width: 490px; height:89px; float:left; } #logoside{text-align:right;width: 220px;height:75px;position:absolute;left:680px;top:5px;font-size:12px;} #navmenu { width: 900px; height:42px; margin: 0 auto; } #navmenu a {display:block; height:28px;} .navsep {width:1px; height:42px; background: url('images/navsep.png') no-repeat center right; float:left;} .navi a{ font-size:12px; float:left; padding:15px 19px 0 19px; color:#000; } .navi a:hover{color:#333;background: url('images/hover.png') repeat-x center right;} .navi1 a{ font-size:12px; float:left; padding:15px 26px 0 25px; color:#000;} .navi1 a:hover{color:#333;background: url('images/hover.png') repeat-x center right;} .navi2 a{ font-size:14px; color:#0072BC;} .navi2 a:hover{color:#0072BC;text-decoration:underline;} /*---:[ content styles ]:---*/ .post_date { font-size: 1.1em; line-height: 1.5455em; margin: 0 0 1.8182em 0; color: #aaa; border-bottom: 1px solid #ccc; } .post_date a, .post_date a:visited { color: #000; padding: 0.0909em; } .post_date a:hover { color: #000; background: #ccc; } .entry { font-size: 1.3em; line-height: 1.5385em; } .entry a, .entry a:visited { padding: 1px 0; } .entry a:hover { padding: 1px 0; border-bottom: none; } .entry p { margin: 0 0 1.5385em 0; } .entry ul, .entry ol { margin: 0 0 1.5385em 3.0em; } .entry ul { list-style-type: none; } .entry li { } .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 1.5em; } .entry dl { margin: 0 0 1.5385em 0; } .entry dt { font-weight: bold; } .entry dd { margin: 0 0 0 1.5em; } .entry sup, .entry sub { line-height: 1.0em; } .entry blockquote.right, .entry blockquote.left { width: 13.6875em; padding: 0.4375em 0; font-size: 1.2308em; line-height: 1.25em; border: 0.0625em solid #ccc; border-width: 0.0625em 0; text-align: center; } .entry blockquote.right { margin: 0 0 0 0.9375em; float: right; clear: right; } .entry blockquote.left { margin: 0 0.9375em 0 0; float: left; clear: left; } .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; } .entry .ad { margin: 0 0 0 1.1538em; float: right; clear: right; } .entry .ad_left { margin: 0 1.1538em 0 0; float: left; clear: left; } .entry img { } .entry img.left { margin: 0 1.1538em 0 0; float: left; clear: left; } .entry img.right { margin: 0 0 0 1.1538em; float: right; clear: right; } .entry img.center { display: block; margin: 0 auto 1.5385em auto; clear: both; } .entry img.frame { border: 0.3846em solid #ddd; } .entry img.stack { clear: none !important; } .post_meta { margin: 0 0 4.5385em 0; padding: 0.3846em 0 0 0; border-top: 1px solid #ccc; font-size: 1.3em; line-height: 1.0em; clear: both; } .add_comment { display:none; } .post_meta a:hover { color: #000; border-bottom: 1px solid #54c7f1; } .page .entry { margin: 0 0 3.0769em 0; } .navigation { width: 39em; margin: 0 0 20px 0; font-size: 1.2em; line-height: 1.6667em; } .navigation a:hover { color: #000; border-bottom: 1px solid #54c7f1; } .next { text-align: right; } /*---:[ sidebar styles ]:---*/ ul.sidebar_list { list-style: none; } ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 16.6667em; margin: 0 0 2.5em 0; font-size: 1.2em; line-height: 1.6667em; float: left; } li.widget p { margin: 0 0 1.66667em 0; } li.widget ul, li.linkcat ul { list-style: none; margin: 0 0 0.8333em 0; } li.widget li, li.linkcat li { padding: 0 0 0 1.16667em; background: url('images/bullet.gif') 0 0.4167em no-repeat; } li.widget li a:hover, li.linkcat li a:hover { color: #000; border-bottom: 1px solid #54c7f1; } /*---:[ special widget styles ]:---*/ #calendar_wrap { width: 16.3333em; margin: 0 0 0.8333em 0; padding: 0 0.166667em; } table#wp-calendar { width: 16.3333em; border-collapse: collapse; } table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; } table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; } table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; } table#wp-calendar td a, table#wp-calendar td a:visited { color: #54c7f1; font-weight: bold; } table#wp-calendar td a:hover { text-decoration: underline; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; } /*---:[ the following styles are for the flickrRSS plugin, which is not yet fully supported ]:---*/ li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; } li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; } li.widget ul.flickr_stream li a img { padding: 3px; } li.widget ul.flickr_stream li a:hover img { background: #ff2a96; border-bottom: none; } /*---:[ footer styles ]:---*/ #footcenter {margin:0 auto; width:900px;height:140px;font-size:12px;position:relative;} #footerBar1{position:absolute;left:116px;top:0;} #footerAdmin{position:absolute;left:590px;top:120px;} #footerAdmin a {font-size:10px; color:#aaa;} #footerLinks{position:absolute;left:80px;top:60px;} #footerLinks a {font-size:12px; color:#ccf;} #footerLinks h2 {padding:0; line-height:14px;} #footerLinks2{position:absolute;left:260px;top:60px;} #footerLinks2 a {font-size:12px; color:#ccf;} #footerLinks2 h2 {padding:0; line-height:14px;} #footer a:hover { color: #fff; border-bottom: 1px solid #fff; } #foot1 { float:left; width:228px; height:90px; padding-left:5px; } #foot1 li { list-style-type:circle; } #foot1 h3{ color:#fff; } #foot2 { float:left; width:224px; height:90px; padding-left:5px; } #foot2 h3{ color:#fff; } #foot3 { float:left; width:433px; height:90px; padding-left:5px; } #foot3 h3{ color:#fff; } #list1 { float:left; padding-left:20px;} #list2 { float:left; padding-left:30px;} /*---:[ comment styles ]:---*/ #comments { width: 46.8em; } dl#comment_list { margin: 0 0 0 0; } dl#comment_list dt { padding: 0 0 33px 0; background: url('images/comment_top.gif') 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; } dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; } dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; } dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; } dl#comment_list dt .comment_num a:hover { color: #54c7f1; } dl#comment_list dt strong { font-size: 1.4545em; color: #000; } dl#comment_list dt strong a, dl#comment_list dt strong a:visited { color: #000; border-bottom: 1px dotted #999; } dl#comment_list dt strong a:hover { color: #000; border-bottom: 1px solid #54c7f1; } dl#comment_list dd { width: 428px; padding: 0 20px; margin: 0 0 1.5385em; background: #dfdfdf url('images/comment_bottom.gif') 0 100% no-repeat; } dl#comment_list dd.author { background: #f6f4c9 url('images/comment_author_bottom.gif') 0 100% no-repeat; } dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; } /*---:[ comment form styles ]:---*/ p.log_in { margin: 0 0 3.07692em 0; } #comment_form { width: 46.8em; margin: 0 0 4.0em 0; } #comment_form a:hover { text-decoration: underline; } #comment_form p { padding: 0.7692em 0; } #comment_form label { padding: 0 0 0 0.83333em; font-size: 1.2em; } #comment_form .text_input { width: 15.3846em; padding: 0.23077em; color: #54c7f1; font: bold 1.3em Verdana, sans-serif; border-top: 0.15385em solid #999; border-left: 0.15385em solid #999; border-right: 0.07692em solid #eee; border-bottom: 0.07692em solid #eee; } #comment_form .text_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; } #comment_form .text_area { width: 32.9231em; } #comment_form p.subscribe-to-comments { font-size: 1.3em; } #comment_form p.subscribe-to-comments label { font-size: 1.0em; } #comment_form .form_submit { padding: 0.5em; background: url('images/submit_bg.gif') repeat-x; color: #000; border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; } #comment_form .form_submit:hover { color: #54c7f1; } /*---:[ search form styles ]:---*/ #search_form { margin: 0 0 0.5833em 0; } html[xmlns*=""] body:last-child #search_form { margin: 0 0 0.75em 0; } /* This is a hack for Safari */ #search_form .search_input { width: 15.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; } #search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; } #content .search_input { font-size: 0.9231em !important; } /*---:[ self-clearing floats courtesy of Dan Cederholm at simplebits.com ]:---*/ #header:after, #logo:after, #nav:after, #content_box:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after { display: block; height: 0; content: "."; visibility: hidden; clear: both; }