/*  
Theme Name: Autumn Almanac
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Autumn+Almanac
Description: 3 Column, widget-ready fixed width theme in rustic autumn colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Custom Intro Box, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
Version: 1.1
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 3 column, fixed width, gravatars, widgets, brown, green, gold, red, Autumn, Fall, rustic, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Sans-serif; margin: 0; padding: 0 0 20px 5px; color: #333; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link, a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #F4A3BA; }

/*a[href^="http:"]:after, a[href^="https:"]:after { content:url(http://www.megfblack.com/blog_img/13px/linkout.gif); vertical-align:middle; margin:0 2px; }*/
/*a[href^="http://www.megfblack.com/"]:after { content:""; margin:0;}*/

p { padding: 10px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; }

.emoji{ margin-bottom: -2px; margin-left:1px; margin-right:1px; padding:0px;}

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 62.5%; text-align: center; vertical-align: top; color: #444;  background: #fff;}

/*body{ background-image: url(http://www.megfblack.com/blog_img/design_2012/family-2012-04-wallpaper.gif); background-repeat: no-repeat; background-position: 50% 50%; background-attachment:fixed; }*/

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; background: #fff; }

#main_content { background: #fff /*url(images/page-bg.jpg) repeat;*/ float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; /*border: #efefef 1px solid;*/ }
#container { background: #fff; float: left; width: 520px; margin: 0 10px 0 10px; padding: 0 10px 10px 10px; /*border: #efefef 1px double;*/ }
#container_wide { background: #fff; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; /*border: #efefef 2px solid;*/ }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.3em; margin: 0 0 0px 5px; padding-top: 5px; }
.entry { font-size: 1.02em; border-bottom: #ccc 1px solid; line-height: 1.42em; }
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; /*font-style: italic;*/ }

input, textarea, select {background: #ffffff; padding: 2px; margin: 0 0 0 0px; font-size: 10px; border-color: #ccc; border-style: solid; border-width: 1px; }
option.collection { background-color: #666;}

#author-box { width: 140px; margin: 0px 0px 0px 0px; padding: 0 3px 3px 3px; background: #fff; border: 1px solid #ccc; }
/*#author-box .avatar { float: left; width: 80px; height: 80px; }*/
/*#author-box h2 { padding: 0; margin: 5px 0 5px 0; }*/

/***** HEADER *****/
#header { float: left; width: 1000px; /*background: #ddd url(images/header.gif) no-repeat;*/ padding: 0; margin: 0 auto 0 auto; }
#header h1 { padding: 0; margin: 20px 0 0 30px; font-family: Arial, Verdana, Sans-serif; font-size: 3/*3.5*/em; line-height: 38px; text-align: left; }
#header h1 a { text-decoration: none; color: #999; }
#header h1 a:hover { text-decoration: none; color: #333; }
#header .description { margin: 0 0 0 30px; padding: 0; font-size: 1/*1.5*/em; font-weight: normal; font-family: Arial, Verdana; color: #999; text-align: left; text-transform: lowercase; }

/***** HORIZONTAL MENU *****/
.menu  { float:left; text-align:left; width: 1000px; height: auto; margin: 0px 0 20px 0; padding: 0px 0 0px 0; display: inline; background: #efefef; /*url(images/menu-bg.gif) repeat-x; border-top: #ccc 2px solid; border-bottom: #ccc 2px solid;*/ }
.menu ul { float:left; width: 100%; margin: 5px 0 0 0; padding: 8px 0; list-style: none; }
.menu ul li { float:left; display: inline; margin: 0; }
.menu ul li a { padding: 0 0 0 10px; text-decoration: none; color: #333; font-weight: normal; font-size: 1.1em; }
.menu ul li a:hover { color: #F4A3BA; text-decoration: underline; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: 0px; background: none; }

img.avatar { float: left; margin: 3px; padding: 3px; border: #ccc 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 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 #ddd; 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; }

#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #3f464f 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #3f464f 1px solid; }

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

/***** SUBSCRIPTION *****/
.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: 5px 0 0 10px; padding: 6px 0 6px 20px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }

/***** SIDEBAR *****/
#left_sidebar { background: #fff /*url(images/sidebar-bg.gif) repeat;*/ width: 220px; float: left; padding: 0 10px 20px 0px; margin: 0 auto 0 auto; border-right: #ccc 1px solid; } 
#right_sidebar { background: #fff /*url(images/sidebar-bg.gif) repeat;*/ width: 180px; float: right; padding: 0 0 20px 0px; margin: 0 auto 0 auto; border-left: #ccc 1px solid; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #F4A3BA; }
#left_sidebar a.title, #right_sidebar a.title { color: #333; padding: 0px; margin: 0px; }	
#left_sidebar ul li a, #right_sidebar ul li a { display: inline; margin: 0; padding-left: 0px; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 1em; color: #444; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 10px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { width: 90%/*140px*/; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 15px 0 5px 10px; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #ccc 1px solid; } 

/***** INTRO BOX *****/
#intro { width: 515px; margin: 14px 0 20px 0; float: left; padding: 0; text-align: left; background: transparent url(images/dot.gif) repeat-x scroll 0pt 100%; } 
#intro p { font-size: 1em; font-style: italic; line-height: 1.42em; }
#intro h2 { font-size: 1.077em; text-transform: uppercase; width: 90%; background: none; margin: 0 auto 0 auto; padding: 3px; text-align: left; border-bottom: #94927b 2px solid; } 

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; font-size:9px; color:#ccc;}
#sidebar #searchform #s { width: 120px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { float:center; text-align: center; background: #fff; margin: 0 0 10px 5px;padding: 0; width: 130px; border: #efefef 2px solid; /*font-variant: small-caps;*/font-family: Verdana; }
#wp-calendar td { line-height: 10px; font-size: 9px; color: #444; }
#wp-calendar td a { display: block; color: #333; text-decoration: none; line-height: 10px; font-weight: bold; font-size: 9px; }
#wp-calendar #prev a { width: 30px; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; }
#wp-calendar #today { background: #ccc; color: #fff; }
#wp-calendar #today a { color: #fff; font-weight: 700; }
#wp-calendar caption { color: #333; text-align: center; width: 80%; margin: 5px 0 5px 20px; /*font-variant: small-caps;*/ font-family: Verdana; font-size:9px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; /*border-top: 1px solid #ccc;*/ padding: 0 10px; font-style: normal;}
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; font-style: normal;}
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; font-style: normal;}
.comments-template ol a, li a{ font-style: normal;}
.comments-template h2, .comments-template h3 { font-family: Verdana; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; font-style: normal;}
.comments-template p.nocomments { padding: 0; text-decoration: none; font-style: normal;}
.comments-template textarea { width: 95%; max-width: 500px; font-family: Verdana, Sans-serif; font-size: 10px; font-style: normal; background: #efefef;}
.authorcomment { background: #efefef; font-style: normal;}

/***** FOOTER *****/
#footer { clear: both; float: left; width: 100%/*1000px*/; margin-top: 15px; padding: 15px 20px 15px 20px; background: #efefef;  }
#footer p { font-size: .9em; width: 1000px; float: left; line-height: 18px; padding: 10px 10px 0 10px; text-align: center; color: #333; }
#footer a { color: #333; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 5px; } 
*html .search { margin: 10px 10px 0 0; }

/**** ADD THIS ****/
.addthis_toolbox addthis_default_style{float:right;}

/**** CONTACT FORM ****/
.wpcf7-form {background-color: #ffffff; padding: 20px; /*border-radius: 20px*/}
.wpcf7-form span.hissu  {color: #ff0099; /*font-size: smaller*/}
.wpcf7-form input   {width: 50%;}  
.wpcf7-form textarea    {width: 80%;} 
.wpcf7-form p.submit    {text-align: center;} 
.wpcf7-form .wpcf7-submit   {width: 20%;}