/* Theme Name: WordPress Theme 768 Theme URI: http://template-help.com/ Description: A theme from Template-Help.com Collection Version: 2.7 Author: Template_Help.com Author URL: http://www.Template-Help.com/ */ /* CSS Document */ *{margin:0; padding:0;} ul{list-style:none;} body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#545454; background:#0C1d43;} img { border:0;} table, td {border-collapse:collapse;} table, td, img {border:0;} td, tr {vertical-align:top; text-align:left;} /***forms*******************************************/ input, textarea{font-family:Tahoma, Arial, Helvetica, serif; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;} .searching {width:165px; height:auto; color:#202a32; height:17px; margin-right:10px; border:1px solid #81888e; background:#FFFFFF; font-size:1.09em; padding:2px 0px 0px 3px;} .column-center input, .column-center textarea { margin:3px 0 3px 5px;} /***end forms*******************************************/ .min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); min-width:1000px; background:url(images/bg2.gif) top repeat-x;} .main {width:964px; margin:auto; position:relative; background:url(images/bg.gif) top repeat-x;} a {color:#80a859; text-decoration:underline;} a:hover{text-decoration:none;} .pagetitle { padding:10px; color:#363638;} .center { padding:0 0 10px 0;} /***global*******************************************/ .content { width:100%; padding-top:0px; overflow:hidden;} ul { margin:0;} .side-bar-left { width:202px; margin-right:-202px; position:relative; float:left; } .side-bar-left .ind { padding:0px 18px 0px 0px;} .column-center{float:left; width:100%;} .indent-center { padding:0px 202px 0px 202px;} .side-bar-right { width:202px; margin-left:-202px; float:left;} .side-bar-right .ind { padding:0px 0px 0px 18px;} .clear{clear:both;} .clear-block{ overflow:hidden; padding:18px 0px 0px 0px; width:100%;} /***global*******************************************/ /***Begin Images *******************************************/ p img { padding: 0; max-width: 100%; } /* 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 { padding: 0; margin: 2px 20px 2px 0; display: inline; } img.alignleft { padding: 0; margin: 2px 19px 2px 0; display: inline; } .alignright { float: right; color:#459480; padding-right:10px; } .alignleft { float: left; color:#459480; padding-left:10px; } .marg { margin-bottom:10px;} /***End Images *******************************************/ /***header*******************************************/ h2{ font-size:1.61em; text-align:center;} h3{ font-size:1.31em;} .post h2{ font-size:1.61em; line-height:20px; text-align:center;} #header {margin:0 auto; background:url(images/bg-top.jpg) bottom left no-repeat; width:100%; height:340px;} #header .row1 {height:120px; padding-left:30px; } .head-text { padding:10px 500px 0px 46px; color:#ffffff; font-size:1.5em; font-family:Tahoma; line-height:1.4em;} .head-text a { color:#ffffff;} .head-text img { margin-bottom:8px;} /*** FLASH BANNER ADDED BY s2theh.com on 8.31.2010 **************/ #top_flash_banner_1 {position: relative; top: 13px; height: 280px; } .foo_bar_logo a, .foo_bar_logo a:link, .foo_bar_logo a:visited {display:block; height:150px; width:500px; margin-bottom:10px; text-decoration:none;} h1 {font-size:1em; margin:0; padding:0; color:#ffffff; text-indent:-10000em; width:350px; height:120px; background: transparent url(images/logo.gif) top left no-repeat; float:left; margin:20px 0px 0px 0px; } h1:hover {text-decoration: none; cursor:pointer;} .description {width:233px; height:50px; text-indent:-10000em; float:left; background:url(images/slogan.gif) center left no-repeat; margin-top:40px;} #header .search { padding:58px 0px 21px 13px; overflow:hidden; float:right; background:url(images/bg-search.gif) top left no-repeat;} /*#header .block-search .caption { float:left; padding-right:8px; padding-top:4px; text-transform:uppercase; color:#efdec2; font-size:1.12em; font-weight:bold;}*/ .menu { background:url(images/bg-menu.gif) top repeat-x;} .menu-left { background:url(images/menu-left.gif) top left no-repeat; width:100%;} .menu-right { background:url(images/menu-right.gif) top right no-repeat; overflow:hidden; width:100%;} .menu li { font-size:1.27em; line-height:normal; float:left; overflow:hidden; text-align:center; padding:0px 5px 0px 6px; /* --- COMMENTED OUT BY s2theh.com on 8.25.2010 ----*/ background:url(images/bg-li.gif)right 5px no-repeat; } .menu li a{color:#ffffff; font-weight:normal; text-decoration:none; text-transform:none; display:block; padding:12px 14px 19px 13px; } .menu li a:hover{text-decoration:none; color:#ffffff} .menu ul li span {display:block; float:left;} .menu ul li span span {display:block; float:left;} .menu ul li span span a {display:block; float:left;} .menu ul li span.over {background:url(images/bg-link.gif) top repeat-x;} .menu ul li span.over span {background:url(images/link-right.gif) top right no-repeat;} .menu ul li span.over span a {background:url(images/link-left.gif) top left no-repeat;} /***end header*******************************************/ /***box*******************************************/ .corner-top-left {background:url(images/corner-top-left-new.gif) no-repeat left top #dff0ff; } .corner-top-right {background:url(images/corner-top-right-new.gif) no-repeat right top;} .corner-bot-left {background:url(images/corner-bot-left-new.gif) no-repeat left bottom;} .corner-bot-right {background:url(images/corner-bot-right-new.gif) no-repeat right bottom; min-height:555px; height:auto;} * html .corner-bot-right { height:555px;} .corner-bot-right .inner { z-index: 0; /*background: #dff0ff; */ padding:10px 15px 20px 14px;} /*s2theh.com added background color on 8.25.2010 */ .border-top2 {background:url(images/border-top2.gif) repeat-x top #2c4b70;} .border-bot2 {background:url(images/border-bot2.gif) repeat-x bottom;} .corner-top-left2 {background:url(images/corner-top-left2.gif) no-repeat left top;} .corner-top-right2 {background:url(images/corner-top-right2.gif) no-repeat right top;} .corner-bot-left2 {background:url(images/corner-bot-left2.gif) no-repeat left bottom; width:100%;} .corner-bot-right2 {background:url(images/corner-bot-right2.gif) no-repeat right bottom; width:100%;} #categories.widget li a { font-weight:bold; background:url(images/a1.gif) no-repeat 0 3px; padding-left:15px;} #meta.widget li a { background:url(images/a2.gif) no-repeat 0 3px; padding-left:20px;} #pages.widget li a, #archives.widget li a, .widget_rss li a { color:#0f4e08;} /* variant 3 - color 1 default for all */ .border-left3 {background:url(images/border-left3_1.gif) repeat-y left #526687;} .border-right3 {background:url(images/border-right3_1.gif) repeat-y right;} .border-bot3 {background:url(images/border-bot3_1.gif) repeat-x bottom;} .corner-bot-left3 {background:url(images/corner-bot-left3_1.gif) no-repeat left bottom;} .corner-bot-right3 {background:url(images/corner-bot-right3_1.gif) no-repeat right bottom;} /* variant 4 - color 2 */ #recent-comments .border-left3, .widget_links .border-left3, #text-419770731 .border-left3, #text-436015771 .border-left3, #text-656453271 .border-left3, #flickr .border-left3, #search .border-left3 {background:url(images/border-left4.gif) repeat-y left #395d99;} #recent-comments .border-right3, .widget_links .border-right3, #text-419770731 .border-right3, #text-436015771 .border-right3, #text-656453271 .border-right3, #flickr .border-right3, #search .border-right3 {background:url(images/border-right4.gif) repeat-y right;} #recent-comments .border-bot3, .widget_links .border-bot3, #text-419770731 .border-bot3, #text-436015771 .border-bot3, #text-656453271 .border-bot3, #flickr .border-bot3, #search .border-bot3 {background:url(images/border-bot4.gif) repeat-x bottom;} #recent-comments .corner-bot-left3, .widget_links .corner-bot-left3, #text-419770731 .corner-bot-left3, #text-436015771 .corner-bot-left3, #text-656453271 .corner-bot-left3, #flickr .corner-bot-left3, #search .corner-bot-left3 {background:url(images/corner-bot-left4.gif) no-repeat left bottom;} #recent-comments .corner-bot-right3, .widget_links .corner-bot-right3, #text-419770731 .corner-bot-right3, #text-436015771 .corner-bot-right3, #text-656453271 .corner-bot-right3, #flickr .corner-bot-right3, #search .corner-bot-right3 {background:url(images/corner-bot-right4.gif) no-repeat right bottom;} /* variant 5 - color 3 */ #pages .border-left3, #archives .border-left3, #text-419783062 .border-left3, #rss-419769681 .border-left3 {background:url(images/border-left5.gif) repeat-y left #3d7499;} #pages .border-right3, #archives .border-right3, #text-419783062 .border-right3, #rss-419769681 .border-right3 {background:url(images/border-right5.gif) repeat-y right;} #pages .border-bot3, #archives .border-bot3, #text-419783062 .border-bot3, #rss-419769681 .border-bot3 {background:url(images/border-bot5.gif) repeat-x bottom;} #pages .corner-bot-left3, #archives .corner-bot-left3, #text-419783062 .corner-bot-left3, #rss-419769681 .corner-bot-left3 {background:url(images/corner-bot-left5.gif) no-repeat left bottom;} #pages .corner-bot-right3, #archives .corner-bot-right3, #text-419783062 .corner-bot-right3, #rss-419769681 .corner-bot-right3 {background:url(images/corner-bot-right5.gif) no-repeat right bottom;} /***box*******************************************/ .corner-bot-right3 ul li a.rsswidget {font-size:11px; line-height:14px; margin:9px 0; display:block; font-weight:bold;} .widget_recent_entries ul li a {font-size:12px; line-height:14px; margin:9px 0; display:block; } /***side_bar*******************************************/ .side-bar .inside{ padding:0 0 0 0;} .widget#categories .children { margin:0 0 0 0px;} .widget#categories .children li{ font-size:1.01em; padding-left:20px;} .indentX p { padding:0 0 10px 0;} /**********************************************/ .widget { margin:0px 0px 18px 0px; padding:0px; width:100%; overflow:hidden;} .widget h2 {font-size:1.18em; line-height:1.09em; color:#ffffff; font-weight:bold; text-transform:none; padding:9px 0 10px 23px; text-align:left;} .widget h2 a {color:#FFFFFF; text-decoration:none;} .widget h2 a:hover {text-decoration:none;} .widget ul { margin:0; padding:17px 0px 17px 0px;} .widget li { font-size:1.18em; line-height:1.55em; color:#ffffff; font-weight:normal; padding:0px 10px 0px 24px;} .widget li a { color:#ffffff; text-decoration:none; background:none;} .widget li a:hover { text-decoration:underline;} .widget a {color:white; text-decoration:none; } .widget a:hover {text-decoration:underline;} /************/ /***********/ #links_with_style .inside-widget { padding:11px 22px 10px 18px;} .widget-style#links_with_style { margin:0 0 12px 0; padding:0;} .widget-style#links_with_style h2 { font-size:1.09em; width:100%; color:#1b1f22; font-weight:bold;} .widget-style#links_with_style h2 a {color:#ffe6d5; text-decoration:none;} .widget-style#links_with_style h2 a:hover {text-decoration:none;} /**********************************************/ /**********************************************/ #links_with_style ul {margin:0 0 0 0; background:none;} #links_with_style ul ul h2{ margin:0 0 0 0; background:none;} #links_with_style ul li h2 { list-style:none; color:#FFFFFF; font-weight:normal; margin:0 0 0 0;} #links_with_style ul li { padding:0; background:none; overflow:hidden;} #links_with_style ul li ul { margin:0 0 0 0;} #links_with_style ul li ul li {font-size:1.01em; line-height:1.91em; color:#71777d; font-weight:normal; padding:0px 0 0px 0px; background:url(images/bg-line.gif) bottom repeat-x;} #links_with_style ul li ul li a{ color:#71777d; text-decoration:none; } #links_with_style ul li ul li a:hover { text-decoration:none; color:#0085ff} /**********************************************/ /**********************************************/ #calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:10px 20px 10px 10px;} #calendar_wrap caption { color:#bad635; font-weight:bold; font-size:1.11em;} #calendar_wrap td {width:25px; text-align:right; color:#ffffff; font-size:1.11em;} #calendar_wrap td a {color:#bad635;} #calendar_wrap th { color:#bad635; text-align:right;} #calendar_wrap a {font-weight:bold;} /**********************************************/ #tag_cloud .corner-bot-right3 { padding:10px 10px 20px 20px;} #tag_cloud a{ color:#c7e854; line-height:1.01em; text-decoration:none;} #tag_cloud a:hover{ text-decoration:underline; color:#c7e854;} /**********************************************/ #statusbar { text-align:left; color:#1b1f22;} #statusbar p {padding:10px 15px 10px 15px; margin:0 0 0px 0;} #statusbar a {font-weight:bold; color:#1b1f22;} #search .searching { width:140px; height:16px; background:#ffffff; border:1px solid #0a4d81; color:#000000;} #searchform { padding:15px} /***end side_bar*******************************************/ /*---nonNumeric Lists without links---*/ .column-center ul li{ background:url(images/a1.gif) no-repeat 0 5px; padding-left:15px; list-style-image:none; list-style:none; line-height:1.62em; color:#402e00; font-weight:normal;} .column-center ul li ul{ margin-left:10px;} .column-center ul li ol {margin-left:15px;} .column-center ul li ol li{ list-style-type:decimal;} /*---Numeric Lists without links---*/ .column-center Ol { padding-left:2px;} .column-center Ol li{ background:none; padding:0px; margin-left:13px; line-height:1.62em; color:#402e00; font-weight:normal;} .column-center Ol li ul li {background:url(images/a1.gif) no-repeat 0 6px; padding-left:15px; color:#402e00; font-weight:normal;} /*---nonNumeric Lists---*/ .column-center ul li{ list-style-image:none; list-style:none; line-height:1.62em;} .column-center ul li a { color:#402e00; font-weight:normal; text-decoration:none; font-size:1.01em;} .column-center ul li a:hover{ text-decoration:underline; } .column-center ul li ul{ margin-left:15px;} .column-center ul li ol {margin-left:20px;} .column-center ul li ol li{ list-style-type:decimal; color:#402e00} .column-center ul li ol li a { background:none;} /*---Numeric Lists---*/ .column-center Ol { padding-left:2px;} .column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:1.62em; } .column-center Ol li a { padding-left:0px; color:#402e00; font-weight:normal; text-decoration:none; font-size:1.01em;} .column-center Ol li a:hover{ text-decoration:underline; } .column-center Ol li ul li a { font-weight:normal; text-decoration:underline;} .column-center Ol li ul li a:hover {text-decoration:none;} .column-center p { padding:5px 0 5px 0;} .column-center .border { border:1px solid #434245; padding:1px;} .welcome {margin-bottom:15px; padding:10px;} .welcome .content-top-left {padding:20px 28px;} .welcome h2 {padding-bottom:10px; text-align:center;} .page, .post { background:url(images/line.gif) bottom repeat-x; overflow:hidden; margin-bottom:40px;} .title { overflow:hidden; padding-top:7px; width:100%; background:url(images/bg-h.gif) no-repeat 5px 0;} .title .ind { overflow:hidden; padding:0px 0px 0px 75px;} .title h2 { color:#000000; font-size:1.45em; text-transform:none; line-height:1.01em; font-weight:bold; font-family:Tahoma, Arial, Helvetica, serif;} .title h2 a {color:#000000; text-decoration:none;} .title h2 a:hover {text-decoration:underline;} .title .author { padding:1px 0px 6px 0px; color:#bbd1a6; font-weight:normal; font-size:1.01em; line-height:1.09em; float:right; } .title .author a { color:#bbd1a6;} .title .date { padding:1px 15px 0 0px; font-size:1.01em; line-height:1.01em; color:#bbd1a6; font-weight:normal; float:left;} .text-box { font-size:1.09em; line-height:1.35em; overflow:hidden; width:100%;} .text-box .ind {padding:16px 20px 0px 7px; } .text-box strong { color:#282828;} .text-box span { text-transform:none; color:#459480; font-size:1.27em;} .text-box span a { color:#cb670e; text-transform:none; font-size:0.81em;} .text-box .box { float:left; margin-right:20px;} .comments { color:#bbd1a6; font-size:1.01em; text-transform:none; line-height:1.01em; overflow:hidden; padding:15px 20px 20px 7px; text-align:left; font-family:Tahoma, Arial, Helvetica, serif;} .comments a {text-decoration:none; color:#bbd1a6; line-height:1.71em; font-weight:normal; background:url(images/bg-comm.gif) no-repeat 0 0px; padding-left:24px;} .comments a:hover { text-decoration:underline;} .line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;} /***end column_center*******************************************/ /* ----------------------- Popup styles ---------------------- */ /*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}*/ #commentspopup .page-padding {padding:10px 5px;} #commentspopup .page-width {width:538px; margin:0 auto;} #commentspopup h2 {color:#000000; font-family:Tahoma, Arial, Helvetica, serif; font-size:1.45em; padding:10px 0px;} #commentspopup p { padding:5px 0; line-height:1.35em;} #commentspopup ol#commentlist li { margin: 0px 15px 3px; padding: 5px 0px 3px; font-weight:normal; } #commentspopup p {font-size:1.1em;} /* ----------------------------------------------------------- */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom:1px dashed #999; } blockquote { border:1px solid #071f29; background:#e9e9e9; padding:5px; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } a img { border: none; } .navigation { width:100%; overflow:hidden; display: block; text-align: left; margin-bottom: 5px; padding-top:5px; } /*.navigation {display: block; text-align: center; margin:0; padding:15px 21px;} .navigation a {color:#577487; font-weight:bold; font-size:1.2em;}*/ /* End Various Tags & Classes*/ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } ol.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; font-weight:normal } ol.commentlist li.even {background:#c8dcb4; border-top:1px solid #071f29;} ol.commentlist li.odd {background:#d1dda5; border-top:1px solid #071f29;} .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; margin-right:25px; padding-left:15px; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } #respond { width:100%; overflow:hidden;} #commentform textarea { width:100%;} textarea#comment { width:100%;} h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em; color:#363638} /* End Comments */ /*************************************/ #recent-posts {vertical-align:top;} #recent-comments li { background:url(images/.gif) no-repeat 0 8px; padding-left:13px; line-height:1.71em} #recent-comments li a {background:none; text-decoration:underline;} #recent-comments li a:hover{text-decoration:none;} #recent-comments .inside-widget { padding:10px 20px 10px 20px;} #calendar {vertical-align:top;} #google-search {vertical-align:top;} #gsearch {text-align:left;} /*#pages {vertical-align:top;}*/ #text-1 {vertical-align:top;} #delicious {vertical-align:top;} #delicious-box {text-align:left;} /*************************************/ .textwidget {padding:10px 20px 10px 20px; color:#FFFFFF; } .oddcomment{color:#000000;} /***footer*******************************************/ #footer { font-size:1.09em; line-height:1.12em; color:#829346; font-weight:bold; text-align:center;} #footer a{ color:#829346; font-weight:bold; text-decoration:none;} .foot { text-align:center; margin:0 auto; width:px; padding:15px 0px 50px 0px;} #footer span{ padding-left:33px;} /***end footer*******************************************/ /* opt in widget */ input.wpsb_form_txt { width:140px; } .wpsb_form_label label {display:block; font-weight:bold; margin-top:10px; clear:both;}