/*  
Theme Name: SuccessBox8
Theme URI: http://www.successbox8.com/category/custom-blog-designsimple/
Description: Based on Mina's The Lunatic Fringe Blog theme.
Author Name: Mabelle
Custom Designed by: Mabelle
Custom Designer URI: http://www.successbox8.com/

*/


/******************
*TYPOGRAPHY AND LINKS
*******************/
body, address, dd, dl, hr, p, form { 
 font-family: Trebuchet MS; 
 font-size: 12px; 
 margin: 0; 
 padding: 0; 
}
h1, h2, h3, h4, h5, h6 { 
 font-variant: uppercase, lowercase; 
 font-family: Verdana; 
 margin: 0; padding: 0 0 10px 0;  
}

a:link, a:visited { 
 text-decoration: underline; 
 color: #8A2BE2; 
}
a:hover { 
 text-decoration: underline; 
 color: #8A2BE2; 
}
p { 
 padding: 10px 0 0 0; 
}
blockquote {
 margin: 15px 30px 10px 30px; 
 padding: 0 20px 10px 20px; 
 border-left: 2px solid #8B008B; 
 border-right: 2px solid #8B008B; 
}
/*****************************
*        MAIN CONTENT
******************************/
body { 
 margin: 0; font-size: 11.5px; 
 background: #d8d8c0 url(images/bg.jpg); 
 text-align: center; 
 vertical-align: top; 	 
 color: #333; 
 }
#wrapper { 
 margin: 0 auto 0 auto; 
 width: 950px; 
 text-align: justify; 
}
#main_content { 
 float: left; 
 background: #d8d8c0 url(images/bgcontent.jpg); 
 margin: 0 auto 0 auto; 
 width: 950px; 
 border: none; 
}
#container { 
 float: left; 
 width: 500px; 
 margin: 15px 0 0 5px; 
 padding: 5px 7px 0 7px; 
 border-right: #8B008B 2px solid; 
}
#container_wide { 
 float: left; 
 width: 850px; 
 margin: 15px 0 0 35px; 
 padding: 5px 7px 0 7px; 
}
.post { 
 padding: 15px 0 0px 0; 
}
.post h2 { 
 font-family:Formal436 BT; 
 font-size: 18px; 
 text-decoration:none;
 font-weight: normal; 
}
.entry { 
 line-height: 20px; 
 }
.postmetadata { 
 margin: 10px 0 0 0; 
 font-size: 11px; 
 font-family:Formal436 BT;
}
.date {	font-size: 10px; 
 font-family:Formal436 BT; 
 margin: -20px 0 10px 0; 
}

#author-box { 
 width: 475px; 
 min-height: 100px; 
 margin: 10px 10px 10px 0; 
 padding: 10px 10px 20px 10px; 
 background: #f7f6e3; 
 border: 1px solid #8B008B; 
 }
#author-box .avatar { 
 float: left; 
 width: 80px; 
 height: 80px; 
}
#author-box h2, #author-box h4 { 
 color: #d4be87; 
 background: none; 
 border: none; 
 padding-bottom: 5px;
}

/*****************************
*        HEADER
*****************************/
#header { 
 background: url(images/header.jpg) no-repeat; 
 float: left; 
 width: 950px; 
 height: 223px;  
 padding: 0; margin: 0 0 0 0px; 
}
#header h1 { 
 padding: 0; 
 margin: 35px 15px 0 ; 
 font-family: Formal436 BT; 
 font-size: 0px; 
 line-height: 38px; 
 color: #f7f6e3; 
}
#header h1 a {
 text-decoration: none; 
 color: #f7f6e3; 
 float: right; 
}
#header h1 a:hover { 
 text-decoration: none; 
 color: #fff; 
}
#header .description {
 margin: 40px -235px 0 20px; 
 padding: 0; font-size: 14px; 
 font-style: italic; 
 font-weight: bold; 
 color: #f7f6e3; 
 float: right; 
}

/*****************************
*       HORIZONTAL MENU
******************************/
#menu, #sub_menu  {
 float: left; 
 width: 950px; 
 height: 34px; 
 margin: 0; 
 padding: 0; 
 display: inline;   
 background: #FDF5E6 url(images/navbg.jpg) no-repeat; 
 
}
#menu ul { 
 width: 938px; 
 margin: 0 0 0 7px; 
 padding: 9px 0; 
 list-style: none; 
 background: none;
}
#sub_menu ul { 
 width: 938px; 
 margin: 0 0 0 7px; 
 padding: 9px 0; 
 list-style: none; 
 background: none; 
}
#menu ul li, #sub_menu ul li {
 display: inline; 
 margin: 0; 
 padding: 5px; 
 border-right: 1px solid #8B008B;
}
#menu ul li a { 
 padding: 0  0 0 10px; 
 text-decoration: none; 
 color: #8A2BE2; 
 font-size: 14px; 
 font-family: Formal436 BT; 
 font-variant: uppercase, lowercase; 
 font-weight: normal; 
}
#sub_menu ul li a { 
 padding: 0  0 0 10px; 
 text-decoration: none; 
 font-size: 14px; color: #8A2BE2; 
 font-family: Formal436 BT; 
 font-variant: uppercase, lowercase; 
 font-weight: normal; 
}
#menu ul li a:hover, #sub_menu ul li a:hover { 
 text-decoration: underline;
}

/*****************************
*       IMAGES
******************************/
p img { 
 border: #8B008B 1px solid; 
 padding: 0; 
 max-width: 100%; }
a img { 
 border: #8B008B 1px solid; 
 padding: 3px; 
 background: none; 
}
img.centered { 
 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 #8B008B; 
 text-align: center; 
 background-color: #f3f3f3;   
 padding-top: 4px; 
 margin: 10px; /* optional rounded corners for browsers that support it */ 
 -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; 
}
img.avatar { 
 float:left; margin-right: 
 5px; border: #8B008B 1px solid; 
}
#flickrrss img {
 border: 1px solid #8B008B; 
 float: left; 
 margin: 0 0 3px 3px; 
}

/*****************************
*        NAVIGATION
******************************/
.navigation { 
 padding: 15px 0 15px 0; 
 font-size: 9px; 
 font-weight: bold; 
 line-height: 18px; 
}

/*****************************
*       SUBSCRIPTION
******************************/
.subscribe  { 
 background: none; 
 width: 25px; 
 margin: -20px 0 0 10px; 
 padding: 6px 0 6px 15px; 
 text-decoration: none; 
}
.subscribe a:hover { 
 text-decoration: none; 
}

/*****************************
*        SIDEBAR
******************************/
#left_sidebar h2, #right_sidebar h2, #main_sidebar h2, #commentblock h2 { 
 color: #8A2BE2; 
 font-variant: uppercase, lowercase; 
 font-family: Formal436 BT; 
 font-size: 14px; 
 font-weight: normal; 
 margin: 10px auto 5px auto; 
 padding: 10px auto 0 auto; 
 border-bottom: #8B008B 1px solid; 
 width: 90%; 
 text-align: left;
 line-height: 20px; 
 } 
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover, #main_sidebar ul li a:hover { 
 color: #8A2BE2; 
}
#left_sidebar a.title, #right_sidebar a.title, #main_sidebar a.title { 
 color: #fff; 
 padding: 0px; 
 margin:0px; 
}	
#left_sidebar ul li a, #right_sidebar ul li a, #main_sidebar ul li a { 
 display: inline;
 font-size: 11px; 
 font-family: Formal436 BT; 
 color: #8A2BE2; 
 text-decoration: none; 
 margin: 0; padding: 0; 
}
#left_sidebar ul li, #right_sidebar ul li, #main_sidebar ul li { 
 display: block; 
 padding: 0; 
 margin: 0px; 
 font-size: 11px; color:#000; 
}

#left_sidebar { 
 width: 185px; 
 float: left; 
 margin: 5px 0 0 5px; 
 padding: 0 5px 20px 5px; 
 border-left: 0px solid #8B008B;
}  
#left_sidebar ul { 
 list-style: none; 
 margin: 0 0 5px 0; 
 padding: 0; 
}
#right_sidebar { 
 width: 185px; 
 float: right; 
 padding: 0 0 10px 5px; 
 margin: 5px 20px 0 0; 
 border-left: #8B008B 2px solid;
}
#right_sidebar ul { 
 list-style: none; 
 margin: 0px; padding: 0; 
}

#main_sidebar { 
 width: 480px; 
 float: left; 
 text-align: justify; 
 padding: 10px 0px 5px 0px;
 margin: 0 0 15px 7px; 
}
#main_sidebar ul { 
 list-style: none; 
 margin: 0px; 
 padding: 0px 0px 10px 0px; 
}

/*******************
*    INFO BOX
********************/
#info { 
 width: 380px;  
 margin: 15px 0 0 10px; 
 float: left; 
 padding: 5px 10px; 
 background: none; 
 border-top: #8B008B 1px single; 
 border-bottom: #8B008B 1px single; 
 }
#info p { 
 font-size: 10px;  
 font-family: Verdana; 
 color: #333; 
 padding: 5px 10px 0 10px; 
} 
#info h2 { 
 color: #A0522D; 
 font-variant: uppercase, lowercase; 
 font-family: Formal436 BT; 
 font-size: 14px; 
 font-weight: normal; 
 margin:0 auto 5px auto; 
 padding: 0; 
 border-bottom: #8B008B 1px solid; 
 width: 90%; text-align: justify; 
} 

/*******************
*   SEARCH 
********************/
#searchform { 
 margin: 10px auto; 
 padding: 5px 3px; 
 text-align: center; 
}
#sidebar #searchform #s { 
 width: 108px; 
 padding: 2px; 
}
#sidebar #searchsubmit { 
 padding: 1px; 
}

/*******************
*   Calendar 
********************/
#wp-calendar { 
 text-align:center; 
 background-color:#f7f6e3; 
 margin:0 0 10px 5px;
 padding:0; 
 width: 95%; 
 border: #8B008B 3px double; 
 font-variant: small-caps;
 font-family: Times, Verdana, Sans-Serif; 
}
#wp-calendar td { 
 line-height:10px; 
 font-size:10px; color:#333; 
 font-variant:  small-caps; 
}
#wp-calendar td a { 
 display:block; 
 color:#333; 
 text-decoration:none; 
 line-height:10px;
 font-weight:bold; 
 font-variant: uppercase, lowercase; 
 font-size:10px; 
}
#wp-calendar #prev a { 
 width:30px; 
 font-variant: small-caps; 
}
#wp-calendar #next a { 
 width:30px; 
 margin:0 0 0 30px; 
 font-variant: small-caps; 
}
#wp-calendar #today { 
 background:#600000; 
 color:#d7d7bf; 
 font-variant: small-caps; 
}
#wp-calendar #today a {  
 color:#d7d7bf; 
 font-weight:700; 
font-variant: small-caps; 
}
#wp-calendar caption {
 text-align: center; 
 width: 100%; 
 margin:5px 0 5px 0; 
 font-variant: small-caps; 
 font-family: Times, Verdana,Sans-Serif; 
 font-size:12px; 
}

/*******************
*   COMMENTS 
********************/
.comments-template { 
 margin: 10px 0 0 0; 
 border-top: 1px solid #8B008B; 
 padding: 10px 0 0 0; 
}
.comments-template ol { 
 margin: 0 ; 
 padding: 0 0 15px ; 
 list-style: none; 
}
.comments-template ol li { 
 margin: 0 0 0; 
 line-height: 14px; 
 padding: 10px 0 10px 5px; 
}
.comments-template h2, .comments-template h3 { 
 font-family: Formal436 BT; 
 font-size: 12px; margin: 20px 0 0 0; 
}
.commentmetadata { 
 font-size: 9px; 
}
.comments-template p.nocomments { 
 padding: 0; 
}
.comments-template textarea { 
 font-family: Formal436 BT; 
 font-size: 11px; 
}
.authorcomment { 
 background: #f7f6e3; 
}

/*******************
*   FOOTER 
********************/
#footer { 
 clear: both; 
 float: left; 
 width: 950px;  
 height: 41px; 
 margin-top: 0px; 
 padding: 0px 0 0px 0;  
 background: #d8d8c0 url(images/footbg.jpg) no-repeat; 
 border-bottom: none; 
}
#footer p { 
 font-size: 9px; 
 line-height: 18px; 
 padding: 0 10px 0 0px; 
 text-align: center; 
 color: #000; 
}
#footer a { 
 color: #000; 
}