/* NatalieMac Styles */

/* Resets -------------------------------------------------------------------------------------- */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

:focus	{
	outline: none;
	}

/* /Resets ------------------------------------------------------------------------------------- */

/* Layout -------------------------------------------------------------------------------------- */
	
body	{
	background: transparent url(images/bg_body.jpg);
	width: 960px;
	margin: 0 auto;
	font-family: georgia, times, 'times new roman', serif;
	font-size: 14px;
	line-height: 20px;
	color: #6f3a2f;
	position: relative;
	padding: 30px 0;
	}
	
#nav	{
	position: absolute;
	top: 0;
	right: 0;
	width: 372px;
	height: 115px;
	}
	
#nav .nav_home	{
	position: absolute;
	width: 83px;
	height: 34px;
	top: 20px;
	left: 71px;
	}
	
#nav .nav_blog	{
	position: absolute;
	width: 86px;
	height: 35px;
	top: 58px;
	left: 31px;
	}
	
#nav .nav_gallery	{
	position: absolute;
	width: 119px;
	height: 34px;
	top: 13px;
	left: 173px;
	}
	
#nav .nav_stories	{
	position: absolute;
	width: 118px;
	height: 41px;
	top: 63px;
	left: 125px;
	}
	
#nav .nav_todo	{
	position: absolute;
	width: 96px;
	height: 53px;
	top: 50px;
	left: 247px;
	}
	
#header	{
	height: 164px;
	background: transparent url(images/bg_header.gif) 0 0 no-repeat;
	}
	
#header h1,
#header p	{
	width: 590px;
	height: 164px;
	}
	
#header h1.theme1,
#header p.theme1	{
	background-image: url(images/hdr_img1.png);
	}

#header h1.theme2,
#header p.theme2	{
	background-image: url(images/hdr_img2.png);
	}

#header h1.theme3,
#header p.theme3	{
	background-image: url(images/hdr_img3.png);
	}

#header h1.theme4,
#header p.theme4	{
	background-image: url(images/hdr_img4.png);
	}

#header h1.theme5,
#header p.theme5	{
	background-image: url(images/hdr_img5.png);
	}

#header h1.theme6,
#header p.theme6	{
	background-image: url(images/hdr_img6.png);
	}

#header h1 a,
#header p a	{
	display: block;
	text-indent: -9999px;
	width: 590px;
	height: 164px;
	background: transparent url(images/global_logo.gif) 50% 50% no-repeat;
	}
	
#content	{
	min-height: 100px;
	background: transparent url(images/bg_content.gif) 0 0 repeat-y;
	overflow: hidden;
	}
* html #content	{
	zoom: 1;
	}
	
.gallery_cat #content h1	{
	height: 71px;
	text-indent: -9999em;
	background: transparent url(images/gallery_header.gif) 50% 0 no-repeat;
	}
	
.stories_cat #content h1	{
	height: 71px;
	text-indent: -9999em;
	background: transparent url(images/stories_header.gif) 50% 0 no-repeat;
	}
	
.todo_cat #content h1	{
	height: 71px;
	text-indent: -9999em;
	background: transparent url(images/todo_header.gif) 50% 0 no-repeat;
	}
	
#content #main	{
	float: left;
	width: 580px;
	margin: 0 0 0 33px;
	}
* html #content #main	{
	display: inline;
	}
	
#main h2	{
	font-size: 24px;
	color: #6eba8c;
	margin: 12px 0;
	}
	
#main.single h2	{
	font-size: 24px;
	text-indent: -40px;
	margin: 0 0 0 40px;
	}
	
#main h3	{
	font-size: 18px;
	color: #66b4b7;
	margin: 8px 0;
	}
	
#main p	{
	line-height: 20px;
	margin: 0 0 16px 0;
	}
	
#main div.intro	{
	margin: 16px 16px 0 16px;
	padding: 16px 16px 0 16px;
	}
	
#content #sidebar	{
	float: right;
	width: 296px;
	text-align: left;
	margin: 0 33px 0 0;
	padding: 12px 0;
	}
* html #content #sidebar	{
	display: inline;
	}
	
#sidebar>li	{
	padding: 0 0 1em 0;
	}
	
#sidebar #search label	{
	display: block;
	text-indent: -9999em;
	height: 31px;
	background: transparent url(images/header_search.gif) 0 0 no-repeat;
	}
	
#sidebar #search form	{
	padding: 1em 0;
	overflow: hidden;
	}
* html #sidebar #search form	{
	zoom: 1;
	}
	
#sidebar #search input[type='text']	{
	background: #e6f1ea;
	border: 1px solid #00a2a6;
	width: 172px;
	float: left;
	margin: 0 5px 0 0;
	height: 16px;
	padding: 4px 2px;
	}
* html #sidebar #search input#s	{
	background: #e6f1ea;
	border: 1px solid #00a2a6;
	width: 172px;
	float: left;
	margin: 0 5px 0 0;
	height: 16px;
	padding: 4px 2px;
	}
	
#sidebar #search input[type='image']	{
	float: left;
	}
* html #sidebar #search input	{
	float: left;
	}
	
#sidebar li.categories h3	{
	height: 42px;
	background: transparent url(images/header_categories.gif) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#sidebar #recent_updates h3	{
	height: 36px;
	background: transparent url(images/header_recentlyupdated.gif) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 0 0 5px 0;
	}
	
#sidebar #recently_viewed h3	{
	height: 37px;
	text-indent: -9999em;
	background: transparent url(images/header_recentlyviewed.gif) 0 0 no-repeat;
	}
	
#footer	{
	height: 108px;
	background: transparent url(images/bg_footer.gif) 0 0 no-repeat;
	padding: 20px 0 0 0;
	font-size: 12px;
	text-align: center;
	clear: both;
	}
	
#footer ul	{
	padding: 5px 0;
	}
	
#footer li	{
	display: inline;
	padding: 0 5px;
	}
	
#footer a,
#footer a:link	{
	color: #6f3a2f;
	text-decoration: none;
	}
	
#footer a:hover	{
	text-decoration: underline;
	}
	
/* /Layout ------------------------------------------------------------------------------------- */

/* Forms --------------------------------------------------------------------------------------- */

input[type='text'],
input[type='password'],
textarea,
select	{
	}

/* /Forms -------------------------------------------------------------------------------------- */

/* Links --------------------------------------------------------------------------------------- */

a,
a:link	{
	color: #008894;
	text-decoration: none;
	}
	
a:visited	{
	color: #008894;
	}
	
a:hover	{
	color: #00808b;
	text-decoration: underline;
	}
	
a:active	{
	color: #00808b;
	}

/* /Links -------------------------------------------------------------------------------------- */

/* Global Classes ------------------------------------------------------------------------------ */

.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	}

div.hr	{
	height: 24px;
	background: transparent url(images/global_hr.gif) 50% 50% no-repeat;
	margin: 12px 0;
	}
	
p.image	{
	text-align: center;
	}
	
p.image img	{
	border: 2px solid #92c7a4;
	}
	
.cms	{
	}
	
.cms blockquote	{
	margin: 0 0 1em 2em;
	}
		
.cms p	{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 1em 0;
	}
	
.cms h1 {
	}
	
.cms h2 {
	}

.cms h3 {
	}

.cms h4 {
	}

.cms h5 {
	}

.cms h6 {
	}

.cms ul,
.cms ol {
	}
	
.cms ul,
.cms ul li {
	}

.cms ol,
.cms ol li {
	}

.cms dl {
	}

.cms dl dt {
	}
	
.cms strong,
.cms b	{
	}
	
.cms i,
.cms em	{
	}
	
.cms blockquote	{
	}

/* /Global Classes ----------------------------------------------------------------------------- */

/* Home Page ----------------------------------------------------------------------------------- */

#home	{
	padding: 0 33px;
	overflow: hidden;
	background: transparent url(images/bg_home_home.gif) 32px 100% no-repeat;
	}
* html #home	{
	zoom: 1;
	}
	
#home li	{
	width: 286px;
	float: left;
	margin-left: 18px;
	padding: 0 0 50px 0;
	position: relative;
	}
* html #home li	{
	margin-left: 0;
	}
	
#home li:first-child	{
	margin-left: 0;
	}
* html #home li.gallery	{
	margin-left: 0;
	}
* html #home li.stories	{
	margin-left: 14px;
	}
* html #home li.todo	{
	margin-left: 18px;
	}
	
#home li h2 a	{
	display: block;
	height: 56px;
	text-indent: -9999px;
	}
	
#home li.gallery h2 a	{
	background: transparent url(images/home_gallery_header.gif) 0 0 no-repeat;
	}
	
#home li.stories h2 a	{
	background: transparent url(images/home_stories_header.gif) 0 0 no-repeat;
	}
	
#home li.todo h2 a	{
	background: transparent url(images/home_todo_header.gif) 0 0 no-repeat;
	}
	
#home li div	{
	padding: 18px 18px 0 18px;
	}
	
#home li h3	{
	font-size: 24px;
	text-align: center;
	padding: 12px 0;
	}
	
#home li.todo h3	{
	font-size: 16px;
	text-align: left;
	margin: 0 0 0 1em;
	text-indent: -1em;
	}
	
#home li h3 a,
#home li h3 a:link	{
	color: #6eba8c;
	text-decoration: none;
	}
	
#home li h3 a:hover	{
	color: #40af75;
	}
	
#home li p.more	{
	position: absolute;
	bottom: 18px;
	right: 18px;
	width: 100px;
	text-align: right;
	}
	
#home li p.more a,
#home li p.more a:link	{
	color: #6f3a2f;
	text-decoration: none;
	font-size: 14px;
	}
	
#home li p.more a:hover	{
	text-decoration: underline;
	}
	
#network	{
	float: left;
	background: #b8dee1 url(images/bg_network.gif) 0 0 no-repeat;
	height: 145px;
	width: 590px;
	margin: 18px 0 0 33px;
	}
* html #network	{
	display: inline;
	}
	
#network h2	{
	height: 50px;
	background: transparent url(images/home_network_header.gif) 50% 100% no-repeat;
	text-indent: -9999em;
	}
	
#network ul	{
	overflow: hidden;
	}
	
#network li	{
	float: left;
	width: auto;
	text-align: center;
	font-size: 12px;
	padding: 30px 15px 0 15px;
	}
	
#network li a	{
	display: block;
	}
	
#blog	{
	float: right;
	background: transparent url(images/bg_blog.gif) 0 0 no-repeat;
	height: 145px;
	width: 286px;
	margin: 18px 33px 0 0;
	}
* html #blog	{
	display: inline;
	}
	
#blog h2	{
	text-indent: -9999em;
	position: absolute;
	}
	
#blog p	{
	font-size: 12px;
	line-height: 18px;
	margin: 60px 5px 0 60px;
	}
	
#blog a,
#blog a:link	{
	color: #ef4861;
	font-weight: bold;
	}
	
/* /Home page ---------------------------------------------------------------------------------- */

/* Gallery ------------------------------------------------------------------------------------- */
	
.gallery_cat ul.gallery	{
	padding: 12px 24px;
	}
	
.gallery_cat ul.gallery li	{
	float: left;
	width: 286px;
	padding: 12px 9px;
	text-align: center;
	overflow: hidden;
	}
	
.gallery_cat ul.gallery li p.site	{
	padding: 0 0 0 18px;
	float: left;
	text-align: left;
	width: auto;
	}
	
.gallery_cat ul.gallery li p.casestudy	{
	padding: 0 18px 0 0;
	float: right;
	text-align: right;
	width: auto;
	}
	
/* /Gallery ------------------------------------------------------------------------------------ */
	
/* Stories ------------------------------------------------------------------------------------- */

.stories_cat ul.stories {
	padding: 12px 33px;
	}
	
.stories_cat ul.stories li	{
	padding: 0 0 24px 0;
	overflow: hidden;
	}
* html .stories_cat ul.stories li	{
	zoom: 1;
	}
	
.stories_cat ul.stories li img	{
	float: left;
	border: 2px solid #92c7a4;
	}
	
.stories_cat ul.stories li h2	{
	margin: 0 0 0 250px;
	padding: 15px 0;
	font-size: 24px;
	}
	
.stories_cat ul.stories li h2 a,
.stories_cat ul.stories li h2 a:link	{
	color: #68b185;
	}
	
.stories_cat ul.stories li h2 a:hover	{
	color: #3ca66f;
	text-decoration: none;
	}
	
.stories_cat ul.stories li p	{
	margin: 0 0 0 250px;
	width: 590px;
	}
	
/* /Stories ------------------------------------------------------------------------------------ */

/* To do --------------------------------------------------------------------------------------- */
	
.todo_cat ul.todolist li,
.todo_cat #sidebar li.categories li	{
	line-height: 16px;
	padding: 0 0 8px 0;
	}
	
.todo_cat ul.todolist a,
.todo_cat ul.todolist a:link,
.todo_cat #sidebar li a,
.todo_cat #sidebar li a:link	{
	color: #6f3a2f;
	text-decoration: none;
	padding: 0 0 0 18px;
	}
	
.todo_cat #sidebar li#recent_stories a,
.todo_cat #sidebar li#recent_stories a:link	{
	color: #40AF75;
	padding: 0;
	}
	
.todo_cat #sidebar li#recent_stories li	{
	margin: 0 0 1em 0;
	padding: 0 10px;
	}
	
.todo_cat #sidebar li#recent_stories a span	{
	font-size: 14px;
	font-weight: bold;
	}
	
.todo_cat #main p.status	{
	padding: 0 0 0 18px;
	line-height: 16px;
	font-size: 14px;
	color: #66b4b7;
	margin: 10px 0 0 0;
	}
	
.todo_cat ul.todolist a:hover,
.todo_cat #sidebar li a:hover	{
	text-decoration: underline;
	}
	
.todo_cat li.categories li a,
.todo_cat li.categories li a:link	{
	background: transparent url(images/todo_tag_completelist.gif) 0 0 no-repeat;
	}
	
.todo_cat li.todo a,
.todo_cat li.todo a:link,
.todo_cat #sidebar li.cat-item-1 a,
.todo_cat #sidebar li.cat-item-1 a:link,
.todo_cat div.single p.todo	{
	background: transparent url(images/todo_tag_todo.gif) 0 0 no-repeat;
	}
	
.todo_cat li.work-in-progress a,
.todo_cat li.work-in-progress a:link,
.todo_cat #sidebar li.cat-item-3 a,
.todo_cat #sidebar li.cat-item-3 a:link,
.todo_cat div.single p.work-in-progress	{
	background: transparent url(images/todo_tag_wip.gif) 0 0 no-repeat;
	}
	
.todo_cat li.completed a,
.todo_cat li.completed a:link,
.todo_cat #sidebar li.cat-item-4 a,
.todo_cat #sidebar li.cat-item-4 a:link,
.todo_cat div.single p.completed	{
	background: transparent url(images/todo_tag_complete.gif) 0 0 no-repeat;
	}
	
.todo_cat li.attempted a,
.todo_cat li.attempted a:link,
.todo_cat #sidebar li.cat-item-5 a,
.todo_cat #sidebar li.cat-item-5 a:link,
.todo_cat div.single p.attempted	{
	background: transparent url(images/todo_tag_attempted.gif) 0 0 no-repeat;
	}
	
.todo_cat li.nevermind a,
.todo_cat li.nevermind a:link,
.todo_cat #sidebar li.cat-item-6 a,
.todo_cat #sidebar li.cat-item-6 a:link,
.todo_cat div.single p.nevermind	{
	background: transparent url(images/todo_tag_nevermind.gif) 0 0 no-repeat;
	}
	
.todo_cat #sidebar #recent_updates li a,
.todo_cat #sidebar #recently_viewed li a	{
	padding: 0;
	}
	
.todo_cat #sidebar #recent_updates li,
.todo_cat #sidebar #recently_viewed li	{
	text-indent: -18px;
	padding: 0 0 8px 0;
	margin: 0 0 0 18px;
	}
	
.todo_cat #main ul.search_results h2	{
	font-size: 16px;
	margin: 12px 0 0 0;
	}
	
.todo_cat #main ul.search_results h2 a,
.todo_cat #main ul.search_results h2 a:link	{
	padding: 0 0 0 18px;
	}
	
.todo_cat #main ul.search_results p	{
	margin: 0;
	padding: 0;
	}
	
.todo_cat #main ul.search_results p.readmore	{
	text-align: right;
	}
	
.todo_cat #main ul.search_results p.readmore a,
.todo_cat #main ul.search_results p.readmore a:link	{
	background: transparent;
	}
	
.todo_cat #main.single h3.mystory	{
	background: transparent url(images/header_mystory.gif) 0 0 no-repeat;
	text-indent: -9999em;
	height: 29px;
	margin: 20px 0 0 0;
	}
	
.todo_cat #main.single h3.related	{
	background: transparent url(images/header_relatedtodoitems.gif) 0 0 no-repeat;
	text-indent: -9999em;
	height: 26px;
	margin: 20px 0 10px 0;
	}
	
.todo_cat #main.single h3.shared	{
	background: transparent url(images/header_sharedstories.gif) 0 0 no-repeat;
	text-indent: -9999em;
	height: 24px;
	margin: 20px 0 12px 0;
	}
	
.todo_cat #main.single ul.related_post {
	margin: 0 0 0 1em;
	}
	
.todo_cat #main.single ul.related_post li	{
	list-style-type: disc;
	margin: 0 0 0 1em;
	line-height: 16px;
	}
	
.todo_cat #main.single p.subscribe	{
	margin: 0;
	padding: 0 0 0 20px;
	background: transparent url(images/btn_rss.gif) 0 0 no-repeat;
	line-height: 18px;
	}
	
#commentform input[type='text']	{
	background: #e6f1ea;
	border: 1px solid #00a2a6;
	width: 170px;
	height: 16px;
	padding: 4px 2px;
	}
* html #commentform input#author,
* html #commentform input#url,
* html #commentform input#email	{
	background: #e6f1ea;
	border: 1px solid #00a2a6;
	width: 170px;
	height: 16px;
	padding: 4px 2px;
	}
	
#commentform textarea	{
	border: 1px solid #00a2a6;
	background: #e6f1ea;
	width: 400px;
	height: 200px;
	padding: 2px;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 12px;
	}
* html #commentform textarea	{
	overflow: auto;
	}
	
.todo_cat li.comment	{
	margin: 5px 0 20px 0;
	list-style-type: decimal;
	list-style-position: inside;
	background: transparent url(images/bg_commenthead_odd.gif) 0 0 no-repeat;
	min-height: 30px;
	line-height: 30px;
	font-size: 22px;
	color: #00a2a6;
	}
	
.todo_cat li.comment.even h4	{
	background: transparent url(images/bg_commenthead_even.gif) 0 0 no-repeat;
	color: #40af75;
	}
	
.todo_cat li.comment h4	{
	min-height: 30px;
	line-height: 30px;
	display: inline;
	}
	
.todo_cat li.comment.bypostauthor h4	{
	background: #fbcfcb;
	color: #ef4861;
	}
	
.todo_cat #main li.comment h4 span	{
	padding: 0 5px;
	}
	
.todo_cat #main li.comment p	{
	padding: 12px 5px 0 5px;
	margin: 0;
	color: #6f3a2f;
	}
	
.todo_cat #main li.comment p p	{
	margin: 0;
	padding: 0;
	}
	
.todo_cat #main li.comment p.date	{
	padding: 5px 5px 0 5px;
	margin: 0;
	font-size: 12px;
	color: #8a6352;
	}
/* /To do -------------------------------------------------------------------------------------- */