/* Theme Name: Botanical Description: Elegant theme with 2 columns of posts. Author: Mallow Tribe Design Author URI: http://www.mallowtribe.net/ Version: 1.1 Tags: left-sidebar License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl.html */ /* DEFAULT */ @font-face { font-family: 'JamesFajardoRegular'; src: url('../james_fajardo-webfont.eot'); src: url('../james_fajardo-webfont.eot?#iefix') format('embedded-opentype'), url('../james_fajardo-webfont.woff') format('woff'), url('../james_fajardo-webfont.ttf') format('truetype'), url('../james_fajardo-webfont.svg#JamesFajardoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AliceRegular'; src: url('../alice-regular-webfont.eot'); src: url('../alice-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../alice-regular-webfont.woff') format('woff'), url('../alice-regular-webfont.ttf') format('truetype'), url('../alice-regular-webfont.svg#AliceRegular') format('svg'); font-weight: normal; font-style: normal; } body { background-color: #FFF; background-image: url(../img/bg.png); background-repeat: repeat; font-family: 'AliceRegular', Georgia, "Times New Roman", Times, serif; font-size: 14px; } a:link { text-decoration: none; color: #c20b08; } a:visited { text-decoration: none; color: #666666; } a:hover { text-decoration: none; color: #c20b08; font-weight: bold; } a:active { text-decoration: none; color: #c20b08; font-weight: bold; } #pageContainer { width: 1024px; margin-right: auto; margin-left: auto; } #pageContainer2 { } #content p { padding-top: 10px; padding-bottom: 10px; } /* headings */ #content h6 { font-weight: bold; } #content h5 { font-weight: bold; font-size: 16px; } #content h4 { font-size: 18px; font-weight: bold; clear: both; } #content h3 { font-size: 20px; font-weight: bold; } #content h2 { font-size: 22px; font-weight: bold; } #content h1 { font-size: 24px; font-weight: bold; } /* lists */ #content ul { padding-bottom: 10px; } #content ul li { list-style-position: inside; list-style-type: disc; } #content ol { padding-bottom: 10px; } #content ol li { list-style-position: inside; list-style-type:decimal; } #content dl { padding-bottom: 10px; } #content dl dt { text-decoration: underline; } #content dl dd { padding-left: 5px; } /* forms */ #content label { font-style: italic; font-size: 16px; } /* tables */ #content table {} #content tbody { border: 1px solid #CCC; } #content tr { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; } #content tr.even { background-color: #f0f0f0; } #content th { background-color: #f0f0f0; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: bold; } #content td { padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; } /* gallery */ .gallery { clear: both; } /* misc */ #content sup { font-size: 10px; vertical-align: super; } #content sub { font-size: 10px; vertical-align: sub; } #content cite { font-style: italic; } #content acronym { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000; } #content abbr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000; } #content blockquote { font-family: "Times New Roman", Times, serif; padding-top: 30px; font-size: 18px; line-height: 150%; color: #454545; vertical-align: middle; overflow: visible; padding-left: 20px; } #content blockquote:before { display: block; float: left; margin: 10px 15px 0 0; font-size: 50px; content: "{"; color: #bababa; } #content blockquote:after { content: none; } #content q {} #content q:before { content: "'"} #content q:after { content: "'"; } #content small { font-size: 12px; } #content address { border: 1px dotted #e8e8e8; padding: 5px; margin-right: 20px; margin-left: 20px; text-align: center; background-color: #f0f0f0; } #content big { font-size: large; } #content code { font-family: "Courier New", Courier, monospace; } #content kbd { font-family: "Courier New", Courier, monospace; } #content em { font-style: italic; } #content strong { font-weight: bold; } #content var { font-style: italic; } /* HEADER */ #menu { background-image: url(../img/bgFooter.png); background-repeat: repeat; clear: both; border-image: url("../img/menuborder.png") 0 0 3 0 round; -moz-border-image: url("../img/menuborder.png") 0 0 3 0 round; /* Firefox */ -webkit-border-image: url("../img/menuborder.png") 0 0 3 0 round; /* Safari and Chrome */ -o-border-image: url("../img/menuborder.png") 0 0 3 0 round; /* Opera */ border-bottom-width: 3px; top: 0px; position: relative; } #menuContainer { width: 1024px; margin-right: auto; margin-left: auto; } #menuContainer h4 { vertical-align: top; } #menuContainer ul { float: right; position: relative; top: -13px; } #menuContainer li { float: left; list-style-type: none; padding-right: 5px; padding-left: 5px; } header { width: 1024px; } header h1 { font-family: 'JamesFajardoRegular', Georgia, "Times New Roman", Times, serif; font-size: 72px; text-align: right; margin-bottom: 0px; } header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:active { color: #000; font-weight: normal; } header h6 { font-family: 'JamesFajardoRegular', Georgia, "Times New Roman", Times, serif; font-size: 36px; text-align: right; margin: 0px; } /* SIDEBAR */ #sidebar { width: 430px; background-image: url(../img/botanical.png); background-repeat: no-repeat; padding-bottom: 50px; } #sidebarContent { padding-top: 670px; width: 355px; margin-right: auto; margin-left: auto; } #searchform { position: relative; left: -70px; } .sidebar-box { padding-top: 20px; } .sidebar-title { font-size: 36px; font-weight: bold; text-align: center; } .sidebar-box ul { font-size: 14px; } .sidebar-box li { list-style-type: none; } #searchform label { visibility: hidden; } #searchform #s { border: 1px solid #d6e3cd; font-family: 'AliceRegular', Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #999; width: 200px; } #searchsubmit { border: 1px solid #d6e3cd; background-color: #d6e3cd; background-repeat: repeat; font-size: 14px; font-family: 'AliceRegular', Georgia, "Times New Roman", Times, serif; } /* FOOTER */ footer { background-image: url(../img/bgFooter.png); background-repeat: repeat; clear: both; border-image: url("../img/footerborder.png") 3 0 0 0 round; -moz-border-image: url("../img/footerborder.png") 3 0 0 0 round; /* Firefox */ -webkit-border-image: url("../img/footerborder.png") 3 0 0 0 round; /* Safari and Chrome */ -o-border-image: url("../img/footerborder.png") 3 0 0 0 round; /* Opera */ border-top-width: 3px; } #footerContainer { width: 1024px; margin-right: auto; margin-left: auto; } #copyright { padding-top: 136px; padding-bottom: 20px; } #socialMedia { width: 96px; padding: 20px; float: right; } .iconFB, .iconTwitter, .iconRSS, .iconLI { height: 48px; width: 48px; display: block; float: left; text-indent: -9999px; } .iconFB { background-image: url(../img/facebook_48.png); } .iconTwitter { background-image: url(../img/twitter_48.png); } .iconRSS { background-image: url(../img/rss_48.png); } .iconLI { background-image: url(../img/linkedIn_48.png); } #about { width: 280px; float: right; } /* INDEX */ article { overflow: hidden; background-image: url(../img/transparent.png); background-repeat: repeat; margin: 2px; } #content { width: 590px; float: right; } .index { width: 280px; float: left; padding: 5px; } #postInfo { } #infoLeft { float: left; } #infoRight { float: right; } #infoLeft h5 { font-size: 14px; font-weight: bold; color: #c20b08; } #postExcerpt { clear: both; padding-top: 10px; } #postExcerpt p { padding-bottom: 10px; } .index img { display: block; height: 100px; width: 280px; margin-bottom: 10px; border: 1px solid #000; } #postNav { font-size: 16px; clear: both; width: 580px; } .left { float: left; } .right { float: right; } .sticky {} .gallery-caption {} .bypostauthor {} /* POST */ #content img { border: 1px solid #000; } .wp-caption { border: 1px solid #CCC; padding-top: 7px; padding-left: 7px; background-image: url(../img/transparent.png); margin-top: 5px; margin-bottom: 5px; } .single { width: 580px; padding: 5px; } #postWhole { clear: both; padding-top: 10px; } #postWhole p { padding-bottom: 10px; } #postWhole ul { list-style-position: outside; list-style-type: disc; margin-left: 20px; padding-bottom: 10px; } #postWhole ol { list-style-position: outside; list-style-type: lower-roman; margin-left: 20px; padding-bottom: 10px; } blockquote { margin-left: 20px; } #pagination { padding-top: 10px; padding-bottom: 10px; font-weight: bold; clear: both; } #pagination a { color: #666; padding-right: 3px; padding-left: 3px; border: 1px solid #f0f0f0; background-image: url(../img/bgComments.png); background-repeat: repeat; } /* PAGE */ /* COMMENTS */ #commentsForm { clear: both; width: 580px; background-image: url(../img/bgComments.png); background-repeat: repeat; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 20px; border: 1px solid #d6e3cd; } #commentsForm h3 { font-family: 'JamesFajardoRegular', Georgia, "Times New Roman", Times, serif; font-size: 36px; font-weight: bold; color: #c20b08; } h4#comments { font-family: 'JamesFajardoRegular', Georgia, "Times New Roman", Times, serif; font-size: 36px; } #commentsForm #input { border: 1px solid #d6e3cd; font-family: 'AliceRegular', Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #999; width: 250px; } #commentsForm #submit { border: none; background-image: url(../img/transparent.png); background-repeat: repeat; font-size: 36px; font-family: 'JamesFajardoRegular', Georgia, "Times New Roman", Times, serif; background-color: transparent; } #commentsForm label { vertical-align: top; } #commentsDisplay { padding-bottom: 20px; } #commentsDisplay h5 { font-size: 14px; font-weight: bold; color: #666; padding-top: 20px; } .comment img { display: none; } .commentInfo { font-size: 14px; padding-top: 20px; } .commentlist li{ list-style-type: none !important ; } .comment-body { padding: 5px; } .comment { border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; } .even { background-image: url(../img/transparent.png); background-repeat: repeat; } .trackback { padding-left: 20px; } .children { padding-left: 20px; } .pingback { padding-left: 20px; } .comment ul { } .comment ul li { list-style-position: inside; list-style-type: disc !important; } .comment ul ul { padding-left: 10px; } .comment ol { } .comment ol li { list-style-position: inside; list-style-type: decimal !important; } .comment ol ol { padding-left: 10px; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }