/*   
Theme Name: Orange Crush
Theme URI: http://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.anekostudios.com
Version: 9.182006
*/

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

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

html, body {			height:100%;}

body {				text-align:center;
				min-width:760px;
				background-color:#F7F7F7;
				background-image:url("images/bg.gif");
				background-repeat:repeat-x;
				font-family:Verdana, Arial, sans-serif;
				color:#666;
				font-size:100%;}

div {				text-align:left;}

p {				padding-bottom:15px;
                                font-family:verdana, sans-serif;
                                color:#666;
                                letter-spacing:1px;}

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

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

blockquote {                    padding:0 30px;}





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

#wrapper{			height:100%;
				min-height:100%;
				width:760px;
				border-left:1px solid #777;
				border-right:1px solid #777;
				color: #000000;
				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;}

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

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

/* the next two sections, #clear_footer and #footer, coincide with each other.  If you plan to actually place text or images in the #footer, you *must* adjust the heights here.  Otherwise, your text/images will overflow the content area, and "hang out" over the gray background.  In other words, it'll be messed up.  As long as your image is no larger than 20px in height, and your text is only one line, you are fine with it the way it is.  However, if your image is larger, or your text teakes up more than one line, you will need to adjust by multiplying by however many lines it takes up.  

For example, if your text takes up 2 lines, then #footer height should be 3em (1.5 x 2=3), and for the #clear_footer, you should simply add 0.2em to the #footer height (making #clear_footer 3.2em).  If your image is 32px in height, then you will need to do the same (as the image takes up more than one line, but not quite two.)  If your image is 90px in height, then you will need to multiply the height by 4.5 (90px image / 20px currently allowed = 4.5, therefore 1.5 x 4.5 = 6.75em for the #footer, 6.75 + 0.2 = 6.95em for the #clear_footer).

Many of these calcuations are to get you started - if you want or need to adjust for your own visual preferences, then please feel free to do so.  But you *must* remember to adjust these two areas should you choose to place anything in your #footer. */

#clear_footer {			width:760px;
				height:1.6em;
				clear:both;}

#footer {			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-right:25px;
				padding-top:222px;
				padding-bottom:22px;
				font-size:0.8em;}

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





/*----------------------------- Header Tags -------------------------------*/

h2 {                            padding:20px 0 3px 0;
                                margin:0 auto 4px auto;
                                text-align:center;
                                font-weight:bold;
                                text-transform:lowercase;
                                color:#FF6701;
                                border-bottom:1px solid #FF6701;
                                width:90%;}

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

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

h3#respond, h3#comments {       border-top:none;
					  font-family:"Verdana";
					  font-size:12px;}                           

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

#header h2 {			position:relative;
				left:0;
				top:12px;
				float:right;
				width:385px;
				padding:0 50px;
				font-family:"Trebuchet MS", serif;
				color:#FFF;
				font-weight:bold;
				font-size:1.3em;
                                text-align:left;
                                border:none;}




/*-------------------------------- 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:Verdana, serif;
				color:#444;
				font-weight:bold;}

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

a p.more, a:link p.more, a:visited p.more {
                                font-size:1em;    
				color:#FF6701;}

a:hover p.more, a:active p.more {   
                                font-size:1em;          
				color:#DA600E;}





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

ol {                            font-family:"Trebuchet MS", serif;
                                font-weight:bold;
				color:#777;
				margin:0 0 10px 30px;}

ol li p {                       font-weight:normal;}

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



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

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

#search input.button {          border:none;
                                padding:0;
                                margin-left:-3px;
                                margin-bottom:-2px;
                                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 {     
                                text-transform:lowercase;
                                color:#FF6701;
                                font-weight:bold;
                                font-size:1.1em;
                                text-align:center;
				font-family:"trebuchet ms", serif;
                                border-bottom:1px solid #FF6701;
                                width:90%;
                                margin:0 auto 3px auto;}

#search {                       margin:0 auto;
                                text-align:left;}

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

#calendar_wrap {                margin:0 auto;}

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

table#wp-calendar caption {     width:179px;
                                background-color:#FF6701;
                                color:#FFF;
                                font-weight:bold;
				font-family:"trebuchet ms", serif;
                                padding:5px 0;
                                border:solid 1px #777;}

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

table#wp-calendar td {          height:1.9em;
                                text-align:center;
                                border-right:1px solid #777;
                                border-bottom:1px solid #777;}

table#wp-calendar tfoot {       display:none;}

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-size:0.75em;
                                font-weight:bold;
                                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 {                   list-style-type:none;}

#sidebar a, #sidebar a:link, #sidebar a:visited {
                                font-family:arial, helvetica, sans-serif;
                                font-weight:bold;
                                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;}

#linky_love {                   font-size:0.7em;
                                color:#444;
                                margin-left:2em;}




/*------------------------------------------------------------------------
                          Fixes/Hacks for Internet Explorer
--------------------------------------------------------------------------

This section is to fix how Internet Explorer shows certain aspects
of CSS.  If you haven't heard already, IE is pretty much un-standards
compatible, and will be the only browser (for the most part) that will
display proper markup incorrectly.  These hacks are here to fix those
IE-only issues.  

Internet Explorer 7 is supposed to be standards-compatible.  I've
used the "* html" hack for IE6 (and below) versions, because it's
reported that IE7 will ignore the "* html" hack, thus making it 
work for older versions (keeping them they way they appear now) 
while the code above all of this will make it look fine in IE7.

At the time of this writing, IE7 is still in beta testing, so there 
is a possibility that IE7 will have glitches with the "* html" hack
(although, right now, there are none to be found).  If it turns out
that IE7, upon official release, DOES have issues with the below
hacks, I will be issuing an update to this theme to correct the
problem.  but for right now, this will work just fine. :)
------------------------------------------------------------------------*/


* html #sidebar {               width:200px;
                                margin-right:9px;}

* html #bottom {		\height:52px;/* for ie5 */
				he\ight:20px;/* for ie6 */}

* html #content {               margin-right:0;}

* html div.outer {              position:absolute;
                                top:50%;}

* html #header h1 {             top:-20px;}

* html #header h2 {             width:485px;}

* html div.ie {                 position:relative;
                                top:-50%;}

* html #sidebar div.title, * html #sidebar li h2 {
                                width:95%;
                                margin-left:10px;}

* html table#wp-calendar {      border-bottom:1px solid #777;}

* html #sidebar div.widget_sideblogwidget li { 
                                width:160px;
                                margin-right:5px;}/
Description: Simple Orange website theme template - now available in red, green, black and blue!
Author: Shelly Cole
Author URI: http://www.anekostudios.com
Version: 9.182006
*/

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

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

html, body {			height:100%;}

body {				text-align:center;
				min-width:760px;
				background-color:#F7F7F7;
				background-image:url("images/bg.gif");
				background-repeat:repeat-x;
				font-family:Verdana, Arial, sans-serif;
				color:#666;
				font-size:100%;}

div {				text-align:left;}

p {				padding-bottom:15px;
                                font-family:verdana, sans-serif;
                                color:#666;
                                letter-spacing:1px;}

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

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

blockquote {                    padding:0 30px;}





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

#wrapper{			height:100%;
				min-height:100%;
				width:760px;
				border-left:1px solid #777;
				border-right:1px solid #777;
				color: #000000;
				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;}

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

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

/* the next two sections, #clear_footer and #footer, coincide with each other.  If you plan to actually place text or images in the #footer, you *must* adjust the heights here.  Otherwise, your text/images will overflow the content area, and "hang out" over the gray background.  In other words, it'll be messed up.  As long as your image is no larger than 20px in height, and your text is only one line, you are fine with it the way it is.  However, if your image is larger, or your text teakes up more than one line, you will need to adjust by multiplying by however many lines it takes up.  

For example, if your text takes up 2 lines, then #footer height should be 3em (1.5 x 2=3), and for the #clear_footer, you should simply add 0.2em to the #footer height (making #clear_footer 3.2em).  If your image is 32px in height, then you will need to do the same (as the image takes up more than one line, but not quite two.)  If your image is 90px in height, then you will need to multiply the height by 4.5 (90px image / 20px currently allowed = 4.5, therefore 1.5 x 4.5 = 6.75em for the #footer, 6.75 + 0.2 = 6.95em for the #clear_footer).

Many of these calcuations are to get you started - if you want or need to adjust for your own visual preferences, then please feel free to do so.  But you *must* remember to adjust these two areas should you choose to place anything in your #footer. */

#clear_footer {			width:760px;
				height:1.6em;
				clear:both;}

#footer {			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-right:25px;
				padding-top:222px;
				padding-bottom:22px;
				font-size:0.8em;}

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





/*----------------------------- Header Tags -------------------------------*/

h2 {                            padding:20px 0 3px 0;
                                margin:0 auto 4px auto;
                                text-align:center;
                                font-weight:bold;
                                text-transform:lowercase;
                                color:#FF6701;
                                border-bottom:1px solid #FF6701;
                                width:90%;}

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

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-family:"Trebuchet MS", serif;
				color:#444;
				font-weight:bold;
				font-size:1.5em;
				text-align:center;}

#header h2 {			position:relative;
				left:0;
				top:12px;
				float:right;
				width:385px;
				padding:0 50px;
				font-family:"Trebuchet MS", serif;
				color:#FFF;
				font-weight:bold;
				font-size:1.3em;
                                text-align:left;
                                border:none;}




/*-------------------------------- 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;}

a p.more, a:link p.more, a:visited p.more {   
                                font-size:1em; 
				color:#FF6701;}

a:hover p.more, a:active p.more {
                                font-size:1em;             
				color:#DA600E;}





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

ol {                            font-family:"Trebuchet MS", serif;
				color:#777;
				font-weight:bold;
				margin:0 0 10px 30px;}

ol li p {                       font-weight:normal;}

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



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

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

#search input.button {          border:none;
                                padding:0;
                                margin-left:-3px;
                                margin-bottom:-2px;
                                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 {                        font-size:1em;
                                margin-bottom:-2.7em;}




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

#sidebar div.title, #sidebar li h2 {     
                                text-transform:lowercase;
                                color:#FF6701;
                                font-weight:bold;
                                font-size:1.1em;
                                text-align:center;
				font-family:"trebuchet ms", serif;
                                border-bottom:1px solid #FF6701;
                                width:90%;
                                margin:0 auto 3px auto;}

#search {                       margin:0 auto;
                                text-align:left;}

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

#calendar_wrap {                margin:0 auto;}

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

table#wp-calendar caption {     width:179px;
                                background-color:#FF6701;
                                color:#FFF;
                                font-weight:bold;
				font-family:"trebuchet ms", serif;
                                padding:5px 0;
                                border:solid 1px #777;}

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

table#wp-calendar td {          height:1.9em;
                                text-align:center;
                                border-right:1px solid #777;
                                border-bottom:1px solid #777;}

table#wp-calendar tfoot {       display:none;}

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-size:0.75em;
                                font-weight:bold;
                                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 {                   list-style-type:none;}

#sidebar a, #sidebar a:link, #sidebar a:visited {
                                font-family:arial, helvetica, sans-serif;
                                font-weight:bold;
                                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;}

#linky_love {                   font-size:0.7em;
                                color:#444;
                                margin-left:2em;}




/*------------------------------------------------------------------------
                          Fixes/Hacks for Internet Explorer
--------------------------------------------------------------------------

This section is to fix how Internet Explorer shows certain aspects
of CSS.  If you haven't heard already, IE is pretty much un-standards
compatible, and will be the only browser (for the most part) that will
display proper markup incorrectly.  These hacks are here to fix those
IE-only issues.  

Internet Explorer 7 is supposed to be standards-compatible.  I've
used the "* html" hack for IE6 (and below) versions, because it's
reported that IE7 will ignore the "* html" hack, thus making it 
work for older versions (keeping them they way they appear now) 
while the code above all of this will make it look fine in IE7.

At the time of this writing, IE7 is still in beta testing, so there 
is a possibility that IE7 will have glitches with the "* html" hack
(although, right now, there are none to be found).  If it turns out
that IE7, upon official release, DOES have issues with the below
hacks, I will be issuing an update to this theme to correct the
problem.  but for right now, this will work just fine. :)
------------------------------------------------------------------------*/


* html #sidebar {               width:200px;
                                margin-right:9px;}

* html #bottom {		\height:52px;/* for ie5 */
				he\ight:20px;/* for ie6 */}

* html #content {               margin-right:0;}

* html div.outer {              position:absolute;
                                top:50%;}

* html #header h1 {             top:-20px;}

* html #header h2 {             width:485px;}

* html div.ie {                 position:relative;
                                top:-50%;}

* html #sidebar div.title, * html #sidebar li h2 {
                                width:95%;
                                margin-left:10px;}

* html table#wp-calendar {      border-bottom:1px solid #777;}

* html #sidebar div.widget_sideblogwidget li { 
                                width:160px;
                                margin-right:5px;}