/*  
Theme Name:Default Contact
Theme URI: http://artisanthemes.com/themes/wp-contact-manager/
Description:Contact default.
Version: 0.5
Author: David Yeiser
Author URI: http://artisanthemes.com/
*/

* { margin:0; padding:0; }

body { font-family:"Lucida Grande", Arial, sans-serif; color:#665; background-color:#EFF5FB; }

a:link { color:#554; }
a:visited { color:#999; }
a:hover { color:#004d86; }
a:active { color:#004d86; }

span.clearer { height:0; display:block; clear:both; font-size:1px; line-height:1px; }

/* ------- LAYOUT ------- */

#site { width:68.375em; margin:0.25em auto; }
#content { width:30em; padding:1.25em 1.25em 2.5em 1.25em; position:relative; float:left; border:3px solid #ccc; background-color:#fff; }
#content2 { width:30em;margin:0.25em; padding:1.25em 1.25em 2.5em 1.25em; position:relative; float:left; border:3px solid #ccc;background-color:#fff;   }#content3 { width:65.375em;background-color:#ffffff;border:3px solid #ccc;  }#page { width:40em; padding:2.25em 2.25em 2.5em 2.25em; position:relative; float:center; border:3px solid #ccc; background-color:#fff; }
#barra { width:25.00em;margin-left:10em;background-color:#ffffff;font-size:14px;color:#084B8A;border:0px solid #ccc;text-align:left;}
#sidebar { width:17.25em; margin-left:1.25em; padding-top:1em; float:left;font-size:14px}
#site-meta { width:48.375em; margin-top:1.25em; padding-top:0.75em; clear:both; border-top:1px solid #ccc; }

span#content-uppercorner { width:40px; height:40px; position:absolute; left:-3px; top:-3px; display:block; background:url("images/curve-topright2.png") 0 0 no-repeat transparent; z-index:100; }
span#content-lowercorner { width:40px; height:40px; position:absolute; left:-3px; bottom:-3px; display:block; background:url("images/curve-bottomleft.png") 0 0 no-repeat transparent; z-index:100; }
span#content-uppercorner2 { width:40px; height:40px; position:absolute; right:-3px; top:-3px; display:block; background:url("images/curve-topright.png") 0 0 no-repeat transparent; z-index:100; }
span#content-lowercorner2 { width:40px; height:40px; position:absolute; right:-3px; bottom:-3px; display:block; background:url("images/curve-bottomleft2.png") 0 0 no-repeat transparent; z-index:100; }
.centrar-imagen {
text-align: center; 
} 
/* ------- ADMIN BAR ------- */

#admin-bar { width:100%; padding:0.5em 0; text-align:center; border-bottom:2px solid #887; background-color:#000; }
#admin-bar p { width:48.375em; margin:0 auto; padding-top:3px; }
#admin-bar p a { padding:1px 0.5em; display:block; float:left; font-size:0.688em; font-weight:bold; text-decoration:none; color:#fdfeef; border-right:1px solid #887; }
#admin-bar p a:hover { text-decoration:underline; }
#admin-bar p a#home-link { padding:1px 0.5em 1px 20px; background:url("images/icon-home.png") 0 0 no-repeat; }
#admin-bar p a#add-contact { border-right:0; }
#admin-bar p a#logout-link { float:right; border-right:0; }

/* ------- A LATER FEATURE (MAYBE)
form#quick-select { width:200px; position:relative; top:-3px; display:block; float:left; }
form#quick-select select { padding:2px; font-size:0.688em; font-weight:bold; color:#fdfeef; border:0; background-color:#998; }
------- */


/* ------- MULTIPLE CONTACTS ------- */

h2 { padding-bottom:0.625em; font-family:Georgia, "Times New Roman", serif; font-size:1.125em; font-weight:normal; color:#00872f;text-align:center;}
h2 span.archived-feature { font-family:"Courier New", Courier, monospace; font-weight:bold; color:#088A08; }

#content .contact, #content .alt { clear:both;margin-top:1em }

#content .contact span { margin-right:0.063em; padding:5px; display:block; float:left; border-top:1px solid #58ACFA; background-color:#fff; }
#content .alt span { border-top:1px solid #ddd; background-color:#FFFFFF; }
#content .contact span a { color:#088A08; }
#content .contact span a:visited { color:#58ACFA; }
#content .contact span.m-name { width:28.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:1.013em; font-weight:bold;text-align:center; background-color:#EFF5FB; }#content .contact span.m-name2 { width:28.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:1.013em; font-weight:bold;text-align:left; background-color:#EFF5FB; }#content .contact span.m-name3 { width:28.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:0.613em; font-weight:bold;text-align:left; background-color:#EFF5FB; }
#content .contact span.m-email { width:12.345em; margin-right:0.063em; font-size:0.813em; line-height:1.6em; }
#content .contact span.m-mobile { width:10em; margin-right:0; font-size:0.813em; line-height:1.6em; }
#content .contact span.m-mobile span { margin-right:0; padding:0; display:inline; float:none; font-size:1em; font-weight:bold; letter-spacing:1px; border-top:0; }
#content .contact span.city { width:10.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:1.013em; font-weight:bold;text-align:left;background-color:#EFF5FB; }

/* ------- SINGLE CONTACT ------- */

h3.site-subtitle { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:20px; text-transform:uppercase; }
h4.page-subtitle { font-family:Verdana, Arial, sans-serif; font-size:10px;  text-transform:uppercase;text-align:center;}
.vitals { font-family:Verdana, Arial, sans-serif; }
img.contact-picture { align:center;margin:1em 1em 1em 0; float:center; }
.vitals p { width:19.75em;margin-left:1em; padding-bottom:0.0em;  border-bottom:0.0em solid #58ACFA;}

span.name { padding-bottom:0; display:block; font-size:1.5em; font-weight:bold; line-height:1.5em; color:#00872f;text-align:center; }
span.organization { margin-bottom:0.5em; padding-bottom:0.5em; display:block; font-family:Georgia, "Times New Roman", serif; font-size:0.75em; line-height:1.25em; color:#665; border-bottom:0.063em solid #ddd; }
span.title { padding-bottom:0.375em; display:block; font-size:0.813em; font-style:italic; color:#776; }
span.email, span.website { display:block; font-size:0.688em; font-weight:bold; line-height:16px; }
span.website a, span.email a { text-decoration:none; }

.phone { padding:1.25em 0; clear:both; font-family:"Lucida Grande", Arial, Verdana, sans-serif; }
.phone h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; }
ul.phone-numbers { width:15em; float:left; list-style:none; }
ul.phone-numbers li { margin-bottom:1px; padding:0.125em 0.375em; font-size:0.813em; line-height:20px; border-top:1px solid #ddd; }
ul.phone-numbers li:first-child { background-color:#eee; }
ul.phone-numbers li span.number { font-weight:bold; letter-spacing:1px; }

.additional-info { padding:1.25em 0; clear:both; }
.address { margin-right:1.625em; float:left; }
.optional-fields { width:15.375em; float:right; font-size:0.813em; line-height:20px; }

/* The width is static on this element due to alignment with the contact image */
.address h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; } 
.address p { width:17.75em; float:left; font-size:0.813em; line-height:20px; }

.extra { width:27em; margin-top:1.25em; padding-top:0.75em; float:left; clear:both; border-top:0.188em double #ddd; }
#map { height:250px; }
.notes { width:27em; margin-bottom:1em; position:relative; float:left; }
.notes p { padding:0.188em 0 0.75em 0; font-size:0.813em; line-height:1.25em; }

.related-contacts { width:10em; margin:0 0 1em 1.625em; position:relative; float:right; }
.related-contacts h3 { font-family:Verdana, Arial, sans-serif; font-size:0.688em; line-height:20px; text-transform:uppercase; }
.related-contacts ul { padding-top:3px; }
.related-contacts li { font-family:Georgia, "Times New Roman", serif; font-size:12px; line-height:17px; }
.related-contacts li a { text-decoration:none; }

.contact-tags { margin:1em 0 1.25em 0; padding-top:0.125em; clear:both; border-top:0.063em solid #ddd;}
.contact-tags span { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:0.688em; font-weight:bold; }
.contact-tags a { font-size:0.688em; font-weight:bold; text-decoration:none; }

/* ------- SIDEBAR ------- */

#sidebar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; }
#sidebar h3 { margin-bottom:0.5em; font-size:0.688em; text-transform:uppercase; border-bottom:0.125em solid #ccc; }
#sidebar p a { text-decoration:none; }

#sidebar form { padding:0 0 1.25em 0; }
#searchform input { width:10.875em; padding:0.25em 0.125em; font-family:Consolas, "Courier New", monospace; font-size:1em; color:#554; border:0.063em solid #ddd; background-color:#fff; }
#searchform input#searchsubmit { width:3.75em; padding:0.25em 0.125em; font-weight:bold; text-transform:uppercase; cursor:pointer; color:#fff; border:0; background-color:#665; }

#ind-contact-meta { margin:1em 0 0.5em 0; }
#ind-contact-meta p a { padding:10px 5px 7px 20px; display:block; font-size:1.25em; font-weight:bold; }
#ind-contact-meta p a[title="Edit post"] { border-top:1px solid #ddd; background:url("images/icon-user-edit.png") 0 7px no-repeat; }
#ind-contact-meta p a#location-link { padding-bottom:3px; background:url("images/icon-map.png") 0 7px no-repeat; }
#ind-contact-meta p a[title="Edit post"]:hover, #ind-contact-meta p a#location-link:hover
{ background-position:0 -43px; }

/* ------- COMMENTS / USER NOTES ------- */

#user-notes { margin-top:1em; padding:1em; border:3px solid #dfdfdf; background-color:#fff; }

#sidebar h3#user-notes-title, #sidebar h3#leave-user-note
{
	font-family:Georgia, "Times New Roman", serif;
	font-size:18px;
	font-weight:normal;
	text-transform:none;
	color:#999;
	border-bottom:0;
}

#sidebar h3#leave-user-note { padding-top:1.25em; }

dl.commentlist {}
dl.commentlist dt { margin-top:1em; display:block; font-family:Georgia, "Times New Roman", serif; border-top:0.063em solid #ddd; }
dl.commentlist dt cite { font-size:1em; }
dl.commentlist dt cite a { text-decoration:none; color:#004d86; }
dl.commentlist dt span#author-meta { padding-top:5px; position:relative; display:block; }
dl.commentlist dt span.comment-meta a
{ font-family:Helvetica, Arial, sans-serif; font-size:0.688em; text-decoration:none; color:#999; }
dl.commentlist dt img { margin:0 0.75em 0 0; position:relative; float:left; border:3px solid #ddd; border-top:2px solid #ddd; }
dl.commentlist dd { margin-top:1em; display:block; clear:both; font-family:Georgia, "Times New Roman", serif; border-bottom:0.125em solid #ddd;}
#sidebar dl.commentlist dd p { padding-bottom:1em; display:block; font-size:0.75em; line-height:1.5em; }

#sidebar p.login-note { font-size:0.813em; font-weight:bold; line-height:1em; background-color:#fdfeef; }
form#commentform p { font-size:0.813em; font-family:Georgia, "Times New Roman", serif; font-style:italic; line-height:1em; background-color:#fff; }
form#commentform p a { text-decoration:underline; }
form#commentform {}
form#commentform input, form#commentform textarea { padding:2px; font-size:13px; color:#665; border:1px solid #ddd; border-bottom:3px solid #dcdcdc; }
form#commentform input#submit { padding:3px 5px; font-size:15px; font-weight:bold; font-style:italic; cursor:pointer; color:#443; border:3px double #c0c0c0; background-color:#ddd; }


span.contentjumplink {	font-size: 2em; 
							color: #aaa; 
							vertical-align:middle; 
							font-weight: bold; 
							padding: 0 3px 0px 3px}
							
	a.contentjumplink {		font-size: 2em; 
							color: #25A; 
							vertical-align:middle; 
							font-weight: bold; 
							padding: 0 3px 0px 3px}
	
	a.contentjumpall {  }
	
	span.contentjumpall {   }	

	span.contentjumptitle { vertical-align: middle ;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold; 
							color: #aaa; 
							font-weight: bold;
							border:1px #ffffff solid ;
							border-top-color: #a7a7a7;
							padding: 3px 3px 3px 3px }
							
	a.contentjumptitle { 	vertical-align: middle; color:#0080FF;background-color:#E6E6E6;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;
							color: #25A; 
							border:1px #ffffff solid ; 
							border-top-color: #a7a7a7; 
							padding: 3px 3px 3px 3px}

	select.contentjumpddl { vertical-align: middle; 
							margin: 0px 0px 0px 0px ; 
							color: #25A;
							font-weight:bold; 
							font-family:Verdana, Arial, Helvetica, sans-serif;
							width: 160px }

	ol.contentlist { background-color:#ffffff;   line-height: 3px; padding: 10px 5px 1px 5px }
	
	ol.contentlist li { padding: 10px 1px 10px 1px }
	
	span.contentlist { color: #aaa; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 0.75em;  }
	
	a.contentlist { padding: 10px 1px 10px 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 0.75em; 						color: #25A; }
	
	li.contentlistall { padding: 10px 1px 10px 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 0.75em; 
							color: #25A; }

	span.contentjumpnumber { 	vertical-align: middle ;
								color: #ccc; 
								font-weight: bold;
								border:1px #ddd solid ; 
								border-top-color: #a7a7a7; 
								background-color: #25a; 
								padding: 3px 3px 3px 3px }
								
	a.contentjumpnumber { 	vertical-align: middle; 
							border:1px #ddd solid ; 
							border-top-color: #a7a7a7; 
							padding: 3px 3px 3px 3px}
							
	a.contentjumpnumber:hover { border-top-color: #25a; }
/* ------- SITE META ------- */

#site-meta p { padding:0.625em; font-size:0.688em; text-align:center; color:#999; }
#site-meta p a { color:#999; }
#site-meta p a.home-link { font-weight:bold; color:#554; }
#site-meta a.home-link:hover, #site-meta a.home-link:active { color:#004d86; }
#site-meta a:hover, #site-meta a:active { color:#004d86; }

