/*  
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 img { padding: 5px; margin: 5px; }
.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; }

.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; }