/*  
Theme Name: 02 Tanya Lam Portfolio
Theme URI: http://www.tanyalam.com
Description: Tanya Lam's second web design for her online portfolio.
Version: 2.0
Author: Jacky Gilbertson
Author URI: http://www.jackygilbertson.ca
*/


*		{ padding: 0; margin: 0; }
.clear	{ clear: both; }
p		{ margin: 1.5em 0em; }

a	{ text-decoration: none; font-weight: bold; }
a:link, a:visited { color: #ec5420; }
a:hover, a:active { color: #00a4a2; }
h2 a, h3 a { font-weight: normal; }

body	{ background: #fffff5; font: normal 73%/1.5 helvetica, arial, sans-serif; }

input			{ border: 1px solid #ec5420; color: #000; padding: 2px; }
input#submit	{ border: 2px solid #ec5420; color: #000; padding: 2px; background: #ffeae3; }
textarea		{ border: 1px solid #ec5420; color: #000; padding: 2px; }

/* LAYOUT */

.container	{ width: 750px; margin: 0 auto; }

	/* HEADER */

#header
	{ padding: 40px 0px 35px 0px; background: transparent url(images/bg-header_2.gif) repeat-x bottom center;}
#header-logo	{ float: left; width: 110px; height: 110px; background: transparent url(images/header-decor_2.png) center center no-repeat; margin-right: 20px; }
#header-title	{ color: #008684; }
	#header-title a:link, #header-title a:visited	{ color: #00a4a2; }
	#header-title a:hover, #header-title a:active	{ color: #FFF; }
	#header-title h1	{ font: italic 2em/1.5 georgia, serif; }
	#header-title .differ	{ color: #ec5420; }
#header-menu	{ font: italic 1.25em/1.5 georgia, serif; }
	#header-menu a	{ font-weight: normal; }
	#header-menu ul li	{ float: left; width: 120px; list-style: none; 
						  border-right: 1px solid #8fbbba; }
		#header-menu ul li.end	{ border: 0; }
		#header-menu ul li.start	{ width: 110px; }
		#header-menu ul li.start a	{ padding-left: 0; }
	#header-menu ul li a	{ display: block; padding: 5px 10px; }
	#header-menu ul li a:link, #header-menu ul li a:visited
		{ color: #008684; }
		.menu-link	{ display: block; padding-bottom: 1px; }
		.menu-blurb	{ color: #222; font-size: 65.5%; line-height: 1.2; }
	#header-menu ul li a:active, #header-menu ul li a:hover
		{ color: #000; }

	/* CONTENT LAYOUT */

#content
	{ background: transparent; padding: 20px 0px; color: #555; }
	#content .container	{ padding: 0px 0px 20px 0px; border-bottom: 1px solid #DDD; }
	#content-main	{ width: 75%; float: left; text-align: justify; }
	#content-side	{ width: 22%; float: right; font-size: 90%; }
		#content-side h3	{ font-size: 130%; }
		#content-side ul	{ margin: 10px 0px 10px 10px;}
		#content-side p		{ margin: .5em 0em; }
		
		/* CONTENT */

h2, h3, h4, h5, h6	
	{ font-family: georgia, serif; font-weight: normal; color: #ec5420 }
#content-side h2, #content-side h3, #content-side h4, #content-side h5, #content-side h6	{ font-style: italic; color: #00a4a2; }

ul#side-updates
	{ margin: 1em 0em; list-style: none; }
	#side-updates li { margin: 5px 0px; }
	#side-updates li p { display: inline; }
ul.links {list-style:none;}

	
#home-image
	{ border: 1px solid #000; margin-top: 10px; overflow: hidden; padding: 0; }
#home-image img { padding: 0; }
	#home-image a { background: #EEE; display: block; overflow: hidden; height: 180px; padding: 0; }
	#home-image a img { border: 0; padding: 0; }
	
.alignright	{ float: right; width: 45%; text-align: right; }
.alignleft	{ float: left; width: 45%; text-align: left; }

.imgright	{ float: right; margin-bottom: 10px; margin-left: 10px; }
.imgleft	{ float: left; margin-bottom: 10px; margin-right: 10px; }
		
		/* CONTENT BLOG */
		
.title	{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #DDD; }
.meta-before	{ text-align: right; font-size: 90%; color: #888; }
.meta-after		{ text-align: right; font-size: 120%; background: #d2f3ed; padding: 5px 10px 3px 10px; }
	
.entry img
	{ max-width: 100%; margin: 0 auto; border: 1px solid #000; }
.archive-entry p, .archive-entry br { display: inline; }
.archive-post	{ background: #ffeae3; margin: 1em 0em; padding: 10px 15px; }
.post	{ margin-bottom: 20px; }

#comments	{ margin-bottom: 2.5em; }
#comments div		{ background: #ffeae3; margin: 1em 0em; padding: 15px 15px 5px 15px; }
#comments div.alt	{ background: #e4f5f2; }
#comments p { margin:  1em 0em; }

.PxgGlobalImage		{ padding: 5px; border: 1px solid #00a4a2; background: #FFF; } 
.PxgImage		{ padding: 5px; border: 1px solid #00a4a2; background: #FFF; }
.PxgSubGaleryImage	{ padding: 5px; border: 2px solid #000; background: #FFF; }

	/* FOOTER */

#footer	{ padding: 0px; font-size: 90%; text-align:right }
	#footer p	{ margin: 0; color: #888; }