/*
Theme Name: af - artfirm
Theme URI: http://artfirm.cc
Description: artfirm - connecting creativity
Author: artfirm
Author URI: www.artfirm.cc
version: 1.0
*/



/* basics */

body {
	background: #161413 url('images/bg_top.png') no-repeat;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 20px;
	}

h1 {font-size: 18pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt;}


/* images and misc. */

img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}


/* links */

a{
	color:#666;
	text-decoration:none;
	border: none;
	}

a:hover{color:#6A7CA0;text-decoration: underline; border: none;}



/* container */


#container {
	position: relative;
	width: 1000px;
	margin: 0 auto 0 auto;
	}

/* header */

#header {
	width: 100%;
	height: 80px;
	}

#logo-about, #logo-services, #logo-features, #logo-contact {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 140px;
	height: 80px;
	background: url('images/about/about.png') no-repeat top left;
	z-index: -10;
}

#logo-services {
	background: url('images/services/services.png') no-repeat top left;
}

#logo-features {
	background: url('images/features/features.png') no-repeat top left;
}

#logo-contact {
	background: url('images/contact/contact.png') no-repeat top left;
}

/* nav */

#nav-about, #nav-services, #nav-features, #nav-contact {
	position: relative;
	margin: 35px auto;
	top: 42px;
	width: 960px;
	height: 42px;
	border-bottom: 2px solid #7e0057;
	z-index: 100;
}

#nav-services {
	border-bottom: 2px solid #0093b8;
}

#nav-features {
	border-bottom: 2px solid #f08a00;
}

#nav-contact {
	border-bottom: 2px solid #82b800;
}

#nav-about li, #nav-services li, #nav-features li, #nav-contact li {
	float: left;
	list-style: none;
	text-indent: -999px;
}

li.page-item-3 a:link, li.page-item-3 a:visited, li.page-item-3 a:hover, li.page-item-3 a:active, li.current_page_item a:visited {
	display: block;
	width: 57px;
	height: 42px;
	background: url('images/nav/about.png') center center;
}

li.page-item-3 a:hover, li.page-item-3 a:active, li.current_page_item a:visited {
	background: url('images/nav/about_hover.png') center center;
}

li.page-item-5 a:link, li.page-item-5 a:visited, li.page-item-5 a:hover, li.page-item-5 a:active, li+li.current_page_item a:visited {
	display: block;
	width: 70px;
	height: 42px;
	background: url('images/nav/services.png') center center;
}

li.page-item-5 a:hover, li.page-item-5 a:active, li+li.current_page_item a:visited {
	background: url('images/nav/services_hover.png') center center;
}

li.page-item-7 a:link, li.page-item-7 a:visited, li.page-item-7 a:hover, li.page-item-7 a:active, li+li+li.current_page_item a:visited {
	display: block;
	width: 74px;
	height: 42px;
	background: url('images/nav/features.png') center center;
}

li.page-item-7 a:hover, li.page-item-7 a:active, li+li+li.current_page_item a:visited {
	background: url('images/nav/features_hover.png') center center;
}

li.page-item-9 a:link, li.page-item-9 a:visited, li.page-item-9 a:hover, li.page-item-9 a:active, li+li+li.current_page_item a:visited {
	display: block;
	width: 77px;
	height: 42px;
	background: url('images/nav/contact.png') center center;
}

li.page-item-9 a:hover, li.page-item-9 a:active, li+li+li.current_page_item a:visited {
	background: url('images/nav/contact_hover.png') center center;
}

/* content */


#content {
	position: relative;
	margin: 0 auto;
	padding: 25px 25px 25px 25px;
	width: 940px;
	border: 5px solid #242221;
	border-bottom: none;
	color: #ffffff;
	}

#content-bottom {
	display: block;
	width: 996px;
	height: 0px;
	background: url('images/bg_content.png') no-repeat bottom center;
	border: 2px solid #242221;
}

.post {
	margin:0 10px;
	padding:10px 10px 10px 5px;
	line-height: 14pt;
	color: #dddddd;
	font-size: 1.10em;
	}

.post h1 {

	font-family: corbel, arial, sans-serif;
	font-size: 2.00em;
	color: rgb(130, 184, 0);
}

.post .h1-about {

	color: rgb(126, 0, 87);

}

.post .h1-services {

	color: rgb(0, 147, 184);

}

.post .h1-features {

	color: rgb(240, 138, 0);

}

.post .h1-contact, .post .h1-404, .post .404 {

	color: rgb(130, 184, 0);

}


.post p {

	color: #dddddd;

}

.post a{text-decoration:underline;}

.post ul {

	margin: 10px;
	list-style-type: disc;

}

.post li {

	margin-left: 10px;

}

.post ul li ul {

	list-style-type: circle;

}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin-top: 16px;
	}


.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}

	.alignleft {float:left; margin:25px;}
	.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

/* search */

#searchform{
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
	}

/* footer */

#footer {
	margin: 10px 10px 0 10px;
}

#footer li{

	float: left;
	list-style: none;
	color: #dddddd;
	
}