/*
Theme Name: John Regan Associates
Theme URI: http://www.johnreganassociates.com
Description: Custom WordPress theme designed for John Regan Associates.
Version: 1.0
Author: Leanda Ryan

	John Regan Associates v1.0

	This theme was designed and built by Leanda Ryan
*/

body {
	color: #363636;
	padding: 0;
	margin: 0;
	background: #fff;
	font: 12px Trebuchet MS, Tahoma, Arial, sans-serif;
}

img {
	border:0px;
}



/* Links */

#navigation a:link {
	color: #363636;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

#navigation a:hover {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

.breadcrumb a {
	color: #009900;
}

.breadcrumb a:hover {
	color: #ccc;
}

.projecttitle a {
	color: #333;
	font-size: 14px;
}

.projecttitle a:hover{
	color: #ccc;
}

#sidebar a {
	color: #009900;
}

#sidebar a:hover {
	color: #ccc;
}

#content a {
	color: #009900;
	margin: 0;
}

#content a:hover {
	color: #ccc;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
}

/* Layout */

h1 {
	background-image: url(images/header.png);
	height: 102px;
	width: 975px;
	padding: 0;
	margin: 0 0 1px 0;
	text-indent: -5000px;
	}

#wrapper {                     
 	position: relative;
	width: 975px;
	left: 50%;
	margin-left: -488px;
	margin-top: 0px;
}

#navigation {
	background: url(images/nav_bg.png) no-repeat;
	height: 45px;
	width: 975px;
	padding: 0;
	margin: 0;
	}

#navigation a {
	color: #363636;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

#navigation ul {
	float: right;
	margin: 10px 15px 0 0;
	list-style: none;
	display: inline;
	height: 34px;
	padding: 0;
	}

#navigation li {
	display: inline;
	position: relative;
	padding: 0;
	margin: 0;
}

.breadcrumb {
	height: 23px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	width: 700px;
}


#content {
	float: left;
	width: 705px;
	margin: 0 25px 15px 0;
	padding: 0;
}

#testimonials {
	width: 705px;
	float: left;
	margin: 0;
	padding: 0;
}

#projects {
	width: 705px;
	float: left;
	margin: 0;
	padding: 0;
}

#featuredproject {
	background-color: #333;
	width: 682px;
	height: 312px;
	margin: 18px 0 18px 0;
	padding: 0 8px 0 15px;
}

#featuredleft {
	float: left;
	width: 210px;
	margin: 18px 0 0 0;
	padding: 0;
}

#featuredleft a img {
	border: none;
	margin: 0;
	padding: 0;
}

#featuredright {
	float: right;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	height: 295px;
	width: 450px;
	overflow:hidden;
}

#featuredright img {
	margin: 0;
	padding: 0;
	height: 295px;
}


.projectleft {
display: inline;
	float: left;
	width: 337px;
	margin-bottom: 20px;
}

.projectleft img {
		border: 8px solid #ccc;
		margin-bottom: 10px;
}

.projectright {
	display: inline;
	float: right;
	width: 337px;
	margin-bottom: 20px;
}

.projectright img {
	border: 8px solid #ccc;
	margin-bottom: 10px;
}

.projecttitle {
	margin: 0 0 0 8px;
	padding: 0;
	height: 40px;
}

#sidebar {
	float: left;
	width: 245px;
	margin: 0 0 15px 0;
	padding: 0;
}


#news {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
}



#contact {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
}

#vcard {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
}

#vcard img {
	vertical-align: middle;
}

#subscribe {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
}

#recentblogposts {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
}

#search {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
}

#categories {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
}

#categories ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 18px;
}


#archive {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
}

#archive ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 18px;
}


#recentblogposts ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 18px;
}

#recentblogposts li {
	list-style: none;
}

#viewblog {
	margin: 15px 0 0 0;
}

#footer {
	clear: both;
	height: 70px;
	background-color: #333;
	color: #fff;
}

/* Typography */

#content p {
	font-size: 14px;
	line-height: 17px;
	color: #999;
	margin: 15px 0 0 0;
}

h2 {
	color: #fff;
	font-size: 16px;
	margin: 0;
}

h2.pageheading {
	color: #009900;
	font-size: 18px;
	margin: 16px 0 0 0;
}

h2.posttitle {
	margin: 16px 0 10px 0;
}

.blognavigation {
	margin: 20px 0 0 0;
}
	
h3 {
	color: #009900;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 15px 0 0 0;
}	

h4 {
	margin: 10px 0 10px 0;
	font-size: 14px;
	color: #363636;
}

h5 {
	color: #999;
	font-size: 18px;
	margin: 15px 0 0 0;
}

#subscribe h3 {
	margin-bottom: 0;
}

#featuredproject p {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 10px 0;
}

#news p {
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 10px 0;
}

#subscribe p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

#vcard p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
}


#recentblogposts p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
}

.footerleft {
	float: left;
	margin: 10px 0 0 15px;
	line-height: 16px;
	display: inline;
}

.footerright {
	float: right;
	margin: 10px 15px 0 0;
	line-height: 16px;
	text-align: right;
	display: inline;
}

#content ul { 
		list-style-type: square;
	margin: 10px 10px 10px 30px;
	padding: 0 0 0 0;
	font-size: 14px;
	line-height: 17px;
	color: #999;
}

#content li {
	margin: 0 0 8px 0;
}

#content img {
	margin-bottom: 15px;
}

#linkroll ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
}

#linkroll li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}


/*Comments Template*/

p#comments {
	margin: 25px 0 15px 0;
}

#commentform {
	width: 705px;
}

textarea#words {
	width: 705px;
}

.commenttext {
	margin: 0 0 0 0;
}

ul.commentlist {
	margin: 0;
	display: inline;
}

.commentlist li {
	border: 1px solid #ccc;
	list-style: none;
	padding: 15px;
	margin: 15px 0 15px 0;
}

#profiles img {
	border: 8px solid #ccc;
}

/*fixing image positioning*/


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}



.post {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.readmoreentry {
	margin: 10px 0 0 0;
}