/* CSS Document */

/*  
Theme Name: Red Pro 
Theme URI: http://wordpress.org/
Description: A premuim theme for Wordpress designed to keep the focus on the content of the site, not fancy graphics.  The theme is very easy to install and modify and is being released by: <a href="http://www.virtualmarketingblog.com">Virtual Marketing Blog</a>.
Version: 3.5
Author: Internet Marketing Blog
Author URI: http://www.virtualmarketingblog.com/

Go ahead and please please tweak the theme and make it your own style and design, but keep the links in the footer. 
*/


/* Begin Typography & Colors */
body {
	font: 62.5%; /* Resets 1em to 10px */
	font-size: x-small; /* IE5 Win */
	font-size: small;
	background-color: #F6F1DE;
	font-family: Verdana, sans-serif;
	color: #000000; 
	border: none; 
	}
	
/* Main Links */
a { 
    padding: 3px 1px;
    color: #C00101; 
	text-decoration: none; 
	}

a:visited { 
    color: #C00101; 
	text-decoration: none; 
	}
	
a:hover { 
    padding: 3px 1px;
	background: #C00101;
    color: #FFFFFF; 
	text-decoration: none; 
	}
	
a img { 
    border: none; 
	}	

/* Structure */
#header {
	background: url(images/header-bkg.gif) repeat-x;
	}

.alt {
	background-color: #F8E2BA;
	}
	
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
	
body {
	padding:0; 
	margin:0;
	}
	
#header{
	background-color: #990000;
	padding: 0;
	font-size: 95%;
	border-bottom: 11px solid #F8E2BA;
	}
	
.narrowcolumn {
	float: left;
	padding: 0;
	margin-bottom: 20px; 
	width: 38em;
	}

.widecolumn {
	float: left;
	padding: 0;
	margin: 0 0 20px 0; 
	width: 60em;
	}
	
#page {
	width: 60em;
	margin: 20px auto;
	padding: 0;
	font-size: 95%;
    text-align: left;
	}

#sidebar {
	font-family: Verdana, sans-serif;
	color: #333333;
	padding: 0px 0 10px 0;
	margin-left: 41em;
	width: 19em;
	min-height: 1000px; /* IMPORTANT! removes whitespace below the footer when there isn't enough content on the page ----- */
	}
	
* html #sidebar {
	margin-left: 40.5em;
	}
/* END Structure */		



/* Headings */
h1  {
	padding: 0;
	margin: 0;
	color: #990000; 
	font: 2.0em 'Helvetica', Arial, Verdana, Sans-Serif;
    font-style: italic;
	}

h1 a, h1 a:hover, h1 a:visited {
	background-color: #990000;
	color: #FFFFFF; 
	text-decoration: none;
	}

h2  {
    margin: 0;
	padding: 0;
	color: #990000; 
	font: 1.6em 'Helvetica', Arial, Verdana, Sans-Serif;
	}
	
h2, h2 a, h2 a:visited {
    color: #990000; 
	text-decoration: none;
	}

h2 a:hover {
    color: #FFFFFF; 
	}
		
h3  {
    margin: 0;
	padding: 5px 0 0 0;
	color: #990000;
	font-size: 1.1em;
	}

h3.subtop {
    margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	}

h3.subbottom {
    margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #DBD5C5;
	font-size: 0.9em;
	font-weight: normal;
	color: #999999;
	font-style: italic;
	}
	
h3.subtop a, h3.subbottom a, h3.subtop a:visited, h3.subBottom a:visited {
	color: #000000
	}

h3.subtop a:hover, h3.subbottom a:hover {
	color: #FFFFFF
	}
	
Xh2.page {
    padding: 5px 0 0 0;
	font-weight: normal;
	color: #999999;
	font-style: italic;
	font-size: 1.0em;
	line-height: 1.6em;
	}
/* END Headings */	



/* Comments */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Verdana', Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}
	
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
	
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Verdana', Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.alt {
	margin: 0;
	padding: 10px;
	font-size: 95%;
	text-align: left;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}
	
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* END Comments */	



/* Post */
.post {
	margin: 0 0 20px;
	text-align: justify;
	}
	
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 0px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	font-size: 99%;
	text-align: center;
}
/* END POST*/



/* Footer*/
#footer {
    margin: 20px auto;
	width: 60em;
	bottom: 80%;
    background-color: #F8E2BA;
	clear: both;
	color: #4E3114;
	font-weight: bold;
	text-align: center;
	}
	
#footer p {
    padding: 5px 5px 5px 20px;
	font-size: 85%;
	text-align: left;
	}

#footer a {
	color: #4E3114;;
	}

#footer img {
    vertical-align: middle 
	}

#footer a, #footer a:visited {
    text-decoration: underline;
	}
	
#footer a:hover {
	text-decoration: none;
	background: #F8E2BA;
	}
/* END Footer*/



/* Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* END Images */

/* Begin Lists 
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. 
*/
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 0px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 
.entry ul  {
    list-style: none;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	color: #4E3114;
	font-size: 80%;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#content ul li {
    padding: 5px 0 5px 0;
	}

/* END Lists */



/* Search */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 0;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 0px;
	margin: 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
input, select {/* Edit the search bar */
    background-color: #F8E2BA;
	border: 1px solid #F8E2BA;
    color: #4E3114;
 }
 
textarea {
     background-color: #FFFFF; 
	 border: 1px solid #F6F1DE;
	 }

#searchsubmit  {
    background: url(images/search-btn.gif) no-repeat left top;
    border: none;
    overflow: hidden;
    width: 82px;
    height: 28px;
}

#submit {
    background: url(images/submit-btn.gif) no-repeat right top;
    border: none;
    overflow: hidden;
    width: 82px;
    height: 28px;
}

/* END Search */



/* Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #C00101;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px 0 30px 0;
	}

small {
	font-family: 'Helvetica', Verdana, Sans-Serif;
	font-size: 100%;
	line-height: 1.5em;
	padding: 20px 0 5px 0;
	}
	
.pagetitle {
    padding: 8px 0 0px 30px; 
	background: url(images/archive-icon.gif) no-repeat 0 2px;
	}
/* END Tags & Classes*/



/* logo */
#logo {
     width: 60em; 
	 margin: 0 auto; 
	 padding: 30px 0 20px 0;
	 }
	 
.description {
	 padding: 0;
	 margin: 0;
	 color: #FFFFFF;
	 font-style: italic;
	 
	 }
	 
* html #logo span, #logo a {
     padding: 0 0 10px 0;} /*Target I.E 5*/
	 
* html #logo { 
     padding: 20px 0 20px 0;
	 }
/* END logo */
	

/* Main Navigation (Header) */
#nav {
    margin: 0 auto;
    padding: 0;
	width: 60em;
	letter-spacing: 1px;
	list-style: none;
    }
	
* html #nav ul {
    height: 1%;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #990000;
	}
	
#nav li {
    float:left;
	background: #C00101;
	margin: 0;
	padding: 0; 
	border-right: 5px solid #990000;
    }

#nav li.current, #nav li.current_page_item {
	color: #4E3114;
	border-right: 5px solid #990000;
    }

#nav li.current a,  #nav li.current_page_item a {
	color: #4E3114;
	font-weight: bold
    }
	
#nav li a {
    float:left;
    margin: 0;
	padding: 7px 8px;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
    }

#nav li a:hover {
	color: #4E3114;
	background: #F8E2BA;
	}

	
#nav > li a span {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
	
#nav a {float:none;}
    /* END IE5-Mac hack */
	
#nav .current,  #nav li.current_page_item{
    background: #F8E2BA;
	color: #4E3114;	
    }

#nav .current li a{
	color: #4E3114;	
    }

* html #nav ul {
    height: 1%;
	}
	
*:first-child+html #nav ul {
	min-height: 1px;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }
/* END main navigation */	



.entry ul li, .post ul li, {
     margin :0 1em;
	 }
	 
.entry ul li:before, .post ul li:before {
    lsist-style-image: url(../../../../images/ulli.gif);
	content: "\00BB \0020";
	color: #4E3114;
	}
	


/* All Sidebar stuff goes in here */
#sidebar {
	font-family: Verdana, sans-serif;
	color: #333333;
	padding: 0px 0 10px 0;
	margin-left: 41em;
	width: 19em;
	min-height: 400px; /* IMPORTANT! removes whitespace below the footer when there isn't enough content on the page ----- */
	}
	
* html #sidebar {
	margin-left: 40.5em;
	height: 400px;
	}
	
#sidebar h2{
    margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	text-transform: lowercase;
	letter-spacing: -0.5px;
	}

#sidebar span {
	display: block;
	width: 145px;
	height: 25px;
	padding: 0;
	border-style: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
#cat {
    margin: 0 auto;
    padding: 0;
	list-style:none;
    }
#cat li {
    float:left;
	margin:0;
	padding:0 5px 0 0px; 
}
#cat li a {
    white-space: nowrap;
	}
	
.current-cat {font-weight: bold;}
/* END Sidebar stuff */