/*
Theme Name: Out On A Limb
Version: 1.0
Author: Eliana Berlfein
Author URI: http://www.sidewalkcafedesign.com
*/

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

/* Apply basic typography styles */
@import url('styles/typography.css');

/* Apply basic menu styles */
@import url('styles/menu.css');
/*@import url ('styles/pixopoint_menu1.css');*/

/* Apply home styles */
@import url('styles/home.css');

/* Apply basic footer styles */
@import url('styles/footer.css');

/* Apply basic comments styles */
@import url('styles/comments.css');


/*---------------------------------------------------------------------------------


[Colors]


Pale Green: dde8c3 (button bkg)
Medium Green: a6b84a (button border, h1 underline, h2, footer)
Dark Green: 66750c (button text sidebars) 
Dark Purple: 4f2089 (headings)
Grey Purple: 50468e (text on home page) or 4d4092
Brown: 623c17 (h3)
Orange:#dc7c08; (service-titles)

Light Blue: f2f5fc (box on home page)
Light Purple: 8f87b7 (borders for box on home page)


-----------------------------------------------------------------------------------*/



/*=== START SECTION - Body & Wrapper ===*/
* {
	margin: 0;
	padding: 0px;
	}

body {
	background:#FFFFFF url(images/bkg-sky.jpg) repeat-x;
	margin:0;
	padding:0;
}

body.home {
	
}

 /* Contains stripes of color in header section so
 that the header looks like it's 100% wide */
 
#wrapper {
	width: 1250px;
	padding: 0px;
	margin:0 auto;
	background:url(images/bkg-page-shadow.png) repeat-y;
	z-index:0;
}


/*=== END SECTION - Body & Wrapper ===*/


/*=== START SECTION - Header ===*/

#header {
	height:80px;
	width: 1250px;
	margin: 0;
	padding:0;
	background:url(images/header2.gif) no-repeat;
}

.home #header {
	background:url(images/header.gif) no-repeat;
}

/*=== END SECTION - Header Region ===*/


/*=== START SECTION - Content Region ===*/

/* main contains sidebars */
#main {
	width: 1250px;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
}

#main.two-sidebars {
	
}

#main.right-sidebar {
	
}

/*all content is 1000px wide, then subtract padding, margin and borders*/

/*content area with no sidebars*/
#content {
	padding: 0 40px 0 40px;
	margin:0;
	float: left;
	line-height: 18px;
	width:747px;
	min-height:550px;
}

/*content area for home page*/
.home #content {
	
}

/*content area with right sidebar*/
#content.right-sidebar {
	width: 700px;
	float: left;
}

/*content area with left sidebar*/
#content.left-sidebar {
	width: 700px;
	float: right;
}

/*content area for archive page*/
.archive #content {
	
}

/*content area with a left and right sidebar*/
#content.two-sidebars {
	
}

.single #content h2 {
	margin: 30px 0 10px 0;
}

#content ul {
	list-style-image: url(images/bullet-green.gif);
}

#content ul li {
	padding-bottom:5px;
}

#content ol {
	line-height: 18px;
}

#content ol li {
	padding-bottom:10px;
}

h2.service-titles {
	color:#dc7c08;
}

.services h3 {
	margin-bottom:0;
	color:#4f2089;
}

.services h4 {
	margin-bottom:0;
	/*color:#66750c;*/
}

.services p {
	margin:3px 0 20px 15px;
}


/*=== END SECTION - Content Region ===*/



/*=== START SECTION - Sidebar Region ===*/
.sidebar {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;
}

#right.sidebar {
	width: 236px;
	float: left;
	margin:0;
}

#left.sidebar {
	width:187px;
	float: left;
	margin:0;
}

.sidebar ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

.sidebar li a:link, .sidebar li a:visited {
	display: block;
	text-decoration: none;
	color:#66750c;
}

#left.sidebar li a:link, #left.sidebar li a:visited {
	background:url(images/button-left.gif) no-repeat center;
	background-color:none;
	width:90px;
	margin-left:76px;
	text-align:center;
	height:29px;
	margin-bottom:10px;
	padding:7px 11px 0 10px;
}

.sidebar li a:hover, .sidebar li.current_page_item a {
	color:#4f2089;
}

/*=== END SECTION - Sidebar Region ===*/


/*=== START SECTION - Branches, Cats and Testimonials ===*/

/*#main #branch has an absolute position. It is inside of #main, which
has a relative position. #main #branch.top contains the actual branch
graphic. It can be positioned using top and left, since it's inside
#branch*/

#main #branch {
	position:absolute;
	z-index:0;
}

/*The next two definitions are the same. It's just one is for the home page,
and one for all the others.*/

#main #branch.top {
	background:url(images/branch-top-nocat.jpg) no-repeat;
	width: 236px;
	height:240px;
	top: -70px;
	left:1014px;
}

#main #branch.top-home {
	background:url(images/branch-top-cat.jpg) no-repeat;
	width: 236px;
	height:240px;
	top: -70px;
	left:1014px;
}

#branch-bottom {
	background:url(images/branch-bottom.png) no-repeat;
	margin:0;
	width:186px;
	height:204px;
	top:320px;
	position:absolute;
	z-index:-1;
}

#bird {
	background:url(images/bird.png) no-repeat;
	width:50px;
	height:49px;
	margin-left:110px;
}

/*the next 2 are for the testimonials on the sidebar. The
first is the quote and the next is for the name of the client
who gave the testimonial.*/

#testimonials {
	margin:200px 0 20px 30px;
	line-height:20px;
	font-style:italic;
	}
	

#client-name {
	color:#999999;
	text-align:right;
	font-size:11px;
}

.line {
	border-bottom:#a6b84a 2px solid;
	width:200px;
	margin:5px auto;
}


/*=== START SECTION - Branches, Cats and Testimonials ===*/


/*=== START SECTION - Alignment and Links ===*/

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.aligncenter, div.aligncenter, table.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright, div.alignright {
	margin: 1px 0 2px 15px;
	display: inline;
}

img.alignleft, div.alignleft {
	margin: 1px 15px 2px 0;
	display: inline;
}

a:link, a:visited {
	text-decoration: none;
	padding: 2px;
	color:#831183;/*purple*/
}

a:hover, a:hover:visited {
	color:#ff8c00;/*orange*/
}

a img {
	border:none;
}


/*=== END SECTION - Alignment ===*/


/*=== START SECTION - Captions ===*/

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin:0;
	padding:5px 0 0 0;
}
	
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	padding:0;
	margin: 0;
}

/*=== END SECTION - Captions ===*/


/*=== START SECTION - Posts (lots of this I'm not using) ===*/

.post {
	padding: 5px;
}

.post-edit-link img{
	border: none;
}

a.post-edit-link:link, a.post-edit-link:visited {
	text-decoration: none;
}

.entry-content, .entry-excerpt {
	clear: left;
}

.entry-content img.alignleft {
	padding:6px;
  	border:#d8d6da solid 1px;
}


.entry-content blockquote {
  font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
  color: #000000;
  width: 345px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 0 0 30px;
  text-indent: -15px;
}

.entry-content blockquote p {
  background: url(images/blockquote2.png) no-repeat left top;
  padding: 0 0 0 60px;
  font: italic 1.5em Georgia, "Times New Roman", Times, serif;
}

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}

a.image img {
	border: none;
}

.entry-date {
	height: 89px;
	width: 71px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #000000;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.entry-month {
	font-size: 19px;
	width: 71px;
	text-align: center;
	height: 28px;
	margin: 7px 0 0 0;
	font-weight: bold;
	padding: 0 0 2px 0;
}

.entry-day {
	font-size: 28px;
	text-align: center;
	height: 30px;
	width: 71px;
	margin: 4px 0 0 0;
	font-weight: bold;
	line-height: 30px;
}

.navigation {
  clear: both;
  font-size:12px;
}

.entry-meta {
  margin: 0 0 10px 0;
}

.underpost {
	font-size: .9em;
}

.underpost a {
	text-decoration: underline;
}


/*=== END SECTION - Posts ===*/


/*=== START SECTION - Portfolio & Blog (stuff I added) ===*/

.current-category {
	color:#B1B1B1;
	border: 1px solid #d8d6da;
	padding: 5px;
	display: block;
	margin-bottom: 10px;
	margin-top: 25px;
}

.post-wrap {
	border-bottom: 1px solid #d8d6da;
	padding: 15px 0px 15px;
}

.post-wrap p {
	line-height:24px;
}

.post-wrap img.alignleft, .post-wrap div.alignleft {
	padding:6px;
  	border:#d8d6da solid 1px;
}

.thumbnail-div {
	border: 1px solid #e7e7d4;
	float: left;
	margin-right: 10px;
	padding: 6px;
	display: inline;
}

.post-info {
	color: #999999;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	letter-spacing:1px;
	clear: both;
}

h2.titles a:link, h2.titles a:visited, h2.titles a:active {
	text-decoration: none;
	float: left;
	clear: both;
	font-weight:normal;
	margin-top:12px;
	font-size:16px;
}

/*.titles a:hover, .titles a:visited:hover {
	color: #831183;
}*/

.readmore, .more {
	float: right;
	text-transform:uppercase;
	font-size:11px;
	/*margin:0 0 15px 20px;*/
}

.readmore a:link, .readmore a:hover {
	color: #7b7b6f;
}

.code {
	background:#f2f5eb;
	width:610px;
	border:#889D37 1px solid;
	padding:15px;
	margin-left:35px;
	margin-top:20px;
}

/*these are for the list of categories in the right sidebar
on the blog pages*/

#category-list {
	margin:200px 0 0 30px;
	list-style:none;
}

#category-list ul {
	margin-left:0;
}

#category-list li {
	margin:3px 0 5px 0;
}

.clear {
	clear:both;
}

/*=== END SECTION - Portfolio & Blog ===*/

/*=== START SECTION - Miscellaneous ===*/

/*404 page not found*/
.fourohfour {
	margin-top:40px;
}

/*=== END SECTION - Miscellaneous ===*/