/*

Theme Name: Blue-Skies
Description: Premium Blue Wordpress theme with a great look and feel.
Version: 1.0
Author: Bingo Web Design
Author URI: http://www.bingowebdesign.info
Tags: blue, white, dark, fixed-width, right-sidebar

*/



/* Resets */

html, body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, fieldset { margin:0; padding:0; }

images { border:0; }

ol, ul { list-style:none; }





/* Body */



body { background:url(images/bg.png) top center repeat-x #17293B; /* bg */

font-family:Arial, Helvetica, sans-serif; /* font */

font-size:62.5%; color:#ddd; } /* font size and color */





/* Links */



a:link, a:visited { color:#278ecd; text-decoration:none; }

a:hover { color:#fff; text-decoration:underline; }

a:active { color:#224f71; text-decoration:none; }





/* Container */



#container { width:940px; background:url(images/bg-container.jpg) top center no-repeat; margin:0 auto; /* center page */ }
#container-hotspot {float: left; border: 0px solid red; width:250px; height:75px;margin-left:5px; 
position:absolute;
top:130px;
}





/* Header */


.a-login { float: right; margin-top: 10px; font-size:1.5em;}
.a-login a {text-decoration:none;}

#header { height:40px; margin:0 0 170px 0; padding:2px 0;}
#b-title {font-size:32px;}
#b-title a {text-decoration:none;}

#c-title {font-size:16px;}
#logo { float:left; }





/* Menu */



#menu { height:40px; list-style:none; float:left; font-size:.85em; }  /* was float:right; font-size:1.1em */

#menu li { float:left; margin-left:1px; padding:0 10px; } /* was margin-left:5px; padding:0 15px; */

#menu a { float:left; text-transform:uppercase; text-decoration:none; }

#menu a:hover, #menu .current_page_item a, #menu .current-cat a { color:#fff; }





/* Content */



#content { float:left; width:620px; font-size:1.2em; }





/* Post */



.page, .post { margin-bottom:3em; }



.page h1, .post h1 { font-family:"Trebuchet MS", Arial, Times, serif; padding:0 5px 3px 5px; font-weight:normal; font-size:2em; border-bottom:0px dashed #224f71; color:#278ecd; }

.page h1 a, .post h1 a { text-decoration:none; }

.page h1 a:active, .post h1 a:active {  }

.page h1 .subtitle, .post h1 .subtitle { font-family:Arial, Helvetica, sans-serif; font-size:0.35em; color:#999; font-weight:bold; display:block; text-transform:uppercase; }



.page h2, .post h2 { font-family:"Trebuchet MS", Arial, Times, serif; font-weight:normal; font-size:1.5em; margin:18px 0 0 0; padding:0 5px; border-bottom:0px dashed #224f71; color:#278ecd; }



.page p, .post p { line-height:18px; margin-top:18px; padding:0 5px; }



.page img, .post img { border:0px solid #162434;  }  /* was border:3px  */

.page a:hover img, .post a:hover img { border:0px solid #278ecd; }  /* was border:3px */



.page li, .post li { 
/*margin:0; padding:0 5px; */
margin-left: 35px;
padding-left: -5px;
margin-bottom: 5px;
/*color: green;*/
list-style:square;
}



img.left { margin:10px 10px 10px 10px; }  /* was margin:0 10px 10px 0; */



img.right { margin:10px 10px 10px 10px; }  /* was margin:0 0 10px 10px; */





/* Download button */



.button { padding:5px; text-align:center; background:#ff9; border:ridge #ff6; color:#222; }

a.button { padding:5px; text-align:center; background:#ff9; border:ridge #ff6; text-decoration:none; color:#222; }



.download-text {  }

.download-size { font-style:italic; font-size:0.9em; }



.more-link { clear:both; }

.postmetadata { clear:both; }





/* Category Page */



#cat-title {  }

#cat-desc { font-style:italic; margin-bottom:10px; display:block; color:#999; }



.cat-listing { display:block; padding:0; background:#162434; color:#999; cursor:default; border-bottom:5px solid #17293B; }

.cat-listing:hover { color:#ddd; }



.cat-listing a { font-family:"Trebuchet MS", Arial, Times, serif; font-weight:normal; font-size:1.4em; cursor:pointer; }



#cat-end { clear:both; padding:15px 0 5px 0; display:block; color:#999; }





/* Navigation links */



.navigation {  }

.navigation a { display:block; border:1px solid #ddd; padding:5px 10px; }





/* Sidebar */



#sidebar { float:right; width:284px; margin-right:10px; padding:0 8px; font-size:1.2em; }



#sidebar h2 { text-transform:uppercase; font-size:1.5em; font-weight:normal; clear:both; padding:0 2px; }



#sidebar li { margin-bottom:2em; }

#sidebar li ul { margin:0 2px; border-top:0px dashed #224f71; }

#sidebar li ul li { margin:0; }



#sidebar a { display:block; text-decoration:none; padding:7px 2px; border-bottom:0px dashed #224f71; }

#sidebar a:hover { text-decoration:none; background:#162434; }

#sidebar a:active { color:#224f71; text-decoration:none; background:#162434; }





/* Search Form */



#searchform { float:right; width:244px; margin:0 40px 30px 0; padding:5px 0 0 0; display:block; }



#s { float:left; width:210px; padding:0; border:0; background:none; font-size:1.5em; color:#17293B; }



#search { float:right; cursor:pointer; height:16px; width:16px; background:url(images/search-button.png) 0 0 no-repeat; border:none; padding:0; }



#sidebar-clear { clear:both; display:block; background:url(images/bg-sidebar-clear.png) bottom center no-repeat; height:20px; width:284px; }





/* Footer */



#footer { background:url(images/bg-footer-repeat.png) top left repeat-x #162434; padding-top:2px; font-size:1.2em; color:#224f71; }

#footer-inner { width:940px; margin:0 auto; /* center footer */ }

#footer-box { float:right; margin-right:10px; }



#footer .copyright { float:left; padding:1em 0; text-align:left; }

#footer .footer-links { float:right; padding:1em 0; text-align:right; }





/* Alignment */

.left { float:left; } .right { float:right; } .clear { clear:both; display:block; visibility:hidden; height:0; line-height:0; }







/* Contact Form */



#wpcf { line-height:20px; }

#wpcf label {

	clear: both;

	display: block;

	float: left;

	width: 150px;

}

#wpcf input {

	float: left;

	width: 200px;

	padding: 1px;

	margin: 2px 5px 2px 0;

}

#wpcf textarea {

	width: 350px;

	height: 100px;

	padding: 1px;

	margin: 0 5px 10px 0;

}

#wpcf #contactsubmit {

	margin-left: 250px;

	width: 100px;

	cursor:pointer;

}





/* Comments */



h3 { font-family:"Trebuchet MS", Arial, Times, serif; font-weight:normal; color:#173142; font-size:1.5em; }

.commentlist li ul li {

	font-size:1em;

}



.commentlist li {

	font-weight:bold;

}



.commentlist li .avatar { 

	float:right;

	border:1px solid #ddd;

	padding:2px;

	background:#fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight:bold;

	font-style:normal;

	font-size:1.1em;

	}



.commentlist p {

	font-weight:normal;

	line-height:1.5em;

	text-transform:none;

	}



#commentform p {

	

	}



.commentmetadata {

	font-weight:normal;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color:#999;

	}



code {

	margin:10px 0;

	font:1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size:0.9em;

	letter-spacing:.07em;

	}



/* Begin Form Elements */



#comment {  }



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width:130px;

	}



#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;

	cursor:pointer;

	}



/* Begin Comments*/

.alt {

	margin:0;

	padding:10px;

	}



.commentlist {

	padding:0;

	text-align:justify;

	}



.commentlist li {

	margin:15px 0 10px;

	padding:5px 5px 10px 10px;

	list-style:none;



	}

.commentlist li ul li { 

	margin-right -5px;

	margin-left:10px;

}



.commentlist p {

	margin:10px 5px 10px 0;

}

.children { padding:0; }





#commentform p {

	margin:5px 0;

	}



.nocomments {

	text-align:center;

	margin:0;

	padding:0;

	}



.commentmetadata {

	margin:0;

	display:block;

	}



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor:help;

	}



acronym, abbr {

	border-bottom:0px dashed #999;

	}



blockquote {

	margin:15px 30px 0 10px;

	padding-left:20px;

	border-left:5px solid #ddd;

	}



blockquote cite {

	margin:5px 0 0;

	display:block;

	}



.center {



	text-align:center;

	}



.hidden {

	display:none;

	}



hr {

	display:none;

	}







a img {

	border:none;

	}



.navigation {

	display:block;

	text-align:center;

	margin-top:10px;

	margin-bottom:60px;

	}



/* Captions */

.aligncenter,

div.aligncenter {

	display:block;

	margin:0 auto;

}



.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 p.wp-caption-text {

	font-size:11px;

	line-height:17px;

	padding:0 4px 5px;

	margin:0;

}



/* Alignment */

.left { float:left; } .right { float:right; } .clear { clear:both; display:block; visibility:hidden; height:0; line-height:0; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.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;
}

#box-table-a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:12px;
	width:480px;
	text-align:left;
	border-collapse:collapse;
	margin:20px;
}

#box-table-a th {
	font-size:13px;
	font-weight:normal;
	background:#b9c9fe;
	border-top:4px solid #aabcfe;
	border-bottom:1px solid #fff;
	color:#039;
	padding:8px;
}

#box-table-a td {
	background:#e8edff;
	border-bottom:1px solid #fff;
	color:#669;
	border-top:1px solid transparent;
	padding:8px;
}

#box-table-a tr:hover td {
	background:#d0dafd;
	color:#339;
}

.srp-button a{
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.srp-button a:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.srp-button a:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.srp-button div {
  margin-bottom: 10px;
}

div.srp-button {
  margin-bottom: 10px;
}

/* ay-yi-yi ----------------------------------------- */

#fm-form label {
  width: 150px;
}

xform  {
margin:0;
padding:0;
}

fieldset {
margin:1em 0;
border:none;
border-top:1px solid #ccc;
}

legend  {
font-size: 125%;
padding: 0 10px 0 15px;
border: 0px solid white;
color:#278ECD;
font-weight:bold;

}

label {
float:left;
width:100px;
padding:0 1em;
text-align:right;
}

fieldset div {
margin-bottom:.5em;
padding:0;
display:block;
}

fieldset div input,fieldset div textarea {
width:250px;
border-top:1px solid #555;
border-left:1px solid #555;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:1px;
color:#333;
}

fieldset div select {
padding:1px;
}

div.fm-multi div {
margin:5px 0;
}

div.fm-multi input {
width:1em;
}

div.fm-multi label {
display:block;
width:200px;
padding-left:5em;
text-align:left;
}

#fm-submit {
clear:both;
padding-top:1em;
text-align:center;
}

#fm-submit input {
border:1px solid #333;
padding:2px 1em;
background:#555;
color:#fff;
font-size:100%;
}

textarea#fm-comments {
width:350px;
height:80px;
}

input:focus,textarea:focus {
background:#efefef;
color:#000;
}

fieldset div.fm-req {
font-weight:bold;
}

fieldset div.fm-req label:before {
content:"* ";
}

xbody {
padding:0;
margin:20px;
color:#333;
background:#fff;
font:12px arial,verdana,sans-serif;
text-align:center;
}

#xcontainer {
margin:0 auto;
padding:1em;
width:350px;
text-align:left;
}

p#fm-intro {
margin:0;
}

span.blanktext {
font-style: italic;
color: red;
}

/*------------------------------------------------
  the new calendar entry form... */
#mainForm 
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #666699;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #ffffff;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}

div.bulletlist  {
margin-left: 5px;
margin-bottom: 3px;
margin-top: 5px;
/*color: orange;
border: 1px solid yellow; */
clear: both;

}
