/*****************************************
*	Theme Name: Cupcake
*	Description: Pink and red cupcake theme for Home Based Business Mom.
*	Version: 1.0
*	Author: Nai Saelee
*	Author URI: http://www.phaceinc.com
*	
*	This theme was designed and coded by Nai Saelee,
*	whose blog you will find at http://www.phaceinc.com
*
*
**** CSS Document ************************/

body, div, h1, h2, h3, p, ul, li { margin: 0; padding: 0; }
img { border: 0; }

body { background: url(images/bg.gif) #ffeeee repeat;
       /* typography */ color: #252525; font-size: .8em; font-family: Arial, Helvetica, sans-serif; }
	   
#page { margin-top: 20px; background: url(images/top-bg.gif) repeat-x top; }
	   
#container { margin: 0 auto; width: 971px; background: url(images/mid-bg.gif) no-repeat 0 157px; overflow: auto; }

#topBar { margin: 0 auto; padding: 0; width: 971px; height: 25px; }
	
	#topBar h3,
	#footer h3 { visibility: hidden; display: none; }
	#topBar ul { margin: 0 0 0 25px; width: 725px; }
	#topBar ul ul { margin: 0; padding: 0; width: 95%; height: 25px; float: left; }
	#topBar li { margin: 0; padding: 0 10px; list-style-type: none; float: left; background: #ffd8d8; line-height: 25px;
		/* typography */ font-weight: bold; font-size: 1.1em; }
	#topBar li.home { margin: 0; padding: 0 10px; height: 25px; line-height: 25px; display: block; background: #ffd8d8;
		/* typography */ font-weight: bold; font-size: 1.25em; }


#headerimg { margin: 0 auto; padding: 0; width: 971px; height: 157px; }
	#headerimg h1 { display: none; }
	#headerimg .description { display: none; }
	

/* #content */
#content { margin: 0 auto; padding: 7px 15px 25px 15px; width: 935px; background: url(images/content-bg.gif) #fff no-repeat top; border-left: 3px solid #ffd8d8; border-right: 3px solid #ffd8d8; overflow: auto; }
* html #content { margin: -3px auto 0 auto; }

	#content.narrowcolumn h2 { /* typography */ color: #e3e4d0; font-weight: normal; font-size: 2.2em; }
	#content p { line-height: 1.3em; }
	#content h3.pagetitle { padding: 0 15px 15px 0; text-align: right; }
	
	#content #posts { margin-top: 25px; width: 500px; overflow: hidden; float: left; }
	
	
	
	/* * html #content.widecolumn .post { padding: 20px 3px 20px 2px; }*/
	.post { width: 500px; }
	.post h2 { font-size: 1.4em; }
	.post .entry { padding: 0 0 5px 0; display: block; }
	.post .entry p { margin: 0 0 15px 0; }
	
	.post .meta { margin: 0 0 50px 0; padding: 2px 0; background: #ffd8d8; width: 500px; display: block; }
	.post .meta div { padding: 3px 10px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
	.post .meta span {
		/* typography */ color: #000; font-size: 1.05em; font-weight: bold; }
	
	.post .postmetadata { width: 99%; }
	.post p.postmetadata { text-align: right; }
	.post p.alt { margin: 3px 0; text-align: left; }
	
	/* .subscribe { margin: 5px auto 0 auto; padding: 10px 3px !important; width: 100%; background: #ffffdd; border: 1px solid #ddd; text-align: center;
	 font-size: 1em !important; } */

	
	.post h3#comments { margin: 0; padding: 10px 0; width: 500px; background: #a91e26; text-align: center;
		/* typography */ color: #ffeeee; font-variant: small-caps; }
	.post h3#respond { margin: 0; padding: 10px 0;
		/* typography */  }
	.post ol.commentlist,
	.post .commentlist li { margin: 0; padding: 0; width: 478px; list-style-type: none; }
	.post .commentlist li { padding: 10px; background: #fff6f6; border-left: 1px solid #ffd8d8; border-right: 1px solid #ffd8d8; }
	
	
	
	.post script { border: 1px solid red; }
	
	#content #posts ul.related-posts { margin: 0 0 0 20px; padding: 10px 0; }
	#content #posts .related-posts li { padding: 3px 0; list-style-type: square; }
	#content #posts h4 { margin: 0; padding: 0;
		/* typography */ color: #4389a6; font-family: "Times", Georgia, serif; font-weight: normal; }
	
	
	
	.navigation,
	.navigation-bottom { padding: 5px 10px; }
		.navigation li.alignleft, 
		.navigation li.alignright { margin-bottom: 15px; list-style-type: none; width: 47%; }
		.navigation-bottom li.alignleft,
		.navigation-bottom li.alignright { margin-top: 15px; list-style-type: none; width: 47%; }
		.navigation .alignleft,
		.navigation-bottom li.alignleft { float: left; }
		.navigation li.alignright,
		.navigation-bottom li.alignright { float: left; text-align: right; }
	
	
	
	#comments-block { margin: 0; padding: 0 10px; width: 478px; background: #ffeeee; border: 1px solid #ffd8d8; }
	* html #comments-block { width: 477px; }
	#comments-div { margin: 25px 0; width: 500px; height: 57px; background: url(images/div.gif) no-repeat bottom; display: block; }
	#commentform textarea { width: 99%; }
	
	
	
	#sidebar { margin: 25px 15px 0 0; width: 180px; float: left; display: inline; }
	#sidebar-right { margin: 100px 0 0 30px; width: 180px; float: left; display: inline; }
			#sidebar li,
			#sidebar-right li { margin: 0 0 20px 0; list-style-type: none; text-align: center; }
			#sidebar h3,
			#sidebar-right h3,
			#sidebar h2,
			#sidebar-right h2 { width: 100%; height: 14px; display: block; text-align: right; background: url(images/sidebar-top.gif) repeat-x top;
				/* typography */ font-size: .9em; font-weight: bold; color: #83242c; font-family: Georgia, serif; }
			* html #sidebar h3,
			* html #sidebar-right h3,
			* html #sidebar h2,
			* html #sidebar-right h2 { background: url(images/sidebar-top-ie.gif) repeat-x bottom; }
				#sidebar li ul,
				#sidebar li p,
				#sidebar-right li ul,
				#sidebar-right li p { padding: 10px; background: #d4d8ac; }
				#sidebar li li,
				#sidebar li div,
				#sidebar-right li li,
				#sidebar-right li div { list-style-type: none; text-align: left; }
				#sidebar li li,
				#sidebar-right li li { margin: 0; padding: 0 0 4px 0; }
				
				#sidebar-right #submit { padding: 0; width: 130px !important; } 
				
				
				
	#footer { margin: 0 auto; padding: 10px; width: 945px; background: #ffd8d8; border-left: 3px solid #ffd8d8; border-right: 3px solid #ffd8d8; text-align: center;
		/* typography */ color: #83242c; font-size: .9em; }
		#footer ul { display: block; width: 945px; height: 20px; clear: both; overflow: auto; text-align: center; }
		#footer ul, #footer li { margin: 0; padding: 0; list-style-type: none; text-align: center; }
		#footer li ul { display: inline; width: auto; clear: none; text-align: center; }
		#footer li { display: inline; }
		#footer li { padding: 0 10px 0 0; display: inline; }
	
	
	
/* specific blocks */

	/* meta */
	.post .nomargin { margin: 0; }
	

	/* recent comments */
	#recent-comments {
		/* typography */ font-weight: bold; font-style: italic; }
		
		
	/* calendar */
	#calendar h3 { display: none; }
	table#wp-calendar { width: 180px; background: #d4d8ac; text-align: center; }
	table#wp-calendar caption { width: 180px; text-align: right; background: url(images/sidebar-top.gif) #d4d8ac repeat-x top;
		/* typography */ font-size: .9em; font-weight: bold; color: #83242c; font-family: Georgia, serif; font-style: italic }
	* html table#wp-calendar caption { background: url(images/cal-top.gif) #d4d8ac repeat-x top; }
	table#wp-calendar thead { width: 180px; }
	
	
	/* tag cloud */
	#tag_cloud { background: url(images/tag-bg.gif) #d4d8ac repeat-x top; }
	#tag_cloud h3 { background: url(images/tag-top.gif) #fff repeat-x bottom; }
	
	
	/* search */
	#top-search { margin: 0; width: 100%; height: 93px; background: url(images/search-bg.gif) no-repeat top left; }
	#top-search #s { margin: 30px 0 0 107px; padding: 5px; width: 385px; float: left; }
	#top-search #searchsubmit { margin: 30px 0 0 10px; width: 107px; height: 30px; float: left; }
	
				

	
	
	
/* links */
a, a:visited, a:active { color: #0000FF; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: underline; }

	/* top bar */
	#topBar a,
	#topBar a:visited,
	#topBar a:active { color: #7a1720; text-decoration: underline; }
	#topBar a:hover { color: #c30012; }
	
	/* post links */
	#posts h2 a, #posts h2 a:visited, #posts h2 a:active { font-size: 1.4em; color: #83242c; font-weight: normal; text-decoration: none; }
	#posts h2 a:hover { text-decoration: underline; }
	
	.post .postmetadata span a { font-size: .9em; padding: 8px 0 0 17px; line-height: 30px; }
	
	.post .meta a,
	.post .meta a:link,
	.post .meta a:visited,
	.post .meta a:active { color: #0000FF; font-style: italic; font-weight: bold; text-decoration: underline; }
	
	/* sidebar links */
	#sidebar a,
	#sidebar a:visited,
	#sidebar a:active,
	#sidebar-right a,
	#sidebar-right a:visited,
	#sidebar-right a:active { color: #0000FF; font-style: normal; font-weight: normal; text-decoration: underline; }
	#sidebar a:hover,
	#sidebar-right a:hover { font-weight: normal; text-decoration: underline; }
	
	
	#tag_cloud a,
	#tag_cloud a:visited,
	#tag_cloud a:active { padding: 2px; font-size: .85em; }
	#tag_cloud a:hover { background: yellow; text-decoration: none; }
	
	#sidebar #wp-calendar a,
	#sidebar #wp-calendar a:visited,
	#sidebar #wp-calendar a:active,
	#sidebar-right #wp-calendar a,
	#sidebar-right #wp-calendar a:visited,
	#sidebar-right #wp-calendar a:active { background: yellow; color: blue; }
	
	#footer a,
	#footer a:link,
	#footer a:visited,
	#footer a:active { color: #252525; font-weight: normal; text-decoration: underline; }
	
	#footer ul a,
	#footer ul a:link,
	#footer ul a:visited,
	#footer ul a:active { color: #83242c; font-weight: normal; text-decoration: none; }
	#footer ul a:hover { text-decoration: underline; }
	
	
	
	
	
/* fonts */

	/* font type */
	.ari { font-family: Arial, Helvetica, sans-serif; }
	.tnr { font-family: "Times New Roman", Georgia, serif; }
	.geo { font-family: Georgia, Times, serif; }
	.tms { font-family: "Trebuchet MS", Helvetica, sans-serif; }
	.plt { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
	.tra { font-family: "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif; }
	
	/* colors */
	.white { color: #fff; } /* white */
	.mred { color: #d60000; } /* medium red */
	.dred { color: #83242c; } /* dark red */
	.dgray { color: #252525; } /* dark gray */
	
	/* sizes */
	.f04 { font-size: .4em; }
	.f05 { font-size: .5em; }
	.f06 { font-size: .6em; }
	.f09 { font-size: .9em; }
	.f10 { font-size: 1em; }
	.f12 { font-size: 1.2em; }
	.f13 { font-size: 1.3em; }
	.f14 { font-size: 1.4em; }
	.f15 { font-size: 1.5em; }
	.f16 { font-size: 1.6em; }
	.f17 { font-size: 1.7em; }
	.f18 { font-size: 1.8em; }
	.f19 { font-size: 1.9em; }
	.f20 { font-size: 2.0em; }
	.f21 { font-size: 2.1em; }
	.f22 { font-size: 2.2em; }
	
	/* wp-image */
.alignleft { float: left; }