/*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:12px Arial, Helvetica, sans-serif;} a { text-decoration:none; color:#cc3333; } a:hover { text-decoration:underline; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } .button { height:100%; overflow:hidden; float:left; margin-right:10px; margin-top:10px; } .button_l { background:url(images/button_l.png) no-repeat left top; float:left; width:16px; height:34px; } .button_r { background:url(images/button_r.png) no-repeat right top; float:left; padding:7px 28px 11px 10px; } .button_r a { font:bold 14px Arial, Helvetica, sans-serif; color:#333; } .button_r a:hover { font:bold 14px Arial, Helvetica, sans-serif; color:#000; } .imgleft { margin:0 10px 15px 0; float:left; border:1px solid #ccc; padding:2px; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; } /* headings ---------------------- */ h1.head { margin:0 0 0 -5px; display:block; float:left; font-size:36px; padding:10px 15px; } * html h1.head { margin:0 0 0 5px; } .container_border { width:960px; margin:0 auto; } /* Structure ---------------------- */ #header { padding:15px 0 20px 0; } #banner { margin-bottom:30px; } #sidebar { float:right; width:300px; } #sidebar-inner { float:right; width:340px; } .sidebar_in { padding:20px 10px 0 20px; margin-right:-10px; } * html .sidebar_in { position:relative; /* ie6 */ } .sidebarsub { width:160px; margin-bottom:20px; } #content { float:left; } #content-inner { float:left; } .bottom-in { padding:35px 0 25px 0; } .footer-in { padding:15px 0; overflow:hidden; } /* header ---------------------- */ .logo-spot { float:left; margin-top:8px; } #header #logo-spot{ display: block; font-size:18px; padding:0; margin:15px 0 0 0; float:left; position:absolute; top:0; left:0; z-index:9999; } #header .blog-title a{ font:bold 33px Verdana; padding:0; margin:0 0 10px 0 ; text-decoration:none;} #header .blog-title a:hover{ text-decoration:none;} #header .blog-description{ margin-bottom:10px; } /* Banner ---------------------- */ .banner-in { position:relative; min-height:315px; } * html .banner-in { height:315px; } .author_img { float:right; position:absolute; right:0; bottom:0; } .banner_content { padding:55px 0 30px 0; float:left; } #banner h1 { margin:0 0 20px 0; padding:0; font-size:36px; } #banner p { margin:0 0 12px 0; padding:0; width:530px; font:14px aArial, Helvetica, sans-serif; line-height:20px; } #banner h3.subline { margin:0 0 20px 0; padding:0; font:20px Georgia, "Times New Roman", Times, serif; } /*#breadcrumb section =================================== */ .breadcrumb {font-size:11px; padding:5px 10px; clear:both; } .breadcrumb { padding-left:10px; font-weight:normal; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; } .breadcrumb a:hover { text-decoration:none; } /* content ---------------------------- */ .content_spacer { padding:15px 0; } .wrapper .grid_7 { margin-left:0; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { font-size:14px; } #content a { text-decoration:none; color:#000; } #content a:hover { text-decoration:underline; } #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li { margin:0 0 5px 0; padding:0; } #content h3 { margin:0 0 10px 0; padding:0 0 5px 0; font:24px Georgia, "Times New Roman", Times, serif; } #content h3.bnone { margin-bottom:22px; } .featured_work { margin-bottom:20px; } .featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; } #content .featured_work a.more_link { font-size:12px; font-weight:bold; text-decoration:underline; } #content .services { list-style:none; margin:0 0 35px 0; padding:0; width:280px; } #content .services p { width:80%; font-size:12px; margin:0px; padding:0; float:right; } #content .services p strong { font-size:14px; } #content p.more a { text-decoration:none; font-size:12px; } #content p.more a:hover { text-decoration:none; } #content .services img { float:left; margin-top:5px; } /* post ---------------------------- */ blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } .flickr h3 span{ font-weight:normal;} .flickr h3{ margin-bottom:20px } .flickr ul{ margin:12px 0 0; padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 } .flickr img{ padding:2px; width:55px; height:55px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font-size:15px; text-transform:uppercase; } #calendar_wrap caption{ padding:10px 0 } .posts h1 { font-size: 25px } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px } .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } #content p.post_top { font-size:11px; } #content p.post_top a { text-decoration:none; } #content p.post_top a:hover { text-decoration:none; } #content .posts { padding-bottom:5px; margin-bottom:35px; } #content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:normal; } #content .posts h2.title a { text-decoration:none; } #content .posts h2.title a:hover { text-decoration:none; } #content p.post_bottom { margin:0; padding:0; font-size:11px; } #content p.post_bottom a { text-decoration:none; } #content p.post_bottom a:hover { text-decoration:none; } /* Post Pagination */ .pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; } .pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; } .pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; } /* Featured Work slider css ---------*/ .featured_work { margin-bottom:30px; position:relative; padding-bottom:20px; } .featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; } #content .featured_work h4 { margin:0 0 10px 0; padding:0; font:14px Arial, Helvetica, sans-serif; font-weight:bold; } #content .anythingSlider { width: 580px; height: 240px; position: relative; margin: 0 auto; } #content .anythingSlider .wrapper { width: 580px; overflow: auto; height: 240px; margin:0; position: absolute; top: 0; left: 0; } #content .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } #content .anythingSlider ul li { display: block; float: left; padding: 10px 0 0 0; width: 580px; margin: 0; background:none; } .anythingSlider .arrow { display: none; } #thumbNav { position: relative; top:-35px; right:-8px; float:right; text-align: left; z-index:9999; text-align:right; } * html #thumbNav{ top:-36px; right:-19px; width:115px; height:20px; } *+html #thumbNav{ top:-36px; right:-19px; width:115px; height:20px; } #thumbNav a { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; text-indent:-9009px; } #start-stop { display:none; } /* Prevents */ #content .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } #content .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; } /*#sidebar ----------------------- */ .ad-box { margin-bottom:20px; } .ads123456 img { float:left; margin:0 10px; } .ads123456 { margin:0 auto; width:300px; height:150px; } #sidebar .widget { width:300px; margin:0 0 25px 0; } #sidebar-inner .widget { width:160px; margin:0 0 25px 0; } #sidebar-inner .widget { width:340px; margin:0 0 25px 0; } #sidebar-inner .sidebarsub .widget { width:160px; margin:0 0 25px 0; } #sidebar .widget h3 { margin:0 0 10px 0; padding:0; font-size:24px; } .twitter { padding:10px 10px 30px 10px; } #sidebar #twitter ul { margin:0; padding:0; } #sidebar #twitter li { margin:0 0 12px 0; padding:0; list-style:none; line-height:18px; } /* sidebar inner ------------*/ #sidebar-inner h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:17px; } #sidebar-inner ul { list-style:none; margin:0 0 20px 0; padding:0; } #sidebar-inner li { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; font-size:14px; } #sidebar-inner li a { text-decoration:none; } #sidebar-inner li a:hover { text-decoration:none; } #sidebar ul { list-style:none; margin:0; padding:0; } #sidebar li { list-style:none; margin:0; padding:0; width:100%; } #sidebar .social_mark li a { padding:12px 0 12px 42px; font-size:18px; display:block; } /* widget search box */ #searchform input { padding:4px; margin-bottom:5px; } #searchform #searchsubmit { font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; } .screen-reader-text { display:none; } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; font-size:12px; text-transform: uppercase; width:90px; margin:0 15px 0 0 } .arclist ul li a:hover { text-decoration:underline; } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:0 } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /* bottom ---------------------------- */ #bottom .widget-spot h3 { margin:0 0 20px 0; padding:0; font-size:20px; } #bottom .postlist { margin:0 0 0 -5px; padding:0; } #bottom .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:14px; } #bottom .postlist li a { text-decoration:none; } #bottom .postlist li span { font-size:11px; } #bottom .postlist li a:hover { text-decoration:none; } #bottom .postlist li:hover { cursor:pointer; } #bottom .postlist li p { margin:0; padding:0; line-height:18px;} #bottom .grid_4 { margin:0; } .subscribe form { position:relative; } .subscribe b { margin-top:-3px; } .aleft { float:left; padding:8px 5px 0 0 ; } .field { padding:5px; width:168px; font-size:12px; height:16px; } .replace { line-height:18px; text-align:center; vertical-align:middle; width:75px; font:14px Georgia, "Times New Roman", Times, serif; border:none; cursor:pointer; float:right; position:absolute; right:0; top:0px; height:28px; line-height:28px; } *+html .replace { top:1px; } #bottom .bottom-in .testimonials_spacer { margin-left:20px; } .testimonials_spacer p { font: italic 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:22px; } .testimonials_spacer p.author { font:italic 12px Georgia, "Times New Roman", Times, serif; } #bottom .subscribe { margin:0; padding:0; list-style:none; } #bottom .subscribe li { margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; list-style:none; } #bottom .subscribe li a {text-decoration:none; padding:14px 0 15px 40px; display:block; font:bold 14px Arial, Helvetica, sans-serif; } #bottom .subscribe li.i_email { padding:14px 0 15px 40px; font:bold 14px Arial, Helvetica, sans-serif;} #footer .copyright , #footer .copyright a {text-decoration:none; } #footer ul { float:right; margin:0 -10px 0 0; padding:0; list-style:none; font-size:11px; } #footer li { float:left; padding:0 10px; margin:0; line-height:12px; } #footer li a { text-decoration:none; } #footer li a:hover { text-decoration:none; } /* top navigation drop menu ---------------------- */ ul#nav { font-family:Georgia, "Times New Roman", Times, serif;margin: 0; padding: 0; list-style: none; float:right; } #nav li { display: block; float: left; margin:0; padding:0; } #nav li a { display: block; text-decoration: none; margin:-8px 3px 8px; padding-top:65px; font-size:16px; } /* SON OF SUCKERFISH DROPDOWNS See http://www.htmldog.com/articles/suckerfish/dropdowns/ --------------------- */ /* 2nd and 3rd level menus */ #nav ul { position: absolute; z-index: 99; left: -999em; margin: 0px 0 0 1px; padding: 0; width:13.9em; w\idth: 13.9em; height: auto; } /* 3rd level menus only */ #nav ul ul { margin: -2.0em 0 0 13.9em; } /* 2nd and 3rd level menus */ #nav li li { padding: 2px 1em 2px 0; width: 12.9em; } /* 2nd and 3rd level menus */ #nav ul a { width: 13em; w\idth: 9em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { } /* 2nd and 3rd level menus */ #nav ul li a, #nav ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; }