/*  
Theme Name: Style Mag
Theme URI: http://www.eniolafunsho.org
Description: Story Type Theme With Ascending Posts! 
Version: 1.0
Author: Eniola Funsho
Author URI: http://www.eniolafunsho.org

*/

body {
background : #8cd6df url(images/bg.png) fixed;
font : 12px century gothic, Tahoma, Arial, sans-serif;
color : #eee;
text-align : center;
}
#badge {
position : absolute;
top : 0;
left : 735px;
padding : 0 0;
}
#badge a:hover {
text-decoration : none;
border-bottom : 0;
}
.badgecorner {
position : absolute;
right : 0;
top : 0;
margin : 0;
padding : 0;
border : none;
float : none;
}
.badgecorner a img {
background-color : transparent;
color : white;
border : none;
text-decoration : none;
}
a:link {
text-decoration : none;
color : #f72253;
}
a:visited {
text-decoration : none;
color : #f72253;
}
a:hover {
border-bottom : 1px dotted #8cd6df;
color : #8cd6df;
}
a:active {
text-decoration : none;
color : #f72253;
}
a img {
background : none;
border : 0 none;
margin-bottom : -10px;
vertical-align : sub;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
color : #8cd6df;
margin : 10px 0;
}
h1 {
margin : 0;
font-size : 4em;
font-weight : bold;
line-height : 21px;
text-transform : uppercase;
}
h1 a {
color : #f72253;
}
h1 a:hover {
background : none;
border-bottom : none;
color : #ffffff;
}
h2 {
font-size : 2em;
}
h2 a, b {
color : #000000;
}
h3 {
font-size : 1em;
}
h3 a, b {
color : #000000;
}
h4 {
font-size : 0.9em;
}
h5 {
font-size : 0.8em;
}
h6 {
font-size : 0.7em;
}
abbr, acronym {
font-style : normal;
border-bottom : 1px dotted #8cd6df;
cursor : help;
}
code, pre {
font-family : Monaco, "Courier New", Courier, monotype, serif;
}
pre {
border : 1px solid #8cd6df;
background : #ffffff;
padding : 4px;
overflow : auto;
width : 95%;
max-height : 500px;
margin : 10px auto;
font : 1em/1.5em "courier new", courier, monospace;
}
dl {
margin : 20px 0;
}
dt {
font-size : 0.9em;
text-transform : uppercase;
}
dd {
margin : 0 0 20px;
}
ul {
margin : 10px 0;
}
ul li {
height : 1%;
list-style-type : none;
margin : 0 0 5px;
padding : 0 0 0 15px;
background : #000000;
line-height : 18px;
}
ol {
margin : 10px 0 10px 25px;
}
ol li {
margin : 0 0 5px 0;
}
blockquote {
margin : 10px 0;
padding : 5px 10px;
text-align : justify;
background : #000000 url(images/blockquote.png) repeat;
border-top : 1px dotted #8cd6df;
border-bottom : 1px dotted #8cd6df;
font : 11px century gothic, Arial, sans-serif;
color : #8cd6df;
}
img.left {
float : left;
margin : 0 15px 10px 0;
}
img.right {
float : right;
margin : 0 0 10px 15px;
}
img.centered {
display : block;
margin : 10px auto;
}
img.border {
padding : 2px;
border : 1px dotted #8cd6df;
}
#container {
margin : 0 auto;
width : 850px;
font-size : 12px;
text-align : left;
}
#wrap {
height : 1%;
margin : 4px 0;
background : url() repeat-y;
}
#col-left {
float : left;
width : 225px;
padding : 20px 0 0 0;
text-align : left;
background : #000000 url(images/column-side.png) no-repeat;
}
#col-main {
float : left;
width : 400px;
}
#col-right {
float : left;
width : 225px;
padding : 20px 0;
background : #000000 url(images/column-side.png) no-repeat;
border-left : 0 dotted #8cd6df;
}
#header {
margin : 0 0 0 0;
text-align : right;
border-bottom : 0 dotted #8cd6df;
}
body#home #header {
border-bottom : none;
}
#nav {
margin : -20px 0;
padding : 0 0 10px 0;
}
#nav li {
float : left;
display : block;
list-style-type : none;
margin : 0;
padding : 0;
background : #000000 url(images/navbar1.png) no-repeat;
}
#nav a:link, #nav a:visited {
float : left;
display : block;
padding : 0 22px 3px 10px;
font-size : 11px;
font-weight : bold;
color : #8cd6df;
text-decoration : none;
}
#nav li.current_page_item, #nav a:hover {
background : #f72253;
border-bottom : none;
color : #ffffff;
}
#nav li .current_page_item a, #nav li .current_page_item a:visited {
color : #000000;
}
#latest {
height : 1%;
border-bottom : 0 dotted #8cd6df;
}
body#home #latest {
border-top : 0 dotted #8cd6df;
}
#latest-inner {
margin : 5px 0;
background : #000000 url(images/hottest-side.png) no-repeat;
}
#post-latest {
float : left;
width : 550px;
font-size : 12px;
color : #ffffff;
}
#post-latest h3 {
margin : 0;
padding : 20px 0 0 20px;
}
#post-latest h2 {
margin : 20px 20px 0;
font : bold 1.1em Arial, century gothic, sans-serif;
}
#post-latest p.post-meta {
margin : 0 20px;
font-size : 10px;
color : #8cd6df;
}
#post-latest .post-body {
padding : 10px 20px 20px;
}
#sec-about {
float : left;
width : 300px;
height : 235px;
background : #f72253 url(images/logo.png) no-repeat;
font-size : 12px;
line-height : 1.2em;
font-weight : bold;
}
#sec-about p {
margin : 20px;
}
#sec-about h3 {
margin : 0;
padding : 20px 0 0 20px;
font-size : 1.1em;
}
#col-main h3.sec-title {
padding : 20px 15px 10px;
text-transform : uppercase;
letter-spacing : 0.2em;
font-weight : bold;
}
div.post {
margin : 0 5px 20px;
padding : 10px 10px 10px 10px;
background : #000000 url(images/postarrow.png) no-repeat;
}
div.post-body p {
line-height : 17px;
text-align : justify;
}
h2.post-title {
margin : 0;
font-weight : bold;
}
p.post-meta {
margin : 0;
font-size : 10px;
color : #8cd6df;
text-transform : uppercase;
}
body#archives p.post-meta-ind {
margin : 10px 0 0;
font-size : 10px;
}
span.meta-name {
display : block;
float : left;
width : 120px;
font-size : 10px;
text-transform : uppercase;
}
span.meta-detail {
font-size : 11px;
text-transform : none;
}
p.more {
margin : 20px 0 0;
padding : 0 0 0 20px;
background : url(images/dashed.png) no-repeat;
line-height : 18px;
}
#col-main a:hover {
border-bottom : 1px dotted #8cd6df;
}
div.content-navigate {
padding : 10px 15px 20px;
}
span.alignright {
float : right;
}
span.alignleft {
float : left;
}
#comments {
padding : 0 15px 40px;
}
#comments h3 {
margin : 0;
padding : 10px 0 0;
font-weight : bold;
}
div.comment {
padding : 10px 0;
background : #212121 url(images/navbar1.png) repeat-x;
}
div.comment p {
margin : 5px 0;
}
.comment-meta {
font-size : 11px;
text-transform : uppercase;
}
#comments label {
display : block;
font-size : 11px;
}
#comment-author, #comment-email, #comment-url, #comment-text, #s {
width : 60%;
margin : 0 10px 0;
padding : 2px;
background : #8cd6df;
border : 1px solid #f72253;
font : 11px Arial, sans-serif;
}
#searchsubmit {
padding : 2px;
width : 35px;
background : #8cd6df;
border : 3px double #f72253;
border-top-color : #f72253;
border-left-color : #f72253;
font-size : 11px;
color : #f72253;
text-transform : uppercase;
text-align : center;
letter-spacing : 0.1em;
}
#comment-submit {
padding : 2px;
width : 90px;
background : #f72253;
border : 3px double #8cd6df;
border-top-color : #8cd6df;
border-left-color : #8cd6df;
font-size : 11px;
color : #000000;
text-transform : uppercase;
text-align : center;
letter-spacing : 0.1em;
}
ul#search-results-list {
margin : 25px 0 0;
}
ul#search-results-list li {
margin : 0 0 40px;
padding : 0 0 0 20px;
background : url(images/dashed.png) no-repeat 0 6px;
line-height : 18px;
}
ul#search-results-list h2 {
margin : 0;
padding : 0;
}
#col-right a:hover, #col-left a:hover {
background : transparent;
border-bottom : none;
}
#col-right li, #col-left li {
list-style-type : none;
margin : 0;
padding : 0;
border-bottom : 1px dotted #8cd6df;
background-image : none;
line-height : 18px;
}
#col-right ul ul, #col-left ul ul {
margin : 0;
}
#col-right li li, #col-left li li {
border-top : 1px dotted #8cd6df;
}
h3.sec-title {
margin : 0;
text-transform : uppercase;
letter-spacing : 0.2em;
font-weight : bold;
}
div.left-sec, div.right-sec {
margin : 0 15px 40px;
}
#footer {
margin : 0 0 0 90px;
padding : 20px 0 20px 20px;
border-top : 0 dotted #8cd6df;
line-height : 40px;
color : #000000;
}
#footer a {
background : none;
border-bottom : none;
color : #ffffff;
}
.clear {
clear : both;
height : 0;
line-height : 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-table;
}