/* Theme Name: BusinessXpand_tentacle Description: Our Tentacle Theme incorporates a twitter feed with an admin section to enter your twitter Username. You can also upload a new logo (Currently a 1px transparent image - when you upload it will appear top, right). The header illustration has some javascript added to make elements move a bit. Now incorporates a "tweet this" button on posts! Tags: threaded-comments, fixed-width, green, white, theme-options Version: 1.2 Author: BusinessXpand Author URI: http://www.wpxpand.com */ /* css reset - start*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, label { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul, li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* css reset - end*/ /*ie6 warning*/ #ie6 { height:0px; background-color:#222; position:absolute; top:0px; left:0px; width: 100%; font-size:12px; line-height:22px; color:#222222; overflow:hidden; } * html #ie6 { height:25px; } #ie6 a:link, #ie6 a:active, #ie6 a:visited { color:#fff; text-decoration:none; } #ie6 a:hover { color:#555; text-decoration:underline; } #warning { float:left; margin-left:10px; } #browser_links { float:right; margin-right: 10px; } /*ie6 warning end*/ /*type*/ h1, h2, h3, h4, h5, h6, a.list_title { margin-top:10px; color: #C3996B; font-weight:normal; font-family:"Arial Rounded MT Bold", Verdana, sans-serif ; padding: 5px 0; } h1 { font-size:18pt; line-height: 22pt; } h2 { font-size:16pt; line-height: 18pt; } h3 { font-size:14pt; line-height: 20pt; } h4 { font-size:12pt; line-height: 18pt; } h5 { font-size:10pt; line-height: 16pt; } h6 { font-size:8pt; line-height: 14pt; } p { margin-top:10px; } a:link, a:active, a:visited { color: #C3996B; text-decoration: none; } a:hover { color: #fff; text-decoration:underline; } strong { font-weight:bold; } em { font-style:italic; } em strong, strong em { font-style:italic; font-weight:bold; } blockquote { background-color:#663E19; color:#CCCCCC; font-size:14pt; line-height:20pt; margin:20px; padding:20px; text-align:center; text-shadow:#000 -1px 1px 0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } cite { font-size:9pt;} #content ul li { list-style-position:inside; list-style-type:disc; list-style-image:none; margin-top: 5px; } #content ol li { list-style-position:inside; list-style-type: decimal; list-style-image:none; margin-top: 5px; } #content ol li ol, #content ul li ul { margin-left:20px; } .wp-caption-text { font-size:8pt; line-height:11pt; padding-right: 10px; } /*type end*/ /*form start*/ form { text-align:left; } textarea { width:99%; margin:10px 0 0 0; background-color: #754C28; border: none; } input { width:98%; background-color: #754C28; padding: 3px 0; border: none; } .submit { float:right; height:auto; margin:3px; padding:0; width:auto; } #s { font-size:12pt; font-family:"Arial Rounded MT Bold", Verdana, sans-serif ; width:275px; background-color: #FFFFFF; border: none; padding:0; } /*form end*/ /*table start*/ table { border-collapse:collapse; width:99%; border:0 none; } th, td { padding-left: 5px; } col { border-left: 1px solid #fff; } thead { border-bottom:1px solid #000; font-weight:bold; } th { text-align:left; } .odd { background-color:#663E19; } tr:hover { background-color:#3F5E65; color:#FFFFFF; } thead tr:hover { background-color:transparent; color: inherit; } /*table end*/ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 2px 10px; display: inline; } img.alignleft { margin: 0 10px 2px 0; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left } /* End Images */ .col { float:left; display:inline; padding:1%; } .one { width:8%; } .two { width:18%; } .three { width:28%; } .four { width:38%; } .five { width:48%; } .six { width:58%; } .seven { width:68%; } .eight { width:78%; } .nine { width:88%; } .ten { width:98%; } body { background: transparent url(images/bg.png) 50% 0 no-repeat; font-family: Verdana, sans-serif; font-size:9pt; line-height: 16pt; color:#fff; position:relative; } #header { height:730px; width:1000px; position:relative; margin: 0 auto; } #tentacle_logo { top:20px; right: 0; position:absolute; } #logo { position:absolute; top: 115px; left:250px; } #logo a { font-family:"Arial Rounded MT Bold", Verdana, sans-serif ; color:#000; font-size:24pt; line-height:30pt; } #tagline /*required for wp directory*/ { color:#FFFFFF; position:absolute; top:150px; left: 250px; } #rss { } #menu { left:0; position:absolute; top:594px; z-index: 100; } #menu li.page_item { display:inline; margin:0 6px; float:left; padding: 3px; } #menu li.page_item .page_item { margin:0; padding:0; } #menu li a:link {color:#B3C3C9;} #menu li.page_item ul {display: none;} #menu li.current_page_item ul, #menu li.current_page_ancestor ul {display: block;} #menu li a:hover, #menu li.current_page_parent, #menu li.current_page_item { background:transparent url(images/trans75k.png) 0 0 repeat; color:#fff; margin: 0; border-top: 28px solid #1D0000; text-decoration:none; float:left; } #menu li a:hover {border-top: 2px solid #1D0000;} .clear {clear:both;} #site_wrapper { width:100%; float: left; background: transparent url(images/repeat.png) 50% 0 repeat-y; } #site { width: 1000px; margin: -80px auto 0; position:relative; text-align:left; } .post {margin: 20px 0 0 0;} .home_image { height:175px; margin-right:15px; overflow:hidden; } .navigation { width:100%; height: 30px; } .next { float:right; } .previous { float:left; } #footer { height: 255px; width: 100%; text-align:right; background: transparent url(images/footer.png) 50% 0 no-repeat; position:relative; } #footer_links { position:absolute; bottom:0; left:50%; margin-left: -500px; color:#999999; } #footer_links a:hover {color:#333333;} #content { overflow:hidden; float:left; } #content li.entry { overflow:hidden; list-style:none; position:relative; margin: 0 0 40px 0; } .entry { overflow:hidden; } .sticky {background: transparent url(images/sticky.png) no-repeat scroll 95% 0%;} .alt, .postmetadata { background-color: #3B2314; padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px } .even { background-color:#663E19; padding:10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px } #comments_div .commentlist li { margin-top: 20px; list-style: none; } .bypostauthor { background: transparent url(images/author.png) -18px -9px no-repeat; } #sidebar li a:link, #sidebar li a:active, #sidebar li a:visited { display: block !important; color: #fff; padding-left: 10px !important; line-height: 25pt; text-align:left; font-size:9pt; border: 0 none; } #sidebar li a:hover, .current-cat { color:#fff; text-decoration:none; border-left: 10px solid #754C28; } #sidebar li td a:link { display:inline !important; padding-left: 0px !important; } /*custom header start*/ .tree { height: 348px; } .tree_one { background: transparent url(images/tree_1.png) 50% 0 no-repeat; position:absolute; right:35px; top: 210px; width: 180px; } .tree_two { background: transparent url(images/tree_2.png) 50% 0 no-repeat; position:absolute; right:55px; top: 210px; width: 151px; } .tree_three { background: transparent url(images/tree_3.png) 50% 0 no-repeat; position:absolute; right:65px; top: 210px; width: 127px; } .cloud_one { background: transparent url(images/cloud_1.png) 50% 0 no-repeat; position:absolute; left:-100px; top: 100px; height: 184px; width: 306px; } .cloud_two { background: transparent url(images/cloud_2.png) 50% 0 no-repeat; position:absolute; left:175px; top: 150px; height: 117px; width: 174px; } .cloud_three { background: transparent url(images/cloud_3.png) 50% 0 no-repeat; position:absolute; left:-50px; top: 170px; height: 132px; width: 219px; } .cloud_four { background: transparent url(images/cloud_4.png) 50% 0 no-repeat; position:absolute; left:-230px; top: 175px; height: 117px; width: 174px; } #balloon { width:129px; height: 220px; position:absolute; top:150px; left: 50px; background: transparent url(images/balloon.png) 0 0 no-repeat; } #plane { width:102px; height: 79px; position:absolute; top:60px; right: 175px; background: transparent url(images/plane.png) 0 0 no-repeat; } #snail { width:66px; height: 56px; position:absolute; top:487px; left: 5px; background: transparent url(images/snail.png) 0 0 no-repeat; } #hogs { width:85px; height: 37px; position:absolute; top:547px; left: 300px; background: transparent url(images/hogs.png) 0 0 no-repeat; } #bird { width:50px; height: 50px; position:absolute; top: 390px; left:355px } #follow_tweet { position:absolute; top: 440px; left:410px; color:#0099FF; } #tweet_container { width:300px; top:375px; left:415px; position:absolute; background:transparent url(images/trans75.png) 0 0 repeat; color:#333333; padding:30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; z-index:1000; } #tweet .odd, #tweet .even { background: transparent; border-bottom: #f3f3f3 1px solid; margin-left: 0; padding-left: 0; } #tweet a {color:#0099FF; text-decoration:none;} #searchform { left:20px; position:absolute; top:527px; } /*custom header end*/