/*  
Theme Name: Afridex
Theme URI: http://afridex.com
Description: The Index of African Tech Business
Version: 0.1.1
Author: Jon Gosier
Author URI: http://appfrica.net/blog/
Notes: Based on a heavily modified version of "WP-Contact-Manager" by <a href="http://thedesigncanopy.com/downloads/wp-contact-manager/">Design Canopy</a>
*/

* { margin:0; padding:0; }

body { width:100%; font-family:"Lucida Grande", Arial, sans-serif; color:#665; background:#F6EED7 url(images/back.png) repeat-x; }

a:link {
color: #710000;
text-decoration: none;
}
a:hover { color: #380000; }
a:visited { color:#999; }
a:active { color:#004d86; }

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

/* --- INDEX.PHP ---*/
#site { margin:0 0 0 0; background:#fff; border-top:1px solid #ccc; }
#container { width:1280px; background:#fff; position:relative; }
#content { width:460px; float:left; background:#fff; border-right:1px solid #ccc; margin:0 0 0 0; padding:1.25em 0 0 0;}
#content2 { padding:0em 1.25em 0em 1.25em; }
#sidebar { width:300px; height:312px; float:right; background:#fff; margin:0 0 0 0; border-right:1px solid #ccc;  padding:1.25em 2em 0em 0em;}
#plusbar { width:340px; float:right; background:#fff; margin:0 0 0 1.5em; padding:1.25em 6em 0 0em; }
#midspace { width:1280px; height:200px; position:relative; }
#mid { padding:1.25em .50em 1.5em 1.25em; width:50em; border:3px solid #6B5C2E; background:#FFF; color:#333; margin:3em 0em 1em 13em; }
#about p { font-size:.75em; padding:0 0 1em 0; }
#about li { font-size:.75em; padding:0 0 1em 2em; list-style-type:none; line-height:1.5em; }

/* ----- SINGLE.PHP -----*/
#site_alt { margin:1.25em 0 0 0em; }
#contenta { width:30em; position:absolute; float:left; background:#fff; border:1px solid #F6EED7; margin:1.25em 0 1.25em 23em;}
#contenta2 { padding:1.25em 1.25em 2.5em 1.25em; }
#singleright_bar { width:17.25em; position:absolute; float:left; margin:1.25em 0 0 54.7em; }
#singleleft_bar { width:22.25em; margin:0 0 0 1.25em; float:left; padding:1.25em 0 0 0; }

/* --- FOOTER.PHP --- */
#site-meta { width:100%; background:#380000; float:bottom; position:relative; border-top:1px solid #ccc; }

/* ------- ADMIN BAR ------- */

#admin-bar { padding:0.2em 0 0.2em .5em; text-align:center; background:#fff; border-bottom:1px solid #CCC;}
#lead-link li { float:left; border-right:0; list-style-type:none; display:inline; padding:.18em 0 0 1em; font-size:0.688em; }
#lead-link a { font-weight:bold; text-decoration:none; color:#000; }
#log-link li { float:right; border-right:0; list-style-type:none; display:inline; padding:.18em 0 0 1em; font-size:0.688em; }
#log-link a { font-weight:bold; text-decoration:none; color:#000; }

/* ------- 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:Helvetica; font-size:1.125em; font-weight:normal; color:#333; }
.stringent { width:100%; padding-bottom:0px; border-bottom:1px solid #fff; font-family:Helvetica; font-size:1.125em; font-weight:normal; color:#333; }
h2 span.archived-feature { font-family:"Courier New" font-weight:bold; color:#710000; }

#content .contact, #content .alt { clear:both; }

#content .contact span { margin-right:0.063em; padding:5px; display:block; float:left; border-top:1px solid #ddd; background-color:#fff; }
#content .alt span { border-top:1px solid #ddd; }
#content .contact span a { text-decoration:none; }
#content .contact span a:visited { color:#554; }
#content .contact span.m-name { width:8.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:0.813em; font-weight:bold; line-height:1.6em; }
#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; }

.subcontent_side { font-size:85%; width:200px; position:relative; float:left; }
.subcontent_side span { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:0.72em; line-height:13px; text-transform:uppercase; }

.subcontent { font-size:85%; width:200px; position:relative; float:left; } 
.subcontent span { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:0.72em; line-height:13px; text-transform:uppercase; }


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

h3.site-subtitle { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:20px; text-transform:uppercase; }

.vitals { font-family:Verdana, Arial, sans-serif; }
img.contact-picture { margin:0 1em 1em 0; float:left; border:1px solid #ccc; }
.vitals p { width:19.75em; padding-bottom:0.5em; float:left; border-bottom:0.063em solid #ddd;}

span.organization { padding-bottom:0; display:block; font-size:1.5em; font-family:Helvetica; font-weight:bold; line-height:1.5em; color:#380000; border-bottom:0.063em solid #ddd; }
span.name { 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;  }
span.name a, a:visited { text-decoration:none; color:#665; }
span.email, span.website { display:block; font-size:0.688em; font-weight:bold; line-height:16px; }
span.email a,span.website a { text-decoration:none; }
span.leaveanote { font-family:Georgia, "Times New Roman", serif; font-size:0.75em; line-height:1.25em; color:#665; }

.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; }

.contactlist { padding:1.25em 0; clear:both; font-family:Helvetica; }
.contactlist a { color: #710000; text-decoration:none; }
.contactlist  h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; }
ul.contactlist-numbers { width:15em; float:left; list-style:none; }
ul.contactlist-numbers li { margin-bottom:1px; padding:0.125em 0.375em; font-size:0.813em; line-height:20px; border-top:1px solid #fff; }
ul.contactlist-numbers li:first-child { background-color:#fff; }
ul.contactlist-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; position:relative; float:left; }
.notes p { padding:0.188em 0 0.75em 0; font-size:0.813em; line-height:1.25em; }

.related-contacts { margin:0 0 1em 0em; position:relative; color:#333; }
.related-contacts h3 { font-family:Verdana, Arial, sans-serif; font-size:0.688em; line-height:20px; }
.related-contacts ul { padding-top:3px; }
.related-contacts li { list-style-type:none; font-family:Helvetica; font-size:12px; line-height:17px; }
.related-contacts li a { list-style-type:none; text-decoration:none; }

.gravatar { width:50px; height:50px; }

.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:0 0 1.25em 0; 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 a:visited { color:#380000; text-decoration:none; }

#sidebar form { padding:0 0 0 0; }
#searchform input { width:12em; margin-top:0em; padding:0em 0em 0 0; font-family:Helvetica; font-size:1em; color:#554; border:2px solid #CCC; background-color:#fff; }
#searchform input#searchsubmit { width:5.50em; padding:0.1em 0 0 0; font-size:0.85em; cursor:pointer; color:#333; border:1.5px solid #CCC; background:#fff; }

#plusbar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; }
#plusbar h3 { text-decoration:none; margin-bottom:0.5em; text-transform:uppercase; border-bottom:0.125em solid #fff; border-bottom:0.125em solid #fff; }
#plusbar li a { text-decoration:none; }
#plusbar li a:hover { text-decoration:underline; }
#plusbar li a:active a:visited { text-decoration:none; }
#plusbar li { list-style-type:none; }
#plusbar form { padding:0 0 .5em 0; }
#plusbar .comments { font-size:.70em; color:#333; }
#plusbar .comments li { padding:0 0 .8em 0; }
#plusbar .comments a:visited { color:#380000; text-decoration:bold; }
#plusbar .comments a { color:#710000; text-decoration:bold; }

#singleleft_bar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; background:#fff;}
#singleleft_bar h3 { text-decoration:none; margin-bottom:0.5em; text-transform:uppercase; border-bottom:0.125em solid #fff; border-bottom:0.125em solid #fff; }
#singleleft_bar li a { text-decoration:none; font-size:0.688em; }
#singleleft_bar li a:active { text-decoration:none; font-size:0.688em;  color:#333; }
#singleleft_bar li a:visited { text-decoration:none; font-size:0.688em; color:#333; }
#singleleft_bar li { list-style-type:none; line-height:1em; }
#singleleft_bar form { padding:0 0 .5em 0; }
#singleleft_bar a:visited { color:#333;s }

#singleright_bar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; }
#singleright_bar h3 { width:100%; padding-bottom:0px; border-bottom:1px solid #fff; font-family:Helvetica; font-size:1.125em; font-weight:normal; color:#333; }
#singleright_bar { text-decoration:none; }
#singleright_bar form { padding:0 0 1.25em 0; }

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

#user-notes { margin-top:1em; padding:1em; border:1px solid #CCC; background-color:#FFF; }

#sidebar h3#user-notes-title, #sidebar h3#leave-user-note
{
	font-family:Helvetica;
	font-size:18px;
	font-weight:normal;
	text-transform:none;
	color:#380000;
	border-bottom:0;
}

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

dl.commentlist {}
dl.commentlist dt { margin-top:1.38em; display:block; font-family:Georgia, "Times New Roman", serif; }
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#author-meta a { text-decoration:none; }
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; }
#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:1px solid #dcdcdc; }
form#commentform input#submit { padding:3px 5px; font-family:Helvetica; font-size:15px; font-weight:bold; cursor:pointer; color:#443; border:3px double #c0c0c0; background-color:#ddd; }

/* ------- SITE META ------- */

#site-meta p { padding:0.625em; font-size:0.588em; text-align:center; color:#FFF; }
#site-meta p a { color:#FFF; }
#site-meta p a.home-link { font-weight:bold; color:#554; text-decoration:none; }
#site-meta a.home-link:hover, #site-meta a.home-link:active {  }
#site-meta a:hover, #site-meta a:active { text-decoration:underline; }