/*  
Theme Name: Villagio
Description: 6 Column (main content, 2 sidebars and 3 footer sections), widget-ready fixed width theme with minimal images for fast loading and easy customization 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: Shegga Design
Author URI: http://www.sheggadesign.com
Tags: 6 column, fixed width, gravatars, widgets, widgetized footer, tan, red, author box, sitemap, archives, intro box, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form, ul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 21px; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #3F0000 /* Dark Red */; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0; padding: 0 0 3px 0; }

h1 { font-size: 1.35em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1.1em; }

a:link, a:visited { text-decoration: none; color: #8F0000 /* Red */; }
a:hover { text-decoration: underline; color: #000000; }
p { padding: 0 0 10px 0; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border: 1px solid #3F0000 /* Dark Red */; }

/***** MAIN CONTENT *****/
body { margin: 0; background: #3F0000 /* Dark Red */ url(images/bg.jpg) repeat-x; color: #000; }

#wrapper { margin: 0 auto 0 auto; width: 1010px; text-align: left; }

#main_content { background: #C1754B /* Brown */ url(images/body.gif) center repeat-y ; float: left; margin: 0; padding: 0 5px; width: 1000px; }
#container { float: left; width: 570px; margin: 0 5px; padding: 0 10px 20px 10px; }
#container_wide { background: url(images/body2.gif) center repeat-y ; float: left; width: 775px; margin: 0 0 0 5px; padding: 0 10px 20px 10px; }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.3em; border-bottom: #8F0000 /* Red */ 1px dotted;  }
.post h2 a:hover { text-decoration: none; }
.entry { border-bottom: #8F0000 /* Red */ 1px dotted; line-height: 1.5em; padding: 0 0 20px 0; }
.postmetadata { border-top: dotted 1px #000; margin: 0px 0 0 0; font-size: .9em; clear: both; }
.date {	font-size: .9em; clear: both; }

/***** HEADER *****/
#header-wrap { width: 1000px; height: 135px; background: url(images/top.jpg); padding: 0; margin: 0 auto; border: #C1754B /* Brown */ 5px solid; }
#header-wrap a { display: block; height: 135px; width: 1000px; text-decoration: none; }

/***** HORIZONTAL MENU *****/
.menu  { width: 1000px; height: 25px; margin: 0 auto 0 auto; padding: 0; text-transform: uppercase; background: url(images/menu.jpg) bottom repeat-x; border: #C1754B /* Brown */ 5px solid; border-top: none; }
.menu ul { line-height: 24px; width: 100%; margin: 0; padding: 0; list-style: none; }
.menu ul li { line-height: 24px; display: inline; margin: 0; }
.menu ul li a, .menu ul li a:visited { width: 100%; padding: 2px 15px 3px 15px; text-decoration: none; color: #000000; font-weight: bold; font-size: 1.2em; color: #FFFFFF; }
.menu ul li a:hover, .menu ul li.current_page_item a { background: url(images/menu.jpg) top repeat-x; text-decoration: none; color: #000000 !important; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #8F0000 /* Red */ 1px solid; padding: 2px; background: none; }

img.avatar { float: left; margin: 5px; border: #8F0000 /* Red */ 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 2px; margin: 0 0 0 10px; display: block; }
img.alignleft { padding: 2px; margin: 0 10px 0 0; display: block; }

.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: 0 4px 8px 4px; /* 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; min-height: 35px; }

#flickrrss img { border: 1px solid #8F0000 /* Red */; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 2px; border: #8F0000 /* Red */ 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 2px; border: #8F0000 /* Red */ 1px solid; }

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

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 17px 10px 0 5px; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** BREADCRUMB *****/
.breadcrumb {
border-bottom: #000000 solid 1px;
font-size: 9px;
line-height: 12px;
padding: 8px 0 3px 0;
}

/***** SIDEBAR *****/
#left_sidebar { width: 200px; float: left; margin: 0 !important; padding: 0 !important; } 
#right_sidebar { width: 200px; float: left; margin: 0 !important; padding: 0 !important; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #000000; }
#left_sidebar ul li a, #right_sidebar ul li a { display: inline; margin: 0; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0 0 10px 0; margin: 0px; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; padding: 0 10px 0 0; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; padding: 0 10px 0 0; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { color: #FFFFFF; font-size: 1em; text-transform: uppercase; margin: 0 0 10px 0; padding: 2px; text-align: center; background: url(images/mod.jpg) repeat-x ; } 
#left_sidebar ul li object { width: 180px; margin: 0 auto; display: block; }
#left_sidebar ul form, #right_sidebar ul form { margin: 0 10px 0 10px; width: 180px; }
#left_sidebar ul ul li, #right_sidebar ul ul li { margin: 0 0 0 10px; padding: 0; }
#left_sidebar ul ul ul li, #right_sidebar ul ul ul li { margin: 0 0 0 10px; padding: 0; }

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

/***** Calendar *****/
#wp-calendar { text-align: center; background: #a69d91; margin: 0 0 10px 20px;
padding: 0; width: 80%; border: #d4be87 1px solid; font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; 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: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #a69d91; }

/***** FOOTER *****/
#footer { clear: both; width: 1000px; height: 25px; margin: 0 auto; padding: 0; background: url(images/menu.jpg) top repeat-x; border: #C1754B /* Brown */ 5px solid;  }
#footer p { font-size: 12px; width: 340px; padding: 0 10px; float: left; line-height: 23px; }
#footer ul { font-size: 12px; width: 620px; padding: 0 10px; margin: 0; float: left; line-height: 23px; text-align: right; }
#footer ul li { border-right: #000 solid 1px; display: inline; list-style: none; margin: 0; padding: 0 5px; }
#footer ul li:first-child { border-left: #000 solid 1px; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 5px; } 
*html .search { margin: 10px 0 0 0; }
*html .subscribe  { margin: 15px 0 0 5px; }
*html #intro { margin: 14px 0 20px 10px; } 
*html #container_wide { margin: 0 0 0 20px; }

/***** PLUGINS *****/
#vs_main2, #vs2_main2 {
display: block;
margin: 0 auto;
height: 170px;
width: 170px;
}

#vs_main2 div div a img, #vs2_main2 div div a img {
border: none;
padding: 0;
}

#right_sidebar ul li span.youtube object {
display: block;
margin: 0 auto;
width: 180px;
}

div.mapp-div {
border: #000000 solid 1px;
margin-bottom: 10px;
}

div.mapp-poweredby {
display: none;
}

div.kjo-link {
display: none !important;
}

div.music-plyr {
display: block;
float: left;
margin: 0 10px 5px 0;
width: 180px;
}

div.music-plyr img {
border: none;
padding: 0;
}

ul.lcp_catlist {
line-height: 1.75em;
width: 180px;
}

.entry ul.lcp_catlist {
width: 570px;
}

#left_sidebar ul.lcp_catlist, #right_sidebar ul.lcp_catlist {
line-height: 1.65em;
padding-bottom: 15px;
}

#left_sidebar ul.lcp_catlist li, #right_sidebar ul.lcp_catlist li {
border-bottom: #8F0000 /* Red */ 1px dotted;
margin-left: 0px;
}

#right_sidebar ul li div {
padding: 0 !important;
}

.calnk a {
font-weight: bold;
color: #8F0000 /* Red */ !important;
}

#right_sidebar ul li a#cc_safesubscribe {
margin: 0 16px;
width: 168px;
}

ul.sidebarlogin_otherlinks {
width: 180px;
}

ul li {
	margin-left: 40px;
}

embed#tagcloudflash {
display: block;
margin: 0 auto;
width: 180px;
}

img#wpstats {
display: none;
}