File: /home/mmickelson/martyknows.com/wp-content/themes/fadtastic/style.css
/*
Theme Name: Fadtastic
Theme URI: http://fadtastic.net/
Description: A bright and fluid 3-column theme with double the widgets for double the fun.
Version: 1.0-wpcom
Author: Andrew Faulkner
Author URI: http://fadtastic.net/
Tags: flexible-width, three-columns, rtl-language-support, right-sidebar, sticky-post, white, blue, light, green, custom-background, custom-menu, blog, news, bright, clean, colorful, fluorescent, geometric, light, translation-ready
*/
* {
padding:0;
margin:0;
}
html { min-height: 100%; margin-bottom: 1px; } /* FireFox Page-Shift Fix */
body {
margin: 0;
text-align: center;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.83em;
color:#222222;
background-color:#e4eff4;
}
.clear {
clear: both;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
#wrapper {
width:90%;
max-width:1400px;
margin-right: auto;
margin-left: auto;
text-align: left;
background-color: #FFFFFF;
border-right-width: 25px;
border-left-width: 25px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #d3e6ef;
border-left-color: #d3e6ef;
}
.content_padding {
padding: 0.5em 25px;
}
#top_menu {
text-align:right;
}
#header_effect {
background-image: url(images/bg_header_effect.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #006699;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #F0F0F0;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #F0F0F0;
margin-top:0.5em;
}
#header {
padding: 30px 10px;
/* You can put a header image in by uncommenting this
background-image: url(images/bg_header.gif);
background-repeat: no-repeat;
background-position: right bottom;
*/
}
#header p {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
margin: 0;
line-height: 1.2;
text-align: center;
}
#header p.description {
font-size: 0.9em;
}
#header a, #header a:visited, #header a:active, #header a:hover {
color: #FFFFFF;
text-decoration: none;
}
.logo {
margin: 25px 0 0 25px;
}
div#content_wrapper {float:left;width:100%}
div#content {
margin-right: 380px;
}
div#side_one {
float:left;
width:160px;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
margin-left:-180px;
}
div#side_two {
float:left;
width:160px;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
margin-left:-360px;
}
div#footer{
clear:left;
width:100%;
background-color: #013955;
}
#footer_wrapper {
width:90%;
max-width:1400px;
margin-right: auto;
margin-left: auto;
text-align: left;
border-right-width: 25px;
border-left-width: 25px;
border-right-style: solid;
border-left-style: solid;
border-right-color:#06557C;
border-left-color: #06557C;
background-image: url(images/bg_footer_stripes.gif);
background-repeat: repeat;
background-position: left top;
background-color: #006699;
padding: 0 0 1em 0;
color: #FFFFFF;
}
#footer p {
color:#FFFFFF;
margin:0;
text-align:center;
}
#footer ul {
color:#FFFFFF;
}
#footer h4 {
letter-spacing:0.01em;
font-size: 1.75em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
margin-bottom: 0.5em;
margin-top: 0.25em;
}
#footer a {
color: #B6ED34;
font-weight: bold;
}
#footer a:hover {
color:#D3E6EF;
}
h1 {
letter-spacing:0.01em;
font-size: 1.75em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #59a3c1;
margin-bottom: 0em;
margin-top: 0.9em;
padding-top: 0.5em;
border-top: 1px solid #CCCCCC;
text-transform: capitalize;
}
.footer_meta {
margin-top: 2em;
background-color: #1174a6;
padding: 1em;
border-top: 1px solid #197daf;
border-bottom: 1px solid #197daf;
opacity: 0.5;
font-size: 0.8em;
}
.footer_meta:hover {
opacity: 1;
}
h1 a, h2 a {
color: #59a3c1;
text-decoration:none;
}
h2 {
margin: 0.5em 0 0em 0;
font-size:1.25em;
color: #59a3c1;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}
.side h2, h3 {
font-size: 1.25em;
font-weight: normal;
color: #59a3c1;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 0.75em;
margin-top: 1.3em;
padding-top: 0.5em;
border-top: 1px solid #CCCCCC;
}
p, li {
line-height:150%;
margin: 0.5em 0 1em 0;
}
p.author {
margin-top:0.5em;
line-height:100%;
color:#666666;
font-size: 0.75em;
border-bottom: 1px dotted #E0E0E0;
padding-bottom: 1.5em;
}
div.pull_quote {
margin: 0.5em 0 0 20px;
font-size:1.25em;
color: #59a3c1;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
float:right;
width: 200px;
border-top: 1px solid #d3e6ef;
padding-top:5px;
padding-left:5px;
line-height: 1.5em;
/*
border-left: 1px dotted #CCCCCC;
padding-left:20px;
*/
}
div.pull_quote ul {
margin: 0.5em 0;
}
div.pull_quote li {
list-style-type:none;
}
div *.pull_quote_footer {
font-size:0.75em;
color: #999999;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight:normal;
float:right;
width: 200px;
margin-bottom:0;
/*
border-left: 1px dotted #CCCCCC;
padding-left:20px;
*/
}
a {
color:#80AE14;
text-decoration:underline;
}
a:hover {
color:#000000;
text-decoration:underline;
}
ul, ol {
margin-left:25px;
}
strong {
}
.top_border {
margin-top: 0.9em;
padding-top: 0.5em;
border-top: 1px solid #CCCCCC;
}
div.comment {
padding-left:20px;
}
.commentlist {
margin-left:-20px;
}
.navigation {
padding-bottom: 2em;
}
div.comment_wrapper {
float:left;
width:525px;
margin-left:-150px;
}
div.comment_content {
margin-left:150px;
padding-top: 5px;
}
div.comment_details {
position: relative;
float:right;
width:145px;
padding-top: 5px;
padding-right: 50px;
text-align:right;
}
.comment_details .avatar {
padding: 2px;
border: 1px solid #ccc;
position: absolute;
top: 13px;
right: 1px;
}
.comment_bottom {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.side ul {
list-style-type:none;
margin-left: 0;
}
.side ul li {
list-style-type:none;
overflow: hidden;
line-height:1.25em;
margin-top:0.5em;
}
.side ul.children {
margin-left: 10px;
font-size: 0.9em;
}
a img {
border: 0px none;
}
.vertical_align {
display:inline;
vertical-align:middle;
}
hr {
color:#CCCCCC;
background-color:#CCCCCC;
height:1px;
border: 0px none;
margin: 1.3em 0 1em 0 !important;
margin: 0;
}
#archivelist ul {
margin: 1em 25px;
list-style-type: none;
}
blockquote {
margin-left: 15px;
}
#feed_bar {
background-image: url(images/bg_feed_bar.gif);
background-repeat: repeat-x;
background-position: left top;
border-top: 2px solid #80AE14;
border-bottom: 2px solid #80AE14;
}
#feed_bar p {
margin: 0;
padding: 0.3em;
color: #FFFFFF;
font-size: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.1;
}
#feed_bar p span.small {
font-size: 0.65em;
color: #689009;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.simplepie {
padding: 15px;
margin-top: 1em;
}
.simplepie h3 {
background-color: #046FA4;
margin-top: 0;
border: 0px none;
font-weight: normal;
padding: 0.25em 10px;
border-bottom: 2px solid #1D82B5;
}
.simplepie h3 a {
font-weight: normal;
text-decoration: none;
}
.simplepie ol {
margin-left: 0;
}
.simplepie li {
list-style-type: none;
margin-left: 10px;
clear: both;
}
.simplepie li a {
text-decoration: none;
}
.simplepie .date {
font-size: 0.8em;
float: left;
color: #1D82B5;
margin-bottom: 0.5em;
}
.fresh {
background-image: url(images/bg_new.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.recently {
background-image: url(images/bg_header_effect.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #006699;
color: #FFFFFF;
padding: 0.5em 1em;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #003366;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #C4E7F9;
margin: 1em 0;
}
.banner_advertise {
background-image: url(images/bg_header_effect.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #006699;
color: #FFFFFF;
padding: 0.3em 1em;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #003366;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #003366;
margin: 0;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
}
.banner_advertise a {
color: #FFFFFF;
}
.bypostauthor, .authorcomment {
background-image: url(images/bg_author.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 10px;
}
.center {
text-align: center;
}
.third_col {
width: 210px;
float:left;
margin: 0 10px;
}
.ads {
font-size: 0.8em;
}
.footer_links {
text-align: center;
}
ul.blogroll_list {
list-style: none;
margin: 0;
padding: 0;
}
ul.blogroll_list ul li {
display: inline;
list-style-type: none;
margin: 0 10px;
line-height: 2;
}
#wpstats {
position: absolute;
top: 10px;
left: 10px;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
object,
embed {
max-width: 100%;
}
/* MAIN MENU */
#navcontainer {
background: #f4f8ea url(images/bg_menu.gif) left top repeat-x;
border-top: solid 1px #92b43f;
border-bottom: solid 3px #F8F8F8;
}
#navcontainer ul.menu {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
#navcontainer ul li {
display: inline;
margin-left: -5px;
position: relative;
}
#navcontainer ul li a {
border-right: 2px solid #cbe392;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-weight: bold;
padding: 5px 10px;
text-decoration: none;
}
#navcontainer ul li:last-child a,
#navcontainer ul li a.last {
border-right: 0 none;
}
#navcontainer .children .children,
#navcontainer .sub-menu .sub-menu {
margin-left: 12px;
}
#navcontainer ul ul {
display: none;
background: #f4f8ea;
float: left;
position: absolute;
top: 22px;
left: 0;
margin: 0;
text-align: left;
width: 85px;
z-index: 9999;
}
#navcontainer ul ul ul {
top: 0;
}
#navcontainer ul ul li {
height: 24px;
margin: 0;
min-width: 105px;
}
#navcontainer ul ul a {
background-color: #eee;
border-right-color: #588e03;
color: #92b43f;
display: block;
width: 105px;
}
#navcontainer ul li:hover > ul {
display: block;
}
/* you-are-here styles */
#navcontainer ul li a:hover,
#navcontainer ul li:hover > a,
#navcontainer ul li.current_page_item > a,
#navcontainer ul li.current_page_parent > a,
#navcontainer ul li.current_page_ancestor > a,
#navcontainer ul li.current-cat > a,
#navcontainer ul li.current-menu-ancestor > a,
#navcontainer ul li.current-menu-item > a,
#navcontainer ul li.current-menu-parent a {
background-color: #f8f8f8;
border-right-color: #588e03;
color: #92b43f;
}
/* COMMENTS */
#respond {
margin-top:1em;
background-image: url(images/bg_form.gif);
background-repeat: repeat-x;
background-position: left top;
padding:10px;
border-top: 3px solid #d3e6ef;
}
#respond input, #respond textarea {
margin-top:0.25em !important;
margin-top:0.1em;
margin-bottom:0.5em !important;
margin-bottom:0.2em;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 145px;
}
.comment-form-comment {
width: 375px;
padding-top: 5px;
float: right;
margin-top: -190px;
}
#respond p.logged-in-as + .comment-form-comment {
float: none;
margin-top: 0;
}
#respond textarea {
height: 140px;
}
#respond .form-submit {
clear: both;
margin-top: 20px;
}
#respond label {
font-size: 10px;
font-weight: bold;
}
#respond p {
line-height: 24px;
}
#respond .form-allowed-tags {
display: none;
}
#respond .required {
font-size: 10px;
margin-left: 5px;
color: #ff4b33;
font-weight: bold;
}
#respond .subscribe-label {
font-size: 12px;
}
#respond .comment-notes {
font-size: 11px;
}