/*  
Theme Name: Hayley Murphy!
Description: Custom theme for Hayley Murphy Photography
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/
/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #fff /*url(images/bg-page.png) repeat-y center 0*/; color: #555 ;font: .8em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; height: 100%}
.pink a {color: #FF2C68}
.blue a {color: #00b5d6}
.orange a {color: #FF6C0E}
.purple a {color: #5E00A6}
.green a {color: #FF6C0E}
a{text-decoration: none}
a.article-link {height: 100%; width: 100%; display:block}
a:hover, .pink a:hover, .green a:hover, .orange a:hover, .purple a:hover, .orange a:hover{color: #aaa}
a.article-link img, a.navi img {}
a.article-link:hover img, a.navi:hover img, a.navi-active img {}
a.thickbox img {}
a.thickbox:hover img {opacity: 0.9; filter:alpha(opacity=90)}
a:active, a:focus {outline: none}
input,select,textarea{border: #ccc 1px solid;font: normal 100% Helvetica, Arial, sans-serif;padding: 2px}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-weight: normal;}
.width50 {width: 49.9%}
/*=== Layout ===*/
#page{margin: 0 auto;width: 1019px; position: relative; text-align:left;}
#page-pad {padding: 15px 0 0 20px}
/*=== Header ===*/
#header{height: 65px; position:relative;}
/*- Logo -*/
#header h1{position: absolute; top:0px; left: 0px; font-size: 26px; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: lighter}
#header h1 a{color: #aaa;}
span.pink {color: #FF2C68}
span.blue {color: #00b5d6}
span.orange {color: #FF6C0E}
span.purple {color: #5E00A6}
span.green {color: #FF6C0E}
#header h1 a:hover{color: #bbb;}
/*Main menu*/
#mainmenu {position: absolute; top:15px;right: 97px; width:500px; z-index: 10}
	#mainmenu li {float: left; padding: 0 20px 0 0; line-height:18px; position: relative; text-transform: lowercase;z-index: 999}
		#mainmenu li ul {position: absolute; left:-999em; top: auto; padding: 5px 0 ; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); z-index: 999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 125px; }
		#mainmenu li a {color: #aaa;}

		#mainmenu li:hover ul, #mainmenu li.sfhover ul, #mainmenu li.current_page_item ul, #mainmenu li.current-cat ul {left: -5px}
		#mainmenu li ul li {font-size: 90%; padding: 0; float:none; clear:both;}
		#mainmenu li ul li a {padding: 0 5px 0 5px; display: block}
		#mainmenu li.current_page_item, #mainmenu li.current-cat {font-weight: bold}
		.pink #mainmenu li.current_page_item a, .pink #mainmenu li.current_page_parent a, .pink #mainmenu li.current-cat a, .pink #mainmenu li a:hover, .pink #mainmenu li:hover a {color: #FF2C68}
		.blue #mainmenu li.current_page_item a, .blue #mainmenu li.current_page_parent a, .blue #mainmenu li.current-cat a, .blue #mainmenu li a:hover, .blue #mainmenu li:hover a {color: #00b5d6}
		.orange #mainmenu li.current_page_item a, .orange #mainmenu li.current_page_parent a, .orange #mainmenu li.current-cat a, .orange #mainmenu li a:hover, .orange #mainmenu li:hover a {color: #FF6C0E}
		.purple #mainmenu li.current_page_item a, .purple #mainmenu li.current_page_parent a, .purple #mainmenu li.current-cat a, .purple #mainmenu li a:hover, .purple #mainmenu li:hover a {color: #5E00A6}
		.green #mainmenu li.current_page_item a, .green #mainmenu li.current_page_parent a, .green #mainmenu li.current-cat a, .green #mainmenu li a:hover, .green #mainmenu li:hover a {color: #FF6C0E}
		#mainmenu li.current_page_item ul, #mainmenu li.current-cat ul {font-weight: normal}
						#mainmenu li ul li a:hover {color:#aaa !important}

/*top right search*/						
	 #search {position: relative; padding: 7px 0 0 }
		#search input#s{border: 0;margin: 0;width: 140px; padding:4px; height:10px; line-height: 10px; border: 1px #ccc solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font: 10px  "Courier New", Courier, monospace;}
		#search input#searchsubmit{position: absolute; top: 0; right: 0; border:0; outline:0; background: none; opacity: 0; filter: alpha(opacity=0); margin: 8px 8px 0 0; padding: 0}
			#search input#searchsubmit:hover, #search input#seachsubmit:active {cursor:pointer; outline:0; border:0}
#social {float: right}
	a.faceyspace {float: left; background-image: url(images/social.png); background-repeat: no-repeat; display: block; height: 18px}
	a#twitter {background-position: -10px 0; width:18px }
	a#facebook {background-position: 0 0; width: 10px; margin: 0 10px 0 0}
/*search form on search results page*/	
	#columns #search {position: relative!important}
		#columns #search input#s {margin: 8px 0 0}
/*=== Main column ===*/
#columns{position: relative; width:100%}
#main{width: 760px; float: left; position: relative;}
	.main-content {position:relative;}
	.wp-caption {background: #f5f5f5; -moz-border-radius: 2px; -khtml-border-radius: 2px;
   -webkit-border-radius: 2px; padding:3px 1px; border: 1px #ccc solid}
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font: normal 90% Helvetica, Arial, sans-serif; padding: 3px 3px 0}
		.wp-caption.alignright {margin: 0 0 7px 7px}
		.wp-caption.alignleft {margin: 0  7px 7px 0}
	h1{font-size: 190%;font-weight: normal; margin: 0 0 12px; text-transform: lowercase; color: #777}
	h2{font-size: 175%;font-weight: normal; margin: 0 0 12px; text-transform: lowercase; color: #777}
	span#rss-link {float:right; font: bold 100% Helvetica, Arial, sans-serif; height: 16px; padding:12px 0 0}
		span#rss-link a {padding: 0 0 0 18px; color: #666; line-height: 16px; height: 16px; display:block}
/*=== Post ===*/
.post {padding: 10px 0 25px; clear:both;}
.post p, #author-info p {line-height: 22px;padding: 0 0 22px}
.post h4{line-height:22px}
.post h3 {font-size: 133%; text-transform: lowercase;color:#888888; padding: 0 0 1px; border-bottom: 1px #ddd solid; line-height: 23px; margin: 0 0 5px; letter-spacing: 0.05em}
.post h3 span{float: left;text-transform: uppercase}
.post h3 em{float: right;font-size: .85em;font-style: normal}
.post h2{font: normal 150% Helvetica, Arial, sans-serif;}
.posted{color: #666666;font: italic 100%/22px Georgia,serif; padding: 0; float:right; text-transform: lowercase}
h2.more-news, h2.commh2{color: #666666; text-align: center; height:20px; font: normal 100%/20px Helvetica, Arial, sans-serif; letter-spacing: 0.05em; margin: 0; border-width: 1px 0; border-style: solid; border-color: #ccc; background: #eee}
.singletags {margin-top:5px;font-weight:bold;color:#C0C0C0;}
.singleh2 {font-weight:bold !important;font-size:1.8em !important;}
.entry {clear: both; overflow:hidden; padding: 12px 0 0}
.entry blockquote { padding: 0px 10px 0px;border-left: 1px solid #666666;color:#666666;width:85%;margin: 0 auto 10px auto;font-style: italic;}
.entry blockquote p {font-size:12px;padding: 5px 0px;margin: 5px 0px;line-height: 20px;}
	.entry img.alignleft {margin: 0 7px 7px 0}
	.entry img.alignright {margin: 0 0 7px 7px}

.entry ul, .entry ol {padding-bottom:22px;line-height:22px;}
.entry ol {margin: 0 0 0 20px}
.entry ul{margin: 0 0 0 5px}
.entry ul li ul, .entry ol li ol{margin-bottom:0px;}
.entry ul li {list-style:disc outside !important;margin-left:10px;}
.entry ul li ul li {list-style:disc outside !important;}
.entry ol li {list-style:decimal outside !important;}
.entry ol li ol li {list-style:decimal-leading-zero outside !important;}
.entry .threecolumns {margin: 0!important}
.entry .threecolumns li {float: left; width:32.3%; list-style: none!important; margin: 0!important; padding: 0 1% 15px 0; line-height: 1.3}
.edit {float:right}	
.read-more {text-align: right; padding: 11px 0 0; font-weight: bold; text-transform: lowercase;}
/*=== sidebar == */
.sidebar{width: 195px; float: right; position: relative; font-size: 115%; text-transform: lowercase; margin: 0 0 20px 0; *width: 100px; overflow:hidden}
	/*.sidebar-1 {width:195px; background: url(images/bg-round-top.png) no-repeat 0 0; position: relative; padding: 15px 0 0}
	.sidebar-2 {width:195px; background: url(images/bg-round-bottom.png) no-repeat 0 100%; position: relative; padding: 0 0 15px}
	.sidebar-3 {width:195px; background: url(images/bg-round-slice.png) repeat-y 0 0; position: relative;}*/
	.sidebar-content {position:relative; padding: 0 15px; overflow:hidden}
.sidebar li.widget {list-style: none; padding: 0}
		.sidebar h3 {font-size: 133%; text-transform: lowercase;color:#888888; padding: 0 0 1px; border-bottom: 1px #ddd solid; line-height: 23px; margin: 0 0 5px; letter-spacing: 0.05em}
		.sidebar ul{margin: 0;}
			.sidebar ul li{background: none; margin: 0 0 3px 0; padding: 0; font-size: 90%}
			.sidebar ul ul{padding: 3px 0 0 0; margin: 0 0 0 10px;}
	div.textwidget, object.slideshow-widget {padding: 0 0 10px}
	div.textwidget p {line-height: 1.5; margin: 5px 5px 0; font: 90% Helvetica, Arial, sans-serif}	
/*Page navigation*/
.sidebar .menu li.current_page_item, .sidebar li.current-cat {font-weight: bold}
	.sidebar .menu li.current_page_item ul, .sidebar li.current-cat ul {font-weight: normal}
.sidebar ul ul {visibility: hidden; height:0px!important}
.sidebar ul li a{display: block}
.sidebar ul li:hover ul, .sidebar li.current_page_parent ul, .sidebar .menu li.current_page_item ul, .sidebar li.current-cat ul {display: block; height:auto!important; visibility: visible}
/*recent comments widget */
ul.recentcomments, ul.recentcomments li, ul.recentcomments ul {list-style: none !important; margin: 0 !important; background: none !important;}
ul.recentcomments ul {margin:0 !important}
ul.recentcomments li {padding: 0!important}
ul.recentcomments li.comment-content {font-style:italic; font-size: 120%; line-height: 1.6}
ul.recentcomments li.comment-author {text-align: right;padding: 5px !important}
ul.recentcomments li.comment-post-title {text-align:right}
span.comment-quote {bottom:-12px; left:-1px;font-size:225%;font-weight:bold;line-height:0.45;position:relative; padding: 0 5px 0 3px}
/*Steve's super sweet Featured Category Posts widget*/
ul.author-list li {list-style: none!important; margin:0 0 3px!important; padding: 0 0 2px!important; border-bottom: 1px #ccc solid; background: none!important}
ul.author-list ul {overflow: auto; margin: 0}
ul.author-list ul li {border:none}
ul.author-list li.author {font: italic normal 100% Georgia, serif; color: #666666}
	img.author-image {margin: 0 0 2px 7px; float:right;padding: 2px; border:1px #ccc solid;}
ul.author-list li.title {font: bold 110% Helvetica, Arial, sans-serif;}
ul.author-list li.excerpt {font-weight: normal; font-size: 90%; margin: 2px 0 0}
.sidebar ul.author-list, .sidebar-home ul.author-list {margin: 0}
ul.headlines ul {padding: 0!important; margin:0!important}
ul.headlines ul li {background: none !important; padding: 0!important}
li.featured-posts-more-news {text-align: center; font-weight: bold; letter-spacing: 0.05em; margin: 0; border-width: 1px; border-style: solid; border-color: #ccc #dcdcdc; background:url(images/bg-transparent-light.png) repeat 0 0!important; font-weight: bold; font-variant: small-caps; height: 18px; line-height: 18px; margin-top: 6px!important}
	li.featured-posts-more-news a {display: block}
/*RSS Widget*/
a.rsswidget img {display: none}
/*=== Footer ===*/
#footer{clear: both;color: #888888;padding: 10px 0;margin: 0;}
#footer a{color: #888888}
/*=== Misc. ===*/
.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden}
.ar{text-align: right}
.th{float: left; margin: 0 10px 10px 0}
.image-wrap {clear: both; margin: 0 15px 15px 0; position: relative; float:left}
	.image-wrap img {margin: 0 auto}
.entry img {max-width: 760px; }
.frame {z-index: 97; position: absolute; height: 100%; width: 100%}
.antitheft {height:100%; width:100%;position:absolute;top:0;z-index:98;}
.frame-tl {background: url(images/frame-tl.png) no-repeat 0 0; top: 0; left: 0}
.frame-tr {background: url(images/frame-tr.png) no-repeat 100% 0; top: 0; right: 0}
.frame-br {background: url(images/frame-br.png) no-repeat 100% 100%; bottom: 0; right: 0}
.frame-bl {background: url(images/frame-bl.png) no-repeat 0 100%; bottom: 0; left: 0}
.frame-small{height: 100%; width: 100%; position:absolute; z-index: 99; top:0; right: 0; background: url(images/framesmall.png) no-repeat 0 0}
.slide { position: absolute; height: auto; left: 50%; }
.slide-inner {position:relative; left: -50%; width: 100%; }
.filmstrip li { position: relative; background-position: 0 0; background-repeat: no-repeat; -moz-border-radius:6px; -webkit-border-radius: 6px}
.filmstrip li img {}
#arrow {-moz-border-radius:6px; -webkit-border-radius: 6px}
.js #galleryshell {visibility: hidden}
.strip_wrapper{-moz-border-radius:6px; -webkit-border-radius: 6px}
.fl{float: left;}
.fr{float: right;}
.gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;}
/*========= COMMENTS =========*/
#comments_wrap { } 
#comment {clear: both}
ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px 10px 0 10px; border-top:1px solid #ccc;}
ol.commentlist li.alt{}
input#submit {display: block;margin: 10px auto -10px}
ol.commentlist .comment-meta{font-size:0.8em; float: right}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; padding: 0 0 10px; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
#respond p{margin-bottom:10px;line-height: 20px;padding:0;}
.post-alt p {padding:0;}
/*========= ARCHIVE SPECIFIC =========*/
#archivebox {padding:10px 20px;margin-bottom:10px;}
#archivebox h2 {font-size:1.5em;color:#000;}
#archivebox h2 em{color:#C0C0C0 !important;font-style:normal;}
.archivefeed {margin-top:5px;}
.archivefeed a {/*background:url(images/ico-arcfeed.gif) center left no-repeat;*/padding-left:20px;color:#000;font-weight:bold;}
/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {overflow: auto; padding: 12px 0 0}
.navigation a {font-size: 1.2em;font-weight: bold;}
.navigation a:hover {}
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {text-align: center; margin: 0 auto; display: block}