/*
Theme Name: cursively
Theme URI: http://cursivemechanics.ca
Description: A three column, widget-ready, WordPress theme. 
Author: Michael Pereira
Author URI: http://monkeycycle.org
version: 1.0


SERIF:		sylfaen, baskerville, garamond,georgia,"times new roman",times,serif
SANS-SERIF:	Helvetica, Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva,  verdana, tahoma, arial, sans-serif


*/


/********************
 * ==@BASE ELEMENTS
********************/

body{ 
  font-family: garamond, georgia, "times new roman",times, serif;
  font-size: 14px; 
  font-weight: normal;
  color: #030303;
  background: #E8E8E8 url(images/body.gif) center repeat-y; 
  }

.type24px  	{ font-size: 1.8462em;  line-height: 1.3333em;   color: #333333; margin-top: 0.6667em;	margin-bottom: 0em; }
.type22px  	{ font-size: 1.6923em;  line-height: 1.4545em;   color: #333333; margin-top: 0.7273em;	margin-bottom: 0em; }
.type20px  	{ font-size: 1.5385em;  line-height: 1.6em;      color: #333333; margin-top: 0.8em;		margin-bottom: 0em; }
.type18px  	{ font-size: 1.3846em;  line-height: 1.7778em;   color: #333333; margin-top: 0.8889em;	margin-bottom: 0em; }
.type16px  	{ font-size: 1.2308em;  line-height: 1em;        color: #333333; margin-top: 1em;			margin-bottom: 0em; }
.type14px  	{ font-size: 1.0769em;  line-height: 1.1429em;   color: #333333; margin-top: 1.1429em;	margin-bottom: 0em; }
.type13px  	{ font-size: 1em;       line-height: 1.3846em;   color: #303030; margin: 0 0 1.2308em 0; font-weight: 200; }
.type12px  	{ display: block; float: left; clear: right; font-size: 0.9231em; line-height: 1.3333em;  margin-top: 1.3333em; margin-bottom: 0em; }
.type10px	{ font-size: 0.7692em; line-height: 1.6em;   margin-top: 1.6em; margin-bottom: 0em; }



h1, h2, h3, h4, h5, h6, p
	{ display: block; float: left; clear: right; width: auto; font-weight: 200 !important; }
h1  { font-size: 1.8462em; line-height: 1.3333em;   color: #050505; margin-top: 0.6667em;	margin-bottom: 0em; }
h2  { font-size: 1.6923em; line-height: 1.4545em;   color: #050505; margin-top: 0.7273em;	margin-bottom: 0em; }
h3  { font-size: 1.5385em; line-height: 1.6em;      color: #050505; margin-top: 0.8em;		margin-bottom: 0em; }
h4  { font-size: 1.3846em; line-height: 1.7778em;   color: #050505; margin-top: 0.8889em;	margin-bottom: 0em; }
h5  { font-size: 1.2308em; line-height: 1em;        color: #050505; margin-top: 1em;			margin-bottom: 0em; }
h6  { font-size: 1.0769em; line-height: 1.1429em;   color: #050505; margin-top: 1.1429em;	margin-bottom: 0em; }
p   { font-size: 1em;      line-height: 1.3846em;   color: #050505; margin: 0 0 1.2308em 0; font-weight: 200; }

blockquote 
    { display: block; float: left; clear: right; font-size: 0.9231em; line-height: 1.3333em;  margin-top: 1.3333em; margin-bottom: 0em; }

ul, ol, dl
    { display: block; float: left;  clear: right; margin: 0px; padding: 0px; border: 0px solid #000000; }

ul ul, ul ol, ol ol, ol ul dl
    { display: block; float: left; clear: right; margin: 0px 10px; padding: 0px; border: 0px solid #000000; width: 90%; }
    
li, dt, dd
    { display: block; float: left; clear: right; font-size: 0.9231em; line-height: 1.3333em;  margin-top: 1.3333em; margin-bottom: 0em; }

a                 	{ color:#660000; text-decoration:none; border: none; outline: none; }
a:hover, a:focus  	{ color:#330000; background: transparent; }

a img				{ border:none; background: transparent; }

img.left    		{ float: left; border: none; padding: 0 15px 0 0; }
a img.left   		{ border: none; background: transparent; } 
img.right   		{ float: right; border: none; padding: 0 0 0 15px; }
a img.right 		{ border: none; background: transparent; }


b, strong			{ font-weight: 700; }
i, emphasis			{ font-style: italic; font-weight: 400; }

code				{ margin:10px; font-family:"Courier New", Courier, monospace;}
		
			
/********************
 * ==/@BASE ELEMENTS
********************/


/********************
 * ==@LAYOUT
********************/

#container          { margin:0 auto; padding: 0; width:950px; background: #ffffff;  }
/*
#container          { background: #ffffff url('/wp-content/themes/cursively/images/960grid.png') top left repeat;  }
*/

#header             { display: block; float: left; width: 950px; height: 250px; margin: -20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#header             { display: block; float: left;  background: #ffffff url('/wp-content/themes/cursively/images/bg-custard-close.jpg') 0px 0px no-repeat;  }
#content 			{ display: block;	float: left;	width: 450px;	margin: 24px 25px 0px 25px;	padding: 0px; color: #303030; }
	.post 			{ display: block;	float: left;	margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 1px solid #cecece;  }
	.postmetadata	{ display: block;	float: left; 	width: 450px; clear: both;		padding: 15px 0px 0px 0px;		margin: 15px 0 15px 0;		overflow: hidden;	  background: #ffffff;	  border-top: 1px dashed #cecece; }

.content-listing .postmetadata	
					{ padding: 5px 0px 5px 0px; margin: 5px 0 5px 0; overflow: hidden; background: #ffffff; border-top: 1px dashed #cecece; }


	#commentssection	
					{ display: block; float: left; clear: both;	padding: 0px; margin: 15px 0px; }

.sidebar 			{ display: block;  float: right;  width: 225px;	font-size:11px;	margin: 0px; padding: 100px 0px 0px 0px; background: transparent;  }
#sidebar-primary    { float: left; }
#sidebar-secondary  { float: left; }

		
#footer 			{ background: #ccc;	clear: both;	width: 950px; font-size: 9px;	overflow: hidden;  border-top: 1px solid #cecece; margin-top: 20px; }		


/********************
 * ==@LINKS 
 *    & NAVGATION
********************/

.navigation { display: block; float:left; margin: 20px 0px; padding: 3px 0px 5px 0px; width: 450px; border-top: 1px solid #cecece;  border-bottom: 1px solid #cecece;   }

	.navigation div				{ display: block; float:left; }
	
	.navigation div.nav-posts-next	{ display: block; float:left; text-align: left; margin: 2px 0px 0px 20px; 	width: 150px; width: 200px; background: #ffffff; }	
	.navigation div.nav-posts-prev	{ display: block; float:right; text-align: right; margin: 2px 20px 0px 0px; width: 150px; width: 200px; background: #ffffff;  }	

	.navigation div.nav-posts-next a,
	.navigation div.nav-posts-prev a	
									{ color: #660000; background: #ffffff; padding: 3px; font-weight: 500; }
									
	.navigation div.nav-posts-next a:hover,
	.navigation div.nav-posts-prev a:hover	
									{ color: #330000; background: #ffffff; }									

	.alignleft {float:left; text-align: left; }
	.alignright {float:right; text-align: right; }

	.navigation2 { margin: 12px 0 20px 25px; padding:2px; float:left; width:90%; }


	#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { background: #fff; padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px; }
	#wp_page_numbers { margin-top: 10px; width: 100%; background: #fff; }
	#wp_page_numbers ul { border-top: 1px solid #ccc; width: 100%; }
	#wp_page_numbers li { float: left; display: block; }
	#wp_page_numbers a { padding: 3px; padding-left: 5px; padding-right: 5px; display: block; color: #660000; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
	#wp_page_numbers li a:hover { color: #330000; border-top: 2px solid #660000; border-bottom: 2px solid #f1f1f1; }
	#wp_page_numbers li.space { color: #aaa; padding: 3px; padding-left: 5px; padding-right: 5px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
	#wp_page_numbers li.first_last_page {	font-style: italic;}
	#wp_page_numbers li.active_page a {	color: #fff;	background: #660000;	border-top: 2px solid #660000;	border-bottom: 2px solid #660000;}
	#wp_page_numbers li.active_page a:hover  {	color: #fff; /* IE fix */	border-top: 2px solid #660000;	border-bottom: 2px solid #660000;}
	#wp_page_numbers li.page_info {	float: left;color: #aaa;	display: block;	padding: 3px;	padding-right: 5px;	border-top: 2px solid #fff;	border-bottom: 2px solid #fff;}



		
	/********************
	 * ==@HEADER
	********************/		
	#header h2#blog-title a
						{ display: block; float: left; margin: 0px; padding: 180px 0px 0px 930px; background: transparent url('/wp-content/themes/cursively/images/cursive-header-0.png') bottom right no-repeat; text-indent: -9999px; }
	#header h2#blog-title a:focus, #header h2#blog-title a:hover
						{ background: transparent url('/wp-content/themes/cursively/images/cursive-header-1.png') bottom right no-repeat; }
						
	#header h1          { text-transform:lowercase; font-weight: normal; float:left; margin: 180px 0px 0px 410px; padding: 0px; color: #000; font-weight: 300; letter-spacing: 2px; } 
	#header h1          { background: transparent url("/wp-content/themes/cursively/images/cursive-trans-white.png") 0px 0px no-repeat; }
	#header h1 a        { padding: 0px 10px 10px 10px; margin: 0px 0px 10px 0px; color: #660000; background: #ffffff; }
	#header h1 a:hover  { color: #fff; background: #660000; text-decoration: none;}


	/********************
	 * ==@CONTENT
	********************/

	.pagearchive
						{ display: block; float: left; margin: 0px; padding: 0px; }

	.pagearchive .archivetitle
						{ display: block; float: left; width: 450px; margin: 0px; padding: 0px; background: #eeeeee; }

	.pagearchive .post p
						{ display: block; float: left !important; }

	.pagearchive .post .wp-post-image
						{ display: block; float: left !important; }


	
	#archives-date	{ display: block; float: left; clear: right; margin: 25px 0px 0px 0px; padding: 0px; }

	#archives-date h2
					{ display: block; float: left; clear: right; margin: 0px; padding: 0px; width: 450px; line-height: 1; }

	#archives-date ul
					{ display: block; float: left; clear: right; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #cecece; width: 450px; }

	#archives-date ul li
					{ display: block; float: left; clear: right; margin: 0px; padding: 0px; width: 450px; font-size: 13px; }

	#archives-date ul li strong
					{ display: inline-block; margin: 0px; width: 50px; text-align: left;  }

	#archives-date ul li a.month
					{ display: inline-block; margin: 0px; padding: 0px 2px; width: 25px; font-size: 13px; font-weight: 500; }
	
	#archives-date ul li span.emptymonth
					{ display: inline-block; margin: 0px; padding: 0px 2px; width: 25px; font-size: 13px; font-weight: 500; color: #cecece; }


	.post .listing-thumbed
						{ display: block; float: left;  margin: 0px; padding: 0px 0px 20px 0px; width: 450px;}
	.post .listing-thumbed div.thumb 	
						{ display: block; float: left;  margin: 0px 20px 0px 0px; padding: 0px; width: 150px;}
	.post .listing-thumbed div.excerpt 	
						{ display: block; float: left;  margin: -3px 0px 0px 0px; padding: 0px; width: 280px;}
	.post .listing-thumbed div.excerpt p	
						{ width: 280px;}						
						
						
	.post .listing-thumbed .caption
						{ display: none; visibility: hidden; }	


	.recipe			{ display: block; float: left; clear: both; margin: 0px 0px 20px 0px; padding: 20px; border: 1px solid #efefef; }

	.post .post-title 	{ color: #030303; clear: both; width: 450px; font-weight: 200; }		
	.post .post-byline 	{ font-size: 0.9231em; /* 12px */ line-height: 1;  /* 16px */ margin-top: 0em; margin-bottom: 1.3333em; }		


	.post h2, .post h3, .post h4, .post h5, .post h6, .post p
						{ display: block; float: left; clear: both; width: 450px; }

	.post img		  	{ display: block; float: left; clear: right; border: 1px solid #cccccc; margin: 0px; padding: 0px; }	
	.post p img 	  	{ display: block; float: left; clear: both; border: 1px solid #cccccc; margin: 0px; padding: 0px; line-height: 1; }	

	.post img.image-lead
						{ display: block; float: left; clear: right; }

	.caption 			{ display: block; float: left; clear: right; width: 100%; border-bottom: 1px dotted #cecece; margin: -10px 0px 10px 0px !important; padding: 0px 0px 5px 0px; text-align: left; line-height: 1;  font-size: 1em; font-style: italic; }      	
	
	
	.post ul 			{	display: block; float: left; clear: both; margin: 0px 10px 20px 10px; padding: 5px 10px; border: 0px solid #999; list-style-type: square; }
	.post ul ul 		{	display: block; float: left; clear: both; margin: 0px 10px 20px 10px; padding: 5px 10px; border: 0px solid #ccc; }

	.post ul li 		{	display: block; float: left; clear: right; list-style-type: square;	border: 0px solid #eee; width: 90%; margin: 0px 0px 8px 0px; padding: 0px; font-size: 1em; }
	       
	.post ul li 		{	background: url('images/content_bullet.gif') no-repeat 0 5px;	padding: 2px 0px 0px 15px;	list-style: none; }

	.post a 			{ font-weight: 600; }
	.post .post-title a { font-weight: 200; }	


	a.more-link  		{ display: block; float: right !important; text-align: right !important; }
	
	a.more-link:hover,	a.more-link:focus
					  	{ 	  color: #330000;	  background: transparent; }

	a#meta-icon-stumble img, a#meta-icon-delicious img, a#meta-icon-facebook img, a#meta-icon-twitter img 
			            { border: 0px solid #ffffff;}
	
	a#meta-icon-stumble, a#meta-icon-delicious, a#meta-icon-facebook, a#meta-icon-twitter, a img.WP-EmailIcon
			            { display: block; float: left; width: 16px; border: 1px solid #ffffff !important; margin: 0px 5px 0px 0px; padding: 0px; }
	
	a#meta-icon-delicious:hover, 
	a#meta-icon-stumble:hover,	
	#meta-icon-facebook:hover,
	#meta-icon-twitter:hover
			            { border: 0px solid #660000; }
	
	
	.comm         		{ display: block; float: left; clear: right;  text-align: right; margin: 0; padding: 0px; }
	.comm:hover   		{ color: #330000; background: #fff; text-decoration: none; border: 0px solid #000000; }

	.filed        		{ display: block; float: left; clear: left; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #777777; background: #fff; }
	.filed:hover  		{ color: #660000; background: #fff; }
	


	#commentssection ol li
						{ display: block; float: left; clear: left; margin: 0px; padding: 10px 20px 10px 20px; border-bottom: 1px dashed #cccccc; }

	.alt 				{ background: #efefef; }


	#commentssection ol li .comment-author
						{ display: block; float: left; clear: both; font-size: 1em; margin: 0px; padding: 0px; }
						
	#commentssection ol li .comment-datetime						
						{ display: block; float: left; clear: both; font-size: 0.9231em; margin: 0px; padding: 0px; }
	
	#commentssection ol li .comment
						{ display: block; float: left; clear: both; margin: 0px; padding: 0px; }
	
	#commentssection ol li .comment p
						{ display: block; float: left; clear: both; margin: 0px 0px 8px 0px; padding: 0px; }

	#commentssection .comment-meta
						{ display: block; float: left; clear: both; margin: 0px 0px 8px 0px; padding: 0px; }	

	
	#commentform		{ display: block; float: left; clear: both; width: 450px; margin: 0px 0px 40px 0px; padding: 0px; }
	#commentform label	{ display: block; float: left; clear: both; margin: 0px 0px 0px 0px; padding: 3px; width: 440px; }

	#commentform input#author,
	#commentform input#email,
	#commentform input#url,	
	#commentform input#commentbox,	
	#commentform textarea	
						{ display: block; float: left; clear: both; width: 400px; margin: 0px 0px 15px 0px; border: 1px solid #cccccc; padding: 3px; background: #ececec; width: 440px; }					
						
	#commentform input:hover, #commentform input:focus,
	#commentform textarea:hover, #commentform textarea:focus	
						{ border: 1px solid #cecece; background: #ffffff; }	
						
	#commentform input.hidden,
	#commentform #_wp_unfiltered_html_comment,
	#commentform input[type="hidden"]
						{ display: block; float: left; color: #ffffff; background: #ffffff; border: 0px 1px solid #ffffff; }										
	#commentform #submit
						{ display: block; float: right; width: 200px; margin: 0px; color: #660000; background: #ececec;  padding: 5px; text-align: center; font-weight: bold; font-size: 12px; border: 1px solid #cccccc; text-transform: uppercase; }

	#commentform #submit:hover,
	#commentform #submit:focus	
						{ color: #ffffff; background: #660000; border: 1px solid #660000; cursor: pointer; }
	
	
	/********************
	 * ==@SIDEBAR
	********************/	
	.block		        { display: block; float: left; margin: 0px 20px 10px 20px; padding: 20px 0px 10px 0px; width: 185px; border: 0px solid #cecece; border-top: 1px solid #cecece; background: #ffffff; }
	
	.block h4			{ display: block; float: left; clear: both; margin: 0px;  line-height: 1.2; }
	.block h5 			{ display: block; float: left; clear: both; margin: 10px 0px 0px 0px; line-height: 1.2; }
	
	.block ul           { display: block; float: left; width: 100%; padding: 0px; margin: 0px 0px 10px 0px; list-style-type: none; }
	.block ul ul		{ display: block; float: left; margin: 0px 10px; padding: 0px; border: 0px; }

	.block ul li		{ display: block; float: left; width: 100%; margin: 3px 0px 0px 0px; padding: 0px; border: 0px solid #000; font-size: 12px; }

	#block-photo-friday li,
  	#block-recipes li	{ display: block; float: left; width: 100%; margin-bottom:  10px; }


	
	.block ul ul li, .block ul li ul li	
						{ display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; list-style-type: disc !important; font-weight: normal; }

	.block ul li a 		{ font-weight: 600; }
	  
	.block ul li a,	.block ul li ul li a
						{ font-weight: normal; }
	
	
	.block img    { padding: 15px 0 0 43px; }
	.block a img  { padding: 0px; margin: 0px; }
	
	.block a img	{color:#374B7E; text-decoration:none;}


	#block-blognetwork	
					{ display: block; float: left; margin: 0px 20px 10px 20px; padding: 20px 0px 10px 0px; width: 185px; border: 0px solid #cecece; border-top: 1px solid #cecece; background: #ffffff; }

	#block-blognetwork img,
	#block-blognetwork a img
						{ margin: 0px; padding: 0px; } 

	
	.block ul li img,
	.block ul li a img
	      { display: block; float: left; padding: 0px; margin: 0px 5px 0px 0px; border: 1px solid #cecece; overflow: hidden; }

	.block a.link-more,
	li.aktt_more_updates a 
	                    { font-size: 12px; font-weight: 600; text-align right; float: right !important; display: block; clear: both; margin: 0px; padding: 5px; }

	
	.block ul li span.title  { display: block; float: left; width: 80px;  margin: 0px 0px 0px 5px; padding: 0px; }


	.block ul li span.thumb  	{ display: block; float: left; width: 100px; height: 100px !important; margin: 0px; padding: 0px; overflow: hidden; }
	
	.block span.medium 
	      { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; display: block; float: left; width: 200px !important; height: 200px !important; overflow: hidden; }
	
	
	.block span.thumb img     	{ border: 1px solid #cecece; width: 98px; height: 98px; }
	.block span.medium img    	{ border: 1px solid #cecece; width: 198px; height: 198px; }
	
	#block-about img.block-about-image
	                     		{ display: block; float: left; clear: right; margin: 0px; padding: 0px; }
	#block-about h6				{ margin: 5px 0px 0px 0px; padding: 0px; }
	#block-about ul				{ margin: 5px 0px 0px 0px; padding: 0px; }
	#block-about li				{ margin: 0px; padding: 0px; width: 185px !important; }
	
		
	#block-twitter				{ margin: 0px 20px; }
	#block-twitter ul li      	{ margin: 0px 0px 10px 0px; border-bottom: 0px dashed #cecece; padding: 0px 0px 10px 0px; }	
	#block-twitter ul li.aktt_more_updates
	                            { text-align: right; float: right; border: 0px solid #000000; }
	                            
	.rss-link	  				{ display: block; float: left; margin: 0px; padding: 0px; }	
	.rss-link a					{ display: block; float: left; margin: 0px; padding: 0px; text-align: left; }

	/* search */
	
	.fsearch {padding:0px; margin: 0px;background: #fff;}
	
	#searchform{ display: block; float: left; float: left; background: #ffffff;  margin: 0px;	padding: 0px;	}
	
	#searchform input#s				{	font-size: 8pt;	padding: 2px;	margin: 2px 5px 2px 2px;	border: 1px solid #cecece; float: left; width: 120px; }
	
	#searchform input#searchsubmit	{	font-size: 9px;	padding: 2px 3px;	margin: 2px 0 0 0px;	border: 1px solid #660000;	background-color: #660000;	color: #fff; text-transform: lowercase;	float:left;  font-weight: bold; 	}
		
	#searchform input#s:hover,#searchform input#searchsubmit:hover 
									{	color: #330000;	background-color: #ffffff;	border: 1px solid #660000;;	} 
	

	.tweet { margin-bottom: 10px; }
	.tweet .tweet_list { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0; background-color: #ffffff; height: 450px; }
	.tweet .tweet_list li { overflow: auto; padding: .5em; }
	.tweet .tweet_list li a { color: #660000; }
	.tweet .tweet_list .tweet_even {  }
	.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
	.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }
  	
	/********************
	 * ==@FOOTER
	********************/	
	
	#footer p         { float: left; text-align: left; padding:20px 15px; margin: 0; color: #333;}
	#footer a         {color: #660000;text-decoration: none;}
	#footer a:hover   {color: #330000;}



.wp-email P			{ text-align: left; }
.wp-email label		{ font-weight: bold; }
.wp-email-loading	{ display: none; text-align: center; height: 16px; }
.wp-email-image		{ border: 0px; }
.TextField			{ }
.Button				{ }
#wp-email-required	{ font-weight: bold; }
#wp-email-button	{ text-align: center; }
#wp-email-popup		{ padding: 1em 1em 0; }




.wp-email		{ display: block; float: left; clear: both; width: 450px; margin: 0px 0px 40px 0px; padding: 0px; }
.wp-email label	{ display: block; float: left; clear: both; margin: 0px 0px 0px 0px; padding: 3px; width: 440px; }

.wp-email input.TextField,
.wp-email input#yourname,
.wp-email input#yourremarks,
.wp-email input#email,
.wp-email input#url,	
.wp-email input#commentbox,	
.wp-email textarea	
					{ border: 1px solid #cecece; background: #ffffff; }

