/*















Theme Name: Tropicala







Description: Simple, modern, lightweight







Version: 1.5







Author: Goro Harumi







Author URI: http://goroharumi.com







Tags: orange, white, two-columns, fixed-width, right-sidebar















This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!















To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 







The dropshadows are in the background CSS, not the image.















v1.1 - changed license to GPLv3







v1.2 - added comments and removed some blank elements from stylesheet







v1.3 - added license.txt (Apparently some people don't read this stylesheet), added link back to the theme's page at Wordpress.org







v1.4 - Some minor tweaks to CSS for newer wp.net preview examples







v1.5 - Updated my link















*/















* {

	padding:0;

	margin:0;

	list-style:none;

}

html {

	font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */

}

body {

	background:#afd77b; /*url(./images/bg.jpg) repeat-x;  Set background image here */

	color:#6b6b6b;

	font-size:1.2em;

}

p, h2, h3, h4, h5, h6 {

	font-size:1em;

}

hr {

	border:0;

	border-bottom:1px solid #EAEAEA;

	margin:20px 0;

	height:1px;

}

img {

	border:0;

}

dl {

	color:#6b6b6b;

	margin:10px 0;

}

dt {

	font-weight:bold;

}

dd {

	font-style:italic;

	margin:5px 0 10px;

}

fieldset {

	border:1px solid #DDD;

	padding:10px 20px;

}

form h2 {

	margin-bottom:10px;

}

legend {

	font-size:1.2em;

	color:#6b6b6b;

	padding:0 10px;

}

label {

	font-weight:bold;

}

textarea {

	width:450px;

	height:200px;

	border:1px solid #CCC;

	margin:10px 0;

}

div#wrapper {

	width:1066px;

	padding-top:45px;

	margin:10px auto 0;

	background:url(./images/top.jpg) no-repeat;

}

.headbg {

	background: url(./images/headerbg.jpg) top repeat-x;

	overflow:hidden;

	width:990px;

	margin: 0 auto

}

.logoCapTxt {

	margin-left:239px;

	color:#748fc4;

	font-weight:bold;

}

div#masthead {

	width:1066px;

	background:url(./images/main_bg.jpg) repeat-y;

	position:relative;

}

/* Blog Title */







h1 {

	margin-bottom:-20px;

}

h1 a {

	position:absolute;

	width:300px;

	height:30px;

	left:70px;

	top:15px;

	font-weight:bold;

	text-decoration:none;

	color:#ff7e00;

}

/* Tagline */







#masthead p {

	position:absolute;

	margin:0;

	top:0px;

	right:70px;

	color:#E98F00;

	font-size:20px;

	text-align:right;

}

#masthead span {

	color:#4063A4;

}

/* Pages Navigation */







div#masthead ul {

	width:800px;

	height:62px;

	overflow:hidden;

	background:url(./images/menubg.gif) no-repeat top center;

	margin: 0px auto 0 190px;

	position:relative;

	z-index:2;

	bottom:-2px;

}

div#masthead ul li {

	float:left;

}

div#masthead ul li a {

	color:#000000;

	text-decoration:none;

	display:block;

	font-size:1.2em;

	padding:22px 15px 18px 15px;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif !important;

}

div#masthead ul li a:hover,  div#masthead ul li.current_page_item {

	/* background:url(./images/nav_bg.png) bottom repeat-x;*/







 color:#FF6600;

}

/* Banner image dropshadow */







div#masthead_image {

	/*background:url(./images/image_bg.png) center no-repeat;*/







  background:url(./images/masthead.jpg) center no-repeat;

	width:935px;

	height:275px;

	margin: 0 auto;

	clear:both;

	padding:10px 22px 10px 22px;

	position:relative;

	z-index:1;

}

#masthead_image .mastheadhead_text {

	position:absolute;

	bottom: 25px;

	left:40px;

	font-size:24px;

	color:#FFFFFF;

	font-family:"Arial Narrow";

}



div#masthead_image1 {

	/*background:url(./images/image_bg.png) center no-repeat;*/







  background:url(./images/masthead1.jpg) center no-repeat;

	width:935px;

	height:275px;

	margin: 0 auto;

	clear:both;

	padding:10px 22px 10px 22px;

	position:relative;

	z-index:1;

}

#masthead_image1 .mastheadhead_text {

	position:absolute;

	bottom: 25px;

	left:40px;

	font-size:24px;

	color:#FFFFFF;

	font-family:"Arial Narrow";

}



a {

	outline:0;

}

/* Page dropshadow */







div#content {

	width:1066px;

	background:url(./images/main_bg.jpg) repeat-y;

}

/*-----------------------------------------------------------------------------















  Main Content















-----------------------------------------------------------------------------*/















div#main {

	padding:0 35px 0px 65px;

	width:930px;

	min-height: 600px;

	float:left;

	position:relative;

}

/* Hey, don't use h1 in the articles-- it's already in the header.







   This is just here because it looks totally funky in the preview at wordpress.net... */







   







div.entry h1 {

	font-size:2.4em;

	font-weight:bold;

}

div.entry h2,  div.entry h3,  div.entry h4,  div.entry h5,  div.entry h6 {

	color:#ff7e00;

	margin:20px 0 10px;

}

div.entry h2 {

	font-size:1.8em;

}

div.entry h3 {

	font-size:1.4em;

}

div.entry table {

	border-collapse:collapse;

	margin:10px 0;

}

div.entry table th,  div.entry table td {

	padding:10px;

	/* border:1px solid #EAEAEA;*/







  text-align:center;

}

/* Main header on single pages */







h2.header {

	color:#ff7e00;

	font-size:24px;

	padding:10px 0 0;

	line-height:1;

	margin:0 0 5px;

	border-bottom:1px solid #e7e7e7;/*position:relative;*/







}

div#main h2.header a {

	color:#ff7e00;

	text-decoration:none;

}

h2.header span {

	position:relative;

	padding-right:10px;

	bottom:5px;

}

h2.header span span {

	color:#4063A4;

}

/* Secondary headline above comments and comment form */







div#main h3 {

	margin:15px 0 5px;

	color:#4063A4;

}

div#main p {

	color:#6b6b6b;

	/*line-height:2;*/







  margin:10px 0;

}

div#main a {

	color:#507FA3;

}

.article {

/* margin-bottom:20px; */







}

.article blockquote {

	margin:0 15px;

	padding:1px 15px;

	border-left:5px solid #B8D1E4;

	background:#F0F0F0;

}

div.article code {

	font-size:1.2em;

}

div.article pre {

	width:500px;

	line-height:1.5;

	font-size:1.2em;

	margin:20px 0;

	overflow:hidden;

}

.article ul, .article ol {

	color:#6b6b6b;

	margin-left:15px;

}

.article ul li {

	margin:5px 0;

	padding-left:15px;

	background:url(./images/square.png) 0 center no-repeat;

}

.article ol {

	margin-left:30px;

}

.article ol li {

	list-style:decimal;

	margin:10px 0;

}

.article ol li ol {

	font-size:1em;

	margin-left:15px;

}

#main p.byline {

	color:#999;

}

ul.article_footer {

	text-align:right;

	margin:10px 0;

	background:#F1F1F1;

	padding:5px 10px;

	border:1px solid #DADADA;

	border-width:1px 0;

	line-height:1.5;

}

ul.article_footer li {

	font-size:0.9em;

	display:inline;

	background:none;

	border-left:1px solid #DADADA;

	margin-left:5px;

	padding-left:10px;

}

ul.article_footer li.first {

	border-left:0;

}

/*-----------------------------------------------------------------------------















  Secondary Content















-----------------------------------------------------------------------------*/















div#secondary {

	padding:15px 20px 20px 0px;

	width:200px;

	float:left;

}

div#secondary ul#sidebar {

	margin:15px 0 20px;

	color:#507fa3;

	padding-bottom:10px;

	border-bottom:1px solid #e7e7e7;

}

div#secondary ul#sidebar li {

	margin:5px 0;

	font-size:1em;

	line-height:1.5em;

}

/* Sidebar headers */







div#secondary h2 {

	text-transform:uppercase;

	color:#507fa3;

	margin:20px 0 8px;

	font-size:1.1em;

	line-height:1;

}

div#secondary a {

	color:#666;

	text-decoration:none;

}

div#secondary a:hover {

	text-decoration:underline;

}

div#secondary ul.children {

	margin-left:5px;

	padding-left:10px;

	border-left:5px solid #EAEAEA;

}

div#secondary ul#sidebar li li {

	font-size:1em;

}

/* Optional bio area header (commented out by default) */







div#author h2 {

	font-size:1.2em;

}

div#secondary p {

	line-height:1.5;

	margin:5px 0;

	color:#666;

}

/* Search input */







form#searchform {

	position:relative;

	height:28px;

	margin-bottom:20px;

}

form#searchform input#s {

	position:absolute;

	top:0;

	height:18px;

	width:156px;

	padding:5px;

	background:url(./images/text_bg.png) repeat-x;

	border:1px solid #bcbcbc;

}

input#search_submit {

	position:absolute;

	right:0;

}

/*-----------------------------------------------------------------------------















  Footer















-----------------------------------------------------------------------------*/















#footend {

	height:45px;

	width:1066px;

	margin:0 auto;

	background:url(./images/foot.jpg) no-repeat;

}

#footbg {

	width:1066px;

	margin: 0 auto;

	background:url(./images/foot_bg.jpg) repeat-y;

}

ul#footer {

	text-align:left;

	font-size:.9em;

	color:#ffffff;

	padding:15px 0 0 70px;

}

ul#footer li {

	display:inline;

	margin-left:3px;

}

ul#footer li span {

	position:absolute;

	text-indent:-9999em;

}

ul#footer li a {

	color:#ffffff;

	text-decoration:none;

}

ul#footer li a:hover {

	color:#ffffff;

	text-decoration:underline;

}

/*-----------------------------------------------------------------------------















  Wordpress Specific Stuff - Elements that weren't in my original stylesheet















-----------------------------------------------------------------------------*/















ol.commentlist {

	margin-top:15px;

	color:#555;

}

/* Background color for visitor comments */







ol.commentlist li {

	background:#F1F1F1;

	padding:10px;

	margin:10px 0;

}

/* Background color for Admin comments */







ol.commentlist li.alt {

	background:#EBF9FC;

}

textarea#comment {

	width:500px;

}

#main p.comment_meta {

	margin:0;

	float:right;

}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */







body#commentspopup {

	background:#FFF;

	padding:20px;

}

body#commentspopup a {

	color:#666;

}

body#commentspopup h1 a {

	position:relative;

	top:0;

	left:0;

}

body#commentspopup h3 {

	color:#555;

}

body#commentspopup p {

	margin:10px 0;

	color:#555;

}

body#commentspopup textarea {

	width:340px;

}

/* Image stuff for 2.6.1 */







.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

p.entry_info {

	clear:both;

}

div.navigation {

	margin:10px 0;

}

/*-----------------------------------------------------------------------------















  CSS Magic















-----------------------------------------------------------------------------*/















.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix {

	display:inline-block;

}

/* Hide from IE Mac \*/







  .clearfix {

	display:block;

}

/* End hide from IE Mac */















/*-----------------------------------------------------------------------------















  Contact Form CSS















-----------------------------------------------------------------------------*/















#contactform {

	background:url(images/contact_bg.jpg) no-repeat bottom;

	width:500px;

	height:555px;

	position:absolute;

	bottom:0;

	right:1px;

}

#contactform .pad {

	padding: 100px 36px 0 260px

}

#contactform .title5 {

	color:#4063A4;

	font-size:20px

}

#contactform .input {

	width:200px

}

#contactform .sbtn {

	border:0 none;

	float:right;

	margin:5px 0;

}

p.fixWidth {

	width:500px;

}

/*Newly added class for right panel*/



ul.proPoint li {

	list-style:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	padding:0px;

	font-weight:bold;

	color:#006699;

	line-height:14px;

	margin-left:0px !important;

	background:none;

}

.titleDate {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	background-color:#336699;

	color:#FFFFFF;

	height:22px;

	font-weight:bold;

	padding-left:4px;

}

.proLink {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	background-color:#006699;

	color:#FFFFFF;

	font-weight:bold;

	height:22px;

	padding-left:4px;

}

.conDate {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:18px;

}

.facebookTwiterLink {

	margin:-34px 0 0 884px;

	position:absolute;

 *margin:-34px 0 0 695px;

}

.facebookTwiterLink img {

	margin:0px 8px 0 0;

}

p.fixedwidth {

	width:500px;

}

.alignBBB {

	margin:50px 0px 0px 70px;

}



a.workShopLink {

	font-weight:bold !important; color:#3980f4 !important;

	text-decoration:none !important;

}





a:hover.workShopLink {

	font-weight:bold !important; color:#3980f4 !important;

	text-decoration:underline !important;

}

h3.spcTestimonials {
	margin-top:100px !important;
	*margin-top:120px !important;
}

 /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
h3.spcTestimonials {
  margin-top:118px !important;
}
}

.bgEventRight1 {
 /*background: url(http://tutortutor.org/wp-content/uploads/2011/08/set-programs1.jpg) no-repeat;*/
  font:normal 11px Verdana, Arial, Helvetica, sans-serif !important;
  color:#fff !important; 
  width:234px;
  height:60px;
  padding:31px 0px 0px 15px;  
}

.click-here {
margin:0px;
padding:0px;
font-family:arial!important;
font-size:12px !important;
color:#ffffff !important;
}
.click-here a {
text-decoration:none;
color:#ffffff !important;
}

.click-here a:hover {
text-decoration:underline;
}

.bgEventsRight {
	background:url(images/bgEvent.gif) repeat-y;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif !important;
	color:#fff !important; padding:0 0 0 15px; width:236px;
 }

.bgEventsRight h2 {	
	font:bold 13px Verdana, Arial, Helvetica, sans-serif !important;
	color:#fff !important; margin:0 !important; padding:0 0 3px 0; border-bottom:1px solid #fff;
	width:205px; padding-left:4px;	
}

.bldTxtRight {
	font-weight:bold !important; font-size:13px !important;
	padding:8px 0 8px 4px !important;
}

ul.rightUlTxt {
	margin:0 !important; padding:0 !important;
}

ul.rightUlTxt li {
	margin:0 0 0 0 !important; padding:0 0 0 15px !important;
	background:url(images/sqr.gif) no-repeat 5px 8px !important;
	color:#fff !important; line-height:20px;
}

.txtReadMore {
	text-align:right;
	width:200px;
}

.txtReadMore a {
	color:#fff !important; text-decoration:none !important;
}

.txtReadMore a:hover {
	color:#fff !important; text-decoration:underline !important;
}