/*
Theme Name: An Idol Heart - Custom
Description: Designed & Developed by Jose Olide. 
Version: 1.0
Author: Jose Luis Olide
*/

/* ----------------------------------------------
	Template Name : An Idol Heart
	Version : 1.0   
	Last Date Modified : February 27, 2010	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

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, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Top Elements */
img, #logo, #nav a, #feature_list li a, #fromtwitter, #fromtheblog, .portfolio_list li { 
	behavior: url(js/iepngfix.htc) 
}

* { margin: 0; padding: 0; outline: 0 }

body, html {
	font: 12px/165% Arial, sans-serif;
	color: #eaeaea;
	margin: 0; 	padding: 0; 
	background: #121212 url(images/bg_main.jpg) top center no-repeat;
	text-align: center;
}

/* Links */
a, a:visited {
	text-decoration: none;
	color: #909090;	
}
a:hover {
	color: #fff;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, Sans-serif;
	color: #FAFAFA;
}
h1 {
	font-size: 1em;	
	letter-spacing: 0px;
	padding: 15px 10px 5px 10px;	
}
h2 {
	border-bottom:1px solid #343434;
	color:#EEEFEF;
	font-size:16px;
	margin:0px 5px 10px;
	padding:5px 0;
	text-transform:uppercase;
}
h2 a {
	color: #EEEFEF;
	text-decoration: none;		
	border: none;		
}

h3 {
	font-size: 1.2em;	
	font-weight: normal;
	padding: 20px 10px 5px 10px;		
}


h3#comments, h3#respond {
	line-height:25px;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1;
	margin: 0;
	padding: 24px 0 18px 0;
}


p, dl { padding: 10px 0; margin: 0; line-height:22px; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }

ol.commentlist{
	float:left;
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
	width: 100%;
}

ol.commentlist li {
	background:#191919 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	margin-bottom:20px;
	padding: 20px;
	width:460px;
}

ol.commentlist li small {
	border-bottom:1px dotted #333333;
	display:block;
	line-height:25px;
	margin-bottom:10px;
	padding-bottom:5px;
	width:460px;
}

ol.commentlist li small a {
	color: #5b5b5b;
}
ol.commentlist li small a:hover {
	color: #777;
}

ol.commentlist li p {
	color:#CBCBCB;
	font-size:11px;
	line-height:19px;
	margin: 0 0 1.5em;
	padding: 0;

}

dt {
  font-weight: bold;
  color: #FAFAFA;
}
dd {
  padding-left: 25px; 
}

/* images */
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

img.size-full {

	overflow: hidden;
}

p.audioplayer_container {
	text-align:center;
}

.date {
	color: #961a1e;
	font-size: 11px;
	margin: 0 0 12px 0 ;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em Arial ;
  	/* white-space: pre; */
  	background: #070707;
	border: 1px solid #111;   
}
acronym {
  	cursor: help;
  	border-bottom: 1px dotted #5B5B5B;
}
blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
   background: #070707 url(images/quote.gif) no-repeat 10px 10px;
	border: 1px solid #111; 
	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Arial;	
	color: #808080;	
}

div.comments-classes p {
	color: #00b5d0;
}
.comment-author {
	font-family:Arial;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
}


/* start - table */
table {
	margin: 15px 10px; 
	border-collapse: collapse;			
}
th {
	background: #000;
	color: #FAFAFA;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20; 
	border-top: 1px solid #48780E;
}
tr {
	color: #5b5b5b;
	height: 34px;		
}
td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #111;	
	background: #070707; 
}
/* end - table */


/* form elements */
form {
	background:#191919 none repeat scroll 0 0;
	margin-bottom:10px;
	padding:20px;
	width:460px;
}
form p {
	padding: 12px 0 5px 0;	margin: 0;	
}
label {
	display:block;
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
input, select, textarea {
	background:#202020 none repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	margin-bottom:0;
	padding:3px;
}
option { padding-right: 0.5em; } 

#name, #message{
	width: 480px;
}

#email {
	width: 295px;
}

input.button { 
	font: bold 12px Arial; 
	height: 30px;
	padding: 2px 3px; 
	margin-top: 8px;
	color: #48780E;
	background: #191919;
	border-width: 1px;
  	border-style: solid;
  	border-color: #fff;
  	cursor: point;
}


/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
	width: 960px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
	clear: both;
	width: 924px;	
	float: left;	
	padding: 18px;	
	margin: 0;
	background:transparent url(images/content_dark.png) repeat scroll left top;
	}
#header {
	position: relative;
	width: 960px;	
	margin: 0 auto; padding: 0;	
	background: transparent url('images/header.jpg') top center no-repeat;		
}
h1#hdr-logo {
	height:93px;
	width:284px;
	float: left;
	margin: 12px 0 0 0;
}
h1#hdr-logo img {
	border: 0;
	background: none;
}

#navigation-container {
	position: relative;
	margin: 0 auto; padding: 0;		
	top: 0;
	width: 960px; height: 51px;
	background: transparent url('images/nav_bg.jpg') top left repeat;		
		
}


#nav, #nav ul{
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:0.6em;
     float: left;
     list-style: none;
     margin:0; padding: 0;	
     display: inline;
     
     
}
#nav a:link, #nav a:active, #nav a:visited{
    border-right:1px solid #202020;
    color:#D4D4D4;
    display:block;
    font-size:14px;
    padding: 18px 22px;
    text-decoration:none;
    text-transform:uppercase;
}
#nav a:hover {
    color:#fff;
    background: transparent url('images/nav_bg_hover.jpg') top left repeat;
}
#nav li{
    float:left;
    position:relative;
    display: inline;
}
#nav ul {
    position:absolute;
    top: 1.4em;
    display:none;	
	z-index: 1;
}

#nav ul.children{
	position:absolute;
	top: 50px;
	display:none;	
	z-index: 1;
	
}


#nav li ul a {
    width: 10em;
    text-transform: none !important;
    float:left;
    margin: 0 0 0 0;
    border-bottom: 1px solid #282828;
    padding: 10px 0px 10px 10px !important;
    font-size: 12px !important;
	background-color: black;
	filter: alpha(opacity=40);
		 -moz-opacity: .4;
		 KhtmlOpacity: .4;
		 opacity: .8;
	background-image: none !important;
}
#nav li ul a:hover {
	color: #f60a00;
	width: 10em;
	text-transform: none !important;
	float:left;
	margin: 0 0 0 0;
	border-bottom: 1px solid #282828;
	padding: 10px 0px 10px 10px !important;
	font-size: 12px !important;
	background-color: black;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	KhtmlOpacity: .4;
	opacity: .8;
	background-image: none !important;
}
#nav ul ul{
	top: auto;
}	
#nav li ul ul {
    left: 11.3em;
    margin: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}


/* header quick search */
#quick-search {
	padding: 0; margin: 295px 0 0 772px;
	border: none;
	width: 178px; height: 33px;
	background: url(images/header-search.gif) no-repeat;
	position: absolute;
	z-index: 10;		
}
#quick-search p {
	margin: 0; padding: 0;		
}
#quick-search input {
	float: left;
	border: none;
	background: transparent;
	color: #4E4E4E;	
	margin: 0;
}
#quick-search .tbox {
	margin: 5px 0 0 5px; 
	width: 140px;	
	display: inline;	
}
#quick-search .btn{
	width: 16px; height: 16px; margin: 3px 0 0;			
}
#quick-search label {
	display: none;
}



/*  Navigation  */
/*#nav {
	position: relative;
	margin: 0; padding: 0;		
	height: 50px;
	top: 50px;
	float: right;			
}
#nav ul {
	float: left;
	list-style: none;
	margin: 18px 0 0 0; padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	float: left;
	margin: 0;	padding: 0 0 0 18px;
	font: bold 14px/50px Arial;
	text-decoration: none;	
	color: #d4d4d4;	
	text-transform: uppercase;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;
	background: none;
	border: none;
}
#nav ul li.current_page_item a {	
	color: #dededf;	
}*/

/* Main Column */
#main {
	float: left;
	width: 590px;
	padding: 0; margin: 0;
	display: inline;		
}

#main-blog {
	float: left;
	width: 565px;
	padding: 0; margin: 0;
	display: inline;		
}
#main h2 {
	border-bottom:1px solid #343434;
	color:#961a1e;
	font-size: 18px;
	margin: 0 0 14px;
	padding:5px 0;
	text-transform:uppercase;
}
#main h2 a {
	color: #EEEFEF;
	text-decoration: none;		
	border: none;		
}

#main ul li {
	list-style-image: url(images/bullet.gif);
}

#main h2.archive {
	font-size: 12px;
	color: #d10800;
	border-bottom:1px solid #262626;
	border-top:1px solid #262626;
	padding: 8px 0 6px 0;
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 300px;
	padding: 0; margin: 0;		
	display: inline;	
}

.main-ad {
	float: left;
	display: inline;
	margin: 18px 0;
	padding:0;
}

.main-ad:hover {
}

.sub-ad {
	float: left;
	display: inline;
	margin: 26px 47px 18px 0;
	padding:0;

}
.sub-ad-right {
	float: left;
	display: inline;
	margin: 26px 0;
	padding:0;

}


#sidebar h2 {
	border-bottom:1px solid #343434;
	color:#961a1e;
	font-size: 18px;
	margin:0px 5px 10px;
	padding:5px 0;
	text-transform:uppercase;
}
#sidebar h2 a {
	color: #961a1e;
	text-decoration: none;		
	border: none;		
}

	
#sidebar h3 {
	padding: 5px 12px;
	margin: 15px 5px 10px 0;
	font: bold 1.6em Arial;				
	color: #45D5E6;
	border-bottom: 1px solid #121212; 
	background: #0f0f0f;		
}
#sidebar ul {
	text-align: left;
	margin: 0 0 14px 6px; 
	padding: 0;		
}
#sidebar ul li {
	list-style: none;
	padding: 4px 0;
	margin: 0;		
}
* html body #sidebar ul li {
	height: 1%;
}
#sidebar ul li a {
	text-decoration: none;	
	border: none;
	color: #CCCCCC;
	font-weight: normal;		
	font-family: Arial;
	font-size: 12px;		
}
#sidebar ul li a span {
	color: #CCCCCC;	
	font-family: Arial;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul li a:hover,
#sidebar ul li a:hover span {	
	color: #961a1e;	
}
#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul ul li { border: none; }


a.social-link {
	margin: 0 8px 0 0;	
}

#sidebar-social {
	margin: 0 0 8px 0;
}

#sidebar-social a {
	padding: 0 16px 0 0;
}

#sidebar-social a.last {
	padding: 0;
}


/* footer */
#footer {
	border-bottom:0 none;
	border-top:1px solid #252525;
	clear:both;
	color:#575757;
	float:left;
	padding:0;
	width:100%;
}

#footer-box {
	width: 960px;
	margin: 0 auto;
}


#footer a {	
	color: #961a1e;
	border: none;
}
#footer p {	
	font-size:11px;
	margin:0;
	padding: 10px 0;
	text-align:left;
}
#footer a:hover {
	color: #fff;
}
#footer .rssfeed {
	background: url(images/rss.gif) no-repeat left 1px;
	padding-left: 17px;
}
#footer-left {
	float: left;
	width: 65%;
}
#footer-right {
	float: right;
	width: 35%;
}

/* postmeta */
.postmeta {	
	padding: 7px 5px; margin: 12px 0 18px 0;	
	font-size: 1em;	
	color: #961a1e;
	background: #121212; 
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: 10px; padding-top: 3px; margin-left: 5px; color: #777; text-transform: uppercase;	}
.post-info a, .post-info a:visited { color: #909090; }
.post-info a:hover { color: #bc1111; }


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


#blog-box{
	border-bottom: 1px solid #323232 ;
	padding: 12px 0;
	margin: 0 10px 10px 0;
}

#blog-box-page{
	border-bottom: 1px solid #323232 ;
	padding: 18px 0 0 0;
	margin: 0;
}

#blog-box p {
	margin: 0;
	padding: 0 0 12px 0;
	line-height:22px;
	font-size: 12px;
	color: #ccc;
	
}

/*------ CLIENT ROSTER SLIDER --------*/

#kwicks_container { 
	background: transparent;
	height: 288px;
	overflow: hidden;
	margin: 0 0 18px 0;
}
#kwicks {
	position: relative;
	margin: 0; padding: 0 0 0 6px;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width:  158px;
	height: 288px;
	cursor: pointer;
}
 
#kwick_red {background: transparent url(images/slide-images/FreddyRodriguez.jpg) top left no-repeat;}
#kwick_orange {background: transparent url(images/slide-images/BJ_Putnam.jpg) top left no-repeat;}
#kwick_yellow {background: transparent url(images/slide-images/StaceyJoseph.jpg) top left no-repeat;}
#kwick_green {background: transparent url(images/slide-images/MonicaCoates.jpg) top left no-repeat;}
#kwick_blue {background: transparent url(images/slide-images/TrentCory.jpg) top left no-repeat;}
#kwick_indigo {background: transparent url(images/slide-images/CalvinNowell.jpg) top left no-repeat;}

.client-title { background: #000; font-size: 12px; color: #fff; padding: 4px 8px; float: right; 
display: block; overflow: hidden; margin: 250px 0 0 0; }

.client-title a { color: #fff; }
.client-title a:hover { color: #62b1e1; }


.spacer {
	display: block;
	margin: 18px 0;
}


/* ----- CUSTOM STYLES ------- */

#twitter {
	float: left;
	width: 283px;
	display: inline;
	padding: 0 0 0 8px;
	margin: 0 0 18px 0;
	
	
}

ul#twitter_update_list li {
border-bottom:1px solid #343434;
color:#9f9f9f;
float:left;
font-size:11px;
overflow:hidden;
padding: 6px 0px;
width: 100%;

}
ul#twitter_update_list li span {
color: #fff;
font-size:11px;
}

ul#twitter_update_list li a{
color: #c5162f;
font-size:11px;
}

/*---- POINT 5IVE CONNECT LINKS!!! -----*/
div.p5connect-links { width: 368px; height: 30px; display: inline; float:left; margin: 18px 0; position: relative; }
div.p5connect-links ul { height: 30px; margin:10px 0px; padding:0; }
div.p5connect-links ul li { float: left; display: inline; margin: 0 11px 0 0;}
div.p5connect-links ul li a {  }

.p5-post-header {
	width: 100%;
	overflow: hidden;	
}

.p5-left-post {
	background:transparent url(images/p5_date_bg.jpg) no-repeat scroll 0 0;
	display:inline;
	float:left;
	height:44px;
	padding-top:6px;
	text-align:center;
	width: 46px;	
}

.p5-left-post-blog {
	background:transparent url(images/p5_date_bg.jpg) no-repeat scroll 0 0;
	display:inline;
	float:left;
	height:44px;
	padding-top:6px;
	text-align:center;
	width: 46px;	
}

.p5-right-post {
	float: left;
	text-align: left;	
}

h5.post-title {
	color:#fff;
	font-size: 14px;
	margin: 0 0 4px 0;
	text-transform:uppercase;
}

h5.post-title a {
	color: #fff;
	text-decoration: none;		
	border: none;		
}

h5.post-title a:hover {
	color: #ce0900;
	text-decoration: none;		
}

h5.post_day {
color: #efefef;
font-size: 1.4em;
line-height:1em;
}

h5.post_month {
color:#909090;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:bold;
letter-spacing:0.15em;
line-height:1em;
text-transform:uppercase;
}


img.avatar {float:left; margin-right:5px;border:0;background:none;padding:0;}