/*   
Theme Name: eastcoast
Theme URI: http://silverliningwebdesign.com.au/
Description: A search engine optimized website framework for WordPress.
Author: Silver Lining Web Design 
Author URI: http://silverliningwebdesign.com.au/
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-l.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
	text-align:center;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color:#FFF;
	
}

body, p
{
	font-family: Verdana, Geneva, sans-serif;
	color:#20233a;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 27px;
	text-align:justify;
	
	
}


#wrapper
{
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	
	}
	
#site-info{
	width: 100%;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #00A0D7;
	border-top-width: medium;
	border-bottom-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #20223B;
	border-bottom-color: #20223B;
	}
	
	
	
#bottom
{
	width: 900px;
	height: 130px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	}
	
	#bottom p
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #20223B;
	line-height: 18px;
	text-align: left;	
	padding-right: 40px;
	}	
	
	
	#bottom a
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	text-align: left;	
	text-decoration: none;
	}
	
	
#Bottom1{
	
	width: 300px;
	float:left;
	
	
	

}


#Bottom2{
	
	width: 300px;
	float:left;
		padding: 0px;
	}
#Bottom3{
	
	width: 300px;
	float:left;
		padding: 0px;
	}


#blog-title {
	font-size:20px;
	color:#E9E4D3;
	padding-bottom: 15px;
	

	}

#blog-description {
	font-size:46px;
	color:#E9E4D3;
	padding-bottom: 15px;

	}

a{
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	
	}

a:hover {
	color:aac449;
	
	}	

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
	font-size: 27px;
	font-family: Verdana, Geneva, sans-serif;
	color: #009fd9;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 37px;
}


h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover

{
	font-size: 25px;
	font-family: Verdana, Geneva, sans-serif;
	color: #20233a;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 35px;

	
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
	font-size: 23px;
	font-family: Verdana, Geneva, sans-serif;
	color: #009fd9;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 38px;
	
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
	font-size: 21px;
	font-family: Verdana, Geneva, sans-serif;
	color: #20233a;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
		line-height: 35px;

}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
	padding: 15px;
	font-size: 19px;
	color: #009fd9;
		font-family: Verdana, Geneva, sans-serif;
		margin-top: 10px;
			line-height: 35px;

	
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
	padding: 14px;
	font-size: 17px;
	color: #20233a;
		font-family: Verdana, Geneva, sans-serif;
		margin-top: 10px;
			line-height: 35px;

	
}






/* =Header
-------------------------------------------------------------- */

#branding {
        margin: 0 0 1.5em 0;
		color:fff;
		
}

#masthead{
	width: 900px;
	height: 250px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left 25px;
	}


#blog-description{
	font:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#fff;
	text-align:center;
	
	
	
	}
	
#blog-title{
	font:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#fff;
	text-align:center;
	
	
	}	

#slidGallery{
	width: 900px;
	height: 338px;
	margin-top: 84px;		

		
		}
#main{
	
	height: auto;
	width: 900px;
	left: 0px;

	}

		
		
#innerwrap{
	
	width: 900px;
	height: auto;
	
		}		

/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	width: 900px;
	height: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
	
}

#access a {
	color: #20223a;
	display: block;
	line-height: 38px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-stretch: expanded;
	font-weight: normal;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-variant: small-caps;
}


#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	display: none;
	position: absolute;
	top: 38px;
	left: 0px;
	float: left;
	width: 200px;
	z-index: 99999;
	
}

#access ul ul li {
	min-width: 180px;
	
	
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	display: block;
	text-align: left;
	white-space: nowrap;
	height: 26px;
	width: 180px;
	overflow: hidden;
	line-height: 26px;
	background-color: #009fd9;
	
	border-width: 1px;
	border-style: solid;
	border-color: #24283e;
	color: #20223a;
	
}
#access li:hover > a,
#access ul ul :hover > a {
	
	
background-color: #009fd9;
	color: #333;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	
}
#access ul li:hover > ul {
	display: block;
	
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #FFFFFF;
	background-color: #20233B;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #20223a;
}










/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0;
	
}
.entry-content, .entry-summary {
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}

.entry-content p {
	font-family: Verdana, Geneva, sans-serif;
	color:#20233a;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	text-align:justify;
	}

.entry-content ul  {
	list-style-image: url(images/postbullets.png);
	
}

.entry-content ol  {


list-style-type: upper-roman; 


}

.entry-content li {
	
	margin-left: 40px;
	margin-right: 40px;
	padding-left: 0px;

	}

.entry-meta {
	line-height: 8px;
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding-left: 15px;
	padding-top: 10px;	
	}

.entry-meta a{
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	}
	
.entry-utility{
	line-height: 20px;
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding-left: 15px;
	padding-top: 10px;	
	}
	
.entry-utility a {
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	}	
	
.entry-title {
	color:#342113;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-weight:800;
	font-size:14px;
	padding: 0px;
	margin: 0px;
}
	

		

.entry-title a {
	color:#342113;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:900;
	font-size:24px;
	padding-left: 15px;
	padding-bottom: 15px;
	}
	




/* =Navigation
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */



.widget-area {
	background-color: #fff;
	width: 180px;
	padding:0px;
	margin: 0px;
		
		}
.widget-area p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	
		}		
		
.widget_links a{
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-size: 13px;
	color: #342113;
			
			}
			
.widget_links a:hover {
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:underline;
	font-size: 13px;
	color: #aac449;
			
			}			
			
		
.widget-area ul {
	list-style: none;
	margin-left: 0px;
	
}

.widget-area li a{
	
	padding-left: 25px;
	background-image:url(images/postbullets.png);
	background-repeat:no-repeat;
	color: #342113;
	

	}
	
.widget-area li a:hover{
	
	color: #aac449;

	}	
	

	
.widget-area ul ul {
	list-style: none;
	margin-left: 0px;
}

.widget-area ul ul ul {
	margin-left: 20px;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
	
}


.widget_search label {
	display: none;
}
.widget-container {
	margin:10px;
	
}

.widget-title {
	color:#aac449;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:900;
	padding-top: 25px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
	color:#F00;
}
.widget-area .entry-meta {
	font-size: 11px;
	
}
#wp_tag_cloud div {
	line-height: 1.6em;
}

#search {
	width: 170px;
	float:left;
	background-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding-left: 0px;
}
#searchsubmit {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}




#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #003;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/* Form Styls*/ 
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{/* contact form styln */
    background-color: #fff;
    color: #000;
    width: 85%;}
	
	.wpcf7
{
    border: ;
	width: 400px;
}

.wpcf7 p
{
    font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	font-size: 11px;
	padding: 0px;
	margin: 0px;  
}

.wpcf7 input[type="radio"] + label:before,
.wpcf7 input[type="checkbox"] + label:before {
    content:''; /* this is generated content*/ 
    display: inline-block; /* make this fake elements inline block */
    position:relative; /* we need to move the element without effecting the doc flow */
    top:0.25em;  /* we're moving it slightly down for alignment purposes */
    left:-2px; /* we're moving it slightly to the left */
    width:25px; height:25px; /* the width and height of the fake elements */
    background-color: #000;; /* the background image sprite */
}
#right-side {
   float: right;
   width: 50%;
}

#left-side {
   float: left;
   width: 50%;
}