/* Theme Name:CODA BLUE Theme URI:http://wordpress.bustatheme.com/coda-blue/ Description:The Coda Slider inspired wordpress theme by Greg Johnson. Version:1.0 Author:Greg Johnson Author URI:http://greg-j.com/ Tags:coda, jquery, slider, dark, fixed *//* CSS Reset */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}:focus{outline:0}ol, ul{list-style:none}blockquote:before, blockquote:after, q:before, q:after{content:""}blockquote, q{quotes:"" ""; border: thin dashed #652C01;}strong{font-weight:bold}em{font-style:normal}a{text-decoration:none; cursor:pointer} body{ font-family:Arial, Helvetica, sans-serif; background:#200E00 url(images/body_bg.jpg) center top repeat-x;} #header{ margin:0 auto; width:800px; height:155px; background:url(images/header_bg.jpg) center top no-repeat; position:relative;} #header h1, #header h2{ display:none; } #header ul{ margin:0 auto; height:100px; width:800px; } #header ul li{ display:block; float:left; width:266px; height:100px; } #header ul li a{ display:block; position:relative; width:266px; height:100px; background-image:url(images/header_links.jpg); background-repeat:no-repeat; } #header ul li a strong{ display:none; } #header ul li a span.hover{ display:block; position:absolute; width:266px; height:100px; background-image:url(images/header_links.jpg); background-repeat:no-repeat; } #go_download a{ background-position:0 0; } #go_download a .hover{ background-position:0 -100px; } #go_learn{ padding:0 1px; } #go_learn a{ background-position:-267px 0; } #go_learn a .hover{ background-position:-267px -100px; } #go_talk a{ background-position:-534px 0; } #go_talk a .hover{ background-position:-534px -100px; } #header .popup{ position:absolute; display:none; margin:225px 0 0 50px; padding:10px 0 0 0; width:175px; height:125px; background:url(images/popup_bg.png) center center no-repeat; z-index:50; font-size:12px; color:#fff; } #header .popup p{ padding:2px 0 0 15px; } #header .popup img{ vertical-align:middle; } #header .popup strong{ color:#000; } #header .popup a{ color:#93ddf4; } #header .popup a:hover{ text-decoration:underline; }#page_header{ margin:0 auto; width:900px; height:110px; background:url(images/page_header.jpg) center top no-repeat;} #page_header p{ display:none; } .page{ width:900px; margin:0 auto;} .scrolltop{ background:url(images/page_top.jpg) left top no-repeat; height:33px; width:800px; margin:0 auto; overflow:hidden; position:relative; clear:left; } .scrollmiddle{ background:url(images/page_extend.jpg) left top repeat-y; height:auto; width:800px; margin:0 auto; position:relative; clear:left; width: 800; } .scrollbottom{ background:url(images/page_bottom.jpg) left top no-repeat; height:65px; width:800px; margin:0 auto; overflow:auto; position:relative; clear:left; } .scroll{ height:auto; width:760px; margin:0 auto; overflow:auto; position:relative; clear:left; } .scrollContainer { padding:0px 10px; height:auto; width:740px; } .navcenterbox{ height:50px; width:800px; margin:0 auto; overflow:hidden; position:relative; clear:left; } .navigation{ padding:0 0 0 20px; height:50px; background:url(images/page_navigation_bg.jpg) center top no-repeat; } .navigation li{ height:50px; float:left; padding:0 2px 0 0; } .navigation a{ display:block; height:50px; line-height:50px; float:left; padding:0 10px; font-size:13px; color:#BACD4F; font-weight:bold; } .navigation a:hover, #page .navigation a.selected{ color:#F0FFAE; background:url(images/page_navigation_a.png) right top no-repeat; } .navigation a.selected{ color: #F0FFAE; } .navigation a:hover, #page .navigation a.selected{ background:url(images/page_navigation_span.png) left top no-repeat; } #page .navigation a:focus{ outline:none; } .panel{ padding:0px 10px; margin:0 auto; } .panel p{ padding:0 0 1em 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#3e414c; } #page .panel h3{ font-size:18px; font-family:Georgia,"Times New Roman",Times,serif; padding:0 0 .2em 0; letter-spacing: 0.2ex; color:#441D00; font-weight:bold; text-transform: uppercase; font-variant:small-caps; } #page .panel h4{ padding:0 0 .5em 0; font-size:15px; letter-spacing:-0.5px; font-weight:bold; color:#3e414c; } #page .panel strong{ color:#33333e; } #page .panel em{ font-style:italic; } #page .panel a{ white-space:nowrap; color:#19234c; font-weight:bold; } #page .panel a:hover{ text-decoration:underline; } #page .panel .gallery img{ padding:2px; border:solid 1px #c0c5d6; } #page .panel blockquote, #page .panel ul, #page .panel ol, #page .panel pre{ font-size:12px; margin:1em 2em 2em 2em; padding:10px 15px; background:#e6efff; } #page .panel blockquote p{ padding:.4em 0 !important; text-indent:0 !important; } #page .panel li{ list-style-position: inside; padding: 0 0 .5em 0; } #page .panel ul li{ margin:0 0 0 1em; list-style:square; } #page .panel ol li{ margin:0 0 0 1.5em; list-style:decimal; } #page .panel pre{ line-height:1em; color:#19234c; font-size:13px; overflow:auto; background:#f8f8f8; border:solid 1px #e5e5e5; } #page .panel code{ padding:0 3px; color:#33333e; background:#f8f8f8; border:solid 1px #e5e5e5; font-size:13px !important; } #page .panel .gallery{ text-align:center; } #page .scrollButtons{ width:30px; height:30px; position:absolute; top:280px; cursor:pointer; } #page .scrollButtons a{ display:block; height:30px; width:30px; } #page .scrollButtons span{ display:none; } #page .scrollMeLeft{ left:-40px; } #page .scrollMeLeft a{ background:url(images/left_right.jpg) 0 0 no-repeat; } #page .scrollMeLeft a:hover{ background:url(images/left_right.jpg) 0 -30px no-repeat; } #page .scrollMeRight{ right:-40px; } #page .scrollMeRight a{ background:url(images/left_right.jpg) -30px 0 no-repeat; } #page .scrollMeRight a:hover{ background:url(images/left_right.jpg) -30px -30px no-repeat; }#page_footer{ width:900px; margin:0 auto;} #page_footer h5{ padding:20px 90px; font-size:28px; letter-spacing:-2px; font-weight:bold; color:#3c508e; } #page_footer p{ padding:0 70px 30px 70px; font-size:13px; color:#2f4077; line-height:1.5em; } #page_footer p a{ color:#fff; } #page_footer p a:hover{ text-decoration:underline; }#footer{ height:90px; border-top:solid 1px #3F5C0A; background:#000; font-size:13px; font-family: "Lucida Grande", Calibri, Arial;} #footer p{ width:900px; overflow:hidden; margin:0 auto; color:#3F5C0A; } #footer span{ display:block; height:90px; line-height:90px; } #footer .left{ float:left; } #footer .right{ float:right; } #footer a{ color:#727fa1; } #footer a:hover{ text-decoration:underline; }div#fancy_overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#333;}div#fancy_loading{ position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100;}div#fancy_loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(images/fancy_progress.png) no-repeat;}div#fancy_close{ position:absolute; top:-12px; left:-12px; height:30px; width:30px; background:transparent url(images/fancy_closebox.png) ; cursor:pointer; z-index:100; display:none;}div#fancy_content{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96;}#fancy_frame{ position:relative; width:100%; height:100%; display:none;}img#fancy_img{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92; cursor:pointer;}div#fancy_title{ position:absolute; bottom:-35px; left:0; width:100%; z-index:100; display:none;}div#fancy_title table{ margin:0 auto;}div#fancy_title div{ color:#FFF; font:bold 12px Arial; padding-bottom:2px;}td#fancy_title_left{ height:32px; width:15px; background:transparent url(images/fancy_title_left.png) repeat-x;}td#fancy_title_main{ height:32px; background:transparent url(images/fancy_title_main.png) repeat-x;}td#fancy_title_right{ height:32px; width:15px; background:transparent url(images/fancy_title_right.png) repeat-x;}div#fancy_outer{ position:absolute; top:0; left:0; z-index:90; padding:18px 18px 58px 18px; margin:0; overflow:hidden; background:transparent; display:none;}div#fancy_inner{ position:relative; width:100%; height:100%; border:1px solid #fff; background:#fff;}a#fancy_left, a#fancy_right{ position:absolute; bottom:10px; height:100%; width:35%; cursor:pointer; background-image:url(images/data:image/gif;base64,AAAA); z-index:100; }a#fancy_left{ left:0px; }a#fancy_right{ right:0px; } #fancy_bigIframe, #fancy_freeIframe{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}div#fancy_bg{ display:none;} div.fancy_bg{ position:absolute; display:block; z-index:70;}div.fancy_bg_n{ top:-18px; width:100%; height:18px; background:transparent url(images/fancy_shadow_n.png) repeat-x;}div.fancy_bg_ne{ top:-18px; right:-13px; width:13px; height:18px; background:transparent url(images/fancy_shadow_ne.png) no-repeat;}div.fancy_bg_e{ right:-13px; height:100%; width:13px; background:transparent url(images/fancy_shadow_e.png) repeat-y;}div.fancy_bg_se{ bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(images/fancy_shadow_se.png) no-repeat;}div.fancy_bg_s{ bottom:-18px; width:100%; height:18px; background:transparent url(images/fancy_shadow_s.png) repeat-x;}div.fancy_bg_sw{ bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(images/fancy_shadow_sw.png) no-repeat;}div.fancy_bg_w{ left:-13px; height:100%; width:13px; background:transparent url(images/fancy_shadow_w.png) repeat-y;}div.fancy_bg_nw{ top:-18px; left:-13px; width:13px; height:18px; background:transparent url(images/fancy_shadow_nw.png) no-repeat;}.services { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #3E414C; float: left; width: 240px;}img.alignright {float:right; margin:0 0 1em 1em}img.alignleft {float:left; margin:0 1em 0.5em 0}img.aligncenter {display: block; margin-left: auto; margin-right: auto}a img.alignright {float:right; margin:0 0 1em 1em}a img.alignleft {float:left; margin:0 1em 0.5em 0}a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #sidebar { width:180px; float:right; margin:0 0 25px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; text-indent: 0ex; text-align: right; } #sidebar .sblock h3 { padding:25px 0 3px 0; font-size:12px; font-weight:bold; font-variant:small-caps; color:#441D00; text-transform: uppercase; letter-spacing: 0.2ex; text-align: right; } #sidebar .sblock ul { border-bottom:1px dotted #ccc; } #sidebar .sblock ul children{ border:0; padding: 0 0 0 10px; } #sidebar .sblock li { border-top:1px dotted #ccc; } #sidebar .sblock li a { background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%; font-size:10px; color:#666666; font-weight:normal; padding:2px 0 2px 15px; display:block; border-bottom:none; } #sidebar .sblock li a:hover { background:#f7f7f7 url(images/bullet_red.gif) no-repeat scroll 6px 52%; } #sidebar .widget_search label { display:block; padding:25px 0 3px 0; font-size:12px; border-bottom:1px dotted #ccc; margin:0 0 5px; } #sidebar .widget_recent_comments li { background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%; padding:2px 0 2px 15px; } #sidebar .widget_recent_comments li a{ background:none; text-decoration:underline; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; } #sidebar .widget_recent_comments li a:hover{ background:none; text-decoration:underline; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; } #sidebar .widget_recent_comments li a:hover { color:#e12000; border-bottom:1px dashed #e12000; background-color:#f7f7f7; } #sidebar .widget_tag_cloud h3 { margin:0 0 8px; border-bottom:1px dotted #ccc; } #sidebar .widget_text h3 , #sidebar .calendar h3{ border-bottom:1px dotted #ccc; } #sidebar .calendar h3{ display:none; } #sidebar #wp-calendar { width:95%; text-align:center; } #sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{ text-align:center; } #sidebar #wp-calendar caption { font-size:10px; padding:25px 0 3px 0; } #sidebar #wp-calendar th { font-weight: bold; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } #sidebar #wp-calendar tfoot td{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } .panelside{ padding:0px 10px; margin:0 auto; width:500px; float:left; } .panelside p{ padding:0 0 1em 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#3e414c; } #page .panelside h3{ font-size:18px; font-family:Georgia,"Times New Roman",Times,serif; padding:0 0 .2em 0; letter-spacing: 0.2ex; color:#441D00; font-weight:bold; text-transform: uppercase; font-variant:small-caps; } #page .panelside h4{ padding:0 0 .5em 0; font-size:15px; letter-spacing:-0.5px; font-weight:bold; color:#3e414c; } #page .panelside strong{ color:#33333e; } #page .panelside em{ font-style:italic; } #page .panelside a{ white-space:nowrap; color:#336600; font-weight:bold; } #page .panelside a:hover{ text-decoration:underline; } #page .panelside .gallery img{ padding:2px; border:solid 1px #c0c5d6; } #page .panelside blockquote, #page .panelside ul, #page .panelside ol, #page .panelside pre{ font-size:12px; margin:1em 2em 2em 2em; padding:10px 15px; background:#e6efff; } #page .panelside blockquote p{ padding:.4em 0 !important; text-indent:0 !important; } #page .panelside li{ list-style-position: inside; padding: 0 0 .5em 0; } #page .panelside ul li{ margin:0 0 0 1em; list-style:square; } #page .panelside ol li{ margin:0 0 0 1.5em; list-style:decimal; } #page .panelside pre{ line-height:1em; color:#19234c; font-size:13px; overflow:auto; background:#f8f8f8; border:solid 1px #e5e5e5; } #page .panelside code{ padding:0 3px; color:#33333e; background:#f8f8f8; border:solid 1px #e5e5e5; font-size:13px !important; } #page .panelside .gallery{ text-align:center; } ol#comments li p { font-size: 100%; } #commentform { margin-top:10px;} #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; font-size:10px; border: 1px solid #CCCCCC; padding: .2em; font-size:10px; } #commentform textarea { width: 100%; } #commentlist { margin:4px;} #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } #comments { font-size:12px; font-variant:small-caps; color:#441D00; text-transform: uppercase; letter-spacing: 0.2ex; text-align: left; padding-top: 15px; } #postcomment { font-size:12px; font-variant:small-caps; color:#441D00; text-transform: uppercase; letter-spacing: 0.2ex; text-align: left; padding-top: 15px; } .postnav { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } .pagetitle { font-size:20px; font-family:Georgia,"Times New Roman",Times,serif; padding:0 0 .2em 0; letter-spacing: 0.2ex; color:#441D00; font-weight:bold; text-transform: uppercase; font-variant:small-caps; } hr {color: #fff; background-color: #fff; border: 1px dotted #441D00; border-style: none none dotted; } small { font-size:10px; font-family:Georgia,"Times New Roman",Times,serif; padding-bottom:.2em; letter-spacing: 0.2ex; color:#BACD4F; font-weight:bold; text-transform: uppercase; font-variant:small-caps; } /* The tab itself */ #followTab { /* No bullets */ list-style: none; /* Position and float the tab */ position: fixed; z-index: 5000; right: 0; top: 200px; /* Give the tab width and padding */ width: 24px; padding: 8px 5px; /* Add the curved white border */ border: 3px solid #130900; border-right: none; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; /* Add the drop shadow */ -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6); box-shadow: 0 0 7px rgba(0, 0, 0, .6); /* Add the semitransparent gradient background */ background: rgba(90, 36, 0, .75); background: -moz-linear-gradient(top, rgba(90, 36, 0, .75), rgba(90, 36, 0, .75)); background: -webkit-gradient( linear, left top, left bottom, from( rgba(90, 36, 0, .75) ), to( rgba(90, 36, 0, .75) ) ); background: linear-gradient(top, rgba(90, 36, 0, .75), rgba(90, 36, 0, .75)); filter: progid:DXImageTransform.Microsoft.Gradient( startColorStr='#c05a2400', endColorStr='#c05a2400', GradientType=0 ); } /* Items within the tab */ #followTab li { margin: 9px 0 0 0; line-height: 0; } #followTab li:first-child { margin-top: 0; } /* General style for buttons within the tab */ #followTab a { display: block; width: 24px; background-image: url("images/follow-tab-buttons.png"); } #followTab a span { display: none; } /* "Contact" button */ #followTab a.contact { height: 16px; background-position: 0 0; } #followTab a.contact:hover { background-position: 0 -16px; } /* "RSS" button */ #followTab a.etsy { height: 24px; background-position: 0 -32px; } #followTab a.etsy:hover { background-position: 0 -56px; } /* "Twitter" button */ #followTab a.twitter { height: 15px; background-position: 0 -80px; } #followTab a.twitter:hover { background-position: 0 -95px; }