/*   
Theme Name: Orange Crush
Theme URI: http://www.anekostudios.com/2006/06/24/first-wordpress-theme/
Description: Simple Orange website theme template - now available in red, green, black and blue!
Author: Shelly Cole
Author URI: http://www.brassblogs.com
Version: 4.072008
*/

/*------------------------------- Defaults -------------------------------*/

* {				
margin:0;
padding:0;
border:none;
z-index:0;
}

html, body {			
height:100%;
}

body {				
text-align:center;
background-color:#F7F7F7;
background-image:url("images/bg.gif");
background-repeat:repeat-x;
font:100% Verdana, Arial, sans-serif;
color:#4b4b4b;
}

div {				
text-align:left;
}

p {				
padding-bottom:15px;
font-family:arial, helvetica, sans-serif;
color:#4b4b4b;
letter-spacing:0px;
}

a, a:link, a:visited {          
font-family:arial, helvetica, sans-serif;
color:#FF6701;
text-decoration:none;
}

a:hover, a:active {             
color:#DA600E;
}

blockquote {  
width:75%;
margin:20px auto;       
padding:10px;
background-color:#F8F8F8;
border:1px solid #CCC;
font-style:italic;
}

h2 {                            
padding:20px 0 3px 0;           
margin:0 auto 4px auto;
text-align:left;
font-family: "Trebuchet MS", serif;
font-weight:bold;

color:#FF6701;
border-bottom:1px solid #FF6701;
width:100%;
}

h3 {                            
font:bold "Trebuchet MS", serif;
border-top:1px solid #FF6701;
margin-top:20px;
}


/*------------------------------- Div ID's -------------------------------*/

#wrapper{			
height:100%;
min-height:100%;
width:760px;
border-left:1px solid #777;
border-right:1px solid #777;
margin:0 auto;
position:relative;
background-image:url("images/content_bg.gif");
}
 
html>body #wrapper {		
height:auto;
}

#content_wrapper {		
float:left;
width:480px;
padding:0 20px 0 40px;
}

#sidebar {			
position:relative;				
width:180px;
text-align:center;
float:right;
margin-right:20px;
padding:0 10px 22px 10px;
}

#footer {
width:450px;
height:4.2em;
clear:both;
display:block;
text-align:center;
font-size:0.7em;
color:#444;
border-top:1px solid #CCC;
margin-left:40px;
padding-top:10px;
position:relative;
}

#bottom {			
width:760px;
clear:both;
height:1.5em;
background-color: #FFF;
left:0;
bottom:0;
position:absolute;
font-size:0.8em;
text-align:center;
color:#777;
}

#content {			
width:450px;
float:right;
margin:0 25px 10px 0;
padding-bottom:22px;
font-size:0.8em;
}


/*----------------------------- Header Stuff -------------------------------*/

#header{			
position:relative;
width:760px;
height:220px;
display:table;
background-image:url("images/header.gif");
z-index:100;
vertical-align:top;
}

div.outer {		        
display:table-cell;
vertical-align:middle;
margin-right:-1px;
}

#headerimg {
display:table-cell;
vertical-align:middle;
}

h3.archives {                   
text-align:center;              
border:none;                    
margin-top:30px;
}

h3#respond, h3#comments {       
border-top:none;
}                           

#header h1 {			
position:relative;
float:left;
width:228px;
top:12px;
left:45px;
font:1.5em bold "Trebuchet MS", serif;
color:#444;
text-align:center;
}

#header h2 {			
position:relative;
float:right;
width:385px;
/* if blog description breaks over two lines, uncomment this line and 
delete the following line */
top:12px;
/* top:24px; */
padding:0 50px;
font:bold 1.3em "Trebuchet MS", serif;
color:#FFF;
text-align:left;
border:none;
}

#header a {			
display:block;
}


/*-------------------------------- Images ---------------------------------*/

#header img {			
text-align:center;}

p img {				
float:left;
margin:10px 10px 10px 0;
}


/*------------------------------ Link Tags --------------------------------*/

h1 a, h1 a:link, h1 a:visited { 
letter-spacing:0;
font-family:"Trebuchet MS", serif;
color:#444;
font-weight:bold;}

h2 a, h2 a:link, h2 a:visited { 
letter-spacing:1px;
text-align:left;}

a p.more, a:link p.more, a:visited p.more {  
color:#FF6701;}

a:hover p.more, a:active p.more {
color:#DA600E;}


/*---------------------------- List Styles --------------------------------*/

ol {                            
font-family:"Trebuchet MS", serif;
margin:0 0 10px 30px;
}

ol li li {                       
list-style:lower-alpha;
}

ol li li li {
list-style:lower-roman;
}

ul { 
list-style:inside;
margin:0 0 10px 20px;
}

ul#commentlist {
list-style:none;
margin:10px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}


ul#commentlist li {
margin:10px 0;
}



/*----------------------------- Form Styles -------------------------------*/

#search input {                 
border:solid 1px #777;
padding:3px;
width:148px;}

#search input.button {          
border:none;
padding:0;
margin:0 0 -2px -3px;
width:14px;
height:15px;
background-image:url("images/search.gif");
background-repeat:no-repeat;
}

textarea#comment {              
border:solid 1px #777;
width:425px;}

input#submit {			
margin-top:7px;
border:1px solid #777;
padding:2px;
background-color:#EEE;
}

label {				
display:block;
width:200px;
text-align:right;
float:left;
}

input.form {			
border:1px solid #777;
padding:2px;
width:175px;
}

input.formbutton {              
margin:0 auto;
}


/*-------------------------- Paragraph Styles ------------------------------*/

p.date {                        
text-align:center;
font-size:0.85em;
color:#FF6701;
letter-spacing:0;}

p.right {                       
text-align:right;
margin-right:20px;
font-weight:bold;
font-size:0.85em;
letter-spacing:0;
}

p.more {                        
margin-bottom:-2.7em;
}


/*------------------- Sidebar Styles - Widgetize Me! ------------------------*/

#sidebar div.title, #sidebar li h2 {

color:#FF6701;
text-align:left;
font:bold 1.1em "Trebuchet MS", serif;
border-bottom:1px solid #FF6701;
width:90%;
margin:0 auto 3px auto;
}

#search {                       
width:100%;
text-align:center;
}

#calendar {                     
position:relative;
margin-bottom:20px;
}

#calendar_wrap {                
margin:0 auto;
}

table#wp-calendar {             
width:100%;
text-align:center;
font-size:0.8em;
font-family:arial, helvetica, sans-serif;
color:#666;
border-collapse:collapse;
}

table#wp-calendar caption {     
width:181px;
background-color:#FF6701;
color:#FFF;
font:bold 1em "Trebuchet MS", serif;
padding:5px 0;
border:1px solid #777;
margin-left:-1px;
}

table#wp-calendar tr, table#wp-calendar td {
border:1px solid #777;
background-color:#FFF;
}

table#wp-calendar thead th {    
background-color:#E5E5E5;
height:1.9em;
border-left:1px solid #777;
}

table#wp-calendar td {          
height:1.9em;
text-align:center;
}

table#wp-calendar tfoot td#prev, table#wp-calendar tfoot td.pad, table#wp-calendar tfoot td#next, table#wp-calendar tfoot tr {   
border:none;
background:transparent;
font-size:0.95em;    
}

table#wp-calendar a, table#wp-calendar a:link, table#wp-calendar a:visited {
color:#FF6701;
}

table#wp-calendar a:hover, table#wp-calendar a:active {
color:#DA600E;
}

#sidebar div {                  
margin-bottom:20px;
}

#sidebar div.textwidget {       
font:bold 0.75em;
color:#777;
margin:0 20px;
}

#sidebar ul {                   
list-style-type:none;
font-size:0.75em;
width:160px;
text-align:left;
margin-left:20px;
}

#sidebar li ul {        
font-size:1em;
margin-left:10px;
width:auto;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
font:bold 1em arial, helvetica, sans-serif;
color:#777;
text-decoration:none;
}

#sidebar a:hover, #sidebar a:active {
color:#444;
}

div.widget_sideblogwidget div.title, div.widget_calendar div.title {
display:none;
}

div.widget_sideblogwidget {     
display:block;
width:165px;
background-color:#F7F7F7;
border:5px solid #FF6701;
padding:5px 0 5px 5px;
}

#sidebar div.widget_sideblogwidget ul {
list-style-type:none;
margin:0;
width:140px;
background-image:url("images/quote_left.gif");
background-repeat:no-repeat;
}

div.widget_sideblogwidget li {  
padding:17px;
color:#777;
width:125px;
background-image:url("images/quote_right.gif");
background-repeat:no-repeat;
background-position:bottom right;
}

/*------------------------------- Comments -------------------------------*/

#commentform {
text-align:center;
margin-top:15px;
}

#commentform input {
margin-bottom:5px;
}

#commentform span.required {
color:#C00000;
font-weight:bold;
font-size:1.2em;
}

#commentform label {                         
font-weight:bold;
font-family:"trebuchet ms", sans-serif;
color:#444;
font-size:0.9em;
display:block;
padding-right:3px;
text-align:right;
float:left;
width:35%;
}

#commentform label.center {                  
display:inline;
float:none;
}

#commentform input.form {                    
border:1px solid #777;
padding:2px;
margin-right:105px;
}

#commentform textarea {                      
border:1px solid #777;
width:225px;
height:100px;
font-family:arial, sans-serif;
font-size:0.9em;
margin:0 auto;
padding:2px;
display:block;
}