/*  
Theme Name: Xtreme Cali
Version: 1.0
Author: Raine Walker
Author URI: http://wild-type.com/
*/

body {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 100%; /**for IE**/
height: 100%; /*fixes short page shift*/
background: url() repeat top left #000000;
text-align: center;
color: #cc0000;
}

#wrapper {
min-height: 100%;
width: 900px;
margin: 0px auto;
}

.topmenu {
background: #2f0002;
width: 900px;
height: 35px;
font-size: 1.0em;
margin: 0px auto; 
padding: 5px 0 0 0;
color: #cc0000;
border-bottom: 1px solid #cc0000;
}

.topmenu .right_ {
float: right;
background: transparent;
text-align: right;
margin: 0;
padding: 0;
color: #cc0000;
}
	
.topmenu a { 
color: #cc0000; 
}

.topmenu a:hover { 
color: #aaa; 
}

.topmenu .date_ { 
float: left; 
background: transparent; 
color: #cc0000; 
padding: 5px 0 0 5px; }

.logo {
background: url(http://vnvmc-cax.com/main/img/xchaplogo_854.jpg) no-repeat bottom;
width: 854px;
height: 365px;
margin: 0px auto;
padding-top: 10px;
border-bottom: 1px solid #cc0000; 
}

.container {
width:900px;
margin: 0px auto;
padding-top: 10px;
}

.content {
clear: both;
font-size: 16px;
width: 895px;
margin: 0px auto;
padding: 10px 15px 11px 15px;
background: transparent;
/* border: 1px solid #cc0000; */
}

.secbar {
display: inline;
width: 900px;
height: 120%;
margin-top: 20px;
padding: 0;
background-color: #2F0002;
/* border: 1px solid #cc0000; */
}

#footer {
clear: both;
width: 900px;
margin: 0px auto;
color: #cc0000;
font-size: 1.0em;
}

#footer a {
text-decoration: none;
}

/**-theme styles-**/

* {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, p, fieldset, table, ul {
margin: 1em 0;
}

a:link, a:visited {
color: #cc0000;
text-decoration: none;
border-bottom: 1px dotted #d8672d;	
}

a:hover {
text-decoration: none;
color: #d8672d;
} 

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

/**-Default styles-**/ 

/**- begin typography & colors -**/

.entry p {
font-size: 16px;
font-weight: normal;
color: #cc0000;
}

.entry {
line-height: 1.4em;
}

small {
font-size: 0.7em;
line-height: 1.4em;
}

strong {
font-family: Georgia;
font-size: 1.1em;
}

.header .description {
font-size: 18px;
color: #9c6933;
margin: 5px;
}

h2 {
font-size: 18px;
color: #cc0000;
}

h2.pagetitle {
font-size: 14px;
}

.secbar h2 {
font-size: 18px;
color: #d8672d;
}

h3 {
font-size: 12px;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #cc0000;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
text-decoration: none;
}

.entry p a:visited {
color: #d8672d;
}

h2 a:hover, h3 a:hover {
color: #d8672d;
text-decoration: none;
}

/* End Typography & Colors */
/* Begin Structure */

.post {
margin: 0 0 20px 0;
}


/* End Structure */

/*	Begin Headers */
h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

.secbar h2 {
margin: 5px 0 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}

/* End Headers */

/* Begin Images */

img {
border: 0;
}

p img {
padding: 0;
max-width: 100%;
}

a img {
border: none;
list-style: none;
}

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 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
} 

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, .secbar ul ul li:before {
content: "\00BB \0020";
}

.secbar ul {
display: inline;
background-color: #2F0002;
margin: 0;
padding: 0;
font-size: 16px;
text-align: center;
}

.secbar ul li {
display: inline;
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
font-size: 21px;
}

.secbar ul li a, .secbar ul li a:link, .secbar ul li a:visited, .secbar ul li a:hover {
list-style-type: none;
list-style-image: none;
margin-top: 25px;
margin-bottom: 15px;
margin-right: 20px;
font-size: 21px;
text-decoration: none;
border-bottom: 1px dotted #d8672d;	
}

.secbar ul li a img {
border: none;
}

.secbar ul p {
margin: 5px 0 8px;
	}

.secbar ul ul {
margin: 5px 0 0 10px;
}

.secbar ul ul ul {
margin: 0 0 0 10px;
}

.secbar ul ul li {
display: inline;
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

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

.secbar #searchform #s {
width: 108px;
padding: 2px;
background: #b4987e;
color: #d8672d;
border: 1px solid #d8672d;	
}

.secbar #searchsubmit {
background: #b4987e;
color: #d8672d;
border: 1px solid #d8672d;
padding: 1px;
}

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

select {
width: 130px;
}

/* End Form Elements */
/* Begin Sidebar */

.secbar form {
margin: 0;
}

/* End Sidebar */
/* Begin Various Tags & Classes */

blockquote {
background: #2f0002;
margin: 15px 30px 0 5px;
padding-left: 15px;
padding-right: 15px;
border: 1px solid #cc0000;
}

.center {
text-align: center;
}

hr {
display: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

/* End Various Tags & Classes*/
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}