/*

Theme Name: Piggie Bank
Theme URI: http://loreleiwebdesign.com/2009/03/09/piggie-bank-wordpress-theme-for-gold-diggers
Description: Clean and neat web 2.0 theme for financial and money-making blogs, based on webdemar's layout, designed by <a href="http://loreleiwebdesign.com">Lorelei Web design</a>. The theme is ready for 125*125 ads and drop down menu. Header is in PNG format and easy to modify, enjoy!
Version: 1.2
Author: Lorelei Web Design
Author URI: http://loreleiwebdesign.com
Tags: blue, yellow, dark, white, red, two-columns, fixed-width, right-sidebar
*/

/* COLOURS FOR WEBSITE

dark blue : #0073BC
middle blue: #4ECDFC
light blue : #C5F0FD

*/

h1{font-size:24px;font-weight:400;font-family:Helvetica;padding:0;line-height:32px;}
h1 a{color:#fff;text-decoration:none;padding-left:0;}
h2{color:#000;margin:0; font-size:16px;line-height:18px;}
h2#blog-description{position:absolute;left:0;font-weight:400;color:#fff;margin:0;padding:4px 0 0;}
h3{font-size:20px;font-weight:normal;font-family:Helvetica;margin:0 0 20px;}
h3 a{text-decoration:none;font-family:Helvetica;}


h4{
padding:0 20px;
margin:0;
line-height:39px;
font-size:15px;
font-weight:600;
}
h4 .a :hover{color:#C5F0FD;text-decoration:none;}

body{background:#FFFFFF url(img/page-bg.jpg) repeat-y scroll 50% 0; color:#0073BC;font:12px/18px Helvetica;letter-spacing:0;margin:0;padding:0;}
a{color:#0073BC;outline:none;text-decoration:none;cursor:pointer;}
p{color:#000;margin:0 10px 20px 0;font-size:15px;}
p a{padding:3px;}
blockquote{border-left:5px solid #f7f7f7;margin:0 0 0 10px;padding:0 0 0 10px;}
img{ border:none;}
#page{
	position:relative;
	background: fff;
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

#title{
	width:340px;
	height:130px;
	position:absolute;
	top: 41px;
	z-index:5;
}
#header{position:relative;height:299px;background:#ffffff url(img/HEADER-01test-02.png) top left no-repeat;}
#content{background:#fff;font-family:Helvetica;padding: 28px 40px;}
#content-center{float:left;width:94%;}
#content-left{float:left;width:670px;margin-top:-6px;}
#content-right{float:right;width:125px;}
#content-right form{
width:125px;
text-align:center;
}
#search{
width:106px;
margin:2px;
}
#search-submit{
width:70px;
}
#footer{color:#fff;font-family:Helvetica;margin:0 auto;background:#000;height:200px;}
#top-nav{position:absolute;right:0;list-style:none;font-family:Helvetica;margin:0;padding:0;margin-right:20px;margin-top:4px;}
#top-nav li{float:left;font-family:Helvetica;margin:0 0 20px 10px;}
#top-nav li#rss{background:url(img/rss-icon.gif) no-repeat left center;padding:0 0 0 15px;}
#top-nav li a{color:#FFFFFF;outline:none;text-decoration:none;}
#top-nav li a:hover{color:#3399FF;outline:none;text-decoration:none;}
.box-left{background:#FFFFFF;}
.box-left-home{background:#FFFFFF;margin:0 0 40px 20px;line-height:34px}
.meta{clear:both;background:#fff url(img/bg-meta.gif) repeat-x left top;color:#5e5e5e;border:1px solid #ccc;padding:5px;margin-bottom:18px;}
.meta-date{background:url(img/date.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-categories{background:url(img/categories.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-comments{background:url(img/comment.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.box-right{background:#000; border:none;margin:10px 0;color:#fff;}
.box-right ul{list-style:none;margin:0 0 5px;padding:0;background:#fff;}
.box-right li{background:none;margin:0;padding:5px 5px 5px 5px;color:#000;}
.box-right li a{color:#000;}
.box-right li:hover{background:#fff;margin:0;padding:5px 5px 5px 5px;}
.box-right h4{
	background: #fff;
	color: #000;
}
.faq p
{
font-size: 12px;
}

#commentform label{display:block;margin:0 0 5px;}
#commentform input.text,#commentform textarea{width:500px;margin:0 0 10px;}
#commentform .text{height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform textarea{height:150px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 20px;}
.commentlist{list-style:none;margin:0;padding:0;}
.commentlist .quote{background:#2680FF;border:0;padding:20px;}
.commentlist li{background:#4e5156;color:#fff;margin:20px 0 0;padding:0;}
.commentlist cite{display:block;font-style:normal;}
.avatar{float:left;margin:0 20px 10px 0;}
#searchform #search{float:left;width:146px;height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#searchform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 10px;}
#footer p{font-family:Helvetica;margin:0 0 10px;}
.legal{background:#ffffff;text-align:center;color:#000000; padding: 5px 0px 0px 0px;margin-bottom:40px;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.wp-caption{margin-bottom:20px;padding-top:4px;border:1px solid #ccc;text-align:center;background-color:#f7f7f7;}
.wp-caption img{float:none;border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:0;}
#calendar_wrap table{width:100%;}
#calendar_wrap td{text-align:center;}
#wp-calendar caption{background:#dedede;margin:0 0 10px;}
a:hover,.box-right li a{text-decoration:underline;}
p.tags,.clear{clear:both;}
#quotes{float:right;width:auto;position:relative;overflow:hidden;clear:none;top:65px;right:285px;}
#people{position:relative;overflow:visible;clear:none;}
#polls{background:#C5F0FD;}
a .widgethack{clear:none;background: url(img/button_125x40px.png);}
a:hover .widgethack{clear:none;background:#4ECDFC;}
.widgethack-current{clear:none;background:#0073BC;color:#fff;}
.widgethack{clear:none;background:#fff;color:#fff;}

.widgethack-clear, a .widgethack-clear{clear:none;background:#fff;padding-left:0;}

a .widgethack, a:hover .widgethack, .widgethack, .widgethack-current, .widgethack-clear{
padding:0 20px;
margin:0;
line-height:40px;
font-size:15px;
font-weight:600;
}

.shadowbox{
	
}

/*HEADER*/

#headerButton{

position:absolute;
right:1px;
top:40px;
background:#fff;
width:210px;
height:140px;
text-align:center;

}

#button1
{
position:absolute;
right:40px;
top:190px;
background: url(img/button_125x30px.png) no-repeat;
width:125px;
height:30px;
text-align:center;
line-height:29px;
color:#fff;
font-weight:bold;
}

#button2
{
position:absolute;
right:40px;
top:218px;
background:#fff;
width:125px;
height:30px;
text-align:center;
line-height:29px;
font-weight:bold;
}

span.privacy{
margin-left: 0;
}

span.privacy a{
color: #fff;
text-decoration: underline;
}

/*FOOTER*/

ul#footerList{
	list-style: none;
	border: 0;
	background: #000;
	width:515px;
	margin: 10px auto 40px;
}

#footerList li{
	float:left;
	margin-right:20px;
	color: #fff;
}

#footerList li a{
	color: #fff;
}

/* FORM STYLE */

.inputTitle{
font-size: 12px;
color:#fff;
float:left;
}

.inputBox{
margin-top: 5px;
margin-bottom:5px;
float:left;
}

.error{
margin-left: 5px;
color: #FF0000;
float:left;
display: none;
}

#fullreportForm, #resourcesloginForm
{
margin: 20px auto 8px auto;
width: 400px;
}

label
{
width: 110px;
text-align: left;
margin-right: 20px;
display: block;
margin-top: 10px;
}

input.submit
{
margin: 20px auto 0 0;
}

#signup h2{
text-align:center;
color:#fff;
}

#signup{
display:none; 
overflow:hidden; 
background:#0073BC;
padding-top: 20px;
width:900px;
padding: 20px;
color:#fff;
}

#signup a{
color:#fff;
text-decoration:underline;
}

#register{
float:left;
width:900px;
}

#login{
float:right;
color:#fff;
width:450px;
}

#response{
color:#fff;
}