@charset "utf-8";
/* CSS Document */

/*
Theme Name: 1stepWebsite
Theme URI: 
Description: 
Version: 1.0
Author: Gordon French
Author URI: http://www.gordonfrench.com
Tags: 

	This theme was coded by Gordon French,
	whose portfolio can be found at http://gordonfrench.com/

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

*/

.like				{ position:absolute; color:#FFF; top:10px; height:30px; left:905px; width:50px; overflow:hidden; }

.borderThick		{ border:5px solid #225588}
.borderThin			{ border:1px solid #225588}

.blue				{ color:#225588}
.mediumBlue			{ color:#134679}
.orange				{ color:#f7721a}

.center				{ text-align:center;}

.largeTitle			{ font-size:220%;}
.largeTitle a		{ color:#134679}
.largeTitle a:hover	{ color:#f7721a}


/* popups */
.callOut			{ position:relative; width:480px; padding:20px; border:2px solid #f98810; background:#fde8c6 url(images/x.png) no-repeat; font-size:120%}
.transperant		{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.link:hover			{ color:#f7721a}

.my-date				{ color:#CCC; font-style:italic; font-size:90%}
.postmetadata			{ color:#CCC; font-size:90%}
.postmetadata a			{ color:#666;}
.postmetadata a:hover	{ color:#242424;}

.navigation				{ color:#225588}
.navigation	a			{ color:#225588}
.navigation	a:hover		{ color:#f7721a}

#commentform				{ color:#225588; font-size:110%}
#commentform	a			{ color:#225588}
#commentform	a:hover		{ color:#f7721a}

.commentlist				{ color:#666; font-size:110%}
.commentlist	a			{ color:#225588}
.commentlist	a:hover		{ color:#f7721a}


/* ------------------------------------- Main Structure ------------------------------------------------------- */
body				{ background-color:#CCC; margin:0; background:url(images/bg.png) #336699 repeat-x 100% 60px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}

/* no need to change the im-wrapper it simple allows everything to be centered */
.im-wrapper			{ width:100%; }

/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 
   when using the complex template
*/
.im-frame			{ width:1000px; text-align:left; clear:both; }

/* required stuff */
img, a img 			{ border:none}
a:active 			{ outline: none;}
a:focus				{ outline: none;}
a					{ text-decoration:none; outline: none;}


h2, h3, h4, h5, h6	{ padding:0; margin:0;}
p					{ padding:3px 0px 5px 0px; margin:0;}


/* Post Images */
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;}
.aligncenter	{ display: block; margin-left: auto; margin-right: auto; } 
.alignright { float: right; }
.alignleft { float: left;}
/* End Images */


/* ------------------------------------- Header --------------------------------------------------------------- */
.im-header-wrapper	{ width:100%; background-color:#00162c; margin-bottom:23px;} 				/* complex */
.im-header-frame	{ width:950px; text-align:left; clear:both; } 	/* complex */
.im-header			{ position:relative; height:50px; padding:5px}
.logo				{ position:relative; margin:0px 0px 0px -15px}

.nav				{ position:absolute; color:#336699; font-size:100%; width:500px; left:450px; top:40px; font-family:Arial, Helvetica, sans-serif}
.nav a				{ text-decoration:none; color:#336699}
.nav a:hover		{ text-decoration:none; color:#CCC}


/* ------------------------------------- Footer --------------------------------------------------------------- */
.im-footer-wrapper	{ width:100%; }					/* complex */
.im-footer-frame	{ width:950px; text-align:left; clear:both;}	/* complex */
.im-footer			{ position:relative; min-height:40px; padding:5px; color:#5f92c5; font-size:90%;}

.im-footer a			{ text-decoration:none; color:#5f92c5}
.im-footer a:hover		{ text-decoration:none; color:#CCC}


/* ------------------------------------- Content --------------------------------------------------------------- */
.im-content-wrapper	{ width:100%; }															/* complex */
.im-content-frame	{ width:950px; text-align:left; clear:both; background-color:#FFF;}	/* complex */
#im-mainContent		{ position:relative; width:620px; padding:5px 15px 5px 35px; float:left; }

.mainBullets		{ list-style:none; font-weight:bold; font-size:150%; margin-left:10px;}
.mainBullets li		{ padding:5px 0px;}

.benifit img		{ margin:5px 10px 5px 0px; position:absolute}
.benifit			{ border-bottom:1px solid #ccc;  border-top:1px solid #ccc; padding:5px 0px 5px; margin-bottom:-1px}
.info				{ min-height:70px; margin:0px 0px 0px 80px}

.title	{color:#1a4d80;font-size:120%; font-weight:bold}
.form				{ font-size:100%; color:#666;}


.entry li			{padding:0px 0px 5px 0px}

/* ------------------------------------- Sidebar --------------------------------------------------------------- */
/* the width oof the sidebar must be less then the width of the frame minus the 
   width of the content are minus any padding. In this example the frame is 1000
   the content is 670px + 5px padding on each side totaling 680px. Therefore the
   sidebar width must be less then or equal to 320px. The side bar has a width of 
   300px and a padding of 5px on each side totaling 310px, that will give us a
   margin of 10px between the content and the sidebar.
*/
#im-sidebarRight	{ position:relative; width:229px; padding:5px 5px 5px 15px; float:right; margin-bottom:-5px; float:right; background-color:#eff5ff; border-left:1px solid #cfe2ff }
#im-sidebarLeft		{ position:relative; width:300px; padding:5px; float:left;  }
#im-sidebarRight ul			{	list-style:none; margin:3px 0 10px; padding:0; font-size:100%}
#im-sidebarRight ul li		{	line-height:25px;margin:0;padding:0;}
#im-sidebarRight ul	a		{ color:#242424; text-decoration:underline}
#im-sidebarRight ul	a:hover	{ color:#858585; text-decoration:none}

.sideLinks	img			{ position:relative; top:5px; margin-right:0px;}



/* Comments */
#commentform input { width: 170px;padding: 2px;margin: 5px 5px 1px 0;}

#commentform 			{ margin: 5px 10px 0 0;}
#commentform textarea 	{ width: 100%; padding: 2px;}
#respond:after 			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit 	{margin: 0 0 5px auto;float: right;}

#respond a				{ }
#respond a:hover		{ }

.commentlist			{ }
.commentlist .photo		{ float:left; padding:3px 5px 0px 3px}
ol.commentlist 			{ left:-20px; margin:3px 0px; padding:0px}
.commentlist li			{ list-style:none; margin:10px 0px; padding:5px;}
.commentlist a			{ }
.commentlist .url		{  font-weight:bold; font-style:normal}


.commentlist .reply		{ margin-bottom:5px; font-size:80%}
.commentlist .reply a	{  }
.commentlist .reply a:hover	{ }
.comment-meta			{ position:relative; top:3px; margin-bottom:5px}
.comment-meta a			{ font-size:80%;}

.pinglist				{ position:relative; left:0px; width:730px; padding:0px; font-size:80%;}
.pinglist li			{ list-style:none}
.pinglist .says			{ display:none; }
.pinglist .comment-meta	{ display:none;}
.pinglist p				{ display:none;}
.pinglist .reply		{ display:none;}
.pinglist .vcard		{ padding:3px 10px;}
.pinglist a				{ color:#7a7a7a}
.pinglist a:hover		{ color:#555555;}
/* Close Comments */



.savedBox		{ position:relative; width:940px; border:2px solid #229585; background-color:#c2f7f0; padding:10px;  margin:20px 0px 0px}
.errorBox		{ position:relative; width:940px; border:2px solid #f7a468; background-color:#f7d8c2; padding:10px; margin:20px 0px 0px}
.highlight		{ border:2px solid #f7a468; background-color:#f7d8c2}