/*  
Theme Name: Christian Fillies Art Group
Theme URI: http://www.christianfillies.com
Description: The Christian Fillies Art Group WordPress theme.
Version: 1.0
Author: Christian Fillies
Author URI: http://www.christianfillies.com
*/

/*
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

* {
	margin: 0;
	padding: 0;
	}


body, html {
	margin:0;
	padding:0;
	/*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
	font-size : 14px;
	line-height: 19px;
	font-family: "Garamond", Garamond Book SSi, Georgia, Times New Roman, Times, serif;
	}

body {
	margin:0;
	padding:0;
	background:#cad0a8 url(../_gfx/bg_body.gif) top left repeat-x fixed;
	}

.clear {
	clear: both;
	}

.anchor {
	display: block;
	height: 205px;
	}

a,
a:link,
a:visited { 
	color: #701510;
	outline: none;
	-moz-outline-style: none;
	}

a:active,
a:hover,
a:focus { 
	color: #000;
	outline: none;
	-moz-outline-style: none;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-style: italic;
	color: black;
	}
	
/*-----------GENERAL STYLING--------------*/


#content {
	position: absolute;
	width: 675px !important;
	top: 0;
	left: 300px !important;
	background: #faf2e0 url(../_gfx/bg_content.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	z-index: 1;
	padding: 0 0 60px 0;
	}

span.content  {
	display: block;
	padding: 0 60px;
	}

div.leftdesign {
	position: fixed;
	top: 0;
	width: 40px !important;
	left: 0;
	height: 100% !important;
	background: #faf2e0 url(../_gfx/bg_content.gif) top left repeat-x;
	}	

span.section span {
	display: block;
	padding-top: 230px;
	}

span.section h1 {
	display: block;
	text-align: right;
	background: url(../_gfx/bg_h1.gif) top left repeat-x;
	height: 62px;
	color: #701510;
	font-size: 24px;
	}



/*------ABOUT ITEM------*/

#about h1 {
	text-align: left;
	font-size: 35px;
	line-height: 45px;
	background-position: bottom left;
	height: 75px;
	vertical-align: top;
	}

#about h3 {
	color: #000;
	margin-top: -30px;
	margin-bottom: 40px;
	}

#about td {
	width: 50%;
	padding-right: 15px;
	vertical-align: bottom;
	font-size: 100%;
	line-height: 150%;
	}

#about td img {
	border: 1px solid #701510;
	padding: 3px;
	background: #faf2e0;
	margin-bottom: 10px;
	display: block;
	}

#about td b {
	color: #54524c;
	font-weight: normal;
	font-size: 110%;
	font-style: italic;
	}
	
#about td i {
	color: #54524c;
	display: block;
	text-align: right;
	font-style: italic;
	}

#about td i b {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	}


/*------SERVICES & NEWS ITEM------*/

#services dl,
#news dl {
	margin: 0; 
	margin-top: 20px; 
	padding: 0;
	list-style: none;
	}


#services dl dt,
#news dl dt {
	display: block;
	height: 24px;
	background: url(../_gfx/bg_h2.gif) top left repeat-x;
	color: #701510;
	font-size: 21px;
	text-decoration: none;
	line-height: 24px;
	}
	
#services dl dd,
#news dl dd {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 110%;
	}	

#services dl dt h3 {
	color: #000;
	margin-top: 30px;
	margin-bottom: 40px;
	display: block;
	height: 62px;
	color: #701510;
	font-size: 24px;
	}

#services i {
	line-height: 160%;
	color: #54524c;
	display: block;
	margin-top: 30px;
	font-size: 110%;
	font-style:normal;
}

#services i.much {
	border: 1px solid #cad0a8;
	background: #efe9d3;
	padding: 15px;
}

#services i.much b {
	font-size: 150%;
	font-style:normal;
}


/*------WORK ITEM------*/

#work a {
	text-decoration: none;
	padding: 25px 0 8px 0;
	display: block;
	border-bottom: 1px solid #d2d6b1;
	color: black;
	}

#work a:hover {
	background-color: #faf6ef;
	color: black;
	cursor: pointer;
	}

#work .image {
	width: 150px;
	vertical-align: top;
	background: url(../_gfx/bg_dt.gif) top left no-repeat;
	cursor: pointer;
	}

#work img {
	border: 1px solid #701510;
	padding: 3px;
	margin-left: 22px;
	height: 75px;
	width: 110px;
	cursor: pointer;
	}

#work td h1 {
	text-align: left;
	font-size: 18px;
	margin: 0;
	padding: 0;
	height: auto;
	background-image: none;
	display: block;
	cursor: pointer;
	}
	
#work td h2 {
	text-align: left;
	font-size: 10px;
	margin: 0;
	display: block;
	cursor: pointer;
	}

/*------contact ITEM------*/

#contact table {
	width: 100%;
	}

#contact td {
	width: 50%;
	padding-right: 5px;
	vertical-align: top;
	}

#contact dd {
	display: block;
	}

#contact dt {
	padding: 0;
	margin: 0;
	padding-top: 25px;
	vertical-align: bottom;
	font-size: 15px;
	font-weight: bold;
	}

#contact dd {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	font-size: 12px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	}

/*------HEADER------*/

#header {
	position: fixed;
	width: 675px;
	height: 205px;
	top: 0;
	left: 300px;
	z-index: 99;
	background: url(../_gfx/bg_header.png) no-repeat top left;
	}

#header a {
	display: block;
	padding-top: 40px;
	padding-right: 36px;
	}

#header a img {
	border-style: none;
	width: 185px;
	height: 84px;
	float: right;
	background: url(../_gfx/logo_artgroup.gif) center center no-repeat;
	margin: 0;
	padding: 0;
	}

#title_image {
	margin:0;
	text-align:left;
	display:block;
	height:95px;
	background:url(../_gfx/headers/header_image2.jpg) center center transparent repeat-y;
	margin: 0;
	padding: 0;
	}

#title {
	background:url(../_gfx/header.gif) top #7F7F7F no-repeat;
	height:76px;
	margin:0;
	padding:25px 25px 0 25px;
	clear:both;
	text-align:left;
}

html>body #title {
	height:51px;
}

#title h1 {
	padding:0;
	margin:0;
	font-weight:normal;
	line-height:.7em;
	font-size:2.1em;
	letter-spacing:-.1em;
	}

#title h1 a {
	color:white;
	display:block;
}

.description {<
	color:#c9e45a;
}

#content h2 {
	color:#515151;
	padding:0;
	margin:0;
	border:none;
	clear:both;
}

#content h2 a {
	text-decoration:none;
	border:none;
}

#content h2 a:hover {
}

hr {
	display:none;
	clear:both;
}

h3, h4 {
}

input,
textarea,
select {
	padding:4px;
	border:1px solid #515151;
	font-size:.9em;
	line-height:1em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

input,
label {
	height:auto !important;
	height:2em;
	width:auto;
	padding:4px;
}

label {
	font-size:.9em;
}


#searchform input#s {
	width:130px !important;
	padding:4px;
	border:1px solid #515151;
	font-size:.9em;
	line-height:1em;
	text-transform:none;
	color:black;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	background:white;
}

#sidebar input.btn,
#searchform input {
	width:65px !important;
	width:75px;
}

#searchform {
	margin-top:10px !important;
}

#searchform br {
	display:none;
}

input.btn,
#searchform input,
input#submit {
	background:#111111;
	color:#FFFFFF;
	padding:4px;
	border:1px outset #000000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-transform:uppercase;
}

input[class=btn],
input[type=submit]
input[id=submit] {
	padding:3px;
}

textarea {
	overflow:auto;
	display:block;
	width:100%;
}

ul,
ol {
}

ul li,
ol li {
}

ul ul li,
ol ol li {
}

#content ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#content ol li li {
	padding-left:2em;
}

a img {
	border: 0 none;
}

form {
	padding:0;
	margin:0;
}

pre,
code {
   display:block;
   font-size : 100%;
   color: #000;
   background : #fff url(../_gfx/preback.jpg) no-repeat left top;
   overflow : auto;
   text-align:left;
   border : 1px solid #99cc66; /*highlight color */
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
}

.alt {
	background-color:#F5F5F5 !important;
}

.icon {
	vertical-align:middle;
	border:0;
}
.with_icon {
	padding:2px 0 2px 0
}

.navigation {
	clear:both;
	padding:0;
	display:block;
}

.alignleft {
	display:block;
}

.alignright {
	display:block;
}


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

#sidebar {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 50px;
	width: 250px !important;
	height: 100% !important;
	background: #701510 url(../_gfx/bg_sidebar.gif) top right no-repeat ;
	text-align: right;
	color: #cad0a8;
	z-index: 500;
	}
 
#sidebar ul,
#sidebar ol {
	padding:0;
	background-image: none;
	list-style-image: none;
	line-height: 23px;
	font-size: 23px;
	font-weight: bold;
	color: #cad0a8;
	padding-top: 160px;
	font-family: "Garamond", aramond Book SSi, Georgia, Times New Roman, Times, serif;
	}

#sidebar li {
	list-style: none;
	}

#sidebar li a {
	color: #cad0a8;
	display: block;
	padding-right: 20px;
	}

#sidebar li a:hover,
#sidebar li a:active {
	color: #faf2e0;
	}

#sidebar li a.active,
#sidebar li a.active:visited,
#sidebar li a.active:hover,
#sidebar li a.active:active {
	color: #faf2e0;
	background: url(../_gfx/gfx_active.gif) right center no-repeat;
	}

#sidebar form,
#sidebar p {
	padding:0;
	margin:0 0 1em 0;
}

#sidebar h2 {
	background:#6a6765 url(../_gfx/stripe_gray-large.gif);
	padding: 8px;
	margin:10px 0 10px 0;
	font-size: 1em;
	font-weight:normal;
	text-transform:uppercase;
	color:darkgray;
/*	border-bottom:3px solid darkgray;*/
}

html>body .ellipsis li {
	clear:both;
}

html>body .ellipsis li:after { 
	content: "...";
	display:inline;
}

html>body .ellipsis li span {
	white-space:nowrap;
	overflow:hidden;
	max-width:180px;
	width:auto !important;
	display:inline;
	float:left;
}

ol.ellipsis li span {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:190px;
	display:block;
}

#sidebar a{
	text-decoration: none;
}

#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover {
	color:#FF3C00;
}

#sidebar .current_page_item a,
#sidebar .current-cat a {
	font-weight:bold;
	color:#FF3C00;
}

#sidebar .current_page_item li a,
#sidebar .current-cat li a {
	font-weight:normal;
	color:#515151;
}

#sidebar li img {
	vertical-align:middle;
	border:0;
}

#sidebar input.btn {
	margin-left:4px;
}

/*
menu
*/

.push,
#footer {
	position: relative;
	height: 165px;
	}

.menu { 
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -165px;
	}


/*--------FOOTER---------*/

#footer {
	display: block;
	padding: 0 20px;
	position: relative;
	}

#footer h1 {
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #faf2e0;
	}

#footer p {
	font-size: 10px;
	line-height: 12px;
	color: #cad0a8;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	position: relative;
	}

.wind {
	position: absolute;
	bottom: -20px;
}



/*--------POPUP---------*/


#ak_modal_div {
	padding:2px;
	border:1px solid #d9dbcf;
	background-color:#9da184;
	position: absolute;
	z-index:1000;
	display:none;
	}

#ak_modal_div .titleBar {
	background-color:#2d2d2d;
	font-size: 10px;
	color:white;
	font-style: italic;
	display:block;
	padding: 8px;
	padding-left: 40px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	background: #1d1d1d url(../_gfx/bg_popupTitle.gif) top left repeat-x;
	border-bottom: 1px solid #4f4f4f;
	}

#ak_modal_div .titleBar b {
	font-weight: normal;
	}

#ak_modal_div .titleBar img#close {	
	 cursor:pointer;
	 position: absolute;
	 padding: 0px;
	 width: 18px;
	 height: 19px;
	 right: 8px;
	 }