/*
Theme Name: YourGalAl.com
Theme URI: http://www.whochrisporter.com
Description: The default theme for YourGalAl.com
Version: 1.0
Author: Chris Porter
Author URI: http://www.whochrisporter.com
Tags: purple, hearts
*/

/* Begin Typography & Colors */

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	background: url(images/site-background.jpg) repeat-x #f3f3f3;
	font-family: Helvetica, Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

H1, H2, H3, H4, H5, H6 {
	letter-spacing: -.07em;
}

H1 {font-size: 2.5em;}
H2 {}
H3 {font-size: 2.6em;}
H4 {}
H5 {}
H6 {}

A {
	color: #662d91;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}

A:hover {
	color: #9642d5;
}


.wrap {
	width: 966px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
}

.wrapLeft {
	width: 256px;
	float: left;
}

.wrapRight {
	width: 680px;
	float: left;
	padding: 0 0 0 30px;
}

.clear {
	clear: both;
}


.logo {
	width: 100%;
	height: auto;
}

.logo .top {
	width: 100%;
	height: 330px;
}

.logo .top A {
	width: 100%;
	height: 330px;
	display: block;
	background: url(images/masthead-logo-top.jpg) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}

.logo .bottom {
	width: 100%;
	height: 268px;
	background: url(images/masthead-logo-bottom.jpg) no-repeat;
}

.logo .bottom UL {
	margin: 0 0 0 123px;
	padding: 0;
	width: 112px;
}

.logo .bottom UL LI {
	height: auto;
}

.logo .bottom UL LI A {
	height: 36px;
	display: block;
	background-image: url(images/navigation.jpg);
	background-repeat: no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}

.logo .bottom UL LI A.blog {background-position: left top;}
.logo .bottom UL LI.page-item-3 A {background-position: left -35px;}
.logo .bottom UL LI.page-item-5 A {background-position: left -69px;}
.logo .bottom UL LI.page-item-7 A {background-position: left -105px;}
.logo .bottom UL LI A.blog:hover {background-position: left -142px;}
.logo .bottom UL LI.page-item-3 A:hover {background-position: left -177px;}
.logo .bottom UL LI.page-item-5 A:hover {background-position: left -211px;}
.logo .bottom UL LI.page-item-7 A:hover {background-position: left -247px;}

.followme {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 40px 0;
}

.followme H3 {
	color: #d4d4d4;
	text-align: right;
	margin-bottom: 10px;
}

.followme:hover H3 {
	color: #333333;
}

.followme UL {
	float: right;
	width: 160px;
}

.followme LI A {
	overflow: hidden;
	text-indent: -1000px;
	display: block;
	width: 160px;
	height: 61px;
	text-align: left;
}

.followme LI A.twitter {
	background: url(images/social-twitter.jpg) no-repeat;
}

.followme LI A.facebook {
	background: url(images/social-facebook.jpg) no-repeat;
}

.followme LI A.linkedin {
	background: url(images/social-linkedin.jpg) no-repeat;
}

.followme LI A.modelmayhem {
	background: url(images/social-modelmayhem.jpg) no-repeat;
}

#sidebar {
	float: left;
	width: 100%;
	text-align: right;
	margin: 0 0 20px 0;
}

#sidebar DIV H3 {
	color: #d4d4d4;
	text-align: right;
	margin-bottom: 10px;
	text-transform: lowercase;
}

#sidebar DIV:hover H3 {
	color: #333333;
}

#sidebar DIV UL {
	margin: 0 0 40px 0;
}

#sidebar DIV UL LI {
	padding: 0 0 5px 0;
}

H1.blogPage {
	background: url(images/site-bg-blog.jpg) no-repeat;
	width: 627px;
	height: 133px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0 auto 40px;
}

.page-id-3 H1.blogPage {
	background: url(images/site-bg-portfolio.jpg) no-repeat;
	width: 639px;
	height: 60px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0 auto 40px;
}

.page-id-5 H1.blogPage {
	background: url(images/site-bg-myself.jpg) no-repeat;
	width: 649px;
	height: 102px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0 auto 40px;
}

.page-id-7 H1.blogPage {
	background: url(images/site-bg-reachme.jpg) no-repeat;
	width: 643px;
	height: 69px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0 auto 40px;
}

.post {
	width: 641px;
	height: auto;
	margin: 0 auto 60px;
	border-top: 1px solid #a5a5a5;
	padding: 14px 0 0 0;
}

.post .comments {
	background: url(images/blog-comments.jpg) no-repeat;
	width: 81px;
	height: 62px;
	float: left;
}

.post .comments SPAN {
	display: block;
	color: #ffffff;
	font-size: 1.9em;
	font-weight: bold;
	position: relative;
	width: 45px;
	margin: 11px 0 0 10px;
	text-align: center;
}

.post .comments SPAN A {
	color: #ffffff;
}

.post H2 {
	width: 545px;
	text-align: right;
	float: right;
}

.post H2 A {
	color: #3e3e3e;
	font-size: 4.2em;
	letter-spacing: -.05em;
	text-transform: lowercase;
}

.post H2 A:hover {
	color: #d6d6d6;
}

.post .entry H2 {
	width: 100%;
	text-align: right;
	float: right;
	color: #3e3e3e;
	font-size: 4.2em;
	letter-spacing: -.05em;
	clear: left;
	margin: 0 0 10px 0;
	text-transform: lowercase;
}

.post .date {
	display: block;
	float: right;
	width: 545px;
	text-align: right;
	color: #c1c1c1;
	font-size: 2.5em;
	letter-spacing: -.05em;
	font-weight: bold;
	text-transform: lowercase;
}

.post .entry {
	margin: 20px 0 0 0;
}

.post .entry P {
	margin: 0 0 20px 0;
	line-height: 18px;
	color: #333333;
	font-size: .9em;
	font-weight: normal;
}

.post .entry DIV {
	margin: 0 0 20px 0;
	line-height: 18px;
	color: #333333;
	font-size: .9em;
	font-weight: normal;
}

.post .entry P IMG {
	border: 10px solid #ffffff;
}

.notFound {
	width: 641px;
	height: auto;
	margin: 0 auto 60px;
	border-top: 1px solid #a5a5a5;
	padding: 14px 0 0 0;
}

.notFound #searchform {
	margin: 20px 0 0 0;
}

.page .entry {
	margin: 0 0 0;
}

.navigation {
	width: 641px;
	margin: 0 auto 60px;
	padding: 14px 0 0 0;
}

.navigation .alignleft {
	width: 50%;
	float: left;
}

.navigation .alignright {
	width: 50%;
	float: right;
	text-align: right;
}

.navigation DIV A {
	font-size: 2em;
	color: #d4d4d4;
	letter-spacing: -.07em;
}

.navigation DIV A:hover {
	color: #333333;
}

.post .commentArea {
	width: 641px;
	height: auto;
	margin: 0 auto 60px;
	border-top: 1px solid #e4e4e4;
	padding: 14px 0 0 0;
}

.post .commentArea H2 {
	color: #c2c2c2;
	font-size: 1.2em;
	letter-spacing: -.06em;
	text-transform: lowercase;
	width: 641px;
}

.post .commentArea .commentWrite {
	width: 100%;
	margin: 20px auto;
}

.post .commentArea .commentWrite DIV  {
	float: left;
}

.post .commentArea .commentWrite DIV INPUT {
	width: 199px;
	height: 25px;
	background: #dedede;
	border: 0;
	font-size: .8em;
	color: #999999;
	font-weight: bold;
	padding: 6px 4px 0;
	line-height: 25px;
	float: left;
}

.post .commentArea .commentWrite P .submit {
	height: 25px;
	float: left;
	margin: 10px 0 0;
}

.post .commentArea .commentWrite DIV TEXTAREA {
	margin: 10px 0 0;
	background: #dedede;
	border: 0;
	font-size: .8em;
	color: #999999;
	font-weight: bold;
	padding: 4px;
	width: 633px;
	height: 120px;
	font-family: Helvetica, Arial, sans-serif;
	overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ .post .commentArea .commentWrite DIV TEXTAREA  {
  width: 633px; /* The text will appear red only in Safari and Google Chrome */
 }
}

.post .commentArea .commentWrite DIV SPAN.spacer {
	width: 10px;
	display: block;
	float: left;
	height: 10px;
}

.post .commentArea OL {
	margin: 40px 0 0 0;
}

.post .commentArea OL LI {
	margin: 0 0 30px 0;
}

.post .commentArea OL LI:hover .commentText P {
	color: #333333;
}

.post .commentArea OL LI .commentAvatar {
	width: 65px;
	height: 54px;
	float: left;
	background: url(images/comment-talk-tip.jpg) right center;
}

.post .commentArea OL LI .commentAvatar IMG {
	border: 10px solid #d9d9d9;
}

.post .commentArea OL LI .commentText {
	width: 500px;
	height: auto;
	float: left;
	padding: 0 0 0 20px;
	line-height: 1.3em;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ .post .commentArea OL LI .commentText  {
 	font-size: .9em; /* The text will appear red only in Safari and Google Chrome */
 }
}

*:first-child+html .post .commentArea OL LI .commentText {
	font-size: .9em;
}

.post .commentArea OL LI .commentText P {
	font-weight: normal;
	color: #666666;
}

.post .commentArea OL LI .commentText SPAN.author A {
	font-weight: bold;
	color: #3f3f3f;
}

.footer {
	width: 641px;
	height: auto;
	margin: 0 auto 60px;
	border-top: 1px solid #a5a5a5;
	padding: 14px 0 0 0;
	font-size: .7em;
}

.footer .footerLeft {
	width: 45%;
	float: left;
}

.footer .footerRight {
	width: 55%;
	float: right;
	text-align: right;
}