/*   
Theme Name: PetLove Wireframe
Theme URI: 
Description: The PetLove Wirefrane.
Author: Ben Waldman
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

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

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

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* 
Theme Name: Skeleton
Theme URI: http://themehybrid.com/themes/skeleton
Description: A blank child of the Hybrid theme framework representing the visual hierarchy of Hybrid with designers in mind.
Author: Justin Tadlock
Author URI: http://justintadlock.com
Version: 0.1.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/**
* Body
************************************************/

/* Contains everything */
body {
	background-color:#fff;
    font: 12px/18px Helvetica, Arial, sans-serif;
    margin: 0;
	
}




	/* Wrapper for everything inside of the body */
	#wrapper {
            overflow: hidden;
            width: 960px;
            margin: 0 auto;
			
        }
	
	.clearBoth{
		clear: both;
		display: block;
	}
	.floatLeft{
		float: left;
	}
	
	.third {
		width: 190px;
	}
	
	.shareLinks{
		float: left;
		width: 770px;
		
		
	}
	
	.shareLinks .links{
		float: right;
	}

/**
* Elements
************************************************/

/* Hyperlinks */



a:link {
    color:#F60;

}
a:visited {
    color: #af5c0e;

}
a:hover {
    color: #c8282d;
	
}
a:active {
    color: #af5c0e;
	
}

/* Headers */

h1, h2, h3 {
    font:  12px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #f60;
}
h3 {}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {

	text-align:justify;
	margin-left:0;
	margin-right:0;
	}

/* Unordered lists */
ul {
	}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {padding:0; margin:0; padding-top: 20px; text-align: left; clear: both; display: block;}
.gallery dt.gallery-icon{
	padding:0;
	margin:0;
}
.gallery-item{
	margin:0;
	padding:0;
	margin-right:5px;
	float: left;
}
	.gallery img {border: none; padding:0; margin:0;}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
    height:auto;
}


	/* Contains site title and tagline */
	#header {
         
	  
        }
        
	#topMenu{
		font-family: Helvetica, Arial, sans-serif;
		color: #b0b0b0;
		font-size: 11px;
		width: 100%;
		border-bottom: 1px solid #cbcbcb;
		text-align: right;
		height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.homeLink{
		float: left;
		text-decoration: none;
		text-transform: uppercase;
		color: #666;
	}
	
	
	
	#topMenu img{
		
	}
        
	#secondMenu{
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
		#category-nav li{
			text-align:left;
			float:left;
			
			
			
		}
		
		.children li{
		
			float:left;
			border-bottom:none;
			width:130px;
		}
		
		
		
		.sf-menubar a{
			border:none;
			font-size: 12px;
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			color:#666;
			
			list-style:none;
			text-decoration: none;
			border-bottom: 2px solid;
			width: 160px;
			display: block;
			
			}
			
		.children li a{
			border-bottom:none;}	
        
        #access{
            border: none;
        }
        
       
		
        #branding{
            padding: 0px;
            
        }
       
        .sf-menubar{
            float: right;
	    border-bottom:none;
            width: 730px;
        }
	
	
		
        .sf-menubar li:hover {
			visibility:visible;
			}
			

        .sf-menubar li.page_item{
		width: 176px;
		display: block;
		line-height: 18px;
		height: 18px;
	}
	
	
	
	ul.children li.page_item{
		border-bottom: none;
		line-height: 18px;
	}
			
	ul.children{
		padding-top: 6px;
		margin:0;
	}
	
	ul.children li.page_item a{
		color: #919191;
	}
	
	ul.children li.page_item a:hover, li.page_item a:hover{
		color: #000;
	}
	
	ul.sf-menubar li.page-item-8 a, ul.sf-menubar li.page-item-436 a{
		border-bottom-color: #fa8733;
	}
	
	ul.sf-menubar li.page-item-6 a, ul.sf-menubar li.page-item-502 a{
		border-bottom-color: #2986f9;
	}
	
	ul.sf-menubar li.page-item-2 a, ul.sf-menubar li.page-item-512 a{
		border-bottom-color: #afde0c;
	}
	
	ul.sf-menubar li.page-item-35 a{
		border-bottom-color: #ff0000;
	}
	
	#access{
		height: 1px;
	}
        
	/*ul.sf-menubar li.page-item-8{
	margin-left:20px;
	width:130px;
padding-left:20px;
padding-bottom:10px;
	}
ul.sf-menubar li.page-item-8 a:link,
ul.sf-menubar li.page-item-8 a:visited,
ul.sf-menubar li.page-item-8 a:active,
ul.sf-menubar li.page-item-8 a:hover 
{
border-bottom:#f60 solid 2px;
}

ul.sf-menubar li.page-item-35{
	margin-left:20px;
	width:130px;
padding-left:20px;
padding-bottom:10px;
	}

 ul.sf-menubar li.page-item-35 a:link,
ul.sf-menubar li.page-item-35 a:visited,
ul.sf-menubar li.page-item-35 a:active,
ul.sf-menubar li.page-item-35 a:hover {
border-bottom:#09f solid 2px;
}

 ul.children li.page-item-28 a:link,
ul.children li.page-item-30 a:link,
ul.children li.page-item-15 a:link{
	border:none;}
	
 ul.children li.page-item-66 a:link,
ul.children li.page-item-68 a:link,
ul.children li.page-item-70 a:link{
	border-bottom: none;}
 
ul.sf-menubar li.page-item-6{
	margin-left:20px;
	width:130px;
padding-left:20px;
padding-bottom:10px;
	}
	 ul.sf-menubar li.page-item-6 a:link,
ul.sf-menubar li.page-item-6 a:visited,
ul.sf-menubar li.page-item-6 a:active,
ul.sf-menubar li.page-item-6 a:hover {
border-bottom:#81D658 solid 2px;

}
ul.sf-menubar li.page-item-2{
	margin-left:20px;
	width:130px;
padding-left:20px;
padding-bottom:10px;
	}
ul.sf-menubar li.page-item-2 a:link,
ul.sf-menubar li.page-item-2 a:visited,
ul.sf-menubar li.page-item-2 a:active,
ul.sf-menubar li.page-item-2 a:hover {
border-bottom:#F00 solid 2px;

}*/

		/* Site title */
		#blog-title {
                    margin: 0 ;
                   
                }
			#blog-title a {
                            float: left;
                            display: block;
                            width: 455px;
                            height: 130px;
                             display: none;
                            
                        }
				#blog-title a span {
                                    
                                }

		/* Site description/tagline */
		#blog-description {
                   display: none;
                }


/**
*Home Banner
***********************************************/

#category-menu{
	width: 960px;
}

#homeBanner{
    width: 960px;
    height: 560px;
    background: #fff no-repeat top left;
    clear:both;
    display: block;
}

#homeBanner #banner{
	 background:#000 url(images/img4.jpg) no-repeat left top;
          height: 357px;
	  clear: both;
}

#homeBanner .bannerContent{
	height:105px;
	overflow: hidden;
}

#homeBanner a{
	text-decoration: none;
}

#homeBanner a:hover{
	color: #fff;
}

#homeBanner h2 {
	padding-top:10px;
	padding-bottom:6px;
	width:100%;
	color:#5C5C5C;
	font-size:18px;
	margin-bottom: 10px;
}

#homeBanner h3 {
	font-size:12px;
	text-align:right;
	padding: 4px 20px 4px 0;
	background-color:#000;
	height:20px;
}


#homebanner1{
	float:left;
	width: 312px;
	padding-right: 16px;
	overflow: hidden;
}

#homebanner1 h2{
	border-bottom:#F60 solid 2px;
}

#homebanner1 h3, #homebanner1 a, a.orange {
	text-transform: uppercase;
	text-decoration: none;
	color:#F60;
	
}

#homebanner2{
	float:left;
	width: 320px;
}

#homebanner2 h2{
	border-bottom:#09F solid 2px;
}

#homebanner2 h3, #homebanner2 a, a.blue{
	text-transform: uppercase;
	text-decoration: none;
	color:#09F;
}


#homebanner3{
	width:296px;
	float: right;
}

#homebanner3 h2{
	border-bottom:#81D658 solid 2px;
}

#homebanner3 .bannerContent{
	background: #000;
}


#homebanner3 h3, #homebanner3 a, a.green{
	text-transform: uppercase;
	text-decoration: none;
	color:#81D658;
}


#main{
    padding-top: 0px;
   
    
}

#sidebar{
	background: #000 url(images/img3.jpg);
	float:right;
	width:296px;
	padding: 0;
	overflow: hidden;
	}
	
	.main-aside{
		width: 296px;
		right: 0;
	
	}
	
	.main-aside h3{
		font-size: 24px;
		font-weight: normal;
		color: #ff6500;
		padding-bottom: 20px;
	}
	
	#text-3{
		padding: 20px;
		color: #fff;
	}
	
	#text-3 p{
		color: #fff;
	}
	
	#text-3 li a{
		font:  12px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
	
	#text-3 a:hover{
		color: #fff;
	}
/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {}

	/* Page nav */
	#page-nav {}
		#page-nav ul {}
			#page-nav li {}
				#page-nav li a {}
			#page-nav li.current_page_item {}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	border:#CCC solid 1px;
	float: left;
	width:588px;
	padding:0;
	padding: 30px;
	}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {padding:0px; margin: 0px; width: 100%;	}
	
	#content ul li{
		list-style: disc;
		padding-bottom: 1em;
		
	}
	
	#content h2{
		font-size: 19px;
		color: #2986f9;
		padding-bottom: 20px;
	}
	
	.home #content h2{
		font-size: 24px;
	}

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {
                            font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
                            font-size: 26px;
                            font-weight: normal;
                            padding: 0;
			    padding-bottom: 20px;
			    color: #f96900;
                        }
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}
                        
                        .entry-content h1, .entry-content h2{
                           
                        }

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}
		
		

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
	#primary ul{
		margin:0; padding:0; list-style: none; list-style-type: none;
	}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {background: #000;}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#newFooter{
		width: 960px;
		margin: 0 auto;
	}
	
	#footer {background: #000; margin-top: 60px; padding: 30px;}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}


a.lang{
	width: 86px;
	height: 26px;
	color: #fff;
	background: #b0de0c;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 4px;
	margin-left: 10px;
	
}

.committee {
	width: 33%;
}