/**
 * 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.2
 * Tags: threaded-comments
 * Template: hybrid
 *
 * Skeleton is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

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

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

/* 18px, 20px, 21px, 22px, 24px 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/24px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Layout */
	/* @import url('../hybrid/library/css/2c-l-fixed.css'); */
	/* @import url('../hybrid/library/css/2c-r-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-l-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-r-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-c-fixed.css'); */

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

/* Drop-downs CSS */
	 @import url('../hybrid/library/css/drop-downs.css');

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

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

/* Contains everything */
body, h1, h2, h3, h4, h5, h6, .entry-title { font-family:Georgia,"Times New Roman",Times,serif; color:#333333; font-weight: normal; }

	/* Wrapper for everything inside of the body */
	#body-container { margin:0 auto;  background: #ebebeb; }

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

/* Hyperlinks */
a { color: #000; }
a:link {}
a:visited { color: #000; }
a:hover { color: #339933; text-decoration: none; }
a:active {}

/* Headers */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
hr { background: #DFDFDF none repeat scroll 0 0; border:medium none; clear:both; display:block; height:1px; margin:30px 0; width:100%; }

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

/* Paragraphs */
p {}

/* 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 {}

/* Notes */
.note {}

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

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear { clear: both; }
.no-margin { margin:0; }

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

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

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

/* Thumbnails */
.thumbnail { height: 200px; width: 200px; }
.post img { border: none; margin:0 30px 30px 0; }
.post img.wp-smiley { margin:0; }
.entry-content a, .entry-summary a { border-bottom: 1px dotted #777; }

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

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

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

/* Contains entire header */
#header-container { background: #fff;  border-bottom: 1px solid #ddd; margin: 0 0 22px; }
#header-inside { margin:0 auto; width:980px; height:115px; }

	/* Contains site title and tagline */
        #header-search { background: #333; height: 33px; }
        #search { width: 980px; margin: 0 auto; padding-top:4px; }
        #search input[type="text"] { background:  #3d3d3d; border:1px solid #535353; color:#B7B7B7; height: 14px; width:200px; font-size:12px; }
        #search input[type="submit"], .wpcf7-submit { cursor: pointer; width:65px; background:  #3d3d3d; border:1px solid #535353; color:#efefef; margin:0; height:22px; padding:0 2px 2px; font-size:12px; }
        #search input[type="submit"]:hover, .wpcf7-submit:hover { color: #eee; }
        #header { float: left; margin: 16px 0 30px; }

		/* Site title */
		#site-title {}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}

/**
* Primary Menu
************************************************/

/* Wrapper for entire menu area */
#primary-menu {}

	/* Wrapper for unordered list of menu items */
	#primary-menu div.menu {}

		/* Menu list. */
		#primary-menu ul { font-size:16px; }
			#primary-menu li { width:80px; }
				#primary-menu li a { border: none; margin:7px 16px; padding:0;}
			#primary-menu li.current-menu-item {}

#primary-menu, #navigation { width:215px; margin:0 48px; float: left; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; height: 106px; padding:10px 0 0 28px; }
#primary-menu li a:hover { color: #339933; }

#connect { padding: 30px 0 0; }
#connect img { margin: 0 8px; float: right; }

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

/* Wrapper for the content and primary/secondary widget sections */
#container { width: 980px; margin: 0 auto; }

	/**
	* Content
	************************************************/
.singular-wordpress #content { width: 642px; }
.singular-wordpress #primary { width: 275px; }

	/* Contains site's main content */
	#content { margin:0; padding:30px; width:662px; float: left; background: #fff; border: 1px solid #ddd; }
        #content.home { width:920px; padding:50px 29px; }
        #web-design-service { display: block;  width: 110px; height: 93px; background: transparent url(images/web-design.png) no-repeat scroll; }
        .service-box h2 { margin:18px 0 18px 18px; }
        .service-box p { margin-right:20px; }
        .service-icon { float: left; margin-left:18px; margin-right:32px; }
        .service-box:hover #web-design-service { background: transparent url(images/web-design-hover.png) no-repeat scroll; }
        #web-development-service { display: block; width: 110px; height: 98px; background: transparent url(images/web-development.png) no-repeat scroll; }
        .service-box:hover #web-development-service { background: transparent url(images/web-development-hover.png) }
        #seo-service { display: block; width: 112px; height: 96px; background: transparent url(images/seo.png) no-repeat scroll; }
        .service-box:hover #seo-service { background: transparent url(images/seo-hover.png) }
        #wordpress-service { display: block; width: 108px; height: 112px; background: transparent url(images/wordpress.png) no-repeat scroll; }
        .service-box:hover #wordpress-service { background: transparent url(images/wordpress-hover.png) }

        .service-box { margin-bottom: 50px; height:185px; width: 432px; float:left; background: #f3f3f3; border: 1px solid #ddd; cursor: pointer; }
        .service-box:hover { background: #f9f9f9; }
        .service-box.left { margin-right: 25px; }
        .service-box.right { margin-left: 25px; }

        #dedicated-container { background: #333; }
        #dedicated { background: transparent url(images/dedicated.png) no-repeat scroll; height: 208px; width:980px; margin: -22px auto 0px; }
        #dedicated h1 { text-indent: -999px; }
        #dedicated #from-blog { padding: 16px 23px 0; float: right; background: url(images/fromBlog.png) no-repeat scroll; height: 145px; width: 153px; margin-bottom:0; margin-top:-15px; }
        #dedicated #from-blog h2 { color: #444; margin-bottom:5px; }
        #dedicated #from-blog p a { color: #444; margin: 0;}
        #dedicated #from-blog p a:hover { color: #339933; }
        
		/* Breadcrumb trail */
		.breadcrumb {}
			.breadcrumb-trail {}

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

			/* Archive and search page titles. */
			.archive-title
			.author-title {}
			.term-title {}
			.category-title {}
			.tag-title {}
			.date-title {}
			.search-title {}

		/* Entry wrapper <div> */
		.hentry {}
		.post { margin:0 0 10px; }
                .post .share-this, .post .tweetme, .post .facebook-like { float: left; }
                .post .tweetme { margin-top:2px; }

                #portfolio .portfolio { padding: 0px; }
                .portfolio { padding: 30px; }
                .portfolio .thumbnail { width: 410px; margin:5px 30px 0 0; height: 280px; padding: 10px; background: #f3f3f3; border:1px solid #DDDDDD; }
                .portfolio .portfolio-image .thumbnail:hover { background: #f8f8f8;  }
                .portfolio #skills { float: left; }
                .portfolio #skills h2 { font-weight:bold; font-size: 16px; padding:5px 0; margin: 0;  width:200px; border-top:1px solid #BBBBBB; border-bottom:1px solid #DDDDDD; }
                .portfolio #skills a { display: block; background: url(images/greenCheck.png) no-repeat scroll 0 12px; padding: 8px 0 0 25px;}
                .page-template-portfolio #content { padding: 0 0 30px 0; width: 722px; }
                ul#portfolio-type { margin: 0; height: 45px; border-bottom: 1px solid #ddd; }
                #portfolio-type li { cursor: pointer; height: 45px; list-style: none; display: inline; float:left; width: 360px;}
                #portfolio-type li:hover, #portfolio-type li.active { background: #f3f3f3; color: #339933; }
                #portfolio-type li:first-child { border-right: 1px solid #ccc; }
                #portfolio-type li span { padding: 0 30px; font-size:24px; line-height:44px;}


		.page {}

			/* Post, page, and 404 page titles */
			.entry-title, .archive .entry-title, .search .entry-title { font-size:34px;font-weight:normal; font-style: normal; line-height:42px; }
            .entry-title a:hover, .archive .entry-title:hover, .search .entry-title:hover { text-decoration: none; color: #339933; }
			.post-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}

			/* Author and date byline */
			.byline, .archive .byline, .search .byline { margin:60px 0 22px; }

			/* Full entries */
			.entry-content { clear:left; }

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

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

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

			/* Entry metadata */
			.entry-meta {}
   

		/* 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 { margin-bottom: 21px; background:none repeat scroll 0 0 #F3F3F3; border:1px solid #DDDDDD; padding:30px; }
                #comments-template p { margin: 0 0 10px; }
                #comments-template input, #comments-template textarea { border: 1px solid #ddd; padding:6px; }
                #comments-template input { width: 300px; }
                #comments-template #submit { width: 130px; cursor: pointer; }

			/* 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 metadata */
							#comments .comment-meta {}
								#comments .comment-meta 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 #submit {}
							#respond #submit:hover {}

		/**
		* 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 { width:255px; float: left; background: #f3f3f3; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;}
        #primary p { font-size:11px; line-height:18px; margin:8px 0 30px 2px;}
        #primary li { /*background: transparent url(images/aBorder.gif) repeat-x left bottom;*/line-height:17px; border-bottom: 1px solid #ddd; list-style: none; font-size: 11px; padding:4px 0 5px; }
        #primary li  { background: transparent url(images/arrow.gif) no-repeat 0 5px; padding-top: 0; padding-left: 12px; }
        #primary-inside { border: 1px solid #fff; padding:30px 15px; }
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

                                        .post-tags { border: 1px solid #ddd; float:left; }
                                        .post-tags-inner { border: 1px solid #fff; background: #F3F3F3 ; padding:5px 10px; }
                                        #tags { margin: 10px 0;  }

                                        #recent-posts, .twitter { margin: 4px 0 33px 2px; }

                                        a#about { background: url(images/about.png) no-repeat scroll; height: 32px; width: 141px; display: block; }
                                        a#about:hover { background: url(images/aboutHover.png) no-repeat scroll; }

                                        a#blog { background: url(images/blog.png) no-repeat scroll; height: 32px; width: 108px; display: block; }
                                        a#blog:hover { background: url(images/blogHover.png) no-repeat scroll; }

                                        a#tweets { background: url(images/tweets.png) no-repeat scroll; height: 32px; width: 163px; display: block; }
                                        a#tweets:hover { background: url(images/tweetsHover.png) no-repeat scroll; }

                                        a#archives { background: url(images/archives.png) no-repeat scroll; height: 32px; width: 199px; display: block; }
                                        a#archives:hover { background: url(images/archivesHover.png) no-repeat scroll; }
	/* 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 { margin:55px 0 0; background: #333; }

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

	/* Footer section */
        #footer a { color:#eee; }
        #footer a:hover { color:#eee; }
	#footer { margin:0 auto; width:980px; height:455px; }
        #footer #contacts { float:left; margin-top:35px;}
        #footer #email, #footer #phone { color: #eee; font-size: 18px; border-bottom:1px solid #444444; width: 300px; padding-bottom:6px; }
        #footer #phone { background: transparent url(images/phone.png) no-repeat scroll; height: 35px; padding-left: 50px;  padding-top:3px; margin-bottom:12px; }
        #footer #email { background: transparent url(images/email.png) no-repeat scroll; height: 35px; padding-left: 50px;  padding-top: 6px; }
        #footer h2 { color: #333; background: transparent url(images/getStarted.png) no-repeat scroll 0 43px; width: 593px; height:116px; text-indent:-999em; margin:0; }

        #footer .wpcf7 { float: left; margin-top: 32px; }
        #footer .wpcf7 p { color: #eee; margin:0 0 12px; }                #footer span.wpcf7-not-valid-tip { color: #000; border: 1px solid #BC0B0B; padding: 2px 10px;  }        #footer div.wpcf7-response-output { background: none repeat scroll 0 0 #FFFFFF; margin: -39px 0 0 134px; padding: 0.2em 1em; }
        #footer input[type="text"], #footer textarea  { padding:6px; background: #222; border: 1px solid #444; color: #eee; width:560px; overflow: hidden; }


        #footer #speech-bubbles-footer { float: right; margin-top:-77px; }
        #footer #speech-bubbles-footer .speaker { color: #eee; font-size:16px; font-weight:bold; margin:0 0 0 39px; }
        #footer #speech-bubbles-footer .speech-bubble .top { background: url(images/speechBubbleTop.png) no-repeat scroll; height: 18px; width: 188px; }
        #footer #speech-bubbles-footer .speech-bubble .repeat { background: url(images/speechBubbleRepeat.png) repeat-y scroll; width: 149px; padding: 0 21px; position: relative; word-wrap: break-word}
        #footer #speech-bubbles-footer .speech-bubble .bottom { background: url(images/speechBubbleBottom.png) no-repeat scroll; height: 130px; width: 188px; overflow: hidden }

        #footer #speech-bubbles-footer .first-bubble { height: 0px; }
        #footer #speech-bubbles-footer .second-bubble { height: 20px; }

        #skypedetectionswf { display: none; }
		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}

	.download-button { height: 34px; width: 145px; background: transparent url(images/download.png) no-repeat scroll; cursor:pointer; }
	.wordpress-page .page { margin-bottom:45px; }
	.wordpress-page .hentry.wordpress a { border-bottom: 1px dotted; }
	.wordpress-page .hentry.wordpress h2 { margin-top:5px; float:left; }
	.wordpress-page .hentry.wordpress .download-button  { float:right; }
	
/*
 * table of contents
*/
.atoc-wrapper { margin-top:12px; }
#primary #primary-inside .atoc-wrapper li { background: none; padding: 0; }
#primary #primary-inside li.atoc-title-header { color:#000; font-size: 34px; margin: 0 12px 34px; padding-bottom:3px; }
#primary #primary-inside li.atoc-title { color:#666; border-bottom: 1px solid #DDDDDD; font-size: 21px; margin: 21px 12px 0; padding-bottom: 6px; }
#primary #primary-inside li.atoc-title.active { color:#333; border-bottom: 1px solid #AAAAAA; }
#primary #primary-inside li.atoc-forward, #primary #primary-inside li.atoc-back { border: medium none;color: #000000;font-size: 14px;font-style: italic; }
#primary #primary-inside li.atoc-forward.disabled, #primary #primary-inside li.atoc-back.disabled { color: #777; }