/*  
Theme Name: JackyGilbertson Default
Theme URI: http://www.jackygilbertson
Description: For my portfolio.
Version: 1.0
Author: Jacky Gilbertson

*/

*		{ padding: 0; margin: 0; }
p		{ margin: 1em 0em; *margin: 1.5em 0em; }
.c		{ clear: both; }
a img	{ border: 0; }

a	{ text-decoration: none; font-weight: bold; }
a:link, a:visited	{ color: #ec008c; }
a:hover, a:active	{ color: #7ad6b7; }

body	{ background: #ade8d4 url(imgs/bg-page.gif) repeat-x top center; font: normal .80em/1.5 trebuchet, sans-serif; }

h2	{ color: #ec008c; *font-size: 1.2em; }

blockquote	{ }

input, textarea	{ padding: 8px; line-height: 24px; border: 2px solid #5cbebe; font-family: "trebuchet ms"; }
input	{ font-size: 11pt; }
	input.button	
		{ background: #ec008c; color: #FFF; border: 5px solid #c90077; padding: 10px 15px; font-weight: bold; font-size: 130%; text-transform: uppercase; }

.entry ul,.entry ol	{ margin: 1em 2em; }
	ul li { }

hr		{ margin: 3% 15%; *margin: 0% 15%; border: 0; border-top: 3px dotted #DDD; *border-top: 5px dotted #AAA; }

/* BACKGROUNDS */

#bg-page
	{ background: transparent url(imgs/bg-header.gif) top center no-repeat; }

/* LAYOUT */

#navigation
	{ background: transparent url(imgs/bg-header.gif) top center no-repeat; padding: 130px 0px 15px 0px; text-align: right;}
	#navigation ul	
		{ margin: 0 auto; width: 600px; padding: 0px 0px 0px 300px; }
	#navigation ul li
		{ display: inline; padding: 0px 4px; }
		#navigation a	{ background: #000; padding: 8px 10px; }
		#navigation a:link, #navigation a:visited	{ color: #FFF; }
		#navigation a:hover, #navigation a:active	{ color: #ec008c; }
		
#wrapper
	{ width: 900px; margin: 0 auto; }

/* HEADER */

#header
	{ padding: 40px 0px 0px 0px; text-align: right; font-size: 90%; }

	#title	{ width: 300px; float: left; position: relative; top: -230px; *top: -250px; left: 150px; margin-bottom: -150px; }

#store	{ width: 900px; margin: 0 auto; text-align: right; font-size: 85%;
			position: absolute; top: 0px;
			text-transform: uppercase; letter-spacing: 1px; }
	#store a	{ padding: 10px 15px 6px 15px; position: relative; top: 6px; }
	#store a:link, #store a:visited	{ background: #ec008c; color: #FFF; }
	#store a:hover, #store a:active	{ background: #333; color: #ec008c; }

/* INTRODUCTION */

#intro
	{ padding: 1.5% 0%; }
	#intro-text
		{ width: 60.5%; background: #FFF; padding: 15px 25px; float: right; }
	.intro-contact	{ text-align: right; }

/* CONTENT */

#content
	{ padding: 2% 0%; *padding-top: 1%; }
	.content-padding	{ padding: 15px 20px; }

	#content-page	{ background: #FFF; }

/* FOOTER */

#footer			{ padding: 5px 0px 25px 0px; }
#footer ul li	{ display: inline; padding: 0px 10px 0px 0px; }
#footer a 		{ padding: 6px 8px 4px 8px; }
#footer a:link, #footer a:visited	{ background: #ec008c; color: #FFF; }
#footer a:hover, #footer a:active	{ background: #FFF; color: #000; }

/* FRONT PAGE */

	#content-1
		{ width: 32%; background: #FFF; float: left; margin-right: 2%; }

	#content-2
		{ width: 32%; background: #FFF; float: left; margin-right: 2%; }

	#content-3
		{ width: 32%; background: transparent; float: left; margin-right: 0%; 
			padding: 15px 0px; }

	#content-3 ul	{ margin: 1em 0em 0em 0em; list-style: none; *font-size: 90%; }
		#content-3 h2	{ color: #000; }
		#content-3 ul li { padding: 8px 5px 8px 30px; 
				border-bottom: 1px solid #5cbebe; 
				background: url(imgs/post.gif) left center no-repeat; }
		#content-3 li a	{ padding: 2px 3px; background: #5cbebe; }
			#content-3 a:link, #content-3 a:visited	{ color: #FFF; }
			#content-3 a:hover, #content-3 a:active	{ background: #21b1ab; }

/* ENTRY */

#sketchblog
	{ margin-top: -2em; }

	.entry	{ clear: both; margin: 2em 0em 0em 0em; padding-bottom: 2em; }
		.entry h2		{ *font-size: 200%; *margin-bottom: 0; }
	.entry-content	{ float: left; width: 66%; background: #FFF; }
		.entry-img	{ width: 97%; background: #cef2e6; padding: 1.5%; margin: 2em 0em; }
		.entry-img a	{ height: 120px; border: 2px solid #FFF; 
							display: block; overflow: hidden; }
		.entry-img a img.horz	{ width: 550px; position: relative; top: -90px; _position: static; *position: static; }
		.entry-img a img.vert	{ width: 550px; position: relative; top: -340px; _position: static; *position: static; }
		.entry-img a img.norm	{ width: 550px; position: static; }
		.entry-ifriday	{ margin: 2em auto; }
			.entry-ifriday img	{ max-width: 500px; }

	.entry-sidebar	{ float: right; width: 32%; background: #7fd2c8; }
		.entry-sidebar ul	{ font-size: 85%; margin: 1em 2em; }
		ul.entry-categories	{ list-style-image: url(imgs/cate.gif); }
		ul.entry-tags		{ list-style-image: url(imgs/tags.gif); }
		.entry-sidebar a	{ background: #5cbebe; padding: 2px 3px; }
			.entry-sidebar a:link, .entry-sidebar a:visited	{ color: #FFF; }

	h2#comments, h2#respond	{ margin-top: 2em; color: #000; }
	.entry-comments	{ font-size: 120%; width: 35%; *width: 50%; text-align: left;
			  position: relative; right: -107%; *right: -100%; }
		.entry-comments a	{ padding: 6px 8px 2px 30px; line-height: 10px;
				  *padding-bottom: 6px;
				  position: relative; top: 10px; *top: 13px;
				  background: #000 url(imgs/comment.gif) left center no-repeat; }
		.entry-comments a:link, .entry-comments a:visited	{ color: #FFF; }
		.entry-comments a:hover, .entry-comments a:active	{ color: #ec008c; }

	ul.comments	{ margin: 0; padding: 0; list-style: none; list-style-type: none; }
		ul.comments li	{ margin: 1.5em 0em; clear: both; }
		div.comment-author 	{ background: #000; color: #FFF; }
		div.comment-text	{ background: #FFF; }
			ul.comments div.content-padding { padding: 10px 15px; }
		ul.comments cite img	{ background: #DDD; }

	.post-nav	{ font-size: 90%; padding: 20px 0px; }
		.post-nav span		{ background: #000; color: #FFF; font-weight: bold; padding: 5px 8px; }
			.post-nav span:hover	{ background: #222; }
		.post-nav .right	{ float: right; width: 45%; text-align: right; }
		.post-nav .left		{ float: left; width: 45%; }

	.pagetitle	{ color: #000; }
		

/* ABOUT ME */

#about-me #content-page
	{ width: 66%; float: right; }

	.about-sidebar	{ float: left; width: 32%; background: #7fd2c8; }
		.about-sidebar	.content-padding	{ padding: 15px 15px 10px 15px; }

		#profile-img		{ width: 94%; background: #cef2e6; padding: 3%; }
		#img-overflow		{ height: 120px; width: 97.5%; border: 2px solid #FFF; 
			display: block; overflow: hidden; }
		#profile-img img	{ width: 300px; position: relative; _position: static; *position: static;
			top: -30px; left: -5px; }

		.about-sidebar ul	{ margin: 1.5em 2em 1em 2.5em; }
			.about-sidebar li	{ margin: .125em 0em; *padding-left: 10px; }
		.about-sidebar li.name	{ list-style-image: url(imgs/about-name.gif); }
		.about-sidebar li.sex	{ list-style-image: url(imgs/about-sex.gif); }
		.about-sidebar li.age	{ list-style-image: url(imgs/about-age.gif); }
		.about-sidebar li.from	{ list-style-image: url(imgs/about-from.gif); }

		.about-sidebar li.school	{ list-style-image: url(imgs/about-school.gif); }
		.about-sidebar li.contact	{ list-style-image: url(imgs/about-email.gif); }
		.about-sidebar li.work		{ list-style-image: url(imgs/about-work.gif); }
		.about-sidebar li.resume	{ list-style-image: url(imgs/about-resume.gif); }

		.about-sidebar li.twitter	{ list-style-image: url(imgs/about-tweet.gif); }
		.about-sidebar li.link	{ list-style-image: url(imgs/about-link.gif); }
		.about-sidebar li.da		{ list-style-image: url(imgs/about-da.gif); }

		.about-sidebar li.likes	{ list-style-image: url(imgs/about-likes.gif); }

		.about-sidebar a	{ background: #5cbebe; padding: 3px 3px 1px 3px; }
			.about-sidebar a:link, .about-sidebar a:visited	{ color: #FFF; }


/* LINKS */

#links #content-page
	{ width: 66%; float: right; }
	#links #content-page h3	{ color: #000; }
	.links-sidebar			{ float: left; width: 32%; background: #7fd2c8; }
		.links-sidebar ul	{ margin: 0em 1.5em; }
	.links-sidebar h2, h3	{ color: #000; }
		#links-img		{ background: #FFF; padding: 3%; }
		.links-sidebar a	{ background: #5cbebe; padding: 2px 3px; }
			.links-sidebar a:link, .links-sidebar a:visited	{ color: #FFF; }

	ul.link-list { margin: 1em 0em; line-height: 30px; font-size: 95%; }
	ul.link-list li { display: inline; padding: 5px 5px; }

/* GALLERY */

.PxgGlobalImage, .PxgImage
	{ padding: 2px; background: #FF; border: 5px solid #cef2e6; }

/* STORE */

table#store-menu
	{ width: 100%; } 
	table#store-menu td { width: 20%; text-align:center; padding: 0px 2px; }
	table#store-menu a { display: block; padding: 5px 10px; }
		table#store-menu a:link, table#store-menu a:visited  { background: #ec008c; color: #FFF; }
		table#store-menu a:active, table#store-menu a:hover { background: #5cbebe; color: #ade8d4; }

.store-item	{ margin: 1em 0em 0em 0em; width: 50%; float: left; }
	div.store-item-thumb	{ width: 80px; height: 80px; overflow: hidden; float: left; margin-right: 30px; border: 2px solid #000; text-align: right; }
	div.store-item-thumb img	{ width: 300px; border: 0; padding: 0; position: relative; left: -160px; top: -50px; }
.store-item h3	{ padding: .5em 0em 0em 0em; }
	.store-item h3 .store-item-from	{ font-size: 80%; color: #AAA; }
a:link .store-item-desc, a:visited .store-item-desc, a:hover .store-item-desc	{ color: #000; font-weight: normal; margin: .25em 0em; }
.store-item-price	{ font-size: 150%; }

/* CONTACT FORM */

#contact-form	{ width: 50%; margin: 0 auto; background: #cef2e6; padding: 2% 3%; }
	#contact-form input	{ width: 96%; }
	#contact-form textarea	{ width: 96%; }
	#contact-form .button input	
		{ width: 30%; background: #ec008c; color: #FFF; border: 5px solid #c90077; padding: 10px 15px; font-weight: bold; font-size: 130%; text-transform: uppercase; }