/* Theme Name: Secret Agent Theme URI: http://www.topproducer.com/ Author: Top Producer */ body {text-align: center; margin: 0; padding: 0; text-align: center; background-color: #fff; font-size: 62.5%; font-family: Verdana, Geneva, Arial, Sans-Serif; color: #666666;} /* double double toil and trouble */ .W3C .wrap {display: table; width: 590px; margin: 0; padding: 0; } .IE .wrap {zoom: 1;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* ------- Links --------- */ a, a:link, a:visited {color: #3366cc; text-decoration: none;} a:hover {text-decoration: underline;} /* ------- Text --------- */ p, h1, h2, h3, h4, h5, h6, form, table, td, ul.menu, ul.menu li { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 1.25em 0 0.5em 0; color: #666666; } p { margin: 0.833em 0 0.5em; font-size: 1.1em;} p, li, dt, dd { line-height: 1.5em; } h1 { font-size: 1.4em; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } h4 { font-size: 1em; font-style: italic; } h5 { font-size: 1em; } h6 { font-size: 1em; margin: 0.5em 0 0.25em; } sup, sub { font-size: 0.5em; } q { font-style: italic; } del { text-decoration: line-through; } ins { color: #FF0000; } /* ------- Other Semantic Elements --------- */ ul.menu li { list-style-type: none; } img { border: none; } .collapse {padding-right: 15px; background: url("images/icon_arrowup.gif") 100% 50% no-repeat;} .expand {padding-right: 15px; background: url("images/icon_arrowdown.gif") 100% 50% no-repeat;} .new {padding-right: 15px; background: url("images/icon_new.gif") 100% 50% no-repeat;} #content .postcontent ul { padding-left: 30px; margin-left: 0; } #content .postcontent img { width: auto; height: auto; } /* Layout */ #body1 {width: 840px; margin: 0 auto; text-align: left; display: table;} #header {height: 160px; padding: 5px; margin-top: 10px; background: url("images/header.gif") no-repeat 0 0; text-align: center;} #header #headerimg {height: 150px;} #header, #header a {color: #006600; } #header a:hover {text-decoration: none;} #header #headerimg h1 {padding-top: 46px; font-size: 3.6em; margin: 0; width: 828px; overflow: hidden;} #header #headerimg p {margin: 0; font-size: 1.2em; width: 828px; overflow: hidden;} #page {background: url("images/pageT.gif") no-repeat 0 0; padding-top: 5px;} #page1 {float: left; background: url("images/pageB.gif") no-repeat 0 100%; padding-bottom: 5px;} #page2 {float: left; background: url("images/pageBG.gif") repeat-y 0 0; padding: 5px 10px 10px 10px;} #sidebar {float: left; width: 175px; border: 5px solid #e5e5e5; overflow: hidden;} #sidebar1 {padding: 5px;} #sidebar .menu-1 { background: #eee; } #sidebar div.content {margin: 0 8px 0 0; overflow: hidden;} .IE #sidebar div.content {word-wrap: break-word;} #content {float: right; width: 624px; overflow: hidden;} #footer {clear: both; text-align: center; margin: 5px 0; font-size: 1em; color: #666666;} /* Menus */ .nav-2 {background: url("images/navBG.gif") repeat 0 0; padding: 0; margin-bottom: 10px; width: 820px;} .nav-1 { overflow: hidden; padding: 16px 0 10px 0;} #nav {margin-left: -1px;} #nav li { float: left;} #nav li a {font-size: 1.1em; margin-bottom: 0.5em; font-weight: bold; padding: 0 20px; color: #333; border-left: 1px solid #666666; display: table; white-space: nowrap;} .IE #nav li a {zoom:1;} #nav li a:hover, #nav li.current_page_item a{color: #fff;} /* Web Boxes */ #sidebar .webbox {background: url("images/webboxT.gif") no-repeat 0 0; margin-bottom: 10px; padding-top: 3px; font-family: Verdana, Geneva, Arial, Sans-Serif;} #sidebar .webbox1 {background: url("images/webboxB.gif") no-repeat 0 100%; padding-bottom: 3px;} #sidebar .webbox2 {background: url("images/webboxBG.gif") repeat-y 0 0;} .IE #sidebar .webbox1, .IE #sidebar .webbox2 {zoom:1;} #sidebar .webbox .heading {padding: 8px 0; background: url("images/webboxHeading.gif") no-repeat 0 100%;} #sidebar .webbox .heading h2 {padding-left: 8px; margin: 0; color: #333; font-size: 1.1em;} #sidebar .webbox .menu li {font-size: 1.1em; padding: 2px 0 2px 15px; background: url("images/icon_page.gif") no-repeat 0 0.2em; display: block;} #sidebar .webbox .menu li a {color: #666666;} #sidebar .webbox .menu li.highlight {width: 92%; display: block; font-weight: bold; margin-bottom: 6px; padding-bottom: 8px; border-bottom: 1px dotted #666666;} #sidebar .webbox .content {padding: 8px 0 8px 10px;} #sidebar .rss {padding-left: 15px; background: url("images/icon_rss_notext.gif") 0 50% no-repeat; } /* Content Specific - #sidebar */ #sidebar hr {border: none; height: 1px; color: #e5e5e5; background-color: #e5e5e5;} #sidebar #agent-info .heading { display: none; } #sidebar #agent-info .webbox, #sidebar #agent-info .webbox1, #sidebar #agent-info .webbox2 { padding: 0; margin: 0; background: none; } .agentinfo {margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;} #sidebar .agentinfo .agentPic {width: 165px; text-align: center;} .agentinfo p {font-size: 1em; margin: 0;} .agentinfo h2 {margin-top: 0.5em; font-size: 1.1em; font-family: Verdana, Geneva, Arial, Sans-Serif;} .agentinfo .email {padding-left: 15px; background: url("images/icon_email.gif") no-repeat 0 0.4em;} .agentinfo .phone {padding-left: 15px; background: url("images/icon_phone.gif") no-repeat 0 0.4em;} .IE .agentinfo .email, .IE .agentinfo .url {word-break: break-all;} #sidebar form.search {margin-bottom: 10px;} #sidebar form.search input {display: inline;} #sidebar form.search input.input {width: 100px; position: relative; top: -4px;} .IE #sidebar form.search input.input {top: -2px;} #sidebar p.sidebarFooter {padding-left: 6px; text-transform: uppercase; font-size: 0.8em; } #sidebar p.sidebarFooter img {padding-left: 10px; padding-right: 2px; vertical-align: text-bottom; display: inline;} #sidebar p.sidebarFooter .rss {padding-left: 12px; background: url("images/icon_rss_notext.gif") 0 50% no-repeat;} #sidebar p.sidebarFooter .question {margin-left: 10px; padding-left: 12px; background: url("images/icon_question.gif") 0 50% no-repeat;} #sidebar #admin .heading {background-image: none; padding-bottom: 4px;} #sidebar #calendar_wrap {width: 165px; padding: 6px 0;} #sidebar #calendar_wrap #wp-calendar {margin: 0 auto;} #sidebar #calendar_wrap #wp-calendar caption {font-size: 1.0em; font-weight: bold; text-align: center; width: 100%;} #sidebar #calendar_wrap #wp-calendar td {padding: 0 2px; background-color: #EDEDED;font-size: 10px;} #sidebar #calendar_wrap #wp-calendar td.pad {padding: 0 2px; background-color: transparent;} #sidebar #calendar_wrap #wp-calendar a {font-weight: bold;} #sidebar .widget_search .webbox, #sidebar .widget_search .webbox1, #sidebar .widget_search .webbox2 { padding: 0; margin: 0; background: none; } #sidebar .widget_search .heading { display: none; } #sidebar .widget_search #searchform {margin: 2px 0 10px 0;} #sidebar .widget_search #searchform .title {width: 106px; float: left; display: inline; padding: 0; margin: 0;} #sidebar .widget_search #searchform .button {float: left; margin: 0 0 0 6px; padding: 0; display: inline; font-size: 1.1em;} #sidebar .widget_gsearch #gsearch {padding: 4px 0 8px 0;} #sidebar .widget_gsearch #gsearch input { font-size: 1.1em; } #sidebar .widget_text div.textwidget { font-size: 1.1em; padding: 8px;} #sidebar .widget_recent_comments .menu li {padding: 2px 0 2px 13px; background: url("images/icon_comments.gif") no-repeat 0 0.5em; display: block;} #sidebar ul {margin: 0; font-size: 10px; padding: 2px 0 2px 0px; margin: 0px; display: block;} #sidebar li {list-style: none;} /* Content Specific - #content */ #content .header {background: url("images/contentHeader.gif") no-repeat 0 0; padding: 17px 10px; margin-bottom: 5px;} #content .header h2 {font-size: 1.1em; float: left; margin: 0 10px 0 0;} #content .header p {font-size: 1em; text-transform: uppercase; float: right; margin: -1px 0 0 0;} #content .searchresults_header {background: url("images/contentFooter.gif") no-repeat 0 0; padding: 17px 10px; margin-bottom: 5px;} #content .searchresults_header h3 { margin: 0 10px 0 0;} #content .searchresults_header span {color: #ff6600;} #content .searchresult {margin: 0 0 20px 0; padding: 0 10px 10px 20px; background: url("images/dotted.gif") repeat-x 0 100%;} #content .searchresult.last {background: none;} #content .categoryList {background: url("images/contentHeader.gif") no-repeat 0 0; padding: 16px 10px 16px 10px; margin-bottom: 5px;} .IE #content .categoryList {position: relative; zoom: 1;} #content .categoryList.expanded { padding: 0; } #content .categoryList h2 {font-size: 1.1em; float: left; margin: 0 10px 0 0;} #content .categoryList p {font-size: 1em; text-transform: uppercase; float: right; margin: -1px 0 0 0;} #content .categoryList .categoryList1 {background: none; padding: 0;} #content .categoryList div.table-1 {display: none;} #content .categoryList.expanded div.table-1 {display: block;} #content .categoryList.expanded {background: url("images/postsT.gif") no-repeat 0 0; padding-top: 3px; margin-bottom: 5px;} #content .categoryList.expanded .categoryList1 {background: url("images/categoryListB.gif") no-repeat 0 100%; padding: 13px 15px 12px 10px;} #content .categoryList table a {color: #666666;} #content .categoryList.expanded .categoryListHeader {margin-bottom: 15px;} #content .categoryListHeader h2 {font-size: 1.1em; float: left; margin: 0 10px 0 0;} #content .categoryListHeader p {font-size: 1em; text-transform: uppercase; float: right; margin: -1px 0 0 0;} .IE #content .categoryListHeader p img {vertical-align: middle;} #content .categoryListHeader a {color: #666666;} #content .categoryList div.table-1 {padding: 14px 5px 0 5px;} #content .categoryList table {width: 100%; border-collapse: collapse;} #content .categoryList table th {color: #666666; font-size: 1em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 4px 6px; background-color: #ededed; text-transform: uppercase;} #content .categoryList table #title {width: 439px;} #content .categoryList table #comment {text-align: center; width: 70px;} #content .categoryList table #date {text-align: center; width: 90px;} #content .categoryList table th, #content .categoryList table td+td {text-align: center;} #content .categoryList table th.title {text-align: left;} #content .categoryList table td {color: #666666; font-size: 1.1em; padding: 8px 6px; background: url("images/dotted.gif") repeat-x 0 100%;} #content .categoryListFooter p {padding-top: 14px; margin:0; text-align: center; width: 100%;} #content .categoryListFooter p a:hover, #content .categoryListFooter p a.current {color: #000;} #content #posts {background: url("images/postsT.gif") no-repeat 0 0; padding-top: 3px;} #content #posts1 {float: left; background: url("images/postsB.gif") no-repeat 0 100%; padding-bottom: 3px;} #content #posts2 {float: left; background: url("images/postsBG.gif") repeat-y 0 0; padding: 0 14px 18px 14px; display: inline;} #content .post {margin: 18px 0 0 0;} #content .post .postarea { padding-left: 10px; width: 586px;} #content .post .postheader {} #content .post .postheader .calendar {float: left; padding: 0; width: 63px; height: 67px; background: url("images/calendar.gif") no-repeat 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;} #content .post .postheader .calendar .month {font-size: 1.2em; color: #333; margin: 22px 0 0 0; line-height: normal;} #content .post .postheader .calendar .day {font-size: 2.0em; color: #3366cc; margin: 0; line-height: 0.9em;} #content .post .postheader .details {float: right; width: 505px;} #content .post .postheader .details h2 {font-size: 1.4em; margin-top: 0.5em;} #content .post .postheader .details h2 a {color: #666666;} /* #content .post .postcontent {clear: both; width: 100%;} */ #content .post .commentsArea {background: none;} #content .commentsArea .comments {display: none;} #content .expandComments .comments {display: block; } #content .post .commentsArea .commentsBar {clear: left; background-color: #ededed; padding: 4px 10px; margin: 10px 1px 0 0; width: 575px; overflow:hidden;} .IE #content .post .commentsArea .commentsBar {margin-right: 0px;} .IE #content .post .commentsArea .commentsBar {zoom: 1;} //#content .post .commentsArea .commentsBar p {float: left; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; display: inline; padding-left: 15px; background: url("images/icon_arrowdown.gif") 100% 50% no-repeat;} #content .post .commentsArea .commentsBar p.single {background: none; padding-left: 0;} #content .expandComments .commentsArea .commentsBar p {background: url("images/icon_arrowup.gif") 100% 50% no-repeat;} #content .post .commentsArea .commentsBar p {padding-left: 15px; background-position: 0 50%;} #content .expandComments .commentsArea .commentsBar p {padding-left: 15px; background-position: 0 50%;} #content .post .commentsArea .commentsBar p.rss {float: right; background: none;} #content .post .commentsArea .commentsBar p.rss img {margin-top: 2px;} #content .post .commentsArea .postfooter {width: 575px;} #content .post .commentsArea .postfooter p a {color: #000;} #content .post .commentsArea div.comments {border-top: 1px solid white; background-color: #ededed; padding: 0 10px 1px 10px;} #content .post .commentsArea div.comments table.commentTable {border-collapse: collapse; width: 575px;} #content .post .commentsArea div.comments table.commentTable p.commentAuthor {padding-left: 15px; background: url("images/icon_comments.gif") no-repeat 0 50%; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #content .post .commentsArea div.comments table.commentTable td {vertical-align: top; background: url("images/dotted.gif") repeat-x 0 100%;} #content .post .commentsArea div.comments table.commentTable p {color: #666666; font-family: Verdana, Geneva, Arial, Sans-Serif;} #content .post .commentsArea div.comments table.commentTable td.author {width: 180px; padding-right: 10px;} /* Fixed TT108287 New line character changes display: inline - Changed to block */ #content .post .commentsArea div.comments table.commentTable td.text p {display: block;} /* Fixed TT100411 */ /*#content .post .commentsArea div.comments table.commentTable td.text {width: 385px; padding-bottom: 3px; padding-top: 8px;}*/ #content .post .commentsArea div.comments table.commentTable td.text {width: 385px; padding-bottom: 3px;} #content .post .commentsArea div.comments table.commentTable td.author img {margin-right: 4px;} #content .post .commentsArea div.comments table.commentTable td span {color: #999; padding-left: 8px;} #content .post .commentsArea div.comments form.commentForm {margin: 10px 0 5px 0;} #content .post .commentsArea div.comments form.commentForm table {border-collapse: collapse;} #content .post .commentsArea div.comments form.commentForm table td.col1 {padding-right: 10px; vertical-align: top;} #content .post .commentsArea div.comments form.commentForm table td.col1 input {width: 175px; padding: 2px; display: block; border: 1px solid #666666; margin-bottom: 2px; font-size: 1.1em; font-family: Verdana, Geneva, Arial, Sans-Serif; color: #666666;} #content .post .commentsArea div.comments form.commentForm table td.col2 {vertical-align: top;} #content .post .commentsArea div.comments form.commentForm table td.col2 textarea {width: 378px; height: 54px; padding: 2px; display: block; border: 1px solid #666666; margin-bottom: 4px;font-size: 1.1em; font-family: Verdana, Geneva, Arial, Sans-Serif; color: #666666;} .IE #content .post .commentsArea div.comments form.commentForm table td.col2 textarea {height: 59px;} #content .post .commentsArea div.comments, #content .post .commentsArea #comments {zoom: 1;} #content .post .commentsArea div.comments .formFooter {margin: 5px 0 0 0; width: 575px;} #content .post .commentsArea div.comments .formFooter p {margin: 0; float: left;} #content .post .commentsArea div.comments .formFooter input {float: right; position: relative; top: -4px; width: 83px; height: 26px;} #content .commentsFooter {clear: both; background: url("images/contentFooter.gif") no-repeat 0 0; width: 624px; height: 46px; margin-top: 5px;} #content .commentsFooter1 {padding: 5px 10px;} #content .commentsFooter p {margin: 0 0 0.2em 0;} .IE #content .commentsFooter p {margin-bottom: 0.5em;} #content .commentsFooter img {vertical-align: middle;} #content .commentsFooter p.previouspost {float: left;} #content .commentsFooter p.allposts {float: right;} #content .commentsFooter p.nextpost {float: none; clear: both;} #content .commentsFooter img {margin-right: 4px;} #content .postsfooter {clear: both; background: url("images/contentFooter.gif") no-repeat 0 0; width: 624px; height: 46px; margin-top: 5px;} #content .postsfooter p {padding-top: 14px; margin:0; text-align: center;} #content .postsfooter p a:hover, #content .postsfooter p a.current {color: #000;} /* Content Specific - #footer */ #footer p img { display: inline; vertical-align: text-bottom; } /* Various Tags & Classes */ .center { text-align: center; } /*textarea css fixed TT100411*/ .commentTxt { overflow: auto; } /*textarea css fixed TT100411*/ .pagination{clear:both; margin: 0 20px; position:relative; font-size:14px; line-height:15px} .pagination span,.pagination a{display:block; float:left; margin:3px 3px 10px 0; padding:5px 6px 5px 4px; text-decoration:none; width:auto; color:blue;background:white} .pagination a:hover {color:#000000 ;background:#fff ;border:1px solid #AD4F1F;} /*.layer1 { margin: 0; padding: 0; width: 500px; } .heading11 { margin: 1px; color: #fff; padding: 3px 10px; cursor: pointer; position: relative; background-color:#c30; } .content11 { padding: 5px 10px; background-color:#fafafa; } p { padding: 5px 0; } */ .comment_head { clear: left; background-color: #ededed; padding: 4px 10px; margin: 10px 1px 0 0; width: 575px; overflow:hidden;} .comment_head a {padding-left: 15px; background-position: 0 50%;} .comment_head a {float: right; background: none;} .comment_head b {float: left} .comment_head i:hover {text-decoration:underline; color: blue;cursor: pointer} .comment_content { border-top: 1px solid white; background-color: #ededed; padding: 0 10px 1px 10px; } #content .post .postcontent {clear: both; width: 100%;}