/*  
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: 50px; position:relative; z-index:999}
/*- Logo -*/
#header h1{position: absolute; top:0px; left: 0px; font-size: 26px; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: lighter; margin: 0}
#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:13px;left: 350px; z-index: 10}
	#mainmenu li {float: left; padding: 0 17px 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}


#social {position: absolute; top:10px; right:97px}
	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:16px; margin: 0 7px 0 0 }
	a#facebook {background-position: 0 0; width: 10px; margin: 0 7px 0 0}

	a#tumblr {background-position: -25px 0; width: 75px; }

/*=== Main column ===*/
#columns{position: relative; width:100%; overflow: hidden}
#main{width: 760px}
	.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}
.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 {max-width: 760px}
	.entry img.alignleft {margin: 0 7px 7px 0}
	.entry img.alignright {margin: 0 0 7px 7px}
.sociable {float: left}
	.entry .sociable ul {padding: 0; margin: 0}
	.entry .sociable ul li {float: left; list-style: none; margin: 4px 2px 0 0; padding: 0;}

.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;margin-left:10px;}
.entry ul li ul li {list-style:disc outside ;}
.entry ol li {list-style:decimal outside;}
.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;}
/*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}
/*=== Footer ===*/
#footer{clear: both;color: #888888;padding: 10px 0;margin: 0;}
#footer a{color: #888888}
/*=== Misc. ===*/
.panels-wrap {float: left; height: 600px; overflow: hidden}
.ui-tabs-hide {display: none}
.panel {position: relative; height: 600px; width:900px}
.image-wrap {clear: both; margin: 0 15px 15px 0; position: relative; float:left}
	.image-wrap img {margin: 0 auto}
.entry img { }
.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: 75px; width: 75px; 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%; }
#navwrap {position: absolute; top:0; width: 82px;right: 13px}
.slide-inner {position:relative; left: -50%; width: 100%; }
.filmstrip {width: 82px; }
.filmstrip li { position: relative; background-position: 0 0; background-repeat: no-repeat; -moz-border-radius:6px; -webkit-border-radius: 6px; width: 75px; height:75px; padding: 0 0 0 7px; margin: 0 0 12px}
.filmstrip li img {display: block; margin: 0 auto}
.filmstrip .ui-tabs-selected {background: url(images/pointer.png) no-repeat 0 center}


.vert-carousel-controls {position: absolute; top: 0; z-index: 3; text-align: center; background: #fff; height: 15px; width: 5px; right: 0 }
.vert-carousel-control {cursor: pointer; color: #bbb; background-image: url(images/arrows.png); background-repeat: no-repeat; width: 5px; height: 6px; opacity: 0.5;filter: alpha(opacity=50); display: block; position: absolute; z-index: 3; bottom: 0 }
.vert-carousel-control:hover {opacity: 100; filter: alpha(opacity=100)}
.vert-carousel-control.prev {background-position: 0 0;}
	.vert-carousel-controls .vert-carousel-control.prev {top:0}
.vert-carousel-control.next {background-position: -5px 0;}
	.vert-carousel-controls .vert-carousel-control.next {top: 10px}
.vert-carousel-control.disabled {cursor: default;opacity: 0.25; filter: alpha(opacity=25)}
.vert-carousel-control.disabled:hover {color: #bbb}

.fl{float: left;}
.fr{float: right;}
/*========= 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;}

/*=== 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}