/*
Theme Name: CafeWell
Theme URI: http://www.cafewell.com/
Description: Custom WordPress Theme for CafeWell
Version: 1.0
Author: Ignacio Ricci
Author URI: http://ignacioricci.com
Tags: green, yellow, white, clean, cafewell
*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------ CAFE WELL ------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea {font-family:inherit; font-size:1em;}
		

/*- End Reset Styles -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General Styles ---------------------------------------------------------*/

		
		html {background:#2F694C url(html.gif) repeat 0 0;}
		body {font:76% Lucida Grande, Arial, sans-serif; background:url(body.png) no-repeat center top;}
		
			/*- Screen Resolution -*/
			.wrap {width:820px; margin:0 auto;}
					
			/*- Text hide -*/
			#main h1,
			#main #introText h2 {display:block; font-size:1px; text-indent:-9999em;}
			
			/*- Float clear -*/
			#header,
			#content,
			#features ul,
			#footerInfo,
			.postTitle p,
			#commentList li {overflow:hidden;}
			
			/*- Accesible labels -*/
			.accesible {width:1px; height:1px; position:absolute; top:0; left:-9999px; z-index:1; overflow:hidden;}
			
			/*- Rounded corners -*/
			#menu .current_page_item a {-moz-border-radius:10px; -webkit-border-radius:10px;}
			#followTwitter p {-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;}
			#followTwitter ul {-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}
			
			/*- Last elements -*/
			.last {border:0 !important;}
			

/*- End General Styles -----------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

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

		
		#header {padding:35px 0 20px;}
			
			#menu {float:right; padding-right:40px;}
				#menu li {text-transform:uppercase; letter-spacing:-0.03em; float:left; margin-right:4px;}
					#menu a {display:block; color:#56D6A4; text-decoration:none; text-shadow:#285E47 1px 1px; padding:4px 10px;}
					#menu a:hover {color:#FFF;}
				
					/*- Current page item -*/
					#menu .current_page_item a {color:#B56824; text-shadow:#FFDF98 1px 1px; background:#FFC961 url(current.jpg) repeat-x 0 0;}


/*- End Header -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main box ---------------------------------------------------------------*/

		
		#main {padding-bottom:50px; background:url(intro.gif) repeat-x 0 100%;}
			#main .wrap {background:url(introWrap.jpg) no-repeat 0 0;}
				
				#logo h1, #introText h2 {margin:0 auto;}
			
				/*-------------------------------*/
				/*	LOGO						 */
				/*-------------------------------*/				
				#logo {padding:45px 0 38px;}
					#logo h1 {width:534px; height:129px; background:url(logo.gif) no-repeat 0 0; position:relative;}
					#logo span {width:61px; height:35px; background:url(blog.gif) no-repeat 0 0; position:absolute; z-index:1; top:35px; right:-53px;}
					
					/*- In the blog -*/
					.single #logo, .page #logo {padding:45px 0 28px; margin:0 40px 25px; background:url(blog-logo.gif) repeat-x 0 100%;}
					.single #logo h1, .page-id-3 #logo h1 {left:-27px;}
							
				/*-------------------------------*/
				/*	INTROTEXT					 */
				/*-------------------------------*/
				#introText {padding-bottom:20px; margin:0 40px; border-bottom:1px solid #DDD;}
					#introText h2 {width:674px; height:45px; background:url(introText.gif) no-repeat center top;}
					
				/*-------------------------------*/
				/*	SUBSCRIBE					 */
				/*-------------------------------*/
				#subscribe {font-size:1.7em; letter-spacing:-0.05em; padding:16px 0 10px; margin:0 40px; border-top:1px solid #FFF;}
					#subscribe form {width:669px; height:63px; padding-top:3px; margin:0 auto; background:url(subscribeBox.gif) no-repeat 0 0;}
						#subscribe input {color:#888; width:400px; margin:0 20px 0 32px; border:0;}
						#subscribe input:focus {color:#444;}
						#subscribe button {color:#B56824; line-height:63px; text-shadow:#FFDC8E 1px 1px; width:209px; height:59px; background:url(subscribeBtn.png) no-repeat 0 0; cursor:pointer;}
						#subscribe button:hover {color:#FFF; text-shadow:#004E34 1px 1px; background-position:0 -59px;}
						
				/*-------------------------------*/
				/*	FEATURES					 */
				/*-------------------------------*/
				#features {background:url(featuresUl.jpg) repeat-y 0 0;}
					#features ul {color:#727272; text-shadow:#FFF 1px 1px; padding:0 86px 65px; background:url(features.jpg) no-repeat 0 100%; }
						#features h3 {font-size:1.6em; font-weight:normal; letter-spacing:-0.03em; padding-left:25px; margin-bottom:12px;}
						#features li {float:left; width:172px; padding:20px 22px 0; line-height:150%;}
						
						/*- Feature colors and icons -*/
						#feature-people h3 {color:#3A839F; background:url(icons/people.gif) no-repeat left center;}
						#feature-health h3 {color:#9F302F; background:url(icons/health.gif) no-repeat left center;}
						#feature-education h3 {color:#4F9366; background:url(icons/education.gif) no-repeat left center;}
					

/*- End Main box -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- BLOG/PAGES -------------------------------------------------------------*/

		
		#content {text-shadow:#FFF 1px 1px; background:url(content.jpg) repeat-y 0 200px;}
		
			#content a {text-decoration:none;}
			#content a:hover {text-decoration:underline;}
					
			.resultTitle {float:left; width:400px; padding:0 0 0 75px; font-size:0.9em; font-weight:bold; text-transform:uppercase; color:#666;}
			
			.subTitle {font-size:1.2em; padding:20px 0;}
		
			/*-------------------------------*/
			/*	THE POST					 */
			/*-------------------------------*/
			
			#content .post,
			#content .page {float:left; width:475px; margin:0 0 30px 60px; font-size:1.1em; clear:left;}
			
				/*- Post Title -*/
				.postTitle {padding:14px 14px 8px; border-bottom:1px dotted #CCC;}
					.postTitle h2 {font-size:1.8em; letter-spacing:-0.05em; line-height:130%; color:#3A839F; font-weight:normal; padding-bottom:4px;}
					.postTitle h2 a {color:#3A839F;}
					
					.postTitle p {color:#999; font-size:0.9em;}
						.postTitle p span {float:left;}
						.postTitle p a {float:right; color:#8B2D20; font-weight:bold; padding-left:18px; background:url(icons/comment.gif) no-repeat 0 2px;}
						
				/*- Post Entry -*/
				.postEntry {padding:20px 14px; color:#727272;}
					.postEntry a {color:#01714B; text-decoration:underline !important;}
					.postEntry a:hover {color:#000;}
					.postEntry p {line-height:150%; padding-bottom:15px;}
					.postEntry blockquote {font:italic 1.1em/130% Georgia, Times, serif; color:#444; padding:10px 28px;}
					.postEntry ul,
					.postEntry ol {margin:10px 0 15px 30px;}
					.postEntry ul {list-style:circle;}
					.postEntry ol {list-style:lower-roman;}
					.postEntry li {padding-bottom:5px; line-height:130%;}
					.postEntry h3, .postEntry h4, .postEntry h5, .postEntry h6 {padding-bottom:10px;}
					.postEntry h3 {font-size:1.4em; color:#4F9366;}
					.postEntry h4 {color:#9F302F; text-transform:uppercase;}
					.postEntry h5 {color:#333;}
					
				/*- Post Meta -*/
				.postMeta {padding:10px 15px; border-top:1px solid #DDD; border-bottom:1px dotted #CCC;}
					.postMeta p {padding-bottom:3px; color:#727272;}
					.postMeta a {color:#01714B;}
					.postMeta a:hover {color:#000;}
					
			/*-------------------------------*/
			/*	COMMENT LIST				 */
			/*-------------------------------*/
			
			#commentList {}
				#commentList li {clear:both; padding-bottom:10px;}
				
					/*- Avatar -*/
					#commentList li .avatarHolder {float:left; margin-right:15px;}
						.avatarHolder img {padding:1px; border:1px solid #DDD;}
					
					/*- Comment -*/
					#commentList li .comment {float:left; width:408px;}
						
						/*- Author and Date -*/
						.commentAuthorAndDate {padding:9px 10px; border-bottom:1px solid #DDD;}					
							.commentAuthor {color:#333;}
								.commentAuthor a {color:#333;}			
							.commentDate {font-size:0.8em; padding-top:5px;}
								.commentDate a {color:#999;}
						
						/*- Comment Text -*/
						.commentText {padding:15px 10px 0;}
							.commentText p {color:#727272; line-height:140%; padding-bottom:10px;}
							.commentText a {color:#01714B;}
							.commentText a:hover {color:#000;}
							
						/*- Edit comment -*/
						.editComment {}
							.editComment a {color:#9F302F;}
							.editComment a:hover {color:#333;}
							
						/*- Waiting for mod -*/
						.waiting4Mod {font-style:italic;}									
			
			/*-------------------------------*/
			/*	COMMENT FORM				 */
			/*-------------------------------*/			
			
			#commentForm {clear:both; border-top:2px dotted #DDD;}
				#commentForm p {padding-bottom:15px;}
				#commentForm label {display:block; color:#727272; padding-bottom:3px;}
				#commentForm input,
				#commentForm textarea {color:#000; font-family:inherit; padding:7px; background:#FFF; border-top:1px solid #DDD; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #DDD;}
				#commentForm input {width:220px;}
				#commentForm textarea {width:400px; height:120px; overflow:auto;}
				#commentForm button {padding:6px; background:#333; color:#FFF; font-weight:bold; cursor:pointer; text-shadow:none;}
				#commentForm button:hover {background:#01714B;}
				
				/*- Logged in as -*/
				.logged-in-as a {color:#01714B;}
				.logged-in-as a:hover {color:#000;}
				
				
			/*-------------------------------*/
			/*	NAVIGATION					 */
			/*-------------------------------*/		
			
			#navigation {float:left; width:400px; padding:0 0 0 75px; font-size:1.2em; font-weight:bold;}
				#navigation a {color:#333;}
				.prev {float:left;}
				.next {float:right;}
									
			/*-------------------------------*/
			/*	BOTTOM BORDERS (JS)			 */
			/*-------------------------------*/
			
			#bottomBorders {clear:both; height:50px; background:url(features.jpg) no-repeat 0 100%;}


/*- End BLOG/PAGES ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- SIDEBAR ----------------------------------------------------------------*/

		
		#sidebar {float:right; width:204px; padding-left:20px; margin-right:40px; font-size:1.1em;}
			#sidebar .sidebarBox {padding-bottom:15px;}
				#sidebar h3 {color:#555; padding:5px 0 8px 40px; border-bottom:1px dotted #CCC;}
				#sidebar ul {margin:10px 0 0 35px;}
				#sidebar p {padding:10px 0 10px 40px;}
				#sidebar li {list-style:disc; color:#CCC; line-height:130%; padding:0 0 10px 5px;}
				#sidebar a {color:#727272;}
				#sidebar a:hover {color:#333;}
		
			/*- RSS BOX -*/
			#rssBox {}
				#rssBox a {color:#CE7420; font-weight:bold; display:block; width:164px; padding:7px 0 7px 40px; background:url(rss.gif) no-repeat 0 0;}
				#rssBox a:hover {color:#CE7420;}
				
			/*- CATEGORIES BOX -*/
			#categoriesBox {}
				#categoriesBox h3 {background:url(icons/categories.gif) no-repeat 15px 2px;}
				
			/*- POSTS BOX -*/
			#postsBox {}
				#postsBox h3 {background:url(icons/clock.gif) no-repeat 15px 3px;}
				
			/*- TAGS BOX -*/
			#tagsBox {}
				#tagsBox h3 {background:url(icons/tags.gif) no-repeat 15px 5px;}
				
			/*- ARCHIVES BOX -*/
			#archivesBox {}
				#archivesBox h3 {background:url(icons/archive.gif) no-repeat 15px 3px;}
				
			/*- BLOGROLL BOX -*/
			#blogrollBox {}
				#blogrollBox h3 {background:url(icons/links.gif) no-repeat 15px 5px;}
		

/*- End SIDEBAR ------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Footer Info ------------------------------------------------------------*/


		#footerInfo {background:url(footerInfo.gif) repeat 0 0;}
			#footerInfo h4 {font-size:1.1em; color:#FFF; padding-bottom:15px;}
				
			#fromTheBlog,
			#followFacebook,
			#followTwitter {float:left; padding:30px 0 45px;}
					
			/*-------------------------------*/
			/*	FROM THE BLOG				 */
			/*-------------------------------*/
			#fromTheBlog {width:215px; margin-left:40px;}
				#fromTheBlog li {margin-bottom:5px; border-bottom:1px solid #1A3B2B;}
					#fromTheBlog h5 {padding:10px 25px; background:url(icons/postStar.gif) no-repeat 4px center;}
					#fromTheBlog h5 a {color:#76A58D; text-decoration:none;}
					#fromTheBlog h5 a:hover {color:#FFF; text-decoration:underline;}
					#fromTheBlog p {color:#67B286; line-height:140%; padding:0 15px 15px 25px; border-bottom:1px solid #2E5F46;}
			
			/*-------------------------------*/
			/*	FOLLOW FACEBOOK				 */
			/*-------------------------------*/
			#followFacebook {width:300px; margin:0 20px;}
				#followFacebook h4 {margin-bottom:10px;}
						
			/*-------------------------------*/
			/*	FOLLOW TWITTER				 */
			/*-------------------------------*/
			#followTwitter {width:185px; padding-bottom:41px; background:url(twitterBird.png) no-repeat 0 100%;}
				
				#followTwitter p,
				#followTwitter ul {padding:10px 15px; background:url(twitterBg.png) repeat 0 0;}			
				#followTwitter a {color:#67B286; text-decoration:none;}
				#followTwitter a:hover {color:#FFF; text-decoration:underline;}
				
				#followTwitter p {margin-top:10px; border-bottom:1px solid #224C37;}
				#followTwitter ul {min-height:153px;}		
					#followTwitter li {line-height:140%; color:#68B287;}
					#followTwitter .twitter-timestamp {font-size:0.8em;}
					

/*- End Footer Info --------------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

/*- Footer copy ------------------------------------------------------------*/

		
		#footerCopy {background:url(footerCopy.gif) repeat 0 0; clear:both;}
			#footerCopy p {padding:12px 0 12px 40px; color:#3B634F;}


/*- End Footer copy --------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Get notified button fix for Safari and Opera ---------------------------*/
		
			
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#subscribe input {width:397px;}
		}	
			
		
/*- End Get notified button fix for Safari and Opera -----------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------------- END CAFE WELL ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/