/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {z-index:100;}
 .menu li {float:left;position:relative;z-index:100;} 
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:138px; background:#09c; padding-left:10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/*.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}*/
/* style the second level hover */
/*.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}*/
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;z-index:100;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;z-index:100;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
/*.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}*/
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}*/
/*.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*  
Theme Name: Vintage Style
Theme URI: http://www.templatepanic.com/article/vintage-style-wordpress-theme
Description: Vintage Style theme for Wordpress, features 2 columns layout and vintage color options.
Author: Searchopedia
Author URI: http://www.searchopedia.org/

Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.

*/


/* -------------------- GENERAL -------------------- */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form { margin: 0; padding: 0; text-align: justify; }

body { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; vertical-align: top; background: #480701; color: #000; }

h1, h2, h3, h4, h5, h6 { font-size: 22px; font-weight: normal; }

a { text-decoration: none; color: #7f180e; }
a:hover { text-decoration: underline; }

a img { border: 0; }

abbr, acronym { border: 0; }
address, dl, p { padding: 10px 0 0 0; }

blockquote { margin: 10px 0 0 0; }
blockquote p { padding: 10px; }
blockquote blockquote { margin: 10px; color: #333; }
code { }
pre { width: 90%; }

dt { font-weight: bold; }
dd { padding: 0 0 0 15px; }
hr { clear: both; margin: 15px 15px 5px 15px; border: 0; height: 1px; text-align: left; background: #eaeaea; color: #cbcbcb; }
small { font-size: 11px; }

input, textarea { font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { border: 1px solid #888; padding: 3px; }
input#author, input#email, input#url { margin: 0 5px 0 0; }


/* -------------------- LAYOUT -------------------- */


#container { margin: 0 auto; width: 958px; padding: 15px 0 0; vertical-align: top; }

#wrapper { clear: both; float: left; width: 958px; background: #77140b url(images/bg-wrapper.gif) no-repeat; }

#page-wrapper { float: left; margin: 10px 0 0 10px; padding: 0 0 10px 0; display: inline; /* prevent margin doubling in IE 6 */ width: 668px; }

#page { float: left; padding: 0 10px; }

#narrowcolumn-wrapper {	float: left; width: 648px; height: 60px; margin: 0 0 0 0; background: url(images/narrowcolumn-bottom.jpg) no-repeat left bottom; }

.narrowcolumn { float: left; width: 648px; background: url(images/narrowcolumn-middle.gif) repeat-y; }

.posts-wrapper { margin: 10px; }


/* -------------------- MENU -------------------- */


#menu { float: left; width: 958px; }
#menu ul { margin: 0; padding: 0 0 0 20px; list-style: none; }
#menu ul li { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; background: url(images/tab-right.gif) no-repeat right top; }
#menu ul li a { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top; background: url(images/tab-left.gif) no-repeat; color: #fff; }
#menu ul li:hover { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; background: url(images/tab-right-hover.gif) no-repeat right top; }
#menu ul li a:hover { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top; background: url(images/tab-left-hover.gif) no-repeat; color: #fff; }
#menu ul li.current_page_item { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; background: url(images/tab-right-hover.gif) no-repeat right top; }
#menu ul li.current_page_item a { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top; background: url(images/tab-left-hover.gif) no-repeat; color: #fff; }


/* -------------------- HEADER -------------------- */


#header { float: left; margin: 10px 0 0 0; width: 648px; height: 200px; background: url(images/header.jpg) no-repeat; }

#header h1 { padding: 45px 0 0 210px; font-size: 24px; font-variant: small-caps; }
#header h1 a { color: #222; }

#description { padding-left: 210px; font-size: 16px; color: #aaa; font-style: italic; }


/* -------------------- POSTS -------------------- */


.posts { padding: 0 20px 20px; }
.posts h2 { padding: 20px 0 0 0; font-size: 22px; }
.posts h2 a { text-decoration: none; color: #111; }
.posts h2 a:hover { text-decoration: none; color: #555; }

.entry { padding: 0 0 20px; line-height: 24px; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { border: 0; padding: 15px 0 0; }
.entry h1 { font-size: 30px; font-weight: normal; line-height: 36px; }
.entry h2 { font-size: 18px; }
.entry h3 {}
.entry h4 { font-size: 16px; }
.entry h5 { font-size: 14px; }
.entry h6 { font-size: 11px; font-weight: normal; }
.entry a {text-decoration: underline;}

.textwidget img {	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px 4px 4px 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.textwidget img.alignleft { float: left; margin: 5px 10px 0 0; }
.textwidget img.alignright { float: right; margin: 5px 0 0 10px; }
.textwidget img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*.entry img { padding: 5px; margin: 5px; }*/

.entry img {	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px 4px 4px 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.entry img.wp-smiley { padding: 0; border: 0; background-color: transparent; }
.entry img.alignleft { float: left; margin: 5px 10px 0 0; }
.entry img.alignright { float: right; margin: 5px 0 0 10px; }
.entry img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry div.alignleft { float: left; margin: 5px 10px 0 0; }
.entry div.alignright { float: right; margin: 5px 0 0 10px; }
.entry div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.entry .wp-caption-text {
	text-align: center;
}

.entry .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.entry .wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}




.postinfo { font-size: 11px; float: left; width: 598px; margin: 0 0 20px 0; line-height: 20px; padding: 0; clear: both; }
.postinfo ul { list-style-type: none; margin: 0; padding: 10px 10px 0 10px; }
.postinfo ul li { float: left; margin: 0 10px 0 0; display: inline; }

.postinfo ul li.author { padding: 0 0 0 20px; background: url(images/user.gif) no-repeat 0 3px; }
.postinfo ul li.date { padding: 0 0 0 20px; background: url(images/calendar.png) no-repeat 0 3px; }
.postinfo ul li.category-info { padding: 0 0 0 20px; background: url(images/tag_blue.png) no-repeat 0 3px; }
.postinfo ul li.digg { padding: 0 0 0 20px; background: url(images/digg.gif) no-repeat 0 3px; }
.postinfo ul li.delicious { padding: 0 0 0 20px; background: url(images/delicious.gif) no-repeat 0 3px; }
.postinfo ul li.comment-number { padding: 0 0 0 19px; background: url(images/comment.png) no-repeat 0 3px; }
.postinfo ul li.edit-info { padding: 0; }
.postdate { }

.browse { padding: 15px 0 0; font-family: Georgia; font-size: 16px; border-top: 1px solid #e6eecb; line-height: 24px; }


/* -------------------- SIDEBAR -------------------- */


#sidebar { float: left; margin: 10px 0 0; width: 280px; font-size: 11px; background: #77140b; color: #f2f2f2; }
#sidebar a { color: #f2f2f2; }
#sidebar ul { margin: 0; padding: 0 10px 10px; list-style: none; }
#sidebar ul li { padding: 20px 0 0; }
#sidebar ul li h2 { padding: 0 0 9px 0; color: #dddddd; }
#sidebar ul ul { padding: 0; }
#sidebar ul ul li { padding: 8px 0 0; line-height: 18px; }
#sidebar ul ul ul li { padding: 8px 0 0 15px; }

.Search { width: 260px; margin-bottom: 15px; position: relative;}
.Search form { padding: 0px; margin: 0px;}
.Search input { color: #ccc; font-size: 12px;}

.Search input.keyword { border: none; background: url(./images/search.gif) no-repeat; border: none; padding: 12px 12px 14px 12px; width: 240px; } 


/* -------------------- FOOTER -------------------- */


#footer { margin: 0 0 10px; float: left; width: 958px; font-size: 11px; background: #77140b url(images/footer.gif) no-repeat left bottom; color: #f2f2f2; }
#footer a { text-decoration: none; font-weight: bold; color: #f2f2f2; }
#footer a:hover { text-decoration: underline; }
#footer p { padding: 20px 20px 20px 20px; line-height: 20px; text-align: center; }


/* -------------------- COMMENTS -------------------- */


.commentsbox { width: 588px; border: 1px solid #fff; float: left; color: #333; margin: 0 auto; }

.commentsbox p { margin: 0; padding: 0; }
.commentsbox img { border: 1px solid #444; margin: 3px; }

#commentlist ol { margin: 0; padding: 0; }
#commentlist li { padding: 15px 0 15px 0; list-style-position: outside; list-style-type: decimal; border-bottom: 1px solid #ccc; line-height: 24px; }
.alt { background-color: #fff !important; background-image: none !important; }

.comment-title { margin: 0 0 0 0px; font-size: 11px; color: #666; }

.comment-text { }

h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }

.postcomment input, .postcomment textarea { border: 1px solid #ccc; background: #fff; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #ccc; }
.postcomment input#submit:hover { background: #f3b469; }	


/* -------------------- CALENDAR -------------------- */


table#wp-calendar { width: 100%; text-transform: none; }
table#wp-calendar caption { padding: 10px 15px; }
table#wp-calendar th { padding: 2px; font-weight: bold; text-align: center; vertical-align: top; }
table#wp-calendar td { padding: 1px; text-align: center; }
table#wp-calendar tfoot td { text-align: center; }

#options { padding: 10px 20px 0 0; text-align: right; float: right; }
#options ul { float: left; display: inline; margin-left: 10px; }
#options li { float: left; list-style: none; padding: 5px; }
#options li a { display: block; width: 5px; margin: 1px; padding: 5px; height: 5px; }
#options li a span { display: none; }


/* -------------------- OPTIONS -------------------- */

.stylewp { text-align: right; font-size: 75%; padding-top: 1px; color: #ccc; }
.stylewp ul { padding: 0px; margin: 0px; border-left: solid 1px #ccc; display: inline;}
.stylewp li { padding: 0px 5px; margin: 0px; display: inline; border-right: solid 1px #ccc; }
.stylewp li a { color:#ccc; }
.stylewp li a:hover { color:#ccc; }