/*
Theme Name: Blue_Tropic
Theme URL: http://www.dotified.com/index.php?wptheme=Blue_Tropic
Description: Wordpress theme for personal blogs with 4 ad locations. Two column colourful design.
Version: 1
Author: Nick Fish
Author URL: http://www.napfish.ca
Tags: blue, green, custom header, fixed width, two columns, widgets
Terms: You must leave the link in the footer to my website. Thank You!

Header Graphics can be found at http://qvectors.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html,body{margin:0 auto;padding:0;}
body{background: #F3EEE4; font: 14px Verdana, Arial, Helvetica, sans-serif;}
img { border:0}
a {color:#24739D; font-weight:bold; text-decoration:none;}
a:visited {color:#24739D; font-weight:normal; text-decoration:underline;}
a:hover {color:#24739D; font-weight:bold; text-decoration:underline;}

#container { width:968px; margin:0 auto;}
#top{float:left;width: 100%; height:20px; text-align:center; line-height:20px; font-size:12px; background: #1E99BB; color:#FFF; }
#header {width:968px; float:left; background: #54AACB url(./images/header.jpg) no-repeat; }

#ltheader { float:left; width:700px; text-align:left; margin: 5px 0 0 5px}
#ltheader h1 {font-size: 26px; color:#FFF; padding:0; margin:0; text-decoration:none; font-weight:bold}
#ltheader h2 {font-size: 14px; color:#FFF; padding:4px 0 0 0; margin:0; text-decoration:none; font-weight:bold}
#ltheader h1 a, #rtheader h1 a:hover, #rtheader h1 a:visited { color:#FFF; font-weight:bold; text-decoration:none;}
#ltheader h2 a, #rtheader h2 a:hover, #rtheader h2 a:visited { color:#FFF; font-weight:bold; text-decoration:none;}

#rtheader { float:right; width:250px; height:250px;margin:0; padding:0;  font-size:0.8em; text-align: center;}
#rtheader h2 {font-size:12px; margin:0; padding:0; color:#FFF}
#rtheader a, #rtheader a:hover, #rtheader a:visited { color:#FFF; font-weight:normal;}

#banner p, #bannerad img { position:absolute;top:160px; width: 468px; height:60px; border:0; margin-left:116px;}

/* Search Form */
.bookmark { width:708px; height:24px; float:left; padding:0 5px; position:absolute;top:246px; line-height:24px;
 color: #1E99BB; font-size: 12px;  text-align: left; text-transform:lowercase; }
 .bookmark a,  .bookmark a:visited { color:#1E99BB; font-weight:bold; text-decoration:none;}
.bookmark a:hover { color:#1E99BB; font-weight:bold; text-decoration:underline;}
.bookmark img { margin:0 5px;}
#searchform { 
overflow:hidden; /* wrap floats */
	width:100%;	/* haslayout wraps floats IE */}
#searchform label { float:left; margin-right: 15px;}
#searchform input { float:left; margin-top:3px;}	
#s { float:left; padding:2px 0 0 0;
color:#1E99BB; border: solid 1px #1E99BB;height:14px;
 margin-right: 6px;
}
#searchsubmit { float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font: 12px;
 font-weight:bold;
 background-color: #FFF;
 border:0;
 color: #1E99BB;
 margin-right: 6px;
}
/*End search Form */
/* Top nav menu */
#menu { width:968px; background:#1E99BB; color:#FFF; float:left; text-transform:capitalize; }
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin: 0 1em 0 1em; overflow: hidden;}
ul#nav li{float:left;margin-right: 10px;text-align: center; font-size:16px;}
ul#nav a{float:left; text-decoration:none;padding:5px; color: #FFF; font-weight:bold;}
ul#nav a:visited{color: #FFF; font-weight:bold; text-decoration:underline;}
ul#nav a:hover{background: #21B2CC;color:#fff; text-decoration:none;font-weight:bold;}
/* End top nav menu */
/* sub nav menu */
#submenu { width:968px; background:#21B2CC; color:#FFF; float:left; text-transform:capitalize; }
#submenu ul,ul li{list-style-type:none;margin:0;padding:0}
#submenu ul{margin: 0 1em 0 1em; overflow: hidden;}
#submenu ul li{float:left;margin-right: 10px;text-align: center; font-size:12px;}
#submenu ul a{float:left; text-decoration:none;padding:5px; color: #FFF; font-weight:bold;}
#submenu ul a:visited{color: #FFF; font-weight:bold; text-decoration:underline;}
#submenu ul a:hover{background: #1E99BB; color:#fff; text-decoration:none;font-weight:bold;}
/* End sub nav menu */

#content { width:968px; margin: 0 auto; background:#422F29; padding-top:15px; }
#ltcol { width: 650px; float:left; font-size:12px; margin:0; padding:0;}
/* Box to display gallery of designs */
.box { width:620px; float:left; margin: 10px; padding: 5px 10px;  background:#FFF; }

.box h1 {margin:3px 0; padding:0; color:#1E99BB; font-size:18px;}
.box h1 a { text-decoration:none; color:#1E99BB; font-weight:bold; }
.box h1 a:visited { text-decoration:none; color:#21B2CC;font-weight:bold; }
.box h1 a:hover { text-decoration: underline; color:#1E99BB; font-weight:bold;}
.box h3 { color:#000; font-size:10px; text-decoration:none; margin:3px 0 12px 0; font-weight:normal;}
.box h3 a { text-decoration:none; color:#000; font-weight:normal; }
.box h3 a:visited { text-decoration:none; color: #666666;font-weight:normal; }
.box h3 a:hover { text-decoration: underline; color:#000; font-weight:normal;}
.box h4 { color:#422F29; font-size:14px; margin:5px 0; padding:0;}
.entry { padding:0; margin:0;}
.entry img {margin:3px; padding:0; }
.entry p { margin:8px 0; padding:0; }
.entry ul, .entry ol { margin:5px 20px; padding:0}
.entry ul li { list-style:disc; list-style-image:inherit;}
blockquote { color:#422F29; font-style:italic}


.comments {background:url(./images/comment.jpg) no-repeat;line-height:18px; height:18px; padding-left:20px; margin:10px 0 5px 0;  }
.comments a {  margin-left:3px;font-size:12px; text-align:left; color:#1E99BB; text-decoration:none; padding:0;}
.comments a:visited {color:#1E99BB; text-decoration:underline}
.comments a:hover { color:#1E99BB; text-decoration:underline }
.tags { background:#1E99BB; width:610px; margin:5px 0; padding:1px 5px; color:#FFFFFF; }
.tags img { vertical-align:middle; margin-right:4px;}
.tags a, .tags a:hover, .tags a:visited { color:#FFF}
.navigation {margin-left:5px; font-size:12px; color:#1E99BB; text-decoration:none; padding:0;}
.alignleft { text-align:left}
.alignright { text-align:right}
/* End of Box */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.aligncenter, div.aligncenter {
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
	}


/* End Images */


#rtcol { width:280px; float:right; padding:0; margin:5px 0 10px 0; color:#fff;}
#rtcol img { margin:5px; border:0}
#rtcol h2 { color:#FFF; font-size:16px; font-weight:bold; width:275px; height:30px; line-height:30px; margin:5px 0; padding-left: 5px; background:url(./images/h2.gif) no-repeat;}
#rtcol ul { margin:5px 0; padding:0; list-style-image:none; list-style:none; }
#rtcol ul li a, #rtcol a { margin:2px 0; padding:0; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none;}
#rtcol ul li a:visited, #rtcol a:visited { margin:2px 0; padding:0; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none;}
#rtcol ul li a:hover, #rtcol a:hover { margin:2px 0; padding:0; font-size:12px; color:#FFF; font-weight:bold; text-decoration:underline;}


#footer { width:968px; margin:0 auto; text-align:center; color:#FFF; padding:10px 0; font-size:10px; border-top: 10px solid #21B2CC; background:#1E99BB; }
#footer a { color:#FFF; text-decoration:none; font-weight:normal;}
#footer a:visted {color:#FFF;font-weight:normal}
#footer a:hover {color:#FFF; text-decoration:underline; font-weight:normal}

.clear { clear:both ; font-size:1px }