/*
Theme Name: Jan Seides Theme
Theme URI: http://www.janseides.com/
Description: Jan Seides theme developed by Greg Sanderson - <a href="gjs-webdesign.com">gjs-webdesign</a>
Version: 1.0
Author: Greg Sanderson
Author URI: http://www.gjs-webdesign.com/

	This theme was designed and built by Greg Sanderson of gjs-webdesign.com. Usage and permissions of usage rights lie solely with janseides.com.
	
*/


/* GENERAL */
body {
margin: 0;
background:url('images/page_bg.png') repeat;
}
h1{
margin: 0px 0px 20px 15px;
font-size: 22px;
color: #b70f0e;
}
h2{
margin: 0px 0px 20px 15px;
font-size: 22px;
color: #b70f0e;
}


a:link{
font-family: Arial, Helvetica, sans-serif;
color: #b70f0e;
text-decoration: none;
font-weight: bold;
outline: none;
font-style: normal;
}
a:hover{
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #EF2525;
}
a:active, a:visited{
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #720909;
outline: none;
}
p{
margin: 10px 0px 20px 0px;
}

/* HOMEPAGE WELCOME */
#homepage_welcome{
padding: 0px 20px 0px 30px;
margin: 0px 0px 20px 0px;
font-size: 13px;
}
#homepage_welcome p{
margin: 10px 0px 20px 0px;

}


/* TOP HEAD AREA */ 
#head{
height: 180px;
}
#name_logo{
background-image:url(images/name_logo.png);
background-repeat: no-repeat;
width: 357px;
height: 157px;
float: left;
margin: 10px 0px 0px 20px;
position: relative;
}
#name_logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 357px;
  height: 157px;
}
#head_img{
width: 201px;
height: 170px;
background-image:url(images/head_img.png);
background-repeat: no-repeat;
float: right;
margin: 8px 50px 0px 0px;
}



/* MAIN NAV */
#top_nav_surround{
width: 975px;
height: 127px;
background-image: url('images/top_nav_surround.png');
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}
#menu_fin{
height: 122px;
background-image:url('images/nav_menu_fin.png');
}

#main_nav_div{
padding: 38px 0px 0px 35px;
}
#main_nav {
float: left;
margin: 0px 0px 0px 20px;
padding: 0;
list-style: none; 
height: 50px; 
width: 520px;
}
#main_nav li {
display:block; 
float:left;
}
#main_nav li a {
display:block; 
float:left; 
height:50px; 
width:150px; 
text-decoration:none; 
padding:0; 
cursor:pointer;
}
#main_nav li a.bloghome {
background:url('images/nav_bloghome.jpg');
}
#main_nav li a.websitehome {
background:url('images/nav_blogwebsite.jpg');
}
#main_nav li a.contact {
background:url('images/nav_blogcontact.jpg');
}
#main_nav li:hover a, #main_nav a:hover, #main_nav li a.current {
background-position: 0 50px;
}

/* WELCOME TEXT IMG */
#welcome_text{
background:url('images/welcome_img.png');
width: 203px;
height: 55px;
margin: 0px 50px 0px 0px;
float: right;
}


/* MAIN PAGE WRAP */
#page{
margin: 0px auto 0px auto;
width: 980px;
padding: 15px 5px 0px 10px;
}


/* MAIN POST AREA */
#round_main_shadecont{
width: 700px;
float: left;
}
#main_topround{
width: 695px; /* main div width 650 + 2 borders at 1px each and padding at 20px each side */
height: 30px;
background-image:url('images/main_topround.png');
background-repeat: no-repeat;
}
#main_rightshade{
margin: 0 2px 0 0;
padding: 0 25px 0 0;
background-image:url('images/main_rightshade.png');
background-repeat: repeat-y;
background-position: center right;
}
#main_content{
width: 650px;
background-image:url('images/mainbg_nova.png');
background-repeat: no-repeat;
background-position: top right;
border-left: 1px solid #CFCF4F;
border-right: 1px solid #CFCF4F;
padding: 20px 10px 20px 10px;
background-color: #F1F1C6;
}
#main_bottomround{
width: 695px; /* main div width 650 + 2 borders at 1px each and padding at 20px each side & shadow */
height: 53px;
background-image:url('images/main_bottomround.png');
background-repeat: no-repeat;
}






/* PAGE */
#page_div{
font-size: 15px;
padding: 0px 20px 10px 20px;
}
#page_author{
color: #333;
float: right;
font-size: 12px;
font-style: italic;
margin: 0px 25px 10px 0px;
}
#page_author span{
color: #0D0D0D;
}
#page_edit{
float: right;
font-size: 14px;
margin: 0px 25px 10px 0px;
}




/* ARTICLE */
.article_wrap{
margin: 40px auto 10px auto;
width: 600px;
}
.article_fadetop{
width: 600px;
height: 25px;
background: url('images/article_fadetop.png');
background-repeat: no-repeat;
}
.article_roundtop{
width: 600px;
height: 15px;
background: url('images/article_roundtop.png');
background-repeat: no-repeat;
}
.article_head{
background-color:#E2E288;
border-left:1px solid #D3D278;
border-right:1px solid #D3D278;
border-bottom:1px solid #7F7F1F;
}
.article_comments{
float: left;
width: 85px;
margin: 0 0 0 10px;
font-size: 10px;
}
.article_comments_img{
width: 45px;
height: 31px;
margin: 0px auto 0px auto;
background: url('images/coments_img.png');
}
.article_comments p{
margin: 3px 0px 0px 0px;
text-align: center;
}
.article_comments p a:link{
color: #333;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
outline: none;
font-style: normal;
}
.article_comments p a:hover{
text-decoration: underline;
font-style: italic; 
}
.article_comments p a:active, .article_comments p a:visited{
text-decoration: underline;
font-style: italic;
color: #0D0D0D;
outline: none;
}
.article_head_title{
float: left;
width: 300px;
margin: 0 0 0 30px;
}
.article_head_title h2{
font-size: 18px; 
text-align: center;
margin: 0;
}
.article_head_title h2 a:link{
font-family: Arial, Helvetica, sans-serif;
color: #6B6B1A;
text-decoration: none;
outline: none;
}
.article_head_title h2 a:hover{
text-decoration: underline;
}
.article_head_title h2 a:active, .article_head_title h2 a:visited{
text-decoration: underline;
color: #424210;
outline: none;
}
.article_author_time{
margin: -20px 25px 0 0;
width: 190px;
float: right;
}
.article_author{
color: #333;
text-align: right;
font-size: 12px;
font-style: italic;
}
.article_author span{
color: #0D0D0D;
}
.article_time_date{
text-align: right;
font-size: 10px;
margin: 2px 0px 10px 0px;
color: #333;
font-style: italic;
}
.article_content{
float: left;
font-size: 15px;
width: 558px;
padding: 20px;
background-color:#ECECB1;
border-top: 1px solid #fff;
border-bottom: 1px solid #7F7F1F;
border-left: 1px solid #D3D278;
border-right: 1px solid #D3D278;
}
.article_footer{
clear: left;
padding: 10px 20px 0px 20px;
font-size: 12px;
background-color:#E2E288;
border-top:1px solid #fff;
border-left:1px solid #D3D278;
border-right:1px solid #D3D278;
}
.article_roundbot{
width: 600px;
height: 15px;
background: url('images/article_roundbot.png');
background-repeat: no-repeat;
}
.article_fadebottom{
width: 600px;
height: 25px;
background: url('images/article_fadebottom.png');
background-repeat: no-repeat;
}




/* SINGLE POST */
#single_post_wrap{
width: 635px;
margin: 0px auto 0px auto;
}
#single_post_wrap h1{
font-size: 20px; 
margin: 0px 0px 20px 50px;
color: #6B6B1A;
}
#single_post_wrap br{
clear: both;
margin: 20px 0px 10px 0px;
}
#single_post_head{
padding: 10px 20px 10px 20px;
background-color:#ECECB1;
border-top:1px solid #fff;
border-bottom:1px solid #7F7F1F;
border-left:1px solid #D3D278;
border-right:1px solid #D3D278;
}
#single_post_comments{
float: left;
font-size: 10px;
}
#single_post_commentsimg{
width: 45px;
height: 31px;
margin: 0px auto 0px auto;
background: url('images/coments_img.png');
}
#single_post_comments p{
margin: 3px 0px 0px 0px;
text-align: center;
}
#single_post_comments p a:link{
color: #333;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
outline: none;
font-style: normal;
}
#single_post_comments p a:hover{
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
font-style: italic;
}
#single_post_comments p a:active, #single_post_comments p a:visited{
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
font-style: italic;
color: #0D0D0D;
outline: none;
}
#single_post_authortime{
margin: 10px 0px 0px 0px;
float: left;
float: right;
}
#single_post_author{
color: #333;
float: right;
font-size: 12px;
font-style: italic;
}
#single_post_author span{
color: #0D0D0D;
}
#single_post_timedate{
float: right;
font-size: 10px;
margin: 2px 0px 10px 0px;
color: #333;
font-style: italic;
}
#single_post_content{
font-size: 15px;
padding: 20px;
}
#single_post_edit{
float: right;
font-size: 14px;
margin: 20px 25px 0px 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 5px;
}
#single_post_footer{
padding: 10px 20px 6px 20px;
font-size: 12px;
background-color:#ECECB1;
border-top:1px solid #fff;
border-bottom:1px solid #7F7F1F;
border-left:1px solid #D3D278;
border-right:1px solid #D3D278;
}
#single_post_tagcat{
float: left;
width: 400px;
}
#single_post_tagcat p{
margin: 0px 0px 4px 0px;
padding: 0;
}
#single_post_rsstrack{
float: left;
float: right;
text-align: right;
}
#single_post_rsstrack p{
margin: 0px 0px 4px 0px;
}



/* COMMENTS */
#comments_title{
border-top: 1px solid #A8A829;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #fff;
border-right: 1px solid #F2F2F2;
margin: 80px auto 30px auto;
width: 530px;
padding: 7px 0px 4px 0px;
}
#comments_title_in{
border-top: 1px solid #fff;
padding: 10px 0px 0px 0px;
width: 530px;
margin: 0px auto 0px auto;
}
#comments_titleh2{
float: left;
margin: 0px 0px 0px 20px;
}
#comments_titleh2 h2{
font-size: 20px;
margin: 0px 0px 0px 0px;
}

#comments_titletotal{
float: left;
float: right;
margin: 5px 20px 0px 0px;
font-size: 12px;
font-style: italic;
}
.comments_comment_wrapA, .comments_comment_wrapB{
border-top: 1px solid #A8A829;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #fff;
border-right: 1px solid #F2F2F2;
margin: 0px auto 25px auto;
width: 580px;
}
.comments_comment_wrapA p, .comments_comment_wrapB p{
padding: 8px 25px 20px 30px;
font-size: 15px;
}
.comments_comment_wrapA{
background-color: #E5E59F;
}
.comments_comment_wrapB{
background-color: #DADA77;
}
.comments_comment_isauthorA, .comments_comment_isauthorB{
border-top: 1px solid #A8A829;
border-right: 1px solid #A8A829;
border-left: 1px solid #A8A829;
width: 130px;
margin: 0px 0px 0px 100px;
padding: 2px 0px 2px 0px;
font-size: 12px;
text-align: center;
}
.comments_comment_isauthorA{
background-color: #E5E59F;
}
.comments_comment_isauthorB{
background-color: #DADA77;
}
.comments_comment_author{
font-size: 14px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
width: 280px;
margin: 10px 0px 0px 15px;
}
.comments_comment_authorin{
padding: 0px 0px 7px 12px;
border-bottom: 1px solid #A8A829;
border-left: 1px solid #A8A829;
}
.comments_comment_authorin span{
color: #333;
font-style: italic;
}
.comments_comment_head{
float: right;
width: 285px;
margin: 28px 7px 20px 20px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.comments_comment_headin{
padding: 0px 12px 8px 0px;
border-bottom: 1px solid #A8A829;
border-left: 1px solid #A8A829;
border-right: 1px solid #A8A829;
}
.comments_comment_allwrap{
float: right;
}
.comments_comment_authdate{
float: left;
margin: 0px 10px 0px 0px;
text-align: right;
}
.comments_comment_date{
border-top: 1px solid #A8A829;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #fff;
border-right: 1px solid #F2F2F2;
padding: 3px;
float: right;
margin: 0px 5px 0px 0px;
}
.comments_comment_date p{
margin: 0;
color: #333;
font-style: italic;
font-size: 10px;
padding: 0;
}
.comments_comment_avatarA, .comments_comment_avatarB{
width: 60px;
height: 60px;
float: left;
padding: 2px;
margin: -18px 5px 0px 0px;
}
.comments_comment_avatarA{
border: 1px solid #CFCF4F;
}
.comments_comment_avatarB{
border: 1px solid #F0F0C7;
}
.comments_comment_waitmod{
float: right;
font-size: 14px;
font-style: italic;
margin: 10px 40px 0px 0px;
}
.comments_form_wrap{
width: 560px;
padding: 20px;
margin: 50px auto 0px auto;
border-top: 1px solid #A8A829;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #fff;
border-right: 1px solid #F2F2F2;
}
.comments_form_wrap h2{
margin: 0px 0px 20px 25px;
color: #000;
font-size: 18px;
}
.comments_form_wrap p{
margin: 10px 0px 0px 0px;
}
.comments_form_wrap label{
font-size: 13px;
padding: 0px 0px 0px 8px;
}
.comments_form_wrap span{
font-size: 11px;
color: #666;
padding: 0px 0px 0px 4px;
}
.comments_form_wrap input{
font-size: 15px;
}
.comments_form_wrap textarea{
font-size: 14px;
width: 520px;
margin: 8px 0px 0px 20px;
}
.comments_form_wrapsubmit{
float: right;
font-size: 14px;
margin: 0px 40px 10px 0px;
}
.comments_form_error{
width: 450px;
border: 1px solid #000;
padding: 0px 20px 10px 20px;
margin: 5px auto 20px auto;
text-align: center;
}
.comments_form_error h2{
font-size: 16px;
color: #333;
margin: 10px 0px 10px 0px;
}
.comments_form_error p{
color: #666;
margin: 5px 0px 0px 0px;
font-size: 14px;
font-style: italic;
}


/** NOT FOUND (404) **/
#not_found{
margin: 10px 0 0 20px
}


/*** RIGHT MENUS AND SIDEBAR ***/

/* SIDEBAR */
#right_content{
float: left;
float: right;
width: 240px;
}
#right_content_inner{
border-right: 1px solid #000;
border-left: 1px solid #000;
background: url('images/right_menu_bg.png') repeat-y;
}
#right_content_wrap{
width: 210px;
background: #fff;
margin: 0px auto 0px auto;
padding: 0px 0px 8px 0px;
}
#right_content_in{
background-color: #F6F6DA;
padding: 10px;
border-top: 1px solid #BDBD2E;
border-bottom: 1px solid #BDBD2E;
}
#right_menu_topimg{
width: 240px;
height: 30px;
background: url('images/right_menu_topimg.png');
background-repeat: no-repeat;
}
#right_menu_botimg{
width: 240px;
height: 30px;
background: url('images/right_menu_botimg.png');
background-repeat: no-repeat;
}
#right_menu_topinimg{
margin: 0px auto 0px auto;
width: 210px;
height: 15px;
background:url('images/right_menu_topinimg.png');
background-repeat: no-repeat;
}
#right_menu_botinimg{
margin: 0px auto 0px auto;
width: 210px;
height: 15px;
background:url('images/right_menu_botinimg.png');
background-repeat: no-repeat;
}

/* SIDEBAR BASKET */
#right_content_basketwrap{
padding: 0px 5px 0px 5px;
}
#right_content_basketwrap h1{
text-align: center;
color: #333;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px 0px;
}
#right_content_basket{
margin: 12px 0px 0px 20px;
font-size: 14px;
font-style: italic;
font-weight: bold;
float: left;
}
#right_content_basketimgcont{
float: left;
float: right;
margin: 5px 0px 0px 0px;
}
#right_content_basketimg a:link, #right_content_basketimg a:active{
outline: none;
}
#right_content_basketimg img{
border: none;
}
#right_content_hr{
margin: 0px auto 5px auto;
width: 200px;
height: 3px;
border-top: 1px solid #000;
}



/* SIDEBAR MAIN NAV */
.right_navmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
width: 155px;
margin: 5px auto 5px auto;
}
.right_navmenu h2{
color: #000000;
font-size: 13px;
font-style: italic;
margin: 3px 0 15px 0;
text-align: center;
}
.right_navmenu ul{
margin: 0;
padding: 0;
list-style: none;
}
.right_navmenu li, .page_item li, .page-item-2 li{
margin: 5px 0 0 0;
padding: 0;
}
.right_navmenu a {
display: block;
width: 135px;
color: #000;
text-decoration: none;
background: url('images/right_menu_menuimg.png') no-repeat;
padding: 7px 10px 6px 10px;
text-align: center;
font-style: normal;
}
.right_navmenu a:hover{ 
background-position: 0 -29px;
color: #666;
font-style: italic;
}
.right_navmenu a:active {
background-position: 0 -58px;
color: #666;
outline: none;
}
.current_page_item a, .current-cat a, .current-cat li{
background-position: 0 -29px;
color: #666;
font-style: italic;
}

/* SIDEBAR SEPARATOR DIV */
.sidebar_area_wrap{
margin: 0 auto 30px auto;
padding: 0 0 15px 0;
width: 160px;
border-bottom: 1px solid #BDBD2E;
}

/* CALENDAR */
.calendar_wrap{
margin: 0px auto 30px auto;
padding: 0px 0px 15px 0px;
width: 180px;
border-bottom: 1px solid #BDBD2E;
}
.calendar_wrap h2{
color:#000000;
font-size:13px;
font-style:italic;
margin: 3px 0px 15px 0px;
text-align: center;
}
#wp-calendar{
font-size: 14px;
width: 180px;
margin: 10px auto 10px auto;
border: 1px solid #949424;
background-color: #E7E79C;
}
#wp-calendar caption{
margin: 5px auto 3px auto;
padding: 2px 0px 2px 0px;
border: 1px solid #949424;
background-color: #E7E79C;
}
#wp-calendar th{
font-weight: bold;
margin: 5px 0px 3px 0px;
border-left: 1px solid #949424;
border-right: 1px solid #949424;
border-bottom: 1px solid #949424;
text-align: center;
background-color: #F1F1C6; 
}
#wp-calendar td{
text-align: center;
padding: 0;
}
#wp-calendar td a:link, #wp-calendar td a:visited{
color: #b70f0e;
text-decoration: none;
font-weight: bold;
outline: none;
}
#wp-calendar a:hover{
text-decoration: underline;
}
#wp-calendar a:active{
text-decoration: underline;
color: #720909;
outline: none;
}
td #wp-calendar_current{
background-color: #000;
}
#today{
font-weight: bold;
color: #E7E79C;
background-color: #000;
}



/* FOOTER */
#footer{
margin: -40px 0px 0px 0px;
padding: 0px 0px 20px 0px;
background-color: #333;
border-top: 1px solid #666;
}
#footer_content{
margin: 40px auto 0px auto;
width: 980px;
}
#footer_left{
margin: 0px 0px 0px 35px;
color: #999;
font-size: 12px;
font-style: italic;
}
#footer_left p{
margin: 5px 0px 5px 0px;
}
#footer_right{
float: right;
color: #999;
font-size: 12px;
margin: 0px 30px 0px 0px;
}





/***  POSTING SPECIFIC STYLES ***/
#navigation{
margin: 25px 0 10px 40px;
}
#navigation p{
font-size: 14px;
margin: 10px 0 0 0;
}

/* ALIGNS */
img.alignright, .alignright {float:right; margin: 5px 0 1em 1em;}
img.alignleft, .alignleft {float:left; margin: 5px 1em 1em 0;}
img.aligncenter, .aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right; margin: 5px 0 1em 1em;}
a img.alignleft {float:left; margin: 5px 1em 1em 0;}
a img.aligncenter {display: block; margin: 5px auto 5px auto;}

/* CAPTION */
.wp-caption-text{
text-align: center;
font-size: 12px;
}
.wp-caption {
border:1px solid #7F7F1F;
text-align: center;
background-color: #D8D85F;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}