/*
Theme Name: Cactus Theme
Theme URI: http://www.cactus-island.com
Description: Custom theme for Cactus Island. Child theme based on wp-andreas01
Author: Amy Lam
Author URI: http://www.mobilerepublic.net
Template: wp-andreas01
Version: 0.1
*/



@import url(../wp-andreas01/style.css);

@import url(reset.css);

/* Custom font embedding for Copperplate */
/* IE6/7/8 - Must be first */  
	@font-face {  
	  font-family: "Copperplate Bold";  
	  src: url(COPPERP1.eot);  
	}  
	
	@font-face {  
	  font-family: "Copperplate Light";  
	  src: url(COPPERP0.eot);  
	}
	 
	/* FFx3.5/Safari/Op10 - Next */  
	@font-face {font-family:"Copperplate Bold"; src:url(Copperplate-Gothic-Bold.ttf) format("truetype");}
    
   	@font-face {font-family:"Copperplate Light"; src:url(Copperplate-Gothic-Light.ttf) format("truetype");}


/* Body */

* {margin:0; padding:0;}

body {background:#FFD9C0 url(img/cactusbg-1030w.gif) top center repeat-y; color:#303030; font:74% Verdana,Tahoma,Arial,sans-serif;}

/* Header */

#header {margin: 0; }

#header h1, description { display:none; }

#headerimg  {  margin: 0 auto 0; height: 138px; width: 780px;}


/* Wrap */

#wrap {background-color:#ffffcc; color:#333; margin:0 auto 0; padding:0; width:960px; border:1px solid #cccc33;}

#breadcrumbs { width:490px; font-size:0.75em; letter-spacing:0.03em; color:#606060; margin:5px 0 20px 20px;}



/* Links */

a {background-color:inherit; color:#0066FF; font-weight:normal; text-decoration:none;}

a:hover {background-color:inherit; color:#0066FF; font-weight:normal; text-decoration:underline;}

a img {border:0;}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}

#extras {float:right; border-left:1px dotted #cccc33; line-height:1.4em; margin:-15px 0 0 10px; padding:0 20px 0 20px; width:260px;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; line-height:1.4em ; margin:0 0 18px;}

#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, 

#extras h2, h3 {color:#999900; font-size:1.2em; line-height:1.1em; font-weight:normal; text-align:left; margin:10px 0 3px; }

#extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:0.9em; font-weight:normal; text-align:left; margin:0 0 5px;}

#leftside label, #extras label {display:none;}



/* Menu bar */

#menubar {background-color:#cccc33; width:960px; height:25px; margin:0; padding:0;}

#menubar ul {clear:right; width:940px; font-family:Copperplate Bold; font-size:0.9em; letter-spacing:0.07em; line-height:1.0em; font-weight:normal; text-transform:uppercase; margin:0 auto 0; padding:0; list-style-type: none; list-style-image: none; }

#menubar li {display: inline; text-align:center; padding:0 0 0 16px;}

#menubar a {text-decoration:none; color:#fff; }

#menubar a:hover {color:#0066ff; font-weight:normal;}


/* Front Page Template */

#feature {width:960px; margin:0; padding:0;}

#feature h2 {font-family:Copperplate Light; font-size:1.2em; letter-spacing:0.03em; line-height:1.5em; color:#993333; text-align:center; }

#feature h3 {font-family:Copperplate Light; font-size:1.2em; letter-spacing:0.03em; line-height:1.1em; color:#999900;}


#feature p {font-size:0.9em; line-height:1.4em; text-align:left; margin:0;}

/* Front Page - Top area. featureimg defines flash slideshow area on the left, featuretxt defines welcome text area on the right. */


#featuretop {width:940px; height:410px; margin:0 auto 0; padding:0; border-bottom:1px dotted #cccc33;}

#featureimg {float:left; width:640px; height:380px; margin:10px 0 10px 0; padding:0;}

#featuretxt {float:right; width:260px; margin:0; padding:10px 10px 0 0;}

/* Front Page - Bottom area. To make two columns, use featurecol and featurecol4. To make three columns, use featurecol1, featurecol2, and featurecol3. */


#featurebottom {width:940px; margin:0 auto 0; padding:0 20px 0 0;}

#featurecol {float:left; width:410px; margin:10px; padding:0 20px 0 20px; border-right:1px dotted #cccc33;}

#featurecol1 {float:left; width:225px; margin:10px; padding:0; border-right:1px dotted #cccc33;}

#featurecol2 {float:left; width:225px; margin:10px; padding:0; border-right:1px dotted #cccc33;}

#featurecol3 {float:right; width:225px; margin:10px; padding:0;}

#featurecol4 {float:left; width:420px; margin:10px; padding:0 0 0 10px;}

#recent-items, #more-items {font-size:1.0em; line-height:1.4em; }



/* Content */

#content {width:610px; line-height:1.4em; margin:10px 0 10px 20px; padding:0 10px 0 0;}

#contentwide {line-height:1.4em; margin:0 20px 5px 20px; padding:0px;}

#content h2,#contentwide h2 {font-family:Copperplate Light; letter-spacing:0.03em; font-size:1.4em; font-weight:normal; color:#0066ff; margin:0 0 8px;}

#content h3,#contentwide h3 {font-size:1.2em; margin:0 0 7px;}

#content img,#contentwide img {border:0px solid #0066ff; float:left; margin:3px 10px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}



/* Subfooter widget area. Code from http://help-developer.com/index.php/2008/07/creating-a-widget-ready-footer-in-wordpress/ */


#subfooter {width:940px; height:100px; margin:0 10px 10px 10px; border-top:1px dotted #cccc33; background-color:#ffeb9a; font-size:0.7em; line-spacing:1.0em; clear:both; }


#subfooter .widget { width:300px; height:100px; float:left; }


#subfooter .widget .inner {padding:10px;}


#subfooter h2 {font-weight:bold; font-size:1.1em; margin:0;}




/* Footer */

#footer {border-top:0; font-size:0.8em; clear:both; color:#777; font-weight:normal; line-height:1.3em; margin:0 auto; padding:10px 0; text-align:center; width:960px;}

#footer p {margin:0; padding:0;}

#footer ul {font:Verdana,Tahoma,Arial,sans-serif; font-size:0.8em; font-weight:normal; text-transform:uppercase; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

#footer li {display: inline;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:#555; text-decoration:underline;}

#footer strong a {font-weight:bold;}

#footer span.credits {font-size:1em;}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Mailing List Form */

#mailing {background-color:#fff; width:230px; height:153px; border:1px solid #cccc33; margin:20px 20px 0 0; padding:5px 10px 5px 10px; }

#mailing h2 {font-family:Copperplate Light; font-size:1.0em; letter-spacing:0.03em; line-height:1.0em; color:#0066ff; text-align:left; }

#mailing p {font-size:0.9em; line-height:1.3em; margin:0;}



/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* WP image align classes */

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




/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {margin:0 0 25px;}

.postinfo {background:#ffffcc; border-left:0; border-bottom:1px dotted #cccc33; color:#606060; font-size:0.75em; font-weight:normal; line-height:1.3em; margin:1px 0 30px; padding:5px 5px 5px 5px;}

.comment {color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}

.comment-textbox {width:510px; height:200px;}

.wp-caption-text {font-size:0.8em;}

.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}

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

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}

.bottomwrap{font-size:0.8em; clear:both; color:#777; font-weight:normal; line-height:1.3em; margin:0 auto; padding:10px 0; text-align:center; width:960px; }

*/