/*  
Theme Name: Vermilion Christmas
Theme URI: http://wpthemes.amazing-christmas-ideas.com/vc/
Description: Vermilion Christmas is a holiday theme with a vivid red and green color scheme. The header graphic depicts a wintertime forest of white Christmas trees with a subtle image of Santa Claus and his reindeer flying over the snowy treetops in the distance on Christmas Eve. You can even make out the faint glow of Rudolf's nose! The design is SE-friendly with clean title tags and content put before navigation. Visit the <a href="http://wpthemes.amazing-christmas-ideas.com/vc/">Vermilion Christmas blog</a> for support. Provided by <a href="http://www.amazing-christmas-ideas.com/">Amazing Christmas Ideas</a>.
Version: 1.0
Author: Christmas WordPress Themes
Author URI: http://wpthemes.amazing-christmas-ideas.com/

		Copyright (c) Amazing-Christmas-Ideas.com. Some rights reserved.
			This WordPress theme is licensed under a Creative Commons 
			Attribution-ShareAlike 2.5 License. You may use it and modify
			it as you see fit, provided that the credit and hyperlink in
			the footer.php file remain intact and unaltered in any version
			of this template you create.

*/

/****** General Styles ******/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #467839;
	color: #343434;
	margin: 0px 0px 50px;
}
table {
	font-family: Tahoma, Arial;
	color: #990000;
	font-size: 12px;
}
td{
	word-break: break-all;
}
a {
	text-decoration:none;
	color:#990000;
	cursor:pointer;
}
a:hover,a:active{
	color:#FF0000;
	text-decoration:underline;
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #CCCCCC;
}

acronym {
	text-decoration: none;
	border-bottom: 1px dotted #3F68A6;
	cursor: help;
}

img{
	border: 0px none;
	max-width : 100%;
	height:auto;

}
/****** Form Controls Styles ******/
form {
	display: inline;
}
input {
	font-family: Tahoma, Arial; 
	font-size: 12px; 
	margin-top: 2px;
}
input.text {
	border:1px solid #758346;
	padding:1px;
}
input.button {
	border:1px solid #758346;
	padding:1px;
}
textarea { 
	border: 1px solid #758346;
	font-family: Tahoma, Arial; 
	font-size: 12px; 
	color: #758346;
}
select { 
	font-family: Verdana, Arial; 
	font-size: 12px;  
	border:1px solid #758346;
}


/****** Main Layout Styles ******/
#wrapper {
    width: 862px;
	margin: 0px auto 0px auto;
	padding: 0px;
	float: underline;
	position: relative;
}
#innerWrapper {
	background-image: url(images/page-background.gif);
	width: 100%;
}

#header {
	background-image: url(images/header.jpg);
}
#header a {
	color:#FFFFFF;
}
#innerHeader {
	background-image: url(images/header.jpg);
	background-color: #467839;
	background-repeat: no-repeat;
	background-position: center top;
	height: 137px;
	position: relative;
}
#footer {
	background-image: url(images/footer-background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: both;
	visibility: visible;
	height: 140px;
	padding-top: 12px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#footer a{
	color:#000;
}
#footer a:hover {
}

#innerFooter {
    margin-right: 46px;
	width: 543px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
	background-image: url(images/footer-divider.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	margin-left: auto;
}

/****** Header Elements Styles ******/
/* header title */
.blog-header {
	padding-top: 30px;
	margin-left: 150px;
	color: #FFFFFF;
}
.blog-title{
	color: #FFFFFF;
}
h1 {
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h1 a {
	COLOR: #FFFFFF;
	text-decoration: none;
}
h1 a:hover {
	COLOR: #FFFFFF;
	text-decoration: underline;
}
/* blog description */
.blog-desc {
	color: #ffffff;
}

/* nav menu */
#menu {
        MARGIN-TOP: 10px; COLOR: #FFFFFF;
		margin-left: 150px;
}
#menu UL {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu LI {
        DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: underline
}
#menu A {
        COLOR: #FFFFFF;
}
/****** Content Layout ******/
#mainWrapper {
	margin-left: 46px;
	margin-right: 46px;
}

/* sidebar */
.sidebar {
	float: left;
	width: 185px;
	background-image: url(images/main-menu.gif);
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 43px;
	font-size: 12px;
	color: #343434;
}
.sidebar-hide {
	display: none;
	float: left;
}
#innerSidebar {
	padding: 3px;
	width: 182px;
}

/* content */
.content {
	width: 572px;
	background-image: url(images/content-background.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	padding-top: 30px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 10px;
}
.content-wide {
	float: right;
	padding-left: 0px;
	width: 100%;
}
.content-only {
	float: right;
	padding-left: 5px;
	width: 100%;
}
#innerContent {
	overflow: visible;
	margin-right: 0px;
	margin-top: 0px;
}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}

/****** Sidebar Panels ******/
.panel{
	padding:1px;
	margin-bottom: 10px;
}
.panel h5 {
	padding: 2px;
	margin: 0px;
	color: #638000;
	font-size: 14px;
	font-weight: bold;
	background:url(images/sidebar-underline.gif) left bottom no-repeat;
}
.panel-content{
	padding:4px;
	color:#990000;
	line-height: 150%;
	font-weight: bold;
}
.panel-content ul{
	padding: 0px;
	margin: 0px;
}
.panel-content li{
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	list-style-image: url(images/bullet-green.gif);
}

.panel-content li.indent{
	padding: 0px;
	list-style-image: url(images/bullet-green.gif);
	margin-left: 15px;
}

.panel-content ul ul li{
	padding: 0px;
	list-style-image: url(images/bullet-green.gif);
	margin-left: 15px;
}
/* user panel login form */
#loginForm {
	width: 100%;
}

/* calendar panel */
#calendar {
  width: 160px;
  margin-top:1px;
  line-height:135%;
  color:#a9a9a9;
}
.calendar-top {
  text-align: center;
  padding:0px;
  padding-bottom:3px;
  padding-top:3px;
  border:1px solid #cccccc;
}
.calendar-top a{
	border-bottom:none;
}
.calendar-year,
.calendar-month {
  font-weight: bold;
}
.calendar-weekdays {
  font-size:12px;
  text-align: center;
  width: 14%;
  padding:0px;
}
.calendar-weekday-cell {
  font-size:12px;
  text-align: center;
  width: 14%;
  padding:0px;
  font-weight:bold;
  color:#343434;
  background-color: #d1d5bc;
  border: 1px solid #a7aa94;
}
.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
  text-align: center;
  width: 14%;
  padding:0px;
  border:1px solid #cccccc;
}
.calendar-saturday,
.calendar-sunday {}
.calendar-today { 
	color:#FF0000;
	border:1px solid #cccccc;
	padding-right:1px;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
  border-bottom:none;
  display:block;
  font-size:12px;
}
.calendar-today a {
  font-size:12px;
  text-decoration:underline;
  border-bottom:none;
}
.calendar-today a:hover{
}
.calendar-day a:hover,.calendar-saturday a:hover, .calendar-sunday a:hover {
}

/****** Search Panel ******/
.search-field { 
	width: 115px;
	background: url(images/submit-background.gif) repeat-x bottom;
	border-top: 3px double #B7C781;
	border-right: 3px double #758346;
	border-bottom: 3px double #758346;
	border-left: 3px double #B7C781;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	color: #758346;
}
/****** Announcement Box ******/
.announce{
	margin-top: 10px;
	text-align: left;
}
.announce-content{
	font-size:12px;
	margin: 10px;
	word-break: normal;
    line-height: 130%; 
}

/****** Defaul Page Elements ******/
.article-top{
	padding: 10px;
}
.article-bottom {
	padding: 10px;
}
/* page links */
.pages {
	color: #000;
	width:100%;
}
.pagelink-current {
	font-weight: bold;
}
.pages a{
	text-decoration:none;
}
.listbox {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:-5px;
	margin-right:-5px;

}
.listbox-table {
	width: 100%;
}
.listbox-header {
	font-weight: bold;
	text-align: center;
	color: #000;
	height: 25px;
}
.listbox-entry {
	word-wrap: break-all;
	color: #666;
	padding: 5px;
	font-size:10px;
}
.listbox-entry a{
	word-wrap: break-all;
	font-size:12px;
}

/* entry display box */
.prev-article{ float: left; }
.next-article{ float: right; }

/* text box */
.textbox{
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
}
.textbox-title{
	padding-top: 10px;
	padding-bottom: 10px;
	word-wrap: break-all;
	font-size: 18px; 
}
.textbox-title h4{
	color:#000;
	display: inline;
	font-size:18px;
	height: 100%;
}
.textbox-title h4 a {
	text-decoration:underline;
	color:#990000;
}
.textbox-title a:hover {
	text-decoration:underline;
	color:#FF0000;
}

.textbox-title h4 span.ttt{margin-left:10px;font-weight:normal;font-size:12px;}
.textbox-title h4 span.ttt a{font-size:12px;}
.textbox-label{
	color: #000;
	font-size: 12px;
}
.textbox-label a{
	color: #000;
}
.textbox-fontsize{
	color: #979797;
	TEXT-ALIGN: right;
	font-size: 12px;
	margin-top: -15px;
}
.textbox-fontsize a{
	color: #979797;
}
.textbox-content{
	padding-top: 10px;
	padding-bottom: 10px;
	word-wrap: break-word;
	font-size: 12px;
}
.textbox-bottom{
	text-align:right;
	background-image: url(images/post-background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 35px;
	margin-bottom: 40px;
	clear: both;
}
.textbox-bottom a {
}
.textbox-bottom a:hover {
}
.textbox-adminbar {
	padding-right: 5px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #999999;
	text-align:right;
	font-weight:normal;
}
.textbox-adminbar a{	
	font-weight:normal;
}
.textbox-tburl {
	padding-top: 3px;
	font-size: 10px;
	color: #999999;
	text-align:left;
	padding-left: 15px;
}
.tags {
	padding-bottom: 1px;
	padding-right:10px;
	font-size: 12px;
	color:#990000;
	text-align:left;
	margin-top:5px;
}
.tags a{
	color:#990000;
	padding:1px;
	text-decoration: underline;
}
.tags a:hover{
}

/* comments wrapper */
.comment-wrapper{}

/* comments top box */
.comment-top{
	padding:5px;
	padding-top: 0px;
	margin: 5px;
	color: #333;
	text-align: right;
}
.comment-pages{
	padding:5px;
	margin: 5px;
	color: #333;
}

/* commnet box */
.commentbox{
	word-wrap: break-word;
	padding: 5px;
	margin: 5px;
}
.commentbox-title{
    PADDING-LEFT: 3px;
	BORDER-bottom: #999 1px solid;
	COLOR: #333; 
}
.commentbox-label{
	display: inline;
	color: #333;
	font-size: 12px;
}
.commentbox-content{
	padding: 3px;
	padding-bottom: 14px;
}

/* trackback box */
.trackbackbox{
	padding: 0px;
	margin: 5px;
}
.trackbackbox-title{
	padding: 5px;
	BORDER-bottom: #999 1px solid;
	COLOR: #333; 
}
.trackbackbox-label{
	display: inline;
	color: #333;
	FONT-SIZE: 12px!important;
	font-size: 12px;
}
.trackbackbox-content{
	padding: 3px;
	padding-bottom: 14px;
}
.trackbackbox a{
	color: #000000;
}

/* comment form wrapper */
#commentForm {
	width: 99%;
	padding: 5px;
}

/****** normal message box ******/
.messagebox{
 width: 500px;
 margin-top: 120px;
 text-align: center; 
 background-color: #ffffff;
 BORDER: #e6e6e6 4px solid;
}
.messagebox-title{
    padding: 5px;
 	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	BACKGROUND: #fff; 
	BORDER: #669966 1px solid;
	COLOR: #690; 
}
.messagebox-content{
 color: #333; 
 background:#FFFFFF;
 BORDER-left: #669966 1px solid;
 BORDER-right: #669966 1px solid;
 padding: 10px; 
 padding-bottom: 20px; 
 text-align: left;
}
.messagebox-bottom{
 color: #333; 
 background-color: #fff; 
 BORDER: #669966 1px solid;
 BORDER-top: #fff 1px solid;
 padding: 5px;
}


/****** Input Form Styles (table) ******/
.formbox{
}
.formbox-comment{
	padding-top: 10px;
}
.formbox-title,
.formbox-comment-title{
    PADDING-LEFT: 3px;
	clear: both;
	font-size: 14px;
	COLOR: #990000; 
}

.formbox-rowheader {
	padding: 5px;
	font-weight: bold;
}

.formbox-content {
	padding: 5px;
}

/* smilies list */
.panel-smilies {
	padding:5px;
	text-align: center;
}
.panel-smilies-title {
	color: #333;
	text-align: left;
	border-bottom: 1px solid #999;
}
.panel-smilies-content {
	padding: 5px;
	line-height: 120%;
}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#5E5E5E;
	margin: 0px 30px 0px 30px;
}

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#5E5E5E;
	margin: 0px 30px 0px 30px;
}
.quote-title {
	padding: 3px;
	color: #666;
}
.quote-title img {
	padding-right: 3px;
	margin-bottom: -4px;
}
.quote-content {
	word-wrap: break-all;
	color: #666;
	padding: 3px; 
}

/****** Link ******/
.linkover {
	margin-bottom: 1px;
	height: auto;
	clear: both;
}
.linkbody {
	margin-top: 5px;
	width: 100%;
	float: left;
}
.linkimg {
/*	width: 35%;*/
	float: left;
	text-align: right;
	margin-right: 4px;
}
.linktxt {
	float: left;
}
.linktitle a {
	font-weight: bold;
}
.linkgroup {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	color: #000000;
}

/*Page*/
.pagebox {
	padding-bottom: 25px;
	margin-bottom: 5px;
	clear: both;
}
.pagebox-title{
	font-size: 16px;
	height: 68px;
	margin-left: 5px;
}
.pagebox-title h4{
	color: #0D80BD;
	font-size: 16px;
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 3px solid #BEE6FD;
	font-weight: bold;
}
.pagebox-content{
	margin-top: -30px;
	clear: both;
	word-wrap: break-word;
	padding: 0;
	font-size: 14px;
	line-height: 120%;
}

/* Emot Page Selection */
#smileybuttons {
	text-align: right;
	margin-top: 9px;
}

.smileybut {
	margin-right:3px;
	padding: 3px;
	vertical-align: middle;
	font-weight: bold;
}

.smileybut  a{
	border: 1px solid #BEE6FD;
}
