@font-face {
,     font-family: 'CompactaLight';
,     src: url('../compctal.eot');
, }

@font-face {
font-family: 'CompactaLight';
src: url(//:) format('no404'), url('../compctal.woff') format('woff'), url('../compctal.ttf') format('truetype');
}


/* CSS Document - Override basic layout and inculde site specific */


.col_300
{
width:300px;
}
.col_310
{
width:310px;
}


.col_660
{
width:660px;
}

#hd
{
/*background:transparent url('../images/frontend/header_bg.png') no-repeat top left;  */
height:258px;
position:relative;
}
#bd{

background:#2a2c2b url('../images/frontend/face.png') no-repeat bottom left;
padding-bottom:50px;
padding-top:20px;
/*height:500px; */
}
#ft
{
width:960px;
margin-left: auto ;
margin-right: auto ;
background:#1e1e20 url('../images/frontend/footer_bg.png') no-repeat top left;
padding-bottom:40px;
}
#ft_wrapper
{
width:100%;
background:#1e1e20 url('../images/frontend/footer_repeat_bg.png') repeat-x top left;
padding-bottom:40px;
}

/*HEADER STUFF*/

#logo
{
position:absolute;
display:block;
width:340px;
height:100px;
right:10px;
top:10px;
}
#logo h2
{
display:block;
width:340px;
height:77px;
text-indent:-999999px;
background:transparent url('../images/frontend/txt_nick_hedderly.png') no-repeat top left;
}
#logo h3
{
display:block;
width:340px;
height:38px;
text-indent:-999999px;
background:transparent url('../images/frontend/txt_paintings.png') no-repeat top left;
}

#nav
{

display:block;
float:right;
height:100px;
padding-top:108px;
width:107px;

}
#nav ul
{
list-style-type: none;
}
#nav ul li
{
font-size:1.2em;
font-weight:bold;
}
.page_title h2
{
padding-top:132px;
padding-left:40px;
text-transform: uppercase;
}
#ft h4
{
/*padding-top:50px;
color:#374140;
font-size:3.6em;
text-transform: uppercase;
font-family: CompactaLight;
padding-bottom:10px;  */
}
#ft .telephone
{
font-size:1.6em;
color:#ffffff;
letter-spacing:-1px;
padding-left:10px;
}
#ft .fixed_width
{
width: 70px;
display: block;
float: left;
padding-top: 5px;
}

/*HEADER STUFF ENDS*/

h3 .boxout
{
font-family:  "Franklin Gothic Medium", Impact, Arial, san-serif;
background-color:#ED2C24;
color:#2A2C2B;
font-size:1.2em;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
text-transform:uppercase;
}

div.exhibit, div.gallery
{
padding-left:20px;
padding-right:10px;
}

h3.exhib_title
{
display:block;
width:147px;
height:41px;
text-indent:-999999px;
background:transparent url('../images/frontend/txt_next-exhibition.png') no-repeat top left;
}
h3.gallery_title
{
display:block;
width:147px;
height:41px;
text-indent:-999999px;
background:transparent url('../images/frontend/txt_galleries.png') no-repeat top left;
}
div.exhibition h4
{
color:#dc3522;
font-size:1.2em;
padding-top:10px;
}
div.exhibition h5
{
font-size:1.8em;
font-weight:bold;
color:#d9cb9e;
font-style: italic;
}
div.exhibition p
{
font-size:1.2em;
line-height:1.4em;
color:#d9cb9e;
font-style: italic;
}

h2.intro_text
{
color:#f2efe7;
font-size:2.4em;
font-weight:normal;
padding-bottom:20px;

}
.mainbody
{
/*padding-top:30px; */
}
.mainbody p
{
color:#D9CB9E;
font-size:1.2em;
padding-bottom:10px;
line-height:1.5em;
padding-right:20px;
}
.mainbody p.image_title
{
font-weight:bold;
padding-right:20px;

}
.mainbody p.quote
{
font-style: italic;
padding-right:20px;

}
.mainbody p.quote_by
{
font-weight:bold;
font-style: italic;
color:#dc3522;
padding-right:20px;
}
img.right_image
{
float:right;
border:13px solid #374140;
margin:0px 20px;
}


.top_row
{
height:423px;
background:#53a4ee url('../images/sky_blue.png') no-repeat top left;
}
.bottom_row
{
height:480px;
}

h2.main_title
{
display:block;
width:540px;
height:90px;
text-indent:-999999px;
background:transparent url('../images/page_main_heading.png') no-repeat top left;
}

ul#category_nav
{
font-size:1.6em;
list-style-type:none;
font-weight:bold;
/*margin-left:22px;
padding-left:10px; */
padding-bottom:20px;
padding-top:20px
}

ul#category_nav li
{
padding-left:20px;
color:#4b90cf;
padding: 0px 0px;
}
ul#category_nav li p
{
color:#D5C79B;
}
ul#category_nav li a:link, ul#category_nav li a:visited
{

color:#D9CB9E;
text-decoration:none;
}
ul#category_nav li a:hover
{
color:#dc3522;
}
ul#category_nav li.selected a
{
color:#ED2C24;
padding-left:10px;
background:transparent url('/images/frontend/list_splat.png') no-repeat top left;
}

ul#basic_list
{
font-size:1.2em;
list-style-type:disc;
margin-left:22px;
padding-left:10px;
padding-bottom:20px;
}
ul#basic_list li
{
padding-left:20px;
color:#4b90cf;
padding: 3px 0px;
}

#ft p
{
color:#d9cb9e;
font-size:1.2em;
padding-left:3px;
}
#ft div.first
{
margin-left:20px;
}

ul#nav
{
display:block;
background-color:#CC9900;
width:380px;
padding-top:10px;
}
a:link, a:visited
{
color:#dc3522;
text-decoration: underline;
}
a:hover
{
color:#f2efe7;
}

div.picture
{
display:block;
float:left;
margin-right:10px;
}
div.picture h2
{
font-size:1.2em;
color:#dc3522;
padding-top:4px;
}
div.picture img
{
border:13px solid #374140;
}
form#contactform
{
background-color:#374140;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-right:30px;
color: #D9CB9E;
}
form#contactform  legend

{
font-size:1.8em;
padding-top:20px;
}
form#contactform  fieldset
{
padding: 20px;
border:0px;
}
form#contactform  input.ta, form#contactform textarea
{
width:300px;
padding:5px;
font-family:arial, san-serif;
font-size:1.4em;
color: #374140 ;
border:0px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
form#contactform textarea
{
width:580px;
}
form#contactform ol
{
list-style-type:none;
}
form#contactform ol label
{
display:block;
font-size:1.2em;
font-weight:bold;
width:100px;
padding-top:10px;
padding-bottom:5px;
}

ul.primary_nav li {
display:inline;
}
ul.primary_nav li a {
height:0;
margin-right:10px;
width:0;
outline:0px;
}

ul.primary_nav li a {
background-image:url(/images/frontend/nav.png);
background-position:0 0;
background-repeat:no-repeat;
border:0 none;
display:block;
float:left;
text-indent:-9999px;
width:84px;
}



li.nav_home a:link, li.nav_home a:visited {
background-position:0 0;
height:17px;

}
li.nav_home a:hover, li#active.nav_home a {
background-position:-84px 0px;
height:17px;

}
li.nav_bio a:link, li.nav_bio a:visited {
background-position:0 -17px;
height:20px;

}
li.nav_bio a:hover, li#active.nav_bio a {
background-position:-84px -17px;
height:20px;
}

li.nav_gal a:link, li.nav_gal a:visited {
background-position:0 -37px;
height:19px;

}
li.nav_gal a:hover, li#active.nav_gal a {
background-position:-84px -37px;
height:19px;
}
li.nav_exh a:link, li.nav_exh a:visited {
background-position:0 -56px;
height:20px;

}
li.nav_exh a:hover, li#active.nav_exh a {
background-position:-84px -56px;
height:20px;
}
li.nav_con a:link, li.nav_con a:visited {
background-position:0 -76px;
height:14px;

}
li.nav_con a:hover, li#active.nav_con a {
background-position:-84px -76px;
height:14px;
}
div.header_quote
{
position:absolute;
top:0px;
width:503px;
height:122px;
background:transparent url('/images/frontend/quote_bg.png') no-repeat top left;
color: #D9CB9E;
font-size:1.2em;
}
div.header_quote p
{
line-height:1.1;
font-size:1.3em;
padding-left:65px;
padding-top:45px;
padding-right:20px;
}
div.exhibition_pannel
{
background-color:#ED2C24;
background-color:#1e1e20 ;
margin-bottom:20px;
}

div.exhibition_pannel  table
{
padding:5px;
color:#2A2C2B;
}
div.exhibition_pannel  table td
{
background-color:#ED2C24;
background-color:#1e1e20 ;
padding:5px;
font-size:1.2em;
color:#9A9071;
}
div.exhibition_pannel  table td p
{
background-color:#ED2C24;
background-color:#1e1e20 ;
color:#2A2C2B;
color:#D9CB9E;
font-size:1.0em;
}
div.exhibition_pannel table td.exhib_table_title
{
font-size:1.4em;
color:#9A9071;

}
div.exhibition_pannel table td.exhib_date
{
font-size:1.4em;
color:#fff;

}
div.exhibition_pannel  table a:link , div.exhibition_pannel  table a:visited
{
color: #D9CB9E;
}
div.exhibition_pannel  table a:hover
{
color: #FFFFFF;
}

.page_title h2
{
background-position:10px 145px;
background-repeat:no-repeat;
border:0 none;
display:block;
float:left;
text-indent:-9999px;
width:300px;
height:100px;
}


.page_title h2.home
{
background-image:url("/images/frontend/page_titles_home.png");
}
.page_title h2.biography
{
background-image:url("/images/frontend/page_titles_biography.png");
}
.page_title h2.exhibition
{
background-image:url("/images/frontend/page_titles_exhibition.png");
}
.page_title h2.gallery
{
background-image:url("/images/frontend/page_titles_gallery.png");
}
.page_title h2.contact
{
background-image:url("/images/frontend/page_titles_contact.png");
}
.page_title h2.artclasses
{
background-image:url("/images/frontend/page_titles_artclasses.png");
}

#ft h4
{
background-position:0 40px;
background-repeat:no-repeat;
border:0 none;
display:block;
float:left;
height:40px;
padding-bottom:10px;
padding-top:40px;
text-indent:-9999px;
}
#ft h4.contact
{
width:100%;
background-image:url("/images/frontend/txt_footer_contact.png");
}
#ft h4.learn_to_paint
{
width:100%;
background-image:url("/images/frontend/txt_footer_learn.png");
}

h3.side_gallery, h3.side_exhibition , h3.side_artclasses
{

background-position:0 0;
background-repeat:no-repeat;
border:0 none;
display:block;
float:left;
height:40px;
width:100%;
text-indent:-9999px;
padding-bottom:15px;
}
h3.side_gallery
{
background-image:url("/images/frontend/txt_galleries.png");
}


h3.side_exhibition
{
background-image:url("/images/frontend/txt_exhibition.png");

}
h3.side_artclasses
{
background-image:url("/images/frontend/txt_artclasses.png");

}
.mainbody h3
{
color:#DC3522;
font-size:2.4em;
font-weight:bold;
letter-spacing:-1px;
padding-bottom:10px;
padding-top:5px;
text-transform:uppercase;
}
#contactform legend {
padding-left: 0;
color: #D5C79B;
}
.sold
{
font-family:verdana, arial, sans-serif;
margin-left:10px;
font-weight:bold;
font-size:0.8em;
color:#fff;
background-color:#dc3522;
padding:0px 2px;
/* border-bottom:1px solid #242625;
border-right:1px solid #242625;
border-top:1px solid #e46153;   */
}
div.dark_blue_cont
{
width:90%;
background-color:#1e1e20;
margin-bottom:20px;
padding:10px 20px;
}
div.dark_blue_cont h3
{
font-size:1.4em;
color:#9a9071;
text-transform: none;
font-weight: normal;
letter-spacing: normal;
margin-bottom:0px;
line-height:1.0em;
}
div.time_block
{
float:left;
width:200px;
}
div.time_block h5
{
font-size:1.4em;
color:#9a9071;
text-transform: none;
font-weight: bold;
letter-spacing: normal;

}
div.time_block h5.white
{
color:#fff;
}

div.status
{
clear:both;
width:590px;
padding-top:10px;
overflow: hidden;
}
div.status_txt p.note
{
font-size:1.1em;
color:#ED2C24;
line-height:1.1em;
float:left;
}
div.status_txt
{
float:left;
width:488px;
}
div.contact_nick
{
float:left;
width:101px;

}
p.nav_para
{
width:230px;
font-size:1.2em;
color:#D5C79B;
padding-bottom:10px;
}
span.white
{
color:#fff;
}

div.cal_cont
{
background-color:#1E1E20;
width:110px;
height:160px;
float:left;
margin-right:10px;
border-bottom:1px solid #181819;
border-right:1px solid #181819;

}
div.cal_head
{
background-color:#ED2C24;
height:20px;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:5px;
border-bottom:1px solid #BF221C;

}
div.cal_left
{
float:left;
width:49%;
text-align:left;
vertical-align: middle;
}
div.cal_right
{
float:left;
width:49%;
text-align:right;
vertical-align: middle;
}
div.cal_foot
{
margin:5px;
text-align:center;
font-size:12px;
}
div.cal_date
{
font-size:38px;
line-height:1em;
font-weight:normal;
color:#fff;
text-align:center;
padding:20px 0px 10px 0px;

}
div.cal_date span.super
{
font-size:12px;
}
dt, dd
{
font-size:12px;
padding-left:0px;
margin-left:0px;
font-style: italic;
color:#D9CB9E;
}
dd
{
line-height:1.2em;
margin-bottom:10px;
font-style: normal;
}
#bd p.picture_type {
padding-bottom: 0;
}
.footer_link {
margin-top: 150px;
margin-left: 100px;
text-indent: -999em;
float: right;
display: block;
overflow: hidden;
}
a.footer_link {
background: url('/images/atomic_logo_nick.png') no-repeat;
width: 36px;
height: 20px;
}
