body { font: normal 0.7512em/1.5em Arial,Verdana,sans-serif; } 
html>body { font-size: 12px; } 
p { margin: 1.35em 0 0.6429em 0; font-size: 1.1667em; line-height: 1.2857em; }
h1 { margin: 1.125em 0 0.375em 0; font-size: 2em; line-height: 0.75em; }
h2 { margin: 1.35em 0 0.45em 0; font-size: 1.6667em; line-height: 0.9em; }
h3 { margin: 1.6875em 0 0.5625em 0; font-size: 1.3333em; line-height: 1.125em; }
h4 { margin: 1.9286em 0 0.6429em 0; font-size: 1.1667em; line-height: 1.2857em; }
h5 { margin: 2.25em 0 0.75em 0; font-size: 1em; line-height: 1.5em; }
h6 { margin: 2.25em 0 0.75em 0; font-size: 1em; line-height: 1.5em; }

h1,h2,h3
{
    color:#8C4011;
}

.index h1
{
    clear:both;
    color:#cc9900;
    padding-top:1em;
}

h3 span.explanation
{
font-size: 0.8333em;    
}

dt{
font-size: 1.1667em;
    color:#7a6a53;
    font-weight:bold;
}

dd{
font-size: 1.1667em;
    margin:0.2em 0em 0.8em 0em;
    padding-left:0;
}

li{
    font-size: 1em; line-height: 1.5em;
}

sup {font-size: 0.45em; line-height: 0.5em}

body
{
    background:url(images/tile.jpg);
}


a img
{
    border:none;
}

a{
    text-decoration:none;
    border:none;
}




#container
{
width:960px;
height:400px;
margin:1em auto;

}

#headercontent
{
      /*background:#7a6a53;*/
      background:#844d1c;
      width:948px;
      border-right:6px solid #cc9900;
      border-left:6px solid #cc9900;
      height:124px;

}

#headertop
{
    background:url(images/topborder.png) no-repeat top right;
    height:16px;
}

#footerbot
{
    background:url(images/botborder.png) no-repeat top right;
    height:32px;
    position:relative;
    top:-27px;
}

#page
{
      border-right:6px solid #cc9900;
      border-left:6px solid #cc9900;
      overflow:hidden;

}

#fsidebar
{
    width:187px;
    /*background-color:#7a6a53;*/
    background-color:#844d1c;
    height:8px;
    float:left;
    margin-left:7px;
}



#sidebar
{
    width:188px;
    float:left;
    background-color:#844d1c;
    border-top:2px solid #7a6a53;
    padding:10px 0px 32000px 0px;
    margin-bottom:-32000px;
}

#content
{
    /*background-color:#d9ceb2;*/
    background-color:#ffffcc;
    width:710px;
    float:right;
    border-left:2px solid #cc9900;
    border-top:2px solid #cc9900;
    padding:4px 24px 32000px 24px;
    margin-bottom:-31990px;
    color:#000;

}

#content a
{
    color:#494977;
    font-weight:bold;
}

.index #content
{

    background-color:#924413;
    margin-right:0em;
    padding-right:0em;
    width:734px;
}

.index p
{
    color:#fff;
    margin-right:24px;
}

.index p.movies
{
    color: #d9bd96;
    text-align:center;
}

.index #content p.movies a
{
    color: #d9bd96;
    margin:0px 20px;
    border-bottom:1px solid #d9bd96;
}

.wheelhead
{
    clear:both;
}

#fcontent
{
    border-left:2px solid #CC9900;
    width:758px;
    height:8px;
    float:left;
    background-color:#ffffcc;
}

.index #fcontent
{
    background-color:#924413;    
}


#sidebar ul

{
    color:#fff;
    list-style-type:none;
    margin-left:0.6em;
    padding-left:0em;
    margin-right:0.2em;
    margin-top:0em;
    margin-bottom:2em;
}

#sidebar li
{
    margin-left:0.4em;
    font-weight:bold;
    margin-top:0.7em;
}

#sidebar li a
{
    color:#fff;
    text-decoration:none;
    width:100%;
    
}

#sidebar li a:hover
{
    color:#d5ded9;
}

#sidebar ul li
{
    padding-left:0em;
    margin-bottom:0.4em;
     zoom:1;
     
}

#sidebar  li li
{
    text-transform:none;   
    padding-left:0.6em;
    font-weight:normal;
    line-height:1.2;
}

#sidebar li ul
{
    margin-bottom:0em;
}

#botmenu
{
    position:relative;
    top:-20px;
    width:540px;
    margin-left:200px;
    text-align:center; 
    margin-bottom:20px;   
    
}

#botmenu li
{
    display:inline;
    color:#e7c3a3;
    font-size:1.1667em
}

#botmenu li:after
{
    content:"|";
    margin-left:0.2em; 
}

#botmenu li.end:after
{
    content:"";
    margin-left:0.2em;
}

#botmenu li a
{

    color:#e7c3a3;
    text-decoration:none;
    padding:0px 4px;
}

 dl.testimonial
{
    color:#fff;
    padding:16px 10px;
}

.testimonial dt
{
    color:#D9CEB2;
    padding-top:1em;
    font-style:italic;
    font-family:georgia;
}

.sidebar dt
{
    font-weight:normal;
}

.testimonial dd
{
    text-align:right;
}

#content dl.testimonial
{
    padding:0em 2em;
}

#content dl.testimonial dt,#content dl.testimonial dd  
{
    color:#000;
    font-weight:normal;
}

#content dl.testimonial dd 
{
    font-style:italic;
    color:#7a6a53;
    margin-top:0em;    
}

#content .imager
{
    text-align:center;
    float:right;
    margin:1.2em;
    clear:both;   
}

#content .imagel
{
    text-align:center;
    float:left;
    margin:1.2em;
}

#content .imager img,#content .imagel img,#content .cimagecont .image img
{
padding:0.2em;
border:1px solid #7a6a53;

}


#content .imager p,#content .imagel p,#content .cimagecont .image p
{
    line-height:1;
    margin-top:0.5em;
    padding:0;
   color:#7a6a53;
}

#content .cimagecont
{
    text-align:center;
    vertical-align:top;
 
}

#content .cimagecont .image
{
vertical-align:top;
display:-moz-inline-stack;
display:inline-block;
_overflow:hidden;
zoom:1;
*display:inline; 
float:none;
margin:0.6em;
background:none
   
}

#content .primaryusage
{

    margin-top:1em;
    padding-top:1em;
    padding-bottom:1em;
    border-top:3px dotted #5d1006;
    clear:both;
}

#content .primaryusage h2
{
    margin-top:0.2em;
}

#content .secondaryusage
{

    margin-right:0.4em;
    margin-top:0.6em;
    border-right:3px dotted #5d1006;    
}

#content .displaycontainer
{
    float:left;
    margin-right:1em;
    width:220px;
    text-align:center;

    
}

.pwusages #content .primarydisplay
{

 margin-bottom:6px;
     
}

#content .primarydisplay img
{
    border:1px solid #000;
    vertical-align:middle;

}

#content .thumbnaildisplay img
{
    border:1px solid #000;
    margin:0.2em;
    vertical-align:middle;
}

.usagelink
{
    width:40%;
    height:30px;
    background:#7a6a53 url(images/usestile.jpg);
    border:1px solid #000;
    margin:1em;
    float:left;
    line-height:30px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    
}

.usagepagelinks
{
    background:#7a6a53 url(images/usestile.jpg);
    padding:1em;
    border:1px solid #7a6a53;
    margin-top:1em;  
}

.usagepagelinks a
{
    color:#fff;
    font-weight:bold;

    font-size: 1.1667em;
}

.usagepagelinks a:hover
{
    color:#d5ded9;
}

.usagepagelinks td
{
    padding:0.4em 1em;
    text-align:center;
}

.artworksummary a 
{
    color:#7a6a53;
}

 .artworksummary  a:hover
{

}


.artworksummary
{
   

    vertical-align:top;
    text-align:center;
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    padding:4px;
    padding-top:16px; 
    color:#fff;
    font-weight:bold;
    z-index:20000;
    cursor:pointer;
    margin-right:10px;   
}




.artworksummary img
{
    border:1px solid #000;
}


.artdetail #content img
{
    margin-top:2em;
    border:1px solid #000;
}
.artdetail #content p
{
 color:#000;   
}

.artdetail #content  .displaycontainer
{
    float:left;
    margin-right:1em;
    width:320px;
    text-align:center;
}

.artdetail h3
{
    color:#7a6a53;

}

/* form styles */
.radio fieldset
{
    margin-bottom:1em;
}

fieldset.inner
{
    background-color:#D4D8CD;
}

legend
{
     padding:0.2em;
     font-weight:bold;
     color:#8C4011;
     font-size:1.2em;
}

.text input,.select select, textarea, .password input
{
    border:0.1em solid #d3d5ca;
    float:none;
    font-size:1em;
    font-family:Arial,Verdana,sans-serif;
    margin-top:1em;

}


.submit input
{
    margin-top:1em;
    margin-bottom:1em;
    padding:0.2em;
    margin-left:280px;
}

.radio fieldset
{
    border:none;
    padding-top:0em;
    padding-left:0em;
}

.radio br
{
    clear:both;
}

.radio input
{
    display:inline-block;
}

.radio fieldset label
{
    padding-left:0.6em;
    text-align:left;
    width:auto;

}


.radio label.rdesc
{
    float:left;
    text-align:right;
    padding:0em 1em 0em 0em;

}

fieldset
{
    border:1px solid #ccc;
}

.select fieldset
{
    border:none;
    padding-top:0em;
    padding-left:0em;
}

.select fieldset .checkbox
{
    clear:both;
    margin-left:0em;
    margin-bottom:0.2em;
}

.select fieldset .checkbox label
{
   text-align:left;
   width:24em;
   padding-left:0.6em;

}

.select fieldset .checkbox input
{
    display:inline-block;
    margin-bottom:0em;
}

.select label.rdesc
{
    float:left;
    text-align:right;
    padding:0em 1em 0em 0em;
}



.checkbox label.rdesc
{
    text-align:right;
    padding:0em 1em 0em 0em;
    width:12em;
}



.checkbox
{
    margin-left:8em;
    margin-top:1em;
}

.checkbox input
{
    display:inline-block;
    float:none;
    padding-left:1em;
    margin-bottom:0em;

}

.checkbox label
{
    float:none;
    display:inline-block;
    text-align:left;
    padding-left:0.6em;
    margin-top:0em;
    width:35em;
    padding-top:0.2em;

}

.inlinefield
{

    margin-bottom:1em;
}

.inlinefield select
{
    border:0.1em solid #d3d5ca;
    float:none;
    font-size:1em;
    font-family:Arial,Verdana,sans-serif;
}


.inlinefield input
{
    border:0.1em solid #d3d5ca;
    float:none;
      font-size:1em;
    font-family:Arial,Verdana,sans-serif;
}

.radio input
{
    border:none;
}


.inlinefield label.rdesc
{
    float:left;
    text-align:right;
    padding:0em 1em 0em 0em;
    width:12em;



}

.inlinefield label
{

    text-align:left;
}

.inlinefield label.base
{
    width:12em;
    text-align:right;
}

.inlinefield fieldset
{
      border:none;
    padding-top:0em;
    padding-left:0em;
}

label
{
    clear:both;
    width:8em;
    display:inline-block;
    line-height:1.1;
    vertical-align:top;
    text-align:right;
    padding-right:1em;
    color:#7a6a53;
    margin-top:1em;


}

.slabel label
{
    width:6em;
}

.slabel input,.slabel select
{
    width:15em;
}

.ro
{
    background-color: #f0f3e7;
}
#admin_thumb_sort
{
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}

.admin_thumb_order
{

    vertical-align:top;
    text-align:center;
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    padding:4px;
    color:#000;
    font-weight:bold;
    border:1px solid #ccc;
    margin:0.4em;
    position:relative;
}

.admin_thumb_order img
{
border:1px solid #000
}
.admin_thumb_order a img
{
    text-decoration:none;
    border:none;
}

#admin_cat_sort
{
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    font-size:1.1667em;
    font-weight:bold;    
}

#admin_cat_sort li
{
    background-color:#B0A892;
}

#admin_cat_sort span.handle
{
    display:inline-block;
    height:24px;
    width:24px;
        background:url(images/draghandle.png);
        margin-right:1em;
}


#admin_cat_sort a.delete
{
    display:inline-block;
    height:24px;
    width:24px;
    float:right;
    background:url(images/deletebutton.png);
    margin-right:1em;
}

#admin_cat_sort a.view
{
    display:inline-block;
    height:24px;
    width:24px;
    float:right;
    background:url(images/zoom.png);
    margin-right:0.2em;
}

#admin_cat_sort a.edit
{
    display:inline-block;
    height:24px;
    width:24px;
    float:right;
    background:url(images/edit.png);
    margin:0em 1em;
}

#filestatus
{
    display:none;
    width:16px;
    height:16px;
    background:url(images/sm-ajax-loader.gif) no-repeat left center;
    padding-left:18px;
    margin-left:8px;
}

.admin_thumb_order .handle,.artworksummary .handle
{
    display:block;
    height:24px;
    width:24px;
    position:absolute;
    top:0;
    left:0;
    margin:auto auto;
    background:url(images/draghandle.png);
    z-index:30000;
}

.error-message
{
    color:red;
    margin-left:9em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.event p
{
    line-height:1;
    margin:0;
}

.event h4
{
    margin:0;
    padding:0;
    
}

.event
{
    padding-bottom:1em;
    border-bottom:1px solid #7a6a53;
}

.pwcat
{
    border:1px solid #7a6a53;
    margin:0.6em 0em;
}

h2 + p,.openlarge{
   font-size: 1.3333em; line-height: 1.2857em;
}

body.designideas #page
{
    overflow:auto;
    background-color:#844d1c;
}

body.designideas #container #content
{
    min-height:900px;
}

body.designideas #container #content,body.designideas #sidebar
{
    margin-bottom:0em;
    padding-bottom:10px;

    overflow:auto;
}

.catlinks
{
    margin:0px 16px;
    border-bottom:1px solid #494977;
}

.index #content img
{
    float:right;
    position:relative;
    width:640px;
}

#headercontent img
{
    position:relative;top:-10px;
}

.designideas a img
{
    height:100px;
    margin:0.6em;
}

.resume ul
{
    list-style-type:none;
    padding-left:0em;
    margin-left:0em;
}