/*
File:			custom.css
Description:	This file was originally written for kristarella.com and is being used here temporarily to modify and learn.
*/

body.custom {background:#000 url(images/bg.jpg) 50% 0% fixed no-repeat;}

.custom img.frame {padding:0; border:0.4em solid #ddd;}
.custom p.left {text-align:left;}
.custom p.right {text-align:right;}
.custom p span.strike {text-decoration:line-through;}
.custom .wp-caption {background-color:#eee; padding:10px; max-width:680px;}
	.custom .wp-caption p {text-align:center; font-style:italic;}
.custom .wp-caption.aligncenter {margin-left:auto; margin-right:auto;}
.custom .wp-caption.alignleft {float:left;}
.custom .wp-caption.alignright {float:right;}
.custom .after-footer a {color:#fff; float:left}



/* === TITLE === */
.custom #header_area .page {width:100%; margin:0; padding:0; position:fixed; z-index:-1;}
.custom #header {border-bottom:none;}
	.custom #header #logo {width:60px; height:400px; text-indent: -999px; color:#fff;}
	
/*.custom #rss, .custom #twitter {position:fixed; right:0%; width:9.16em; font-size:1.2em; padding:0.833em; background:#000; border-color:#111; border-style:solid; border-width:0.1em 0 0.1em 0.1em; color:#fff; }
	.custom #rss a:hover, .custom #twitter a:hover {text-decoration:underline;}
	.custom #rss ul, .custom #twitter ul {list-style:none;}

.custom #rss {top:20%;}
	.custom #rss li {background:url(images/rss.gif) left center no-repeat; line-height:2em;}
		.custom #rss li a {padding-left:20px; color:#fff;}

.custom #twitter {top:40%; line-height:1.5em;}
	.custom #twitter span {display:block;}
		.custom #twitter a {color:#999;}
		.custom #twitter a:hover {color:#fff;}
	.custom #twitter p.follow {text-transform:uppercase; letter-spacing:2px; background:url(images/twitter.png) right center no-repeat; line-height:48px}
		.custom #twitter p.follow a {}*/

/* === NAV === */
.custom #nav_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-top:2em;}
.custom #nav_area .page {width:90em;}
	.custom ul#tabs {border-width:0;}
		.custom ul#tabs li {background:#000; border-width:0; margin-bottom:0;}
			.custom ul#tabs li a {line-height:2em; color:#fff; display:block;}
			.custom ul#tabs li a:hover {color:#fff; background:#111; text-decoration:none;}
		.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#111; padding-bottom:0}
			.custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {cursor:pointer;}
		.custom #nav_area .search_box {float:right; padding-top:0.83em; width:12.2em;}
		.custom #nav_area .search_box input {height:2em;}


/* === CONTENT BORDERS === */
.custom #content_area {width:76.2em; padding:0.3em; margin:5em auto; border:0.4em solid #111; background:#222;}
.custom #content_area .page {background:#fff; padding-top:2.2em;}

/* === FEATURE BOX === */
.custom #feature_box {background:none; border-bottom:none;}
.custom #feature {width:700px; height:250px; margin:0 auto 2.2em; background:#181d23 url(images/feature2.jpg) center center no-repeat; border:0.4em solid #ddd;}
	.custom #feature p {width:300px; height:50px; margin:10px 0 0 210px; color:#fff; font:2.5em Baskerville, 'Palatino Linotype', Palatino, Caslon, Garamond, Georgia, serif; text-align:center; letter-spacing:1px; line-height:0.9em;}
		.custom #feature p span {border-bottom:1px dashed #eee;}

/* === HOME SECTIONS === */
.custom .section_title {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin:0 0 2.2em; padding:0 2.2em; position:relative; width:72.2em; left:-2.2em;}
	.custom .section_title h2 {font-size:1.2em; line-height:2em; padding:0.583em 1em; text-transform:uppercase; letter-spacing:2px; color:#fff;}
		.custom .section_title h2 a {color:#999;}
		.custom .section_title h2 a:hover {color:#fff; text-decoration:underline;}
		.custom .section_title h2 img.studio_logo {float:left;}
.custom .section_title.studio {text-align:right;}
	.custom .section_title.studio p {text-align:center; font-size:1.3em; line-height:3em; color:#999; letter-spacing:1px;}
		.custom .section_title.studio p a:hover {color:#fff;}

.custom .post.photo_home {margin-top:2em;}
.ie #photo-home {width:700px; height:auto;}
.custom #photo-home {max-width:700px; height:auto;}

.custom .post p img.testimonial {width:100px; height:auto;}

.custom .entry-content, .custom .format_text {font-family:Helvetica, Arial, sans-serif;}
.custom .entry-content h1,
.custom .entry-content h2,
.custom .entry-content h3,
.custom .entry-content h4,
.custom .format_text h1,
.custom .format_text h2,
.custom .format_text h3,
.custom .format_text h4 {font-family:Georgia,"Times New Roman",Times,serif;}

.custom .format_text img {max-width:700px; height:auto;}
.custom .format_text .wp-caption img {max-width:680px; height:auto;}

.custom .format_text tt {font-size:1.2em;}

.custom .prev_next {margin-bottom:2.2em;}

/* === SINGLE === */
.single .entry-title {float:left; margin-top:1em;}
.single .headline_meta {width:20em; float:right; clear:right; text-align:right;}
.single .entry-content {clear:both; padding-top:1em;}

.buttons a {padding:0.5em 1em; background:#f5f5f5; margin-right:1em; color:#111; text-decoration:none;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
}
.buttons a:hover {background:#111; color:#fff;}


/* === PORTFOLIO === 
.portfolio .post {margin:1.1em 0;}
.portfolio .top {padding-top:1.1em;} */
.portfolio .headline_area, .studio .headline_area, .testimonials .headline_area {padding-top:2.2em; margin-bottom:1.1em; padding-left:4em;}
.portfolio .section_title, .studio .section_title, .testimonials .section_title {margin-top:2.2em; margin-bottom:2.2em;}

.portfolio .format_text p {margin-bottom:0;}
.portfolio .toggle-hide p {margin-bottom:1.571em;}
.portfolio img.toggler {margin-top:1.571em; cursor:pointer;}
.portfolio .toggle-hide {border:solid #ddd; border-width:0 5px 5px; float:left; clear:left; padding:22px; width:656px; position:relative; top:-6px;}
	.portfolio .toggle-hide h3 {margin-top:0;}
		.portfolio .toggle-hide h3 a {color:#333; font-variant:small-caps; text-decoration:none; font-size:1.2em; border-bottom:1px solid #bbb;}
		.portfolio .toggle-hide h3 a:hover {color:#000; border-color:#000;}

.portfolio #content {padding-bottom:2.2em;}

.portfolio a.pp_expand {visibility:hidden;}

.studio .toggle-hide {display:none;}
		
				
/* === COMMENTS === */
#comments .comments_intro {}
.custom dl#comment_list {border-top:1px solid #ddd;}
.custom dl#comment_list dt.comment {width:21em; float:left; clear:both; position:relative; padding-bottom:5em;}
	.custom .avatar img {border:#ddd solid 0.3em; vertical-align:text-top;}
		.custom dl#comment_list dt.comment span {line-height:1.2em;}
		.custom dl#comment_list dt.comment span.comment_author, .custom dl#comment_list dt.comment span.comment_time, .custom dl#comment_list dt.comment span.edit_comment {display:block; border-bottom:1px solid #ddd; width:11em; float:left; padding:0.5em;}
		.custom dl#comment_list dt.comment .comment_num {padding:0; position:absolute; bottom:0; right:0;}
			.custom dl#comment_list dt.comment .comment_num a {font-size:3em; color:#ddd;}
			.custom dl#comment_list dt.comment .comment_num a:hover, .custom dl#comment_list .bypostauthor .comment_num a:hover {color:#bbb; background:none;}
		.custom .comment_time {white-space:normal;}
		.custom dl#comment_list dt.comment span.comment_author {font-size:1em; width:13.2em;}
.custom dl#comment_list dd {border-bottom:1px solid #ddd; padding-bottom:1em;}
	.custom dl#comment_list dd .format_text {padding-left:18em;}
		.custom dl#comment_list dd .format_text p, .custom dl#comment_list dd .format_text ul, .custom dl#comment_list dd .format_text ol, .custom dl#comment_list dd .format_text pre {}

.custom dl#comment_list .bypostauthor {background-color:#f5f5f5;}
	.custom dl#comment_list .bypostauthor code, .custom dl#comment_list .bypostauthor pre {background-color:#ccc;}
	
.custom input.form_submit:hover {color: #a00;}

.page div.comments_closed p {display:none;}


/* === ARCHIVES === */
.custom.archives .archive_column {width:16em; margin:0.33em; float:left;}
.custom.archives .archive_column.posts {width:50em; margin:0;}
	.custom.archives .archive_column.posts li {width:14em; margin-right:2.1em; margin-bottom:0.5em; float:left;}


/* === PHOTOBLOG === */
/* photoblog category */
.custom.cat_photoblog #archive_info {display:none;}
.custom.cat_photoblog .format_text.entry-content img.frame.alignright {margin-top:-4em;}
/* photoblog pages */
.photoblog #content_area, .photoblog-archive #content_area, .search #content_area {width:90em;}
.photoblog .full_width .page, .photoblog-archive .full_width .page, .search .full_width .page {width:86em;}
	.photoblog #sidebar_1, .photoblog-archive #sidebar_1 {width:42.9em;}
	.photoblog #sidebar_2, .photoblog-archive #sidebar_2 {width:43em;}
/* photoblog posts */
.photoblog .format_text.entry-content .description {width:75%; float:left;}
.photoblog .format_text.entry-content ul.exif {list-style:none; width:20%; line-height:2em; float:right; clear:right;}
	.photoblog .format_text.entry-content ul.exif li {border-bottom: 1px solid #ddd;}
.photoblog .format_text img {max-width:800px; height:auto;}
.photoblog p.note {clear:both;}
/* photoblog archive */
.photoblog-archive ul#photo-archive li {list-style:none; width:180px; line-height:180px; height:180px; text-align:center; float:left; margin-right:1.5em;}
	.photoblog-archive ul#photo-archive li a img {vertical-align:middle; max-width:160px; max-height:160px;}
	.photoblog-archive .format_text ul#photo-archive img.frame {}
.photoblog-archive #comments {display:none;}


/* === LINKS PAGE === */
.custom.links h4 {font-size:1.2em;}
.custom.links li.linkcat {list-style:none; width:30%; float:left; margin-right:3%; margin-bottom:1em;}
.custom.links .comments_intro {clear:left;}


/* === DESIGN FORM === */
.design-form h1 {font-size:2em; margin-bottom:0.5em;}
.design-form .format_text h3 {margin-bottom:0;}
.design-form .format_text div {margin-bottom:1em;}
.design-form .format_text p {margin-bottom:0.5em; font-size:0.9em;}
.design-form .format_text p.hint {width:150px; float:right; padding:0.6em; background:#f5f5f5; border:1px solid #ddd; line-height:1.2em; text-align:left; margin-top:-1.5em;}
.design-form hr {height:1.5em; border-width:1px 0 0 0; border-style:dotted; border-color:#bbb;}

.design-form .format_text form {padding-bottom:1em;}
.design-form .format_text form label {font-family:Georgia,"Times New Roman",Times,serif; display:block;}
.design-form .format_text form label span {color:red; font-size:0.9em; margin-left:0.25em;}
.design-form .format_text form input {padding:5px; font-size:1.2em; font-family:Helvetica,Arial,sans-serif;}
.design-form .format_text form textarea {width:65%; padding:5px; font-size:1.2em;}
.design-form .format_text form option {padding:2px 5px;}
.design-form .format_text form select {padding:0;}
.design-form .format_text form ul.checkboxes {list-style:none;}
.design-form .format_text form ul.checkboxes input {width:auto;}
.design-form .format_text form ul.checkboxes label {display:inline; font-family:Helvetica,Arial,sans-serif;}
.design-form form .form_submit {font-family:Georgia,"Times New Roman",Times,serif; margin-top:1em;}


/* === SIDEBARS === */
.custom .sidebar_list {padding-top:1.1em;}

.custom li.widget {padding-bottom:1.5em; margin-bottom:1.269em; border-bottom:1px dotted #ddd;}

.custom .sidebar h3 {text-align:center;}

/* subscribe widget */
.custom li.subscribe h3 {padding:20px 70px 0 0; background:url(images/rss_med.png) 90% center no-repeat; display:block; height:50px;}
.custom li.subscribe p {text-align:center; padding:0.5em 0; border:solid #ddd; border-width:1px 0;}
.custom li.subscribe ul {text-align:center;}
	.custom li.subscribe ul li {padding-right:30px;}
	.custom li.blog_rss {background:url(images/note.png) 25% center no-repeat;}
	.custom li.photo_rss {background:url(images/camera.png) 25% center no-repeat;}

/* twitter widget */
.custom li.twitter h3 a {padding:20px 70px 0 0; background:url(images/twitter_med.png) 90% center no-repeat; display:block; height:50px;}

/* Snipplr widget */
.custom li#rss-2 h3 {padding:20px 70px 0 0; background:url(images/coda_med.png) 90% center no-repeat; display:block; height:50px;}
.custom a.rsswidget img {display:none;}

/* Delicious widget */
.custom li#text-3 h3 {padding:20px 70px 0 0; background:url(images/delicious_med.png) 90% center no-repeat; display:block; height:50px;}

/* paypal */
form#paypal {float:left;}
	form#paypal input {border:0; background:none;}

/* ads */
.custom li#text-4 {padding:0 1em 1.5em; width:auto;}
.custom li#text-4:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.custom li.widget img.alignleft {margin:1em;}

.custom li.widget_rss ul, .custom div.delicious-posts ul {list-style:square; margin:1em 1em 0 3em;}


/* === FOOTER === */
.custom #footer_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-bottom:2em;}
	.custom #footer {border-top:none; color:#999;}
		.custom #footer a {}
		.custom #footer a:hover {color:#fff;}


/* === IE === */
.ie6 #header_area {position:relative; z-index:auto;}
	.ie6 #header_area .page {width:82em;}
		.ie6 #header_area #header #logo {background:none; text-indent:0; height:1em;}