/* Theme Name: WordPress Theme 821 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:#150a07; background:#000000; padding:0px 5px 6px 4px} 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:109px; height:auto; color:#7a3121; height:14px; margin-right:11px; border:1px solid #dcbe79; background:#FFFFFF; font-size:1.01em; padding:0px 0px 2px 3px;} /***end forms*******************************************/ .min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 971)? "971px" : "100%"); min-width:971px;} .main {width:971px; margin:0 auto; overflow:hidden; position:relative; background:url(images/bg.jpg) top left no-repeat #48031e;} a {color:#b22b0d; text-decoration:underline;} a:hover{text-decoration:none;} .pagetitle { padding:10px; color:#150a07; font-weight:normal} .center { padding:0 0 10px 0;} /***global*******************************************/ .content { width:100%;} ul { margin:0;} .column-center{float:left; width:100%;} /*Universal Update*/ .indent-center { padding:23px 0px 0px 0px;} /*.indent-center { padding:23px 421px 0px 0px;}*/ /*Uni End*/ .side-bar-left { width:219px; margin-left:-421px; position:relative; float:left;} .side-bar-left .ind { padding:23px 0px 0px 33px; } .side-bar-right { width:202px; margin-left:-202px; float:left;} .side-bar-right .ind { padding:23px 0px 0px 15px;} .clear{clear:both;} .clear-block{ overflow:hidden; padding:0px; width:100%;} /***global*******************************************/ /***header*******************************************/ h2{ font-size:1.61em;} h3{ font-size:1.31em;} #header {margin:0 auto; overflow:hidden; width:100%; height:178px; background:url(images/bg-top.jpg) top left no-repeat;} /*#header .row1 {overflow:hidden; height:283px; width:100%;}*/ .logo { padding:39px 0px 0px 375px; overflow:hidden; float:left;} /* Universal Update */ /* h1 {font-size:1em; margin:0px; padding:0; color:#ffffff; text-indent:-10000em; width:227px; height:46px; background:url(images/logo.gif) top left no-repeat; cursor:pointer;} */ h1 {font-size:1em; margin:0px; margin-left:30px; padding:0; color:#ffffff; text-indent:-10000em; width:140px; height:140px; background:url(images/logo.png) top left no-repeat; cursor:pointer;} /* Uni End */ h1:hover {text-decoration:none;} /*.description {width:313px; height:26px; margin-top:97px; text-indent:-10000em; background:url(images/slogan.gif) top left no-repeat; overflow:hidden;}*/ .search { margin-bottom:15px; overflow:hidden;} .search .inside-widget {padding:21px 0px 19px 11px; } /*.search h2 {font-size:1.27em; line-height:1.09em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:6px 0 10px 21px; background:url(images/bg-h5.gif) no-repeat 0px 6px;}*/ .search #s{ width:111px; float:left;} .menu {background:url(images/menu-left.gif) top left no-repeat; overflow:hidden; padding:4px 0px 0px 4px; overflow:hidden;} .menu ul { width:100%;} .menu li { font-size:1.18em; line-height:normal; float:left; overflow:hidden; padding:5px 0px 40px 0px; background:url(images/bg-li.gif) no-repeat right 0;} .menu li a{color:#ffecd7; font-weight:bold; text-decoration:none; text-transform:none; display:block; padding:0px 38px 0px 36px;} .menu li a:hover{text-decoration:underline; color:#FFFFFF} /*.menu ul li span {display:block; float:left; background:url(images/bg-link2.gif) top repeat-x;} .menu ul li span span {display:block; float:left; background:url(images/link-left2.gif) top left no-repeat;} .menu ul li span span a {display:block; float:left; background:url(images/link-right2.gif) top right no-repeat;} .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*******************************************/ .border-left {background:url(images/border-left.gif) repeat-y left #FFFFFF;} .border-right {background:url(images/border-right.gif) repeat-y right;} .border-bot {background:url(images/border-bot.gif) repeat-x bottom;} .corner-top-left {background:url(images/corner-top-left.gif) no-repeat left top;} .corner-top-right {background:url(images/corner-top-right.gif) no-repeat right top;} .corner-bot-left {background:url(images/corner-bot-left.gif) no-repeat left bottom;} .corner-bot-right {background:url(images/corner-bot-right.gif) no-repeat right bottom; width:100%; overflow:hidden; padding-top:8px;} .corner-bot-right .inner { padding:0px 38px 20px 38px; overflow:hidden;} .bg-h { background:url(images/bg-h.gif) top repeat-x} .bg-hr { background:url(images/bg-hr.gif) top right no-repeat;} .bg-hl { background:url(images/bg-hl.gif) top left no-repeat; padding-left:30px;} .bg-hl .pagetitle { color:#b22b0d; font-size:15px;} .bg-menu { background:url(images/bg-menu.gif) top repeat-x;} .menu-right { background:url(images/menu-right.gif) top right no-repeat;} .widget { background:url(images/bg-block2.gif) left repeat-y;} .block-top { background:url(images/block-top2.gif) top left no-repeat;} .inside-widget { background:url(images/block-bot2.gif) bottom left no-repeat;} /*************Categories***************/ #categories{ background:url(images/bg-block.gif) left repeat-y;} #categories .block-top { background:url(images/block-top.gif) top left no-repeat;} #categories .inside-widget { background:url(images/block-bot.gif) bottom left no-repeat; padding-left:20px; padding-right:15px;} #categories.widget h2 { color:#34432c; padding:18px 0px 15px 27px;} #categories.widget li { font-size:1.09em; line-height:1.83em; color:#000000; font-weight:bold; background:url(images/bg-line.gif) bottom repeat-x;} #categories.widget li a { color:#414e39; text-decoration:none; background:none; padding-left:6px; display:block;} #categories.widget li a:hover { color:#42a206;} /*************ARCHIVES***************/ #archives.widget { background:url(images/bg-block2.gif) left repeat-y;} #archives .block-top { background:url(images/block-top2.gif) top left no-repeat;} #archives .inside-widget { background:url(images/block-bot2.gif) bottom left no-repeat;} /*#archives.widget#archives.widget h2 {font-size:1.27em; line-height:1.09em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:7px 0 5px 16px; background:url(images/bg-h2.gif) no-repeat 0px 7px;} #archives.widget h2 a {color:#1b2e32; text-decoration:none;} #archives.widget h2 a:hover {text-decoration:none;} #archives.widget ul { margin:0; padding:0px; width:100%;} #archives.widget li { font-size:1.09em; line-height:1.41em; color:#1b2e32; font-weight:normal; padding:1px 0px 1px 0px;}*/ #archives.widget li a { font-family:Tahoma, Arial, Helvetica, serif;} /*#archives.widget li a:hover { text-decoration:none; color:#FFFFFF;}*/ /************************************/ /*************META***************/ #meta.widget { background:url(images/bg-block3.gif) left repeat-y;} #meta .block-top { background:url(images/block-top3.gif) top left no-repeat;} #meta .inside-widget { background:url(images/block-bot3.gif) bottom left no-repeat; padding-right:15px; padding-left:20px;} #meta.widget h2 { color:#132e32; padding-bottom:15px;} /*#meta.widget ul { margin:0; padding:0px; width:100%;}*/ #meta.widget li { color:#1b2e32;background:url(images/bg-line2.gif) bottom repeat-x; font-size:1.09em; line-height:1.82em;} #meta.widget li a { color:#132e32; padding-left:6px; font-weight:bold; background:none;} #meta.widget li a:hover { text-decoration:none; color:#157fc3;} /************************************/ /*#tags.widget h2 { background:url(images/bg-h7.gif) no-repeat 0 0}*/ /*************RECENT POSTS***************/ #recent-posts.widget { background:url(images/bg-block5.gif) left repeat-y;} #recent-posts .block-top { background:url(images/block-top5.gif) top left no-repeat;} #recent-posts .inside-widget { background:url(images/block-bot5.gif) bottom left no-repeat; padding:20px 10px 20px 20px;} #recent-posts.widget h2 {color:#1e0d21; padding:18px 0px 0px 27px;} #recent-posts.widget ul { margin:0; padding:0px; width:100%;} #recent-posts.widget li { color:#1e0d21; line-height:1.51em; background:url(images/bg-line3.gif) bottom repeat-x; padding:4px 0px 8px 0px;} #recent-posts.widget li a { background:none; padding-left:6px; color:#1e0d21} #recent-posts.widget li a:hover { text-decoration:none; color:#bd00d2;} /************************************/ /*************RECENT COMMNETS***************/ #recent-comments.widget { background:url(images/bg-block6.gif) left repeat-y;} #recent-comments .block-top { background:url(images/block-top6.gif) top left no-repeat;} #recent-comments .inside-widget { background:url(images/block-bot6.gif) bottom left no-repeat; padding:14px 10px 20px 20px;} #recent-comments.widget h2 {color:#1e0d21;} #recent-comments.widget ul { margin:0; padding:0px; width:100%;} #recent-comments.widget li { color:#1e0d21; line-height:1.51em; background:url(images/bg-line4.gif) bottom repeat-x; padding:4px 0px 8px 6px;} #recent-comments.widget li a { background:none; color:#412018; padding-left:0px;} #recent-comments.widget li a:hover { text-decoration:none; color:#c12f0b;} /************************************/ /*************BLOGROLL***************/ .widget_links { background:url(images/bg-block4.gif) left repeat-y;} .widget_links .block-top { background:url(images/block-top4.gif) top left no-repeat;} .widget_links .inside-widget { background:url(images/block-bot4.gif) bottom left no-repeat;} /*#blogroll.widget h2 {font-size:1.27em; line-height:1.09em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:19px 0 14px 35px; background:url(images/bg-h4.gif) no-repeat 15px 19px;} #blogroll.widget h2 a {color:#1b2e32; text-decoration:none;} #blogroll.widget h2 a:hover {text-decoration:none;} #blogroll.widget ul { margin:0; padding:0px; width:100%;} #blogroll.widget li { font-size:1.09em; line-height:1.42em; color:#1b2e32; font-weight:normal; padding:1px 0px 1px 0px;} #blogroll.widget li a { color:#41d9ff; text-decoration:underline; background:url(images/a1.gif) no-repeat 0 8px; padding-left:8px; display:block; font-style:italic} #blogroll.widget li a:hover { text-decoration:none; color:#FFFFFF;}*/ /************************************/ /***box*******************************************/ /***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; background:none} .indentX p { padding:0 0 10px 0;} /**********************************************/ .inside-widget { padding:6px 15px 30px 24px;} .widget { margin:0px 0px 15px 0px; padding:0px; width:100%; overflow:hidden;} .widget h2 {font-size:1.18em; line-height:1.09em; color:#752f20; font-weight:bold; text-transform:uppercase; padding:19px 0 5px 24px; font-family:Tahoma, Arial, Helvetica, serif} .widget h2 a {color:#1b2e32; text-decoration:none;} .widget h2 a:hover {text-decoration:none;} .widget ul { margin:0; padding:0px; width:100%;} .widget li { font-size:1.09em; line-height:2.35em; color:#1b2e32; font-weight:normal; padding:1px 0px 1px 0px;} .widget li a { color:#b22b0d; text-decoration:none; background:url(images/a1.gif) no-repeat 0 12px; padding-left:9px; display:block; font-family:Arial, Helvetica, sans-serif;} .widget li a:hover { text-decoration:underline; color:#000000;} /************/ /***********/ /**********************************************/ #calendar .inside-widget { padding-left:30px; padding-right:30px;} #calendar_wrap {vertical-align:top; width:auto; margin:auto;} #calendar_wrap #prev { padding:5px 0px 0px 10px; text-align:left;} #calendar_wrap caption { color:#b22b0d; font-weight:bold; font-size:1.11em;} #calendar_wrap td {width:35px; text-align:right; color:#b22b0d; font-size:1.01em;} #calendar_wrap td a {color:#be7116;} #calendar_wrap th { color:#b22b0d; text-align:right;} #calendar_wrap a {font-weight:bold; width:20px;} /**********************************************/ #tag_cloud .inside-widget { padding:10px 10px 20px 20px;} #tag_cloud a{ color:#be7116; line-height:1.01em; text-decoration:none;} #tag_cloud a:hover{ text-decoration:none; background:#be7116; color:#FFFFFF;} /**********************************************/ #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 .inside-widget { padding-left:30px;} #search .searching { width:120px; height:14px; background:#FFFFFF; border:1px solid #dcbe79; color:#000000;} .widget_rss h2 { padding-bottom:12px;} /***end side_bar*******************************************/ /*---nonNumeric Lists without links---*/ .column-center ul li{ background:url(images/a3.gif) no-repeat 0 5px; padding-left:14px; list-style-image:none; list-style:none; line-height:1.86em; color:#b22b0d; 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.86em; font-weight:normal;} .column-center Ol li ul li {background:url(images/a3.gif) no-repeat 0 5px; padding-left:14px; color:#b22b0d; font-weight:normal;} /*---nonNumeric Lists---*/ .column-center ul li{ list-style-image:none; list-style:none; line-height:1.86em;} .column-center ul li a { color:#b22b0d; font-weight:normal; text-decoration:none; font-size:1.01em; text-transform:none;} .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:#b22b0d} .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.86em; } .column-center Ol li a { padding-left:0px; color:#b22b0d; font-weight:normal; text-decoration:none; font-size:1.01em; text-transform:none;} .column-center Ol li a:hover{ text-decoration:underline; } .column-center Ol li ul li a { font-weight:bold; text-decoration:underline;} .column-center Ol li ul li a:hover {text-decoration:none;} .column-center p { padding:10px 0px 5px 0px;} .column-center .border { border:1px solid #434245; padding:1px;} .welcome {margin-bottom:15px;} .welcome .content-top-left {padding:20px 28px;} .welcome h2 {padding-bottom:10px; color:#253747; font-weight:normal;} .page, .post {overflow:hidden; padding-bottom:25px; margin-bottom:10px;} .title { overflow:hidden; width:100%; background:url(images/bg-h.gif) top repeat-x; font-family:Tahoma, Arial, Helvetica, serif} .title h2 { color:#b22b0d; font-size:1.36em; text-transform:none; line-height:1.01em; font-weight:normal; background:url(images/bg-hl.gif) top left no-repeat;} .title h2 a {color:#b22b0d; text-decoration:none; display:block; padding:8px 0px 1px 44px; background:url(images/bg-hr.gif) top right no-repeat;} .title h2 a:hover {text-decoration:underline;} .title .author { padding:5px 0px 6px 16px; color:#bcb6ad; font-weight:normal; font-size:1.09em; line-height:1.09em;} .title .author a { color:#bcb6ad;} .title .date { padding:21px 38px 0px 16px; font-size:0.91em; line-height:1.01em; color:#150a07;} h2.pages { background:none; padding:5px 0px 0px 10px;} .text-box { font-size:1.09em; line-height:1.41em; overflow:hidden; width:100%; padding-bottom:10px;} .text-box .ind {padding:18px 0px 0px 17px; } .text-box strong { color:#949494; font-size:1.01em;} .text-box span { text-transform:none; color:#a69385; font-size:1.09em;} .text-box span a { color:#41d9ff; font-size:1.18em; font-style:italic;} .comments { color:#bcb6ad; font-size:1.18em; text-transform:none; line-height:1.01em; overflow:hidden; padding:5px 0px 0px 26px; float:right; background:url(images/bg-comm.gif) no-repeat 0 11px; font-family:Tahoma, Arial, Helvetica, serif;} .comments a {text-decoration:none; color:#bcb6ad; line-height:1.71em; font-weight:normal;} .comments a:hover { text-decoration:underline;} .line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;} /***end column_center*******************************************/ h2.pages{ padding-bottom:10px;} /* ----------------------- Popup styles ---------------------- */ /*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}*/ #commentspopup { background:#FFFFFF} #commentspopup .post { padding:0px;} #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 10px; background:#ffa200} #commentspopup p { padding:5px 10px; line-height:1.35em; font-size:1.1em;} #commentspopup ol#commentlist li { margin: 0px 10px 3px 20px; padding: 5px 0px 3px 0px; font-weight:normal; } #commentspopup #footer { padding:10px 0;} /* ----------------------------------------------------------- */ /***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: 0px 0px 2px 20px; display: inline; } img.alignleft { padding: 0; margin: 2px 15px 2px 0; display: inline; } .alignright { float: right; color:#be7116; padding-right:10px; } .alignleft { float: left; color:#be7116; padding-left:10px; } .marg { margin-bottom:10px;} /***End Images *******************************************/ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom:1px dashed #999; } blockquote { border:1px solid #deba8e; background:#f6ede2; padding:3px 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:#f7efe5; border-top:1px solid #deba8e;} ol.commentlist li.odd {background:#efe2d2; border-top:1px solid #deba8e;} .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; padding-right:25px; padding-left:15px; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } #respond { width:100%; overflow:hidden;} #respond h3 { padding-left:15px;} #commentform textarea { width:100%;} textarea#comment { width:100%;} h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em; color:#aea69a} /* End Comments */ .info-sidebar { padding:10px; color:#150a07;} /*************************************/ #recent-posts {vertical-align:top;} #recent-comments li { background:url(images/a3.gif) no-repeat 0 6px; padding-left:14px; line-height:1.71em} #recent-comments li a { display:inline !important; margin:0 !important; padding:0 !important; background:none; text-decoration:underline;} #recent-comments li a.url { padding-right:5px;} #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;} /*************************************/ .widget_text .inside-widget { padding:10px 10px 20px 20px;} .textwidget {color:c9c8c8; padding:4px 0px 20px 0px;} .oddcomment{color:#000000;} /***footer*******************************************/ #footer { font-size:1.09em; line-height:1.12em; color:#cea9b8; font-weight:normal; text-align:center; background:#48031e;} #footer p{ padding:0px 5px 0px 22px;} #footer a{ color:#cea9b8; font-weight:normal; text-decoration:underline;} #footer a:hover { text-decoration:none;} .foot { text-align:center; margin:0 auto; width:980; padding:30px 0px 30px 0px;} /***end footer*******************************************/