/*

Theme Name: Theme FKP 

Theme URI: http://Ideas Into Action LLC

Description: the Wordpress theme for IIA project

Version: 1.0

Author: Daniel Nguyen

Author URI: http://ideasintoactionllc.com

Tags: IIA, 



*/



.linklove * {display:none; size:0; }

.nocomments {display:none; size:0; }





/* Globals */

* {margin: 0;padding: 0;}



body {

	background:#FBFCFA;

	font-size: 62.5%;

	font-family: Arial, Helvetica, sans-serif;

}



.clear {clear: both;}



#page {

	width:100%;

	text-align:center;

}



/* Begin Header */

#container {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	height: 316px;

	width: 1024px;

	background: transparent url(images/header.jpg) no-repeat;

	margin:0 auto;

	text-align:left;

	position:relative;

}



#hr-top {

	background: transparent url(images/header_bg.jpg) no-repeat scroll center top;

	height: 10px;

	margin-top:23px;

}



#header #mailing-list {

	top:75px;

	right:70px;

	position:absolute;

	/* for IE */

	#width:180px;

	_width:180px;

}



#header #mailing-list input#contactsubmit {

	border:none;

	background:transparent url(images/submit_btn.jpg) no-repeat;

	width:59px;

	height:14px;

	vertical-align:middle;

}



#header #mailing-list label {

	vertical-align:middle;

}



#header #mailing-list input#email {

	border:1px solid #EAABCA;

	margin-bottom:3px;

	width:175px;

}



#header #logo {

	bottom:95px;

	left:22px;

	position:absolute;

}



#header #mp3player {

	bottom:105px;

	position:absolute;

	right:80px;

}



#header #player-ctl {

	bottom:50px;

	height:18px;

	position:absolute;

	right:95px;

	width:30px;

}



#header #menu-page {

	bottom:32px;

	height:52px;

	left:62px;

	position:absolute;

	text-transform:uppercase;

}



#admin-link {

	position:absolute;

	right:30px;

}



/* Search Form */

form#searchform {

	position:absolute;

	right:29px;

	top:28px;

	_top:27px; /* for IE */

	#top:27px; /* for IE */

	width:180px;

}



form#searchform input#s {

	border:0;

	margin-right:5px;

	vertical-align:middle;

	width:135px;

}



form#searchform  a img {

	vertical-align:middle;

}



h1#logo {

	width: 250px;

	height: 90px;

	float: left;

	margin-top: 38px;

}



h1#logo a, h1#logo a:focus {

	display: block;

	height: 90px;

	text-indent: -999em;

	outline: none; 

}



/* Begin Menu */

#menu {

	height: 47px;

	position:relative;

}



#menu img#main-logo {

	position:absolute;

	top:-80px;

	left:-17px;

}



#menu ul {

	margin-left: 145px;

	padding-top: 10px;

}



#menu ul li {

	list-style-type: none;

	display: inline;

}



#menu ul li a {

	float: left;

	text-decoration: none;

	font-size: 1.8em;

	color: #b1cdd8;

	padding-right: 15px;

	padding-left: 15px;

	line-height: 37px;

	display: block;

}



#menu ul li a:hover {

	color: #90b8c7;

	text-decoration: none;

}



#menu ul .current_page_item a, #menu ul .current_page_item a:hover {

	background-image: url(images/current.gif);

	background-repeat: repeat-x;

	color: #84B0C1;

	background-color: #FFFFFF;

}



/* End Menu */

.subscribe-to-rss img#main-rss {

	position:absolute;

	right:-20px;

	top:-30px;

}



.subscribe-to-rss {

	float: right;

	color: #b1cdd8;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 1.1em;

	padding-right: 12px;

	margin-top: 10px;

	margin-right: 10px;

}



.subscribe-to-rss:hover {

	color: #84B0C1;

	text-decoration: underline;

}



/* Begin Content */

#content {

	background: transparent url(images/content_bg.jpg) repeat-y;

	overflow:hidden;

	padding: 0px 20px;

	width: 984px;

	margin:0 auto;

	text-align:left;

}



#content #content-body {

	margin: 0px 27px 0px 42px;

	text-align:left;

	padding:0px 7px;

}



/* Begin Left Col (Main Content) */

#left-col {

	float: left;

	width: 435px;

	margin-right: 20px;

}



#left-col h2 {

	color:#565B5F;

	font-family:serif;

	font-size:19px;

	font-weight:bold;

	letter-spacing:1px;

}



#left-col h2 a {

	color:#DB6CA3;

	font-family:times New Roman;

	font-weight:normal;

	text-decoration:none;

	text-transform:uppercase;

}



#left-col h2.pagetitle {

	color: #BCBCBC;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DFECF7;

	margin-bottom: 20px;

	font-size: 2em;

	letter-spacing: -1px;

}



#left-col h2 a:hover {

	color: #90B8C7;

	text-decoration: none;

}



#left-col h3 {

	color: #777777;

	font-size: 1.8em;

	margin-bottom: 10px;

	margin-left: 40px;

}



.post span.post-date {

	color: #000;

	font-size: 1.5em;

}



.entry {

	font-size: 1.2em;

	line-height: 17px;

	color: #666666;

	/* margin-top: 25px; */

	_MARGIN-TOP: 10px;

	position:relative;

}



.entry a {

	color: #6CA0B5;

	text-decoration: none;

}



.entry a:hover {

	color: #316F9B;

	text-decoration: none;

}



.entry p {

	font-size:12px;

	line-height:1.5;

	margin-bottom: 15px;

	padding:0;

}



#post-68 .entry p, #post-58 .entry p {

	padding:0px 75px;

}



#post-11 .entry {

	padding:0px 35px;

}



.entry form.wpcf7-form {

	width:390px;

}



.entry form.wpcf7-form input, .entry form.wpcf7-form textarea{

	border:1px solid #EAABCA;

	margin-bottom:3px;

	width:388px;

}



.entry form.wpcf7-form input#contact-submit {

	border:none;

	background:transparent url(images/submit_contact.jpg) no-repeat;

	width:97px;

	height:29px;

	vertical-align:middle;

	float:right;

}



.nor-post p {

	padding:0px;

}



.entry h2 {

	letter-spacing:0px;

	padding-bottom:10px

}



.entry h3 {

	margin-left:0px!important;

}



.post-pic img {

	float:right;

	background-color: #f7f9fb;

	padding: 5px;

	border: 1px solid #d5e5f4;

	margin-left: 10px;

}



.entry .more-link {

	font-size: 1.3em;

}



.postmetadata {

	background-color: #f4f7fa;

	padding: 5px 10px;

	font-size: 1.1em;

	text-align: left;

	color: #B9D1DB;

	border-bottom: 1px solid #D7E6F4;

	margin-bottom: 15px;

	overflow:hidden;

	height:15px;

	/* for IE */

	_height:15px;

	#height:15px;

}



.postmetadata a {

	text-decoration: none;

	color: #6CA0B5;

	border:none;

}



.postmetadata a:hover {

	color: #316F9B;

	border-bottom-color: #666666;

	text-decoration: none;

}



.postdata {

	background-color: #F4F7FA;

	border: 1px solid #D7E6F4;

	color: #999999;

	padding: 10px;

}



/* Begin Images */

p img {

	max-width: 100%;

	background-color: #F1F5F8;

}



/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	border: 1px solid #D5E5F4;



}



img.alignleft {

	padding: 4px;

	display: inline;

	margin-right: 7px;

	margin-bottom: 2px;

	border: 1px solid #D5E5F4;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



/* Begin Comments */

h3#comments {

	font-size: 1.6em;

	line-height: 30px;

	margin-bottom: 15px;

	color: #777777;

}



.commentlist {

	margin-bottom: 25px;

	border-bottom: 1px solid #D7E6F4;

}



.commentlist li {

	background-color: #F4F7FA;

	padding: 10px;

	list-style-type: none;

	border-top: 1px solid #D7E6F4;

	border-right: 1px solid #D7E6F4; 

	border-left: 1px solid #D7E6F4;

	font-size: 1.2em;

	color: #BCBCBC;

}



.commentlist  .alt {

	background-color: #FFFFFF;

}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

}



.commentlist a {

	color: #6CA0B5;

	text-decoration: none;

	border-bottom: 1px solid #DDDDDD;

}



.commentlist a:hover {

	color: #316F9B;

	border-bottom-color: #666666;

}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.2em;

}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	line-height: 1.6em;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #666666;

}



.commentmetadata, .commentmetadata a {

	font-size: 0.9em;

	border-bottom-width: 0px;

	color: #CCCCCC;

}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}



#respond {

	font-size: 1.6em;

	color: #777777;

	margin-bottom: 10px;

}



#commentform {

	margin-left: auto;

	width: 400px;

	margin-right: auto;

}



#commentform input {

	border-top: 1px solid #BBD6EE;

	border-right: 1px solid #D5E5F4;

	border-bottom: 1px solid #D5E5F4;

	border-left: 1px solid #BBD6EE;

	width: 250px;

	padding: 4px 3px;

	color: #777777;

	margin-bottom: 10px;

}



#commentform input:focus, #commentform #comment:focus {

	border-color: #84AFC1;

}



#commentform label {

	font-size: 1.3em;

	color: #666666;

}



#commentform #comment {

	border-top: 1px solid #BBD6EE;

	border-right: 1px solid #D5E5F4;

	border-bottom: 1px solid #D5E5F4;

	border-left: 1px solid #BBD6EE;

	width: 400px;

	margin-bottom: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;

}



#commentform #submit {

	background-color: #DBE6EE;

	color: #84AFC1;

	border-color: #BAD1E0;

	font-weight: bold;

	padding-top: 2px;

	padding-bottom: 2px;

	width: 400px;

	text-align: center;

}



#commentform #submit:hover {

	color: #FFFFFF;

	background-color: #BAD1E0;

}



#commentform small {

	font-size: 0.9em;

	color: #B1B1B1;

}



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

}



acronym, abbr {

	border-bottom: 1px dashed #999;

}



blockquote {

	padding-left: 20px;

	background-color: #F1F5F8;

	border-left: 5px solid #DEE9F0;

	margin: 15px 0 0 10px;

}



blockquote.oursongs {

	padding-left: 20px;

	background: transparent;

	border-left: none;

	margin: 15px 0 0 35px;

}



blockquote#write {

	background:transparent url(images/writeoursong.png) no-repeat 0 0;

	padding:140px 0 0 110px;

}



blockquote#play {

	background:transparent url(images/playoursong.png) no-repeat 0 0;

	padding:143px 0 0 117px;

}



blockquote#share {

	background:transparent url(images/shareoursong.png) no-repeat 0 0;

	padding:145px 0 0 122px;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}



.center {

	text-align: center;

}



.hidden {

	display: none;

}



hr {

	display: none;

}



a img {

	border: none;

}



/* Captions */

.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #D5E5F4;

	text-align: center;

	background-color: #F1F5F8;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}



#left-col ul {

	width: 360px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 25px;

	margin-bottom: 25px;

	font-size: 1em;

}



#left-col ul h2 {

	font-size: 2em;

	letter-spacing: -1px;

}



#left-col ul li {

	margin-left: 40px;

	font-size: 1.4em;

	margin-top: 5px;

	margin-bottom: 5px;

}



#left-col  ul li a {

	color: #5E98AE;

	text-decoration: none;

}



#left-col ul li a:hover {

	color: #4A7E93;

	text-decoration: underline;

}



#left-col ul li ul {

	margin: 0px;

}



#left-col ul li ul li {

	margin-left: 20px;

	font-size: 1em;

}



#left-col .navigation a {

	color: #6CA0B5;

	text-decoration: none;

	border-bottom-width: 1px solid #ddd;

}



#left-col .navigation a:hover {

	color: #316F9B;

	text-decoration: none;

	border-bottom-color: #666;

}



#left-col .navigation {

	color: #84AFC1;

	font-size: 1.4em;

	margin: 25px 0 15px;

}



.linkcat  {

	list-style-type: none;

	font-size: 1em;

}



#left-col .linkcat h2 {

	font-size: 1.6em;

	letter-spacing: normal;

}



.linkcat ul {

	margin-left: 40px;

	padding: 5px 0 15px;

}



#left-col .post .entry ol {

	margin-left: 45px;

	color: #333;

	font-size: 1.2em;

}



#left-col .post .entry ul {

	margin-left: 0px;

	color: #333;

	font-size: 0.9em;

	font-family: Arial, Helvetica, sans-serif;

}

/* End Left Col (Main Content) */



/* Begin Left Col for Pages */

.page-content {

	float:none!important;

	margin:0px!important;

	width:100%!important;

}



.page-content h2.page_title {

	display:none;

}

/* End Left Col for Pages */



/* Begin Right Col (right sidebar) */

#right-col {

	float: right;

	line-height: 18px;

	width: 405px;

	font-size: 1.2em;

	list-style-type: none;

	color: #666;

}



#right-col #l-side {

	float:left;

	width:190px;

}



#right-col #r-side {

	float:right;

	width:215px;

}



#right-col h2 {

	color:#DB6CA3;

	font-size:14px;

	font-weight:normal;

	text-transform:uppercase;

}



#right-col ul{

	list-style-position:inside;

}



#right-col #l-side ul{

	margin:10px 0px 25px;

}



#right-col #r-side a.a2a_dd img{

	margin:5px 0px 25px;

}



#right-col ul a{

	color:#3B3C3B;

	text-decoration:none;

}



/* End Right Col (right sidebar) */



/* Begin Footer */

#footer {

	background: transparent url(images/footer_bg.jpg) no-repeat; 

	height: 35px;

	padding-top: 11px;

	padding-right: 20px;

	padding-left: 20px;

	font-size: 1.2em;

	color: #B9D1DB;

	width:984px;

	margin:15px auto 0px;

	_MARGIN-TOP: 5px;

}



#footer ul li {

	list-style-type: none;

	padding-right: 20px;

	float: left;

}



#footer ul li a, #footer a {

	text-decoration: none;

	color: #B9D1DB;

	display: inline;

}



#footer a:hover {

	color: #84B0C1;

	text-decoration: underline;

}



#footer p {

	text-align: right;

	padding-right:27px;

}

/* End Footer */



/* postmetadata */

span.post-meta-left {

	float:left;

}



span.post-meta-right {

	float:right;

}

/* end postmetadata */



/* announcement */

#announcement {

	padding-bottom:10px;

}



#announcement p{

	padding-bottom:10px;

}



/* for song metadata */

#metadata {

	padding-top:5px;

	font-weight:bold;

}

#metadata a {

	margin-right:10px;

	text-decoration:none;

	color:#565B5F;

	font-size:12px;

}

#metadata a:visited, #metadata a:active {

	color:#565B5F;

}



#metadata a:hover {

	color:#DB6CA3;

}



/* for content customize */

table#teamcredits img {

	margin: 0px 10px 0px 0px;

}



table#shareoursong-page img {

	vertical-align:middle;

}



table#shareoursong-page tr, table#shareoursong-page p {

	line-height:25px;

}



/* style for Services page */

img.sv-spec-01 {

	background:none;

	margin:10px 10px -20px 30px;


}
img.social-media {float:right; margin:0 62px 0 0;}
.entry .wpcf7 form {
	width:390px;
}
.entry .wpcf7 form input, .entry .wpcf7 form textarea {
	border:1px solid #EAABCA;
	margin-bottom:3px;
	width:388px;
}
.entry .wpcf7 form input#contact-submit {
	border:none;
	background:transparent url(images/submit_contact.jpg) no-repeat;
	width:97px;
	height:29px;
	vertical-align:middle;
	float:right;
}
h1.home-htag {
font-size:12px;
font-weight:normal;
text-align:center;
color:#999;
margin:5px 0 0 0;
padding:0;
}


/* Basic Styles */
.feedburner-basic {
	overflow: hidden;
}
.feedburner-basic a.feed-button {
	display: block; float: left;
	width: 78px; height: 78px;
	margin: 0 10px 0 0; padding: 0;
	background: url(http://felicekeller.com/wp-content/themes/aht/images/rss.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.feedburner-basic p {
	clear: both;
	font-size: 11px;
	margin: 0; padding: 10px 0;
}
.feedburner-basic form {
	margin: 5px 0 0 0; padding: 5px 0 0 0;
}
.feedburner-basic .input-text {
	display: block; float: left;
	margin: 0 0 5px 0; padding: 5px;
	border: 1px solid #a5a5a5;
	width: 60%
}
.feedburner-basic .input-submit {
	display: block; float: left;
	width: 140px; height: 32px;
	margin: 0 0 5px 0; padding: 0;
	background: url(http://felicekeller.com/wp-content/themes/aht/images/submit-bg.gif) no-repeat;
	color: #613827;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	border: none;
}

/* Light Styles */
.feedburner-light {
	margin: 0; padding: 10px;
	background: #FFF url(http://felicekeller.com/wp-content/themes/aht/images/feedwidget-bg.gif) bottom left no-repeat;
	border: 1px solid #e8e8e8;
	overflow: hidden;
width:150px;
}
.feedburner-light a.feed-button {
	display: block; float: left;
	width: 78px; height: 78px;
	margin: 0 10px 5px 0; padding: 0;
	background: url(http://felicekeller.com/wp-content/themes/aht/images/rss.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.feedburner-light p {
	color: #333;
	clear: both;
	font-size: 11px;
	margin: 0; padding: 0px;
}
.feedburner-light form {
	margin: 5px 0 0 0; padding: 5px 0 0 0;
}
.feedburner-light .input-text {
	display: block; float: left;
	margin: 0 0 5px 0; padding: 5px;
	border: 1px solid #a5a5a5;
	width: 90%
}
.feedburner-light .input-submit {
	display: block; float: left;
	width: 140px; height: 32px;
	margin: 0 0 5px 0; padding: 0;
	background: url(http://felicekeller.com/wp-content/themes/aht/images/submit-bg.gif) no-repeat;
	color: #613827;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	border: none;
}

/*
this stuff makes small changes depending 
on what widget area we're in 
*/

#feature-top .feedburner-light,
#feature-bottom .feedburner-light {
	margin: 10px 10px 0 10px;
}

.w180- .feedburner-basic,
.w180- .feedburner-light,
.w180- .feedburner-dark {
	text-align: center;
}
.w180- a.feed-button,
.w180- .input-text,
.w180- .input-submit {
	float: none;
	margin: 5px auto;
}
.w180- .input-text {
	width: 85%
}