/*
Theme Name: Roofing
Theme URI: http://www.samyaksolutions.com
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Amit Joshi
Author URI: http://samyaksolutions.com/
Tags: blue, fixed width, third columns

	This theme was designed to matche the layout of roofing-jackson.com

*/


* 		{ margin: 0; padding: 0; }
html	{ overflow-y: scroll; }
html    { height:100% }
ul		{ margin-left: 15px; }
ol		{ list-style: decimal inside; }
a		{ outline: none; text-decoration:underline; }
a img	{ border: none; }
img		{ vertical-align: middle; }
table	{ border-collapse: collapse; }
.clear	{ clear: both; }
body	{ font-family: Georgia, serif; font-size: 14px; color: #1c1c1c; font-weight: normal; }

/*
	/// Typography ///
*/
h1		{font:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:3px; text-decoration:underline;  }
h2		{ color:#1C1C1C; padding-bottom:5px;  }
h2 a:link, h2 a:visited
{
	color:#1C1C1C;
	text-decoration:underline;
}
h3		{ font-family: Verdana, sans-serif; font-size: 9px; color: #B0CCE1; font-weight: normal; text-align: center; }
.red	{ color: red; }
.spacer	{margin-top: 10px;}

#shadow			{ width: 984px; margin: 0 auto;
					background: url(images/jacksonville_roofers-shadow_large.gif) repeat-y; }

#header			{ width: 960px; height: 140px; background: url(images/jacksonville_roofers-header_bg.gif) no-repeat; margin: 0 auto; }
#pagewrap		{ width: 960px; min-height: 400px; margin: 0 auto; }
#header_shadow	{ width: 738px; height: 23px; float: right; 
					background: url(images/jacksonville_roofers-header_shadow.gif) repeat-x; }
.content		{ width: 475px; float: left; margin-left: 10px; margin-top: 20px; font:Arial, Helvetica, sans-serif }
#footer			{ width: 100%; height: 26px; margin-top: 30px; padding-top: 15px;
					background: url(images/jacksonville_roofers-footer_bg.gif) repeat-x;
					text-align:center; }
#footer h3
{
	text-align:center;
	width:100%;
}
					
/*
	/// Navigation Bar ///
*/
#navigation			{ width: 222px; height: 323px; float: left; background: url(images/nav_bg.gif) no-repeat; }
#navigation	ul		{ margin-top: 10px; margin-left: 15px; position: relative; list-style: none; }
#navigation ul li	{ width: 175px; height: 15px; display: block; padding-top: 8px; padding-bottom: 4px; 
						background: url(images/nav_btm.png) repeat-x; background-position: bottom }
						
.nav_text			{ font-family: Helvetica, Arial; font-size: 12px; color: #f9f9f9; padding-left: 5px;
						font-weight: normal; text-decoration: none; }
.nav_text:hover		{ text-decoration: underline; }	
.fltright			{float:right; padding:2px;}
.fltlft		{float:left; padding:2px;}


/* 
	/// Opt_In Box  /// 
*/
.form_text		{ font-family: Verdana, arial; font-size: 12px; color: white; font-weight: normal; padding-top: 10px; }
.button			{ padding-top: 10px; }

.opt_box		{ width: 221px; float: right; margin-top: 20px; margin-right: 15px; }
.opt_top		{ width: 221px; height: 210px; background: url(images/opt_top.png) no-repeat; }
.opt_content	{ width: 221px; padding-bottom: 10px; background: url(images/opt_bg.png) repeat-y; }
.opt_btm		{ width: 221px; height: 17px; background: url(images/opt_btm.png) no-repeat; }

#sidebar
{
	padding-left:20px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#sidebar ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#sidebar h2
{
	color:#FFFFFF;
	margin-top:10px;
	font-size:15px;
}
#sidebar a:link, #sidebar a:visited
{
	font-family: Helvetica, Arial;
	font-size: 12px;
	color: #f9f9f9;
	padding-left: 5px;
	font-weight: normal;
	text-decoration: none;
}
#sidebar a:hover
{
	text-decoration:underline;
}

#sidebar li
{
	text-align:left;
}
h3
{
	text-align:left;
}
h3 a:link, h3 a:visited
{
	color:#000000;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
.post
{
	border-bottom:1px solid #f1f1f1;
	margin-bottom:15px;
	padding-bottom:5px;
}
.postmetadata
{
	font-size:10px;
	padding: 10px 0px;
}
