/*
Theme Name: Operation Rainbow
Theme URI: http://www.focus97.com
Description: A theme to compel
Version: 1.0
Author: Michael T. Lee
	Author URI: http://focus97.com

*/
/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that. */
/* Reset by: http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End the Reset.  Now let the games begin. */


body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Sans-Serif; color:#555; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif; font-weight: normal; line-height:110%;  }
#logo { background-image:url(../../../images/logo_2.png); background-position:left top; background-repeat:no-repeat; height:115px; left:0; position:absolute; top:5px; width:276px; }
#logo h1 { height:100%; text-indent:-9999px; }
#logo a { display:block; height:100%; width:100%; }
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 22px; color:#0f235f; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10px; margin:25px 0 5px; }
h5 { font-size: 12px; color:#0f235f; font-family: Georgia, "Times New Roman", Times, serif; margin-top:10px; }
pre { overflow:auto; }
acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
strong { color:#222; }
a { color: #26a; text-decoration: none; }
a:hover { color:#000; }
hr { display: none; }
a img { border: none; }
img.imageborder { background-color:#DEB99E; border:1px solid #C29F89; margin:5px; padding:5px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* Layout */

body { background-color:#03170A; background-image:url(/images/Op-Rainbow-site-bg-2.jpg); background-position:center top; background-repeat:no-repeat; height:100%; margin:0; text-align:center; width:100%; }
.headerimage { width:600px; height:200px; position:absolute; top:0; right:0;} 
body.page-template-page-learn-php { background-image:url(/images/Op-Rainbow-site-bg-5.jpg); background-position:center top; background-repeat:no-repeat; }
body.page-template-page-learn-php .headerimage { background-image:url(/images/learn_header.jpg); }
body.page-template-page-read-php { background-image:url(/images/Op-Rainbow-site-bg.jpg); background-position:center top; background-repeat:no-repeat; }
body.page-template-page-read-php .headerimage { background-image:url(/images/read_header.jpg); }
body.page-id-12 { background-image:url(/images/Op-Rainbow-site-bg-4.jpg); background-position:center top; background-repeat:no-repeat; }
body.page-id-12 .headerimage { background-image:url(/images/see_header.jpg); } 
body.page-id-14 { background-image:url(/images/Op-Rainbow-site-bg-3.jpg); background-position:center top; background-repeat:no-repeat; }
body.page-id-14 .headerimage { background-image:url(/images/donate_header.jpg); } 
#home-message p { color:#333333; font-size:16px; font-family:Times, serif; margin-bottom:12px;  }
#home-message p:first-child { color:#0f235f; font-size:24px;  }
#page { margin: 0 auto; padding: 0; width: 100%; }
#header { height:100px; overflow:visible; position:relative; width:900px; margin:0 auto; }
#wrapper { background-image:url(/images/content-bg.png); background-position:center top; background-repeat:no-repeat; left:25px; margin:50px auto 0; padding:15px 15px 0; position:relative; text-align:left; width:820px; }
#content { margin:0; padding:10px; background-color:#FFFFE0; }
#sidebar { width:300px; float:right; margin:0; padding:20px 0; }
#flashobject { background-image:url("/images/rotator/018.jpg"); background-repeat:no-repeat; border-bottom-color:#303867; border-left-color:#303867; border-right-color:#303867; color:#FFFF00; height:250px; margin-bottom:9px; margin-top:9px; overflow:visible; width:250px; }
/* Header */
#headerimage { padding:30px 0;/* If you want to add a background image for the header, uncomment and use the following lines of code *//*
	background:url('header.jpg') no-repeat;
	padding: 30px;
	*/ }
#header img.headerimage { float: right; }
#buttons a { height:50px; display:block; }
#buttons a:hover {background-color:#000; }
#rainbow_box { position: relative; height: 350px; width: 900px; margin:0 auto; top: 0px; overflow: visible; }
#rainbow_box #rollover { position: absolute; height: 350px; width: 750px; top: 0px; right: 0px; z-index: 2; }
#rollover #buttons { height: 350px; width: 190px; overflow: visible; position: absolute; left: 0px; top: 0px; }
#rollover #buttons a { height:auto; display:block; }
#rollover #buttons a:hover {background-color:#000; }
#rollover #images { overflow: hidden; position: absolute; height: 350px; width: 550px; top: 0px; right: 0px; }
#home_slideshow { position:absolute; width:550px; height:350px; overflow:hidden; padding: 0px; top: 0px; right: 0px; }
#home_slideshow #home_slideshow_violator { z-index:1000; height:31px; position:relative; background-image: url(images/slide-caption-bg.png); margin:0px; float: right; top: -35px; right: 20px; width: 150px; }
#home_slideshow #home_slideshow_violator #project_caption { display:none; font-family:Helvetica, Arial, sans-serif; padding:4px 10px; color:#000; float:left; font-weight: bold; margin:0px; }
#home_slideshow #home_slideshow_violator #project_caption a { margin-left:8px; color:#013766; }
#home_slideshow #home_slideshow_violator #project_caption a:hover { text-decoration:none; color:#666; }
#home_slideshow #home_slideshow_violator #slide_navigation { position:absolute; right:10px; top:10px; }
#home_slideshow #home_slideshow_violator #slide_navigation a { text-indent:-9999px; overflow:hidden; display:block; width:8px; height:8px; float:left; margin-left:5px; cursor:pointer; overflow:hidden; border: 1px solid #ccc; font-size: 1px; }
#home_slideshow #home_slideshow_violator #slide_navigation a:hover { background-color:#ccc;}
#home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide { background-color:#fff; }
#home_slideshow #home_slideshow_violator #slide_navigation a { outline:none; }
#home_slideshow li span.slide_caption { display:none; }
#home_slides { background-color:#333333; overflow:hidden; height:350px; margin:0px; padding: 0px; }
#header h1 { margin:10px 0; text-indent:-9999px; height: 100%; }
#header .description { font-size:1.2em; }
#hmenu { height:200px; margin:0 auto; overflow:visible; top:0; width:750px; left: 75px; position: relative; }
#hmenu ul { display:inline; margin:0; padding:0; }
#hmenu #buttons { height:200px; left:0; overflow:visible; position:absolute; top:0; width:140px; }
#hmenu img.headerimage { float: right; }
#hmenu ul li { padding:0; display:inline; margin:0 20px 0 0; }
#hmenu ul li { font-size:1.2em; font-weight:bold; text-transform:uppercase; }
#hmenu ul li#hmenu_rss { background:url('images/rss.png') no-repeat; padding-left:20px; }
#internal-menu ul.menu { height:6em; border-bottom:3px solid #E7D1BA;  }
#internal-menu ul.menu li { float:left; width:175px; height:100%; margin-right:25px; }
#internal-menu ul.menu li a { font-family:Times, serif; font-size:18px; display:block; color:#2266AA; padding:7px; }
#internal-menu ul.menu li a em { font-style:normal; font-size:12px; color: #777; }
#internal-menu ul.menu li a:hover, #internal-menu ul.menu li.current_page_item a, #internal-menu ul.menu li.current-menu-item a { color:#0f235f; background-color:#F2F2CE; }
#internal-menu ul.menu li a:hover em, #internal-menu ul.menu li.current_page_item a em, #internal-menu ul.menu li.current-menu-item a em { color:#333; }

/* End header */

/* Post */


.post { color:#333333; float:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; margin:0; width:537px; }
.post h2 { margin:0; padding:0; text-align:left; }
.post h3.post-title { font-weight:bold; font-size:1.8em; margin:0; padding:0; text-align:left; }
div.archive-title { font-size:1.6em; font-weight:bold; }
.post hr { display: block; }

.postmetadata { clear: both; font-size:1.1em; color:#888; }
.clear { clear: both; }
.entry { font-size:1.4em; line-height:1.0em; margin:20px 0; padding:0 10px; }
.entry p { margin: 12px 10px 10px 0px; font-size: 12px; }
.entry li {margin:12px 20px 0px; font-size:12px;}
.entry td.plastics {background-color:#EDEECA;}
p.title { color:#9C000B; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight: bold; }
.post ul { padding: 10px 20px 0 10px; list-style-type: disc; }
.entry blockquote p { color:#0f235f; line-height:1.2em; font-family:Times, serif; font-size:20px;  }
.entry blockquote p.name { color:#666666; font-size:80%; text-align:right; }
.entry fieldset { border:1px dashed #ccc; }
.entry fieldset legend { font-weight:bold; text-transform:uppercase; }
.entry table { border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; font-size:0.9em; }
.entry table tr td { padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#ccc; }
.entry table tr th { border-width:1px 0 0 1px; border-style:solid; border-color:#ccc; padding:5px 10px; background:#f4f4f4; color:#666; font-weight:bold; text-transform:uppercase; text-align:center; }
.entry ol { list-style-type:decimal; }
.entry ol ol { list-style-type:lower-alpha; }
.entry ol ol ol { list-style-type:lower-roman; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.alignright { padding:0; margin: 2px 0 5px 10px; display: inline; float:right; }
.alignleft { padding:0; margin: 2px 10px 5px 0; display: inline; float:left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.navigation .alignleft { text-align:left; }
.navigation .alignright { text-align:right; }
.navigation { font-size:1.2em; clear:both; margin:20px 0; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.searchbox { padding:20px; text-align:center; clear:both; }
.center { text-align: center; }
.hidden { display: none; }
/* Comments*/

#comments { font-size:1.4em; line-height:1.4em; }
.commentlist { margin:20px 0; padding:0 0 1px 0; background:url('images/border_h.png') repeat-x bottom; }
.commentlist li { list-style:none; margin:0; padding:0; background:url('images/border_h.png') repeat-x top; }
li.comment div, li.pingback div { padding:20px; overflow:auto; }
li.comment div div, li.pingback div div { padding:0; overflow:visible; }
.commentlist li.even { background-color:#fafafa; }
.commentlist li.odd { background-color:#f6f6f6; }
ul.children li { list-style:none; }
img.avatar { float:right; border:1px solid #eee; padding:2px; margin:0; background:#fff; }
.comment-meta, .reply { margin:0; padding:0; font-size:0.8em; }
.comment-author cite { font-style:normal; font-weight:bold; }
textarea#comment { width:100%; }
#comments div.navigation { font-size:0.8em; }
/* Sidebar */

		
#sidebar { background-color:#FFFFE0; border-left:3px solid #E7D1BA; border-style:none none none solid; float:right; margin-right:0; padding-left:10px; text-align:left; width:250px; }
#sidebar p { font-size:12px; color:#555; margin:5px 0; }
#sidebar h2 { font-family: 'Lucida Grande', Sans-Serif; font-size: 1.2em; }
#sidebar h2 { padding: 0; background:url('images/border_h.png') repeat-x bottom; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { margin:0; padding:0; list-style-type: none; list-style-image: none; margin-bottom: 20px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 20px; }
#sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* Calendar */
#wp-calendar { empty-cells: show; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; font-weight:bold; }
#wp-calendar caption { font-weight:bold; text-transform:uppercase; text-align:left; margin:0 0 5px 8px; color:#666; }
#wp-calendar td { padding: 3px 5px; text-align: center; }
#wp-calendar td#today { background:#eee; }
#wp-calendar td#prev a { padding: 0; text-align:left; font-weight:normal; }
#wp-calendar td#next a { padding: 0; text-align:right; font-weight:normal; }
/* End Calendar */


/* Footer */	

#footerholder { background-color:#000000; border-top:1px solid #756446; margin-bottom:0; position:relative; text-align:center; top:0; width:100%; }
#footer { background-color:#000000; background-image:url(../../../images/footer-bg.jpg); background-position:center top; background-repeat:no-repeat; color:#00FFCC; font-family:Helvetica, Arial, sans-serif; font-size:12px; height:100px; left:0; margin-left:auto; margin-right:auto; padding-top:30px; position:relative; text-align:right; top:0; width:850px; }
#footer a { border-bottom:1px dotted #999; }
#footer a:hover { color:#fff; }
/* Custom */