/*
Theme Name: Phindy
Theme URI: 
Description: Custom theme for Phindy Studios
Version: 1.0
Author: Hartzog Creative
Author URI: http://hartzogcreative.com/
*/

/*
	Plugins used for this theme:
	WP-PageNavi (http://lesterchan.net/portfolio/programming/php/)
	WP-Email (http://lesterchan.net/portfolio/programming/php/)
*/

/* Neutralize styling: Elements we want to clean out entirely */
html, body, form, fieldset {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .875em; /* 16x.875=14px */
	margin: 0;
	padding: 0;
}

body {
	background: #d2ebff;
	font-size: 100%;
}

/* Neutralize styling: Elements with a vertical margin */
p, pre, blockquote,
ul, ol, dl, address {
	margin: .5em 0;
	padding: 0;
}

/* Apply left margin only to the few elements that need it */
li, dd, blockquote {
	margin-left: 2.5em;
}

/* Heading Styles */
h1, h2, h3, h4, h5 {
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h1 {
	font-size: 2em;
	margin: 0;
}

h2 {
	font-size: 1.125em;
	margin: 0;
}

h2.pagetitle {
	background: #9acaf2;
	color: white;
	font-size: 1.125em;
	height: 29px;
	line-height: 29px;
	margin-left: -25px;
	padding-left: 25px;
	width: 925px;
}

#commentspopup h2.pagetitle {
	margin-left: 0px;
	width: 345px !important;
}

h2.pagetitle a {
	color: #4c4c4c;
	text-decoration: none;
}

h2.pagetitle a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 1.2em;
	margin: 0;
}

#foot-head h3 {
	color: #262626;
	font-size: 1.1em;
}

h4 {
	font-size: 1.1em;
}

/* Link Styles */
a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/* Form Styles */
form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-family: inherit;
	font-size: 1em;
}

/* Miscellaneous conveniences: */
.right, .alignright {
	float: right;
	margin: 0 0.5em 0.5em 0;
}

.left, .alignleft {
	float: left;
	margin: 0 0 0.5em 0.5em;
}

.center, .centered, .aligncentered {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.wp-caption {
	background: #eee;
	color: #000;
	padding: 5px;
	margin: 4px 0;
	text-align: center;
}

.clear {
	clear: both;
}

/* Main Positioning Elements */
#head-grad {
	background: #d2ebff;
	height: 352px;
}

#wrap {
	margin: -310px auto 0;
	padding: 0;
	width: 950px;
}

#header {
	background: no-repeat;
	height: 297px;
	width: 950px;
}

#pagecontent {
	background: #9acaf2;
	margin: 0;
	padding: 0;
}

#footer {
	background: #9acaf2 url(images/footer-bg.png) no-repeat;
	padding: 25px 35px 0 25px;
	width: 890px;
}

/* Menu Elements */
#menu {
	font-size: 14 px;
	background: url(images/menu-bg.png) repeat-x;
	height: 28px;
	letter-spacing: 2px;
	line-height: 28px;
	margin-top: 12px;
	text-transform: uppercase;
	width: 100%;
}

#menu ul {
	font-size: 14 px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu li {
	color: #262626;
	float: right;
	margin: 0 5px;
}

#menu li a {
	color: #262626;
	text-decoration: none;
}

#menu li a:hover {
	text-decoration: underline;
}

/* Mid Menu Elements */
#mid-menu {
	background: url(images/mid-menu.png) no-repeat;
	height: 120px;
	width: 100%;
}

.mid-sec {
	color: #262626;
	float: left;
	font-size: .85em;
	height: 56px;
	padding: 18px 15px;
	width: 260px;
}

.first {
	margin-left: 30px;
}

.mid, .last {
	margin-left: 11px;
}

.last {
	padding: 30px 15px 12px;
	text-align: right;
}

.mid-sec .title {
	letter-spacing: 1px;
	text-transform: uppercase;
}

.mid-sec .title a {
	color: #262626;
	text-decoration: none;
}

.mid-sec .title a:hover {
	text-decoration: underline;
}

#searchform #s {
	border: 1px solid #848484;
	color: #848484;
	height: 11px;
	padding: 4px 0;
	text-align: right;
	width: 155px;
}

#searchform #searchsubmit {
	background: url(images/go.png) no-repeat;
	border: none;
	height: 19px;
	width: 26px;
}

#rss {
	margin-top: 15px;
	text-transform: uppercase;
}

#rss img {
	vertical-align: middle;
}

/* Pagecontent Elements */
#posts {
	color: #262626;
	padding: 0 35px 1px 25px;
	width: 900px;
}

.post {
	margin-bottom: 25px;
}

.post-cont {
	margin: 16px 0 7px;
    font-size: 12px;
    line-height: 18px;
}

.story {
	float: left;
	width: 100%;
}

.links {
	float: right;
	width: 270px;
}

.links a {
	background: #b1dcff;
	color: black;
	display: block;
	height: 29px;
	letter-spacing: 1px;
	line-height: 29px;
	margin-bottom: 9px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.post-pic {

}

/* Comment Styles */
#commentspopup {
	background: #b1dcff;
	padding: 0 10px;
	width: 370px;
}

#commentspopup #posts {
	color: #262626;
	margin: 0 auto !important;
	padding: 0;
	width: 100%;
}

#commentspopup .post {
	margin-bottom: 0;
}

#commentspopup .post-cont {
	margin: 0;
}

#commentspopup #close {
	margin: 20px 0 0;
}

.comments {
	background: #b1dcff;
	margin-top: 30px;
	padding: 0 10px;
	height: 160px;
}

#comments {
	background: #b1dcff;
	margin-top: 30px;
	padding: 0 10px;
}

.comment-head {
	background: #9acaf2;
	color: #262626;
	font-size: .80em;
	height: 26px;
	letter-spacing: 2px;
	line-height: 26px;
	margin-left: -10px;
	padding: 0 10px;
	text-transform: uppercase;
	width: 880px;
}

.comment-head a {
	color: #262626;
	text-decoration: none;
}

.comment-head a:hover {
	text-decoration: underline;
}

.comment-list {
	clear: both;
	color: #262626;
	font-size: .85em;
	height: 126px;
	overflow: auto;
}

#comments .comment-list {
	height: auto !important;
	padding: 0 0 5px;
}

.comment-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list ul li {
	margin-left: .5em;
    margin-bottom: 10px;
}

.comment-list strong {
	color: #262626;
	text-transform: uppercase;
}

.comment-list a {
	color: #262626;
}

/* Footer Elements */
#footer a {
	color: #262626;
	font-size: .85em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	list-style: none;
	margin: -8px 0 0;
}

#footer li {
	margin: 0;
}

#foot-head {
	background: #9acaf2;
	height: 25px;
	line-height: 25px;
	margin: 0 0 18px -25px;
	padding: 0 35px 0 25px;
	width: 890px;
}

#foot-head #what,
#foot-head #cats,
#foot-head #links {
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0;
}

#foot-head #what {
	width: 530px;
}

#foot-head #cats {
	width: 174px;
}

#foot-head #links {
	width: 186px;
}

#footer #about {
	float: left;
	width: 530px;
}

#about #phindy {
	float: left;
	height: 133px;
	width: 200px;
}

#about #text {
	color: #262626;
	float: left;
	font-size: .91em;
	padding: 0 10px;
	width: 310px;
}

#about #text a {
	font-size: 1em;
}

#footer ul#catlist {
	float: left;
	width: 174px;
}

#footer ul#linklist {
	float: left;
	width: 186px;
}

#footer #copyright {
	font-style: normal;
	font-size: 8px;
	clear: both;
	color: #2f2f2f;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 40px 20px 20px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}

.comment-head > .alignright {
    position: relative;
}

.WP-EmailIcon {
    position: relative;
    top: 4px;
}