/*  
Theme Name: Niagara Homes for Sale Custom Theme
Description: Specialized theme specifically for Lorna Costantini and the Homes for Sale Niagara Blog.
Version: 0.1
Author: Andrea Costantini
*/

/* float and clear structure shortcuts, ignore*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.cr{clear:right;}
.cl{clear:left;}
.cb{clear:both;}

body textarea{width:450px !important;}
/*the starting font size for the whole site, where the drop shadow bg image is set*/
body{
	font: x-small Verdana, Verdana, Arial, Helvetica, sans-serif !important;
	background: #6a6463 url(images/main_lined_bg.gif) repeat-y center center;
	margin:0;
	padding:0;
	color:#6a6463;
	}

/*structure ignore*/
div#outerwrapper{
	width:758px;
	margin:0 auto;
	
	}

/*Main H1, the top text in the masthead*/	
h1{margin:6px 0 0 12px;padding:0;float:left;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{text-indent:-1000000px;
	background: #fff url(images/hfsn_logo.gif) no-repeat center center;
	display:block;
	padding:0;
	margin:0;
	height:35px;
	width:222px;
	}


/*link colours for pretty much the whole site, except the far right column*/
a:link, a:visited{color:#4d768e;font-weight:normal;text-decoration:underline;}
a:hover, a:active{color:#4d768e;font-weight:normal;text-decoration:none;}

div#header{height:50px;}
div#contactblock{float:right;margin:2px 12px 0 0;}
img#rphdr{float:left;display:block;margin:6px 0 0 12px;border:none;}
div#quickcontact{float:left;margin:3px 0 0 8px;}

/*the header paragraph*/
div#quickcontact p.phone{
	font-weight:bold;
	font-size:160%;
	text-align:center;
	padding: 0;
	margin:0;
	
	}
	
div#quickcontact p.name{
	font-weight:bold;
	font-size:140%;
	text-align:center;
	padding: 0 0 3px 0;
	margin:0;
	letter-spacing:-.02em;
	}


/*structure ignore */
.col1, .col2{float:left;}
.col1{width:436px;}

/*borders and some structure for the feature image*/
div#mastimage{margin:0 auto;width:740px;padding-top:3px;border-top:1px solid #d7d7d7;}
img#featimg{margin:0 auto;display:block;}


/*structure, ignore this*/
div#maincopy .col1{padding:0 20px;}

div#navigation{
	height:40px;
	width:740px;
	border:1px solid #bdb9ab;
	background: #fff url(images/nav_off_bg.gif) repeat-x left bottom;
	margin:10px 0 10px 8px;
	}
	
div#navigation ul{float:left;list-style:none;margin:0;padding:0;}
div#navigation ul li{float:left;list-style:none;margin:0;padding:0;}
div#navigation ul li#on{background: transparent url(images/nav_on_bg.gif) repeat-x left top;}
div#navigation ul li a:link, div#navigation ul li a:visited, div#navigation ul li a:hover, div#navigation ul li a:active{padding-top:12px;display:block;font-size:120%;text-align:center;text-decoration:none;font-weight:bold;color:#555;height:40px;background: transparent url(images/separator_off.gif) no-repeat right top;}	
div#navigation ul li#on a:link, div#navigation ul li#on a:visited, div#navigation ul li#on a:hover, div#navigation ul li#on a:active{
	background: transparent url(images/separator_on.gif) no-repeat right top;
	color:#9a8b7a;	
	}
a#blog:link, a#blog:visited, a#blog:hover, a#blog:active{
	width:100px;
	}
a#about:link, a#about:visited, a#about:hover, a#about:active{
	width:100px;	
	}
a#listalert:link, a#listalert:visited, a#listalert:hover, a#listalert:active{
	width:139px;	
	}
a#screpts:link, a#screpts:visited, a#screpts:hover, a#screpts:active{
	width:135px;	
	}
a#freehome:link, a#freehome:visited, a#freehome:hover, a#freehome:active{
	width:180px;	
	}
	
div#navigation ul li a#help:link, div#navigation ul li a#help:visited, div#navigation ul li a#help:hover, div#navigation ul li a#help:active{
	width:85px;
	background-image:none;	
	}
div#navigation ul li#on a#help:link, div#navigation ul li#on a#help:visited, div#navigation ul li#on a#help:hover, div#navigation ul li#on a#help:active{
	background-image:none;	
	}

div#authorpr img{float:left;border:1px solid #c1bdb0;margin-right:15px;display:block;}

div#podcasttxt p.summary{font-size:120%;line-height:160%;margin:0;padding:0;}
p#podcastbtn{padding:0;margin-right:15px;background: url(images/podcast_bg.gif) no-repeat center top;width:145px;height:57px;float:left;}
p#podcastbtn a:link, p#podcastbtn a:visited{padding:8px 0 0 10px;color:#794e98;font-weight:bold;text-decoration:none;font-size:120%;width:100px;display:block;}
p#podcastbtn a:hover, p#podcastbtn a:active{color:#794e98;font-weight:bold;text-decoration:underline;width:100px;display:block;}
p#podcasthelplinks{padding-left:10px;line-height:220%;}
p#podcasthelplinks a:link, p#podcasthelplinks a:visited, p#podcasthelplinks a:hover, p#podcasthelplinks a:active{font-weight:bold;}

/*controls the posts and the pages, font sizing, colours, formatting */
div.postblock{padding:10px 0;clear:left;}
div#content li, div.postblock li{font-size:120%;}
div#content p, div.postblock p {font-size:120%;margin:0 0 10px 0; padding:0;line-height:160%;}
h2 {padding:0;margin:0 0 5px 0;font-size:180%;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;color:#b5260e;}
div.postblock h3 a:link, div.postblock h3 a:visited{text-decoration:none;font-size:130%;font-weight:bold;}
div.postblock h3 a:hover, div.postblock h3 a:active{text-decoration:underline;}
div.postblock img {float:left;margin-right:5px;}
div#maincopy div.col1 div.postblock p.postmetadata{font-size:100%;}
h4{font-size:110%;}

/*Styles that control the far right column*/
img#feathometh{border:1px solid #c1bdb0;}
/*for the link list headings ie ARCHIVE*/
div#sidebar h3{font-size:120%;color:#a70008;text-transform:uppercase;}
div#sidebar h3 font{color:#a70008 !important;font-family: Verdana, Arial, Helvetica, sans-serif !important;}

/*for the link lists*/
div#sidebar ul{width:170px;margin:0 0 10px 5px;padding:0;list-style:square;font-size:110%;}
div#sidebar ul li{margin:0 0 5px 0;padding:0 0 0 15px;list-style:none;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif !important;background: url(images/diamond_bullet.gif) no-repeat 0 3px;}
div#sidebar ul li font{font-family:Verdana, Arial, Helvetica, sans-serif !important;}
div#sidebar ul li a:link, div#sidebar ul li a:visited, div#maincopy div.col2 ul li a:link div#maincopy div.col2 ul li a:visited{text-decoration:none;font-size:120%;}
div#sidebar ul li a:hover, div#sidebar ul li a:active, div#maincopy div.col2 ul li a:hover,  div#maincopy div.col2 ul li a:active{font-size:120%;text-decoration:underline;}

/*sets the width on the comments box */
textarea#comment{width:400px !important; height:200px;}

/*anything to do with the footer */
div#footer{margin:10px auto;width:740px;border-top:1px solid #d7d7d7;height:35px;text-align:center;text-transform:uppercase;padding:10px 0;}
div#footer p{color:#909090;font: Verdana, Verdana, Arial, Helvetica, sans-serif !important;}