/*  
Theme Name: WP Contact Manager
Theme URI: http://artisanthemes.com/themes/wp-contact-manager/
Description: A free contact manager for WordPress.
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:url(images/background.png) ; }

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

ul{
	list-style:none;}
/* ------- LAYOUT ------- */

#site { width:960px; margin:0 auto;  background:#fff;
	border-left:3px  double #02aef0;
	border-right:3px  double #02aef0;
	border-bottom:3px  double #02aef0;
	}
#content { width:23.4em; position:relative;  margin-top:4px; padding-bottom:1px; padding-left:1px; float:left; 
			border:3px solid #e0e0e0; background:#f3f3f3 url(images/bg_gri.jpg); }
#content a{color:#333;}
#site-meta { width:960px; background:#94dcfa; margin-top:1.25em; padding-top:5px; clear:both; border-top:1px solid #b3b3b3; }
span#content-uppercorner { 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-lowercorner { width:40px; height:40px; position:absolute; left:-3px; bottom:-3px; display:block; background:url("images/curve-bottomleft.gif") 0 0 no-repeat transparent; z-index:100; }
#content h4 , h3 {margin:1px; padding:5px; background:#02aff0; color:#fff;}

#ustinfo {width:954px; height:30px; margin:0 auto; background:#2b2b2b; padding:10px 5px 10px 5px; color:#fff; font-size:0.8em; border-left:1px dotted #070707; border-right:1px dotted #070707;}
#arcads { padding-left:5px; padding-top:5px; background:#edf6f9;}
#logx {padding-left:10px; float:left; padding-top:35px;}
#logx a {font:bold 1.9em Arial ; color:#fff;  text-decoration:none;}
/* -------SIDEBAR---------*/
#kategori{
		padding:1px 5px 5px 5px;
		background:#feffd1 ;
		margin-left:5px;
		margin-right:5px;
		margin-top:4px;
		float:left;
		width:204px; 
		border:1px solid #d7d7d7;
		}
		
#kategori a{
	text-decoration:none;
	color:#424242;
	}

#kategori a:hover {
	color:#eb5b04;	}
	
#kategori ul{
	font-size:0.9em;
	font-family:arial;
	padding-top:5px;}
	
#kategori li {
	font-weight:bold;
	list-style:none;
	display:block;
	padding:4px;
	border-bottom:1px dotted #d7d7d7;
	}
	
#kategori h3{
		font-family:arial; 
		color:#000;
		background:#fdb903;
		padding:10px 5px 4px 5px;
		font-size:1em;
		}


#sidebar {
		width:336px;
		margin-left:4px;
		margin-top:4px;
		padding-left:5px;
		padding-top:5px;
		float:right;
		border:1px solid #dcdcdc;
		background:#feffd1 ;
		}
		
#sponsor {
		margin-right:126px; background:#333; margin-top:89px; float:right; width:468px;  height:60px; color:#000; 
		font-size:0.8em; 
		}


#sidebar-up	{ 
		width:300px;
		padding-left:10px;
			}	

#sidebar h3{
		font-family:arial; 
		color:#000;
		padding-bottom:3px;
		font-size:1.1em;
			}

#sidebar h2{
		font-family:arial; 
		color:#000;
		padding-bottom:3px;
		font-size:1.1em;
			}

#sidebar a{
	text-decoration:none;
	color:#333333;
	}

#sidebar a:hover	{
	color:#eb5b04;}
	
#sidebar ul{
	font-size:0.9em;
	font-family:arial;
	padding-top:5px;}
	
#sidebar li {
	font-weight:bold;
	list-style:none;
	display:block;
	padding:3px;
	border-bottom:1px dotted #dfdede;

	}

#sidebar li ul li:last-child{
	list-style:none;
	display:block;
	padding:2px 0px 0px 13px;
	}




/* -- header start -- */
#header{
	width:960px; height:250px; margin:0 auto; position:relative; color:#000; border-bottom:1px solid #dcdcdc;}
#header img{
	border:none; position:absolute; left:53px; top:86px;}
#header ul{ 
	position:absolute;  top:219px; background:#fdb903;}
#header ul li{
	height:31px; padding:0 10px; float:left; 
	
		}
#header ul li a{
	font:bold 11px/31px Arial, Helvetica, sans-serif; color:#000;
	 background-image:none; display:block;
	text-decoration:none;}
#header ul li a:hover{
	font:bold 11px/31px Arial, Helvetica, sans-serif; color:#fff;
	background:url(images/top_btn_h.gif) repeat-x 0 25px ; display:block;
	text-decoration:none;}
#header ul li a.hover{
	font:bold 11px/31px Arial, Helvetica, sans-serif; color:#fff;
	background:url(images/top_btn_h.gif) repeat-x 0 28px  display:block;
	text-decoration:none;}
/* -- header end -- */

#mainContainer{
	width:960px; margin:0 auto;
	background:url(images/page_top_bg.jpg) no-repeat 0 0 #FFFCF5; color:#616161;
	
	border-left:3px  double #02aef0;
	border-right:3px  double #02aef0;
	border-top:3px  double #02aef0;
	}



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


h2 span.archived-feature { font-family:"Courier New", Courier, monospace; font-weight:bold; color:#333; }



#content .contact span {  padding-top:5px; padding-bottom:5px; padding-left:15px; display:block; float:left; border-top:1px solid #fff; 
background-color:#e7f3f8; }
#content .alt span {  background:#edf6f9;}
#content .contact span a { font-size:1.1em;text-decoration:none; color:#000;}
#content .contact span a:visited { color:#000  ; }
#content .contact span a:hover { color:#eb5b04  ; }

#content .contact span.m-name { width:13em;  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:16em;  font-size:0.813em; line-height:1.6em; }
#content .contact span.m-mobile {   width:13.450em; font-size:0.813em; line-height:1.6em; }



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

h5.site-subtitle { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:20px;  }
h5.zite-subtitle { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:20px;  }
.vitals {color:#333; border-bottom:1px solid #e0e0e0;  font-family:Verdana, Arial, sans-serif;  padding:10px 0px 0px 10px;}
img.contact-picture { margin:0 1em 1em 0; float:left; }
.vitals p { width:19.75em; padding-bottom:0.5em; float:left; }

span.name { padding-bottom:7px; display:block; font-size:1.1em; font-weight:bold; line-height:1em;  }
span.organization { padding-top:29px; padding-bottom:0.5em;  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 { color:#333; margin-left:15px; margin-top:15px;clear:both; font-family: Arial, Verdana, sans-serif; }
.zhone { color:#333; margin-left:15px; clear:both; font-family: Arial, Verdana, sans-serif; }
.phone h5.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:left; }
.zhone h5.zite-subtitle { width:100px; margin-right:1.538em; float:left; text-align:left; }
ul.phone-numbers { width:15em; float:left; list-style:none; }
ul.phone-numbers li { margin-bottom:1px; margin-bottom:5px;font-size:0.813em; line-height:20px;  }
/*ul.phone-numbers li:first-child { background-color:#f3f3f3; } */
ul.phone-numbers li span.number { font-weight:bold; letter-spacing:1px; }

.additional-info { color:#333; clear:both; }
.address { float:left;  padding-top:5px; }
.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 h5.site-subtitle { margin-left:15px; width:100px; margin-right:1.538em; float:left; text-align:left; } 
.address p { width:17.75em; float:left; font-size:0.813em; line-height:20px; font-weight:bold; }

.extra { width:350px; margin-top:10px; margin-bottom:10px; padding-left:10px; font-size:0.8em; float:left; clear:both;  }
#map { height:250px; }
.notes {  margin-bottom:1em; position:relative; float:left;  padding-left:10px;}
.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;  }
.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:10px; clear:both; border-top:1px 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 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:5.75em; padding:0.25em 0.125em; font-weight:bold;  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 { margin-top:7px; font-size:0.913em; font-family:Georgia, "Times New Roman", serif; font-style:bold; 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; }


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

#site-meta p { padding:0.625em; font-size:0.688em; text-align:center; color:#333; }
#site-meta p a { color:#333; }
#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:#dcdcdc; }