/*
Theme Name: Sundown 
Theme URI: http://bloggingzone.info
Description: Formal Red Blog With Ajax
Version: 1.0
Author: Bloggingzone.info
Author URI: http://bloggingzone.info
*/


body {
margin : 0;
background-color : #8c2318;
font-family : century gothic;
text-align : justify;
}
form {
display : inline;
margin : 0;
padding : 0;
}
a:link, a:visited {
text-decoration : none;
color : #000000;
}
a:hover {
color : #ffffff;
}
.content {
position : relative;
width : 900px;
left : 50%;
margin-left : -450px;
}
#menucontainer {
position : relative;
width : 100%;
background-image : url(images/m-bg1.png);
height : 210px;
}
#menucontainer ul {
list-style : none;
margin : 0;
padding : 0;
}
#menucontainer ul li {
display : block;
position : relative;
float : left;
}
#menucontainer ul li a:link, #menucontainer ul li a:visited {
display : block;
position : relative;
float : left;
padding : 160px 30px 20px 30px;
font-size : 11px;
line-height : 10px;
text-transform : uppercase;
letter-spacing : 1px;
color : #8c2318;
text-decoration : none;
}
#menucontainer ul li a:hover {
background-image : url(images/m-bg2.png);
padding : 160px 29px 20px 29px;
border-right : 4px solid #ffffff;
border-bottom : 3px solid #ffffff;
color : #000000;
}
#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited {
background-image : url(images/m-bg2.png);
border-left : 4px solid #ffffff;
border-right : 4px solid #ffffff;
border-bottom : 3px solid #ffffff;
color : #000000;
}
#menucontainer ul .current_page_item a:hover {
border-left : 4px solid #ffffff;
border-right : 4px solid #ffffff;
border-bottom : 3px solid #ffffff;
padding : 160px 30px 20px 30px;
color : #ffffff;
}
#maincontainer {
position : relative;
width : 100%;
background-color : #8c2318;
}
#postone {
position : relative;
width : 380px;
float : left;
margin : 20px 0 20px 30px;
}
#posttwo {
position : relative;
width : 380px;
float : right;
margin : 20px 30px 20px 0;
}
#pagepost {
position : relative;
float : left;
width : 500px;
left : 50%;
margin : 20px 0 20px -250px;
}
#postone img, #posttwo img, #pagepost img {
border-left : 3px solid #8c2318;
display : block;
margin : 20px 0 20px 27px;
padding-left : 10px;
border-top : 0;
border-bottom : 0;
border-right : 0;
}
#maincontainer h2 {
color : #000000;
text-transform : uppercase;
font-size : 18px;
margin : 0 0 5px 0;
letter-spacing : 5px;
font-weight : normal;
}
#maincontainer .post p {
margin : 0 0 20px 0;
}
#maincontainer .post em {
color : #fff;
font-size : 12px;
line-height : 20px;
}
#maincontainer .post p, #maincontainer .post ul, #maincontainer .post ol {
color : #fff;
font-size : 12px;
line-height : 20px;
}
#maincontainer .post blockquote {
font-style : italic;
border-left : 3px solid #8c2318;
margin-left : 27px;
padding-left : 10px;
}
#maincontainer .post .postdata {
color : #ffffff;
font-size : 10px;
margin : -10px 0 0 0;
}
#maincontainer .post h1 {
color : #8c2318;
text-transform : uppercase;
font-size : 15px;
margin : 0 0 5px 0;
letter-spacing : 3px;
font-weight : normal;
}
#maincontainer .post h2 {
color : #8c2318;
text-transform : uppercase;
font-size : 13px;
margin : 0 0 5px 0;
letter-spacing : 3px;
font-weight : normal;
}
#maincontainer .post h3 {
color : #8c2318;
text-transform : uppercase;
font-size : 11px;
margin : 0 0 5px 0;
letter-spacing : 3px;
font-weight : normal;
}
.commentodd {
background-color : #000;
border-left : 8px solid #ffffff;
}
.commentodd, .commenteven {
position : relative;
width : 380px;
}
.commentcontent {
padding : 5px 15px 5px 15px;
}
.commentcontent p {
font-size : 11px;
line-height : 17px;
color : #fff;
}
.commentcontent a {
font-size : 11px;
line-height : 17px;
color : #fff;
}
.commentcontent .commentinfo {
color : #ffffff;
}
.commentcontent blockquote {
font-style : italic;
border-left : 3px solid #8c2318;
margin-left : 17px;
padding-left : 10px;
}
.commentcontent ul, .commentcontent ol {
margin-left : 15px;
}
#comment {
width : 380px;
}
#bottomcontainer {
position : relative;
clear : both;
float : left;
width : 100%;
background-image : url(images/b-bg.png);
background-repeat : repeat-x;
background-color : #000;
}
#bottomcontainer .content {
padding-top : 40px;
}
#bottomcontainer h2 {
color : #8c2318;
text-transform : uppercase;
font-size : 13px;
margin : 0 0 5px 0;
letter-spacing : 3px;
font-weight : normal;
}
#bottomcontainer ul {
list-style : none;
margin : 0 0 30px 0;
padding : 0;
}
#bottomcontainer ul li {
display : block;
position : relative;
font-size : 11px;
text-transform : uppercase;
letter-spacing : 1px;
line-height : 20px;
padding : 0 10px 0 10px;
border-bottom : 1px dotted #8c2318;
color : #ffffff;
}
#bottomcontainer ul li a:link, #bottomcontainer ul li a:visited {
color : #fff;
text-decoration : none;
}
#bottomcontainer ul li a:hover {
color : #8c2318;
}
#column1 {
position : relative;
float : left;
width : 280px;
}
#column1 img {
border : 0;
}
#column2 {
position : relative;
float : left;
margin-left : 30px;
width : 280px;
}
#column3 {
position : relative;
float : right;
width : 280px;
}
.bottomsmallright a:link, .bottomsmallright a:visited, .bottomsmallleft a:link, .bottomsmallleft a:visited {
color : #fff;
}
.bottomsmallright a:hover, .bottomsmallleft a:hover {
color : #8c2318;
}
.bottomsmallright {
height : 25px;
font-size : 12px;
text-align : right;
margin-right : 20px;
line-height : 25px;
padding-bottom : 30px;
}
.bottomsmallleft {
height : 25px;
font-size : 12px;
text-align : left;
margin-left : 10px;
line-height : 25px;
padding-bottom : 30px;
}
.bottomsmallcenter {
height : 20px;
font-size : 12px;
text-align : center;
line-height : 25px;
}
.bottomsmallcenter {
padding-bottom : 30px;
}
html > body .bottomsmallcenter {
padding-bottom : 35px;
}
#s {
background-color : #8c2318;
color : #ffffff;
border : 0;
text-align : center;
height : 20px;
}
#ssubmit {
height : 20px;
width : 60px;
vertical-align : middle;
}
#footer {
position : relative;
clear : both;
width : 100%;
padding : 30px 0 5px 0;
height : 30px;
background-color : #000000;
}
#footer p {
color : #8c2318;
font-size : 11px;
line-height : 30px;
text-align : center;
margin : 0;
}
#footer img {
border : 0;
}
#footer a:link, #footer a:visited {
color : #ffffff;
}
#footer a:hover {
color : #8c2318;
text-decoration : underline;
}
#postone input {
width : 380px;
}
#postone #mailsubmit {
width : 100px;
}
#postone textarea {
width : 380px;
height : 100px;
}
hr {
border : 1px solid #000000;
}