/*
Theme Name: Phrost Designs
Theme URI: http://phrostdesigns.com
Description: The latest version of Phrost Designs.
Version: 4.0
Author: Darren Walker
Author URI: http://phrostdesigns.com/
Tags: phrost, white, snow, clean
*/


body {
	background: #f8f8f8;
	font: 62.5% Arial, Helvetica, sans-serif;
	margin: 0;
}
h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
}
ul {list-style: none;}



.clear	{clear:both;}
.clear-border-bottom	{clear:both; border-bottom:1px dashed #0f5050; padding:20px 0 0 0; margin:0 0 20px 0}
.clear-border-top	{clear:both; border-top:1px dashed #0f5050;margin:0 0 20px 0;}

/* ======== SUBPAGE BG =========== */
#subpage-bg	{height:214px; width:100%; background:#f2f2f2 url(images/subpage-bg.jpg) top center no-repeat;}


/* ============ MENU =============================================================================================*/
#menuholder	{width:950px;height: 52px; margin:0 auto; background:#c0c0c0 repeat;;}
#menuholder a{color:#ff0084; border-bottom:none;}
#menu {  list-style: none;  padding: 0;  margin:0 auto;  width: 746px;  height: 52px;  position: relative;}
#menu span {  display: none;  position: absolute;}
#menu a {  display: block;  text-indent: -900%;  position: absolute;  outline: none;}

#menu a:hover {  background-position: left bottom;}
#menu a:hover span {  display: block;}

#menu .home {  width: 129px;  height: 52px;  background: url(images/home.jpg) no-repeat;  left: 0;  top: 0;}
#menu .about {	width: 129px;	height: 52px;	background: url(images/about.jpg) no-repeat;	left: 129px;	top: 0;}
#menu .blog {	width: 136px;	height: 52px;	background: url(images/blog.jpg) no-repeat;	left: 258px;	top: 0;}
#menu .work {	width: 171px;	height: 52px;	background: url(images/work.jpg) no-repeat;	left: 394px;	top: 0px;}
#menu .contact {	width: 181px;	height: 52px;	background: url(images/contact.jpg) no-repeat;	left: 565px;	top: 0px;}

#topwrap	{width:100%; height:52px; background:#c0c0c0;}

.bluebar	{width:100%; height:7px; background:#405e5f; margin:1px 0 0 0;}

/* -- MAINPAGE FEATURED -- */
#featured-wrapper	{width:100%; height:494px; background:#f8f8f8 url(images/featured-bg.jpg) top center no-repeat;}
.featured-center	{width:950px; height:494px; margin:0 auto; position:relative;}
.featured-photo	{width:843px; height:294px; top:117px; left:59px; position:absolute;}

/* ============================ MAIN PAGE CONTENTS ======================== */
#contents	{width:950px; margin:0 auto;}
.contents-title	{width:100%;}
.contents-title h1	{background:url(images/phrostdesigns.jpg) top left no-repeat; text-indent:-9999px; height:95px;}
.content-intro	{text-indent:-9999px; background:url(images/intro.jpg) top left no-repeat; height:94px;}

/* -- Latest Projects -- */
.latest-projects	{width:100%; height:38px; border-bottom:#405e5f dashed 1px; border-top:#405e5f dashed 1px; margin:0 0 0 0; }
.latest-projects h2	{width:258px; height:33px; background:url(images/latestprojects.jpg) top left no-repeat; text-indent:-9999px; margin:0 0 0 0;}
.latest-projecs-content	{width:950px;}
.latest-project-post	{width:300px; float:left; padding:4px;}
.latest-project-post img{padding:0 0 10px 0;}
.latest-project-post a {color:#405e5f ; text-decoration:none; text-transform:uppercase; font-size:1.2em; font-weight:bold;}
.latest-project-post a:hover {color:#f2f2f2 ; text-decoration:none; text-transform:uppercase; font-size:1.2em; font-weight:bold; background:#405e5f;}


.bottom-main	{width:950px; margin:0 auto; padding:30px 0 0 0}

/* -- Blog Excerpts -- */
.bottom-blog	{width:650px; float:left;}
.bottom-blog-header	{width:80%; border-bottom:1px solid #c0c0c0 ;}
.bottom-blog-header h2	{width:301px; height:27px; background:url(images/latest-blog.jpg) top left no-repeat; text-indent:-9999px; margin:5px;}
.blog-excerpt	{width:650px; color:#0f5050;}
.blog-excerpt a {color:#34a1a1; text-decoration:none;}
.blog-excerpt a:hover {color:#f2f2f2; text-decoration:none; background:#34a1a1;}
.blog-excerpt-left	{width:335px;float:left; padding:5px 0 0 0;}
.blog-excerpt-right	{width:280px; float:left; margin:10px 0 0 0;}
.blog-excerpt h2 a	{color:#34a1a1;font-size:1.4em;text-transform:uppercase;  text-decoration:none; font-family:Palatino;}
.blog-excerpt h2 a:hover	{color:#f2f2f2;font-size:1.4em;text-transform:uppercase;  text-decoration:none; background:#34a1a1;}
.blog-date	{width:100%;color:#dedbdc; font-size:1.1em;}
.blog-excerpt-txt	{margin:5px; width:90%; border-bottom:1px solid #c0c0c0 ;  font-size:13px}
.blog-excerpt-txt p {padding:6px 0 0 0;}
.comments-right	{margin-bottom:5px;}
.comments-icon	{width:10%; float:left;}
.comments-number {width:90%;float:left;}
.comments-number a{text-decoration:none;font-size:1.6em;color:#c0c0c0;}
.comments-number a:hover{text-decoration:none;font-size:1.6em;color:#c0c0c0;}
.written-by	{padding:8px 0 8px 0;}


/* -- Flickr Photos -- */
.bottom-pics	{width:300px; float:left;}
.sidebar-flickr	{width:300px; padding:10px; margin-bottom:10px; float:left;}
.flickr img	{padding:2px; border:1px solid #34a1a1; margin: 4px 0px 0px 10px; width: 70px;height: 70px;}
.flickr img:hover{background-color:#dedbdc;}
.sidebar-flickr h2 {width:175px; height:20px; background:url(images/flickr.jpg) top left no-repeat; text-indent:-9999px; margin:8px 0 0 115px;}



/* ========================== ABOUT ME ================================ */
.about-left	{width:617px; float:left; color:#0f5050; margin:0 0 15px 0; border-bottom:1px dashed #0f5050; padding:0 0 15px 0}
.about-left h2	{width:617px; height:105px; background:url(images/about-me.jpg) top left no-repeat; text-indent:-9999px}
.about-left h3	{text-transform:uppercase; margin:10px; font-size:1.8em; border-bottom:1px dashed #c0c0c0; border-top:1px dashed #c0c0c0}
.about-contents	{margin:25px 0 0 0;  font-size:13px; width:590px;}
.about-contents p {margin:25px 0 0 0;}

.about-right	{width:333px; float:left;margin:130px 0 0 0;}
.about-right-img	{background:#0f5050;}
.about-right-img img	{padding:10px;}

/* ========================== BLOG PAGE ================================ */
.top-headers	{width:950px;}
.top-headers h2	{width:617px; height:81px; background:url(images/my-blog.jpg) top left no-repeat; text-indent:-9999px; padding:0; margin:0;}
.top-headers h6	{width:950px; height:44px; background:url(images/my-blog-text.jpg) top left no-repeat; text-indent:-9999px; padding:0; margin:0;}
.blog-left	{width:617px; float:left; color:#0f5050; margin:0 0 15px 0; border-bottom:1px dashed #0f5050; padding:0 0 15px 0}
.blog-left h2	{width:617px; height:81px; background:url(images/my-blog.jpg) top left no-repeat; text-indent:-9999px; padding:0; margin:10px 0 0 0;}
.blog-left h6	{width:950px; height:44px; background:url(images/my-blog-text.jpg) top left no-repeat; text-indent:-9999px; padding:0; margin:0;}
.blog-contents	{margin:25px 0 0 0;  font-size:13px; width:590px; border-bottom:1px solid #019696; margin:15px 0 20px 0; padding:0 0 15px 0}
.blog-contents p {margin:15px 0 0 0;}
.blog-contents a	{color:#019696; text-decoration:none;}
.blog-contents a:hover	{background:#019696; text-decoration:none; border-bottom:none; color:#f2f2f2;}
.blog-contents h3	{text-transform:uppercase;}
.blog-single h3	{text-transform:uppercase; padding:8px 0 2px 8px;}

.blog-right	{width:333px; height:759px; float:left; background:url(images/blog-menu-bg.jpg) top center no-repeat; margin:0 0 0 0;}
.blog-right-contents	{width:222px; height:534px; margin:130px 0 0 50px;}
.blog-right-contents li {list-style:none;}
.blog-right-contents a{color:#f2f2f2; text-decoration:none; font:1.2em Arial, Helvetica, sans-serif; text-transform:uppercase;}
.blog-right-contents a:hover{color:#0f5050; text-decoration:none; font:1.2em Arial, Helvetica, sans-serif; text-transform:uppercase; background:#f2f2f2;}
.blog-right-contents-hr {width:201px; height:11px; background:url(images/linebreak.jpg) top left no-repeat; border:0; margin:0; padding:0;}
.blog-right-contents h3 {text-indent:-9999px; background:url(images/recent-posts.jpg) top left no-repeat; width:168px; height:23px; font-size:1.4em;}
.blog-right-contents h4 {text-indent:-9999px; background:url(images/related-content.jpg) top left no-repeat; width:222px; height:23px; font-size:1.4em; margin:20px 0 0 0;}
.blog-right-date	{color:#bbc3c3;}
.blog-right-img	{background:#0f5050;}
.blog-right-img img	{padding:10px;}

/* =========================== SINGLE POST ================================= */
.blog-single	{width:617px; float:left; color:#0f5050; margin:0 0 15px 0; border-bottom:1px dashed #0f5050; padding:0 0 15px 0; font-size:1.2em;}
.blog-single-top {width:950px;}
.blog-single-top h2 {text-indent:-9999px; background:url(images/the-rest.jpg) top left no-repeat; width:431px; height:81px; font-size:1.6em;}
.blog-single-top h3	{width:950px; height:44px; background:url(images/the-rest-text.jpg) top left no-repeat; text-indent:-9999px; padding:0; margin:0;}
.blog-single h4	{color:#019696; text-transform:uppercase; font-size:1.4em;}
.blog-single p{margin:15px 0 0 0;}
.blog-single img{border:1px #019696 solid; background:#0f5050; padding:8px;}
.blog-single  a	{color:#019696; text-decoration:none; border-bottom:1px dashed #019696;}
.blog-single a:hover	{color:#f2f2f2; text-decoration:none; border-bottom:none; background:#019696;}

/* =========================== CONTACT ME ================================== */
.contact-page	{width:950px; margin:0 auto; font-size:1.2em;}
.contact-page h2	{width:617px; height:81px; background:url(images/contact-me.jpg) top left no-repeat; text-indent:-9999px}
.contact-page h6	{width:950px; height:62px; background:url(images/contact-text.jpg) top left no-repeat; text-indent:-9999px}

/* ======================= PORTFOLIO ========================================= */
.portfolio-header	{width:100%;}
.portfolio-header h1 {width:617px; height:81px; background:url(images/portfolio-header.jpg) top left no-repeat; text-indent:-9999px}
.portfolio-text h6	{width:950px; height:83px; background:url(images/portfolio-txt.jpg) top left no-repeat; text-indent:-9999px}
.portfolio-left	{width:617px; float:left; color:#0f5050;}
.portfolio-left img	{border:1px solid #0f5050;}

.portfolio-right	{width:300px; float:left;margin:0 0 0 0; padding:10px 0 0 5px; font-size:1.1em;}
.portfolio-right h2	{color:#0f5050;font-size:2.0em; text-transform:uppercase;}
.portfolio-right h3	{text-transform:uppercase; margin:10px; font-size:1.8em; border-bottom:1px dashed #c0c0c0; border-top:1px dashed #c0c0c0}
.portfolio-right p	{margin:5px 0 0 0; font:1.0em Arial, Helvetica, sans-serif}
.portfolio-right a	{color:#019696; text-decoration:none; border-bottom:1px dashed #019696;}
.portfolio-right a:hover	{color:#f2f2f2; text-decoration:none; border-bottom:none; background:#019696;}
.release {color:#c0c0c0; font-style:italic;}

/*	====================== COMMENTS =========================== */
	
#commentform label {	display: block;	margin: 0 0 5px 0;}

#commentform input.text, #commentform textarea {	width: 90%;	margin: 0 0 10px 0;}

#commentform .text {	height: 22px;	padding: 6px 6px 0 6px;	background: #fff url(images/bg-form-text.gif) repeat-x left top;	border: 1px solid #dadada;	color: #5e5e5e;}
#commentform a	{color:#019696; text-decoration:none;}
#commentform a:hover	{background:#019696; text-decoration:none; border-bottom:none; color:#f2f2f2;}

#commentform textarea {	height: 150px;	padding: 6px 6px 0 6px;	background: #fff url(images/bg-form-text.gif) repeat-x left top;	border: 1px solid #dadada;	color: #5e5e5e;}

#commentform .button {	width: auto;	height: 30px;	margin: 0px;	padding: 0 20px;	background: #6e7073;	border: none;	color: #fff; text-transform:uppercase;}

.commentlist .comment {	height: auto;	margin: 20px 0 0 0;	color: #fff;}

.commentlist .quote {	padding: 20px 20px 0 20px;	background: #4a4f54 url(images/bg-comment-quote.gif) no-repeat right top;}

.avatar {	float: right;	margin: 0 0 10px 20px; border:1px solid #f2f2f2;}

.commentlist .cite {	display: block;	padding: 20px 0 0 0;	color: #6e7073;	background: #fff url(images/bg-comment-bubble.gif) no-repeat left top;	font-style: normal;}

/** COMMENTS IN WP 2.7 */

.commentlist li {	margin: 0px;	padding: 20px 0 20px 20px;	list-style: none;	background: #585858;}

.commentlist li a {	color: #54b8b8;	text-decoration:none;}

.commentlist li .avatar {	margin: 0 20px 10px 20px;}

.commentlist li p {	margin: 0 20px 20px 0;}

.commentlist .comment-meta {	margin: 0 0 20px 0;}

.commentlist .comment-author a {	font-weight: bold;}

.commentlist ul.children {	margin: 0px;	padding: 0px;}

.commentlist .children li {	border: 1px solid #6e7073;	border-right: none;}

#cancel-comment-reply {	margin: 10px 0;}

.commentlist li.depth-2, .commentlist li.depth-4 {	background: #5a5a60;}

.fn {text-transform:uppercase; font-style:normal;}


/* ======================== FOOTER =================================== */
#footer	{width:100%;}
.footer-contents	{width:950px; margin:0 auto;}

/* -- Left -- */
.footer-left	{width:460px; float:left; position:relative;}
.footer-left img{border:none;}
.footer-social	{width:460px; position:relative; height:25px;}
.footer-social img {border:none;}
.rss-icon	{display:inline; position:absolute; left:10px; bottom:0; width:24px; height:24px;}
.twitter-icon	{display:inline; position:absolute; left:40px; bottom:0; width:24px; height:24px;}
.facebook-icon	{display:inline; position:absolute; left:70px; bottom:0; width:24px; height:24px;}
.lastfm-icon	{display:inline; position:absolute; left:100px; bottom:0; width:24px; height:24px;}
.flickr-icon	{display:inline; position:absolute; left:130px; bottom:0; width:24px; height:24px;}
.linkedin-icon	{display:inline; position:absolute; left:160px; bottom:0; width:24px; height:24px;}

.footer-menu	{width:460px; position:absolute; top:90px; left:10px; list-style:none;font-size:14px}
.footer-menu	a{color:#c7c7c7; text-decoration:none;}
.footer-menu a:hover{color:#405e5f; text-decoration:none; background:#34a1a1;}
.footer-menu ul li	{display:inline; padding:10px; }

/* -- Right -- */
.footer-right	{width:490px; float:left;}
.follow-twitter	{width:490px; height:108px; position:relative; background:url(images/follow-me.jpg) top left no-repeat;}
.twitter-header	{width:238px; height:34px; position:absolute; top:12px; left:48px;}
.twitter-header {width:238px; height:34px; background:url(images/follow-me-header.jpg) top left no-repeat; text-indent:-9999px;}
.twitter-post	{width:247px; height:47px; position:absolute; top:49px; left:18px;line-height:1.0em; color:#f2f2f2; font-size:1.2em;}
.twitter-post a{color:#34a1a1; text-decoration:none;}
.twitter-post a:hover{color:#dedbdc; text-decoration:none;background:#34a1a1;}

/* -- copyright -- */
.copyright-bg	{width:100%; height:70px; background:url(images/footer-bg.jpg) top left repeat-x #c0c0c0;}
.copyright-contents	{width:950px; margin:0 auto; height:70px; background:url(images/copyright-bg.jpg) top left no-repeat; position:relative;}
.copyright-msg	{width:402px; height:20px; position:absolute; top:20px; left:548px;}
.copyright-msg h3	{width:402px; height:20px; background:url(images/copyright-msg.jpg) top left no-repeat; text-indent:-9999px; margin:0 0 0 0;}
.all-images	{width:545px; height:12px; position:absolute; top:40px; left:405px;}
.all-images h4	{width:545px; height:12px; background:url(images/all-images.jpg) top left no-repeat; text-indent:-9999px; margin:0 0 0 0;}
.powered-by	{width:204px; height:18px; position:absolute; top:52px; left:746px;}
.powered-by	h5	{width:204px; height:18px; background:url(images/powered-wordpress.jpg) top left no-repeat; text-indent:-9999px; margin:0 0 0 0;}