@charset "utf-8";
/* CSS Document */

/* 
Title:     Divine Styles for screen media 
Author:    Rodrigo@fleadesigns.com
Updated:   December 9 2007
*/

/* main elements --------------------------------------------------------------------*/

body
{margin:0;
padding:0;
background: url(../images/background/plaid-bg.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{display:none;
padding-top:25px;
padding-bottom:2%;
padding-right:3%;
font-size: 100%;
}

h2
{margin-top:25px;
padding:0 3%;
font-size: 110%;
color:#555;
}

h3
{margin-top:25px;
padding:0 3%;
font-size: 100%;
color:#555;
}

h4
{margin-left:5%;
margin-right:15%;
padding-left:15px;
padding-top:10%;
font-size: 100%;
color: #800080;
}


h5
{margin-top:10px;
margin-left:-2%;
padding:0 3%;
font-size: 60%;
}

p,blockquote
{padding:0 3%;
font-size:75%;
color:#000;
}

ul
{margin:0;
padding:0;
}

li
{float:right;
display:inline-block;
padding:2px;
list-style-type:none;
}

a
{text-decoration: none;
color:#F0888A;
}

a:hover
{text-decoration: underline;
color:#E5325E;
}

#about_site h2, h2, h3
{background:#F6B3AD;
}


/* content container --------------------------------------------------------------------*/

#container
{margin:25px auto 0 auto;
width:800px;
height:100%;
padding:0;
background-color: #fff;
}

/* header --------------------------------------------------------------------*/

#header
{height:130px;
background: url(../images/background/header_bg.gif) no-repeat top;
}

#header img
{padding-top:12px;
padding-left:0;
border:none;
}

/* navigation --------------------------------------------------------------------*/

#nav
{margin-right:29px;
margin-top:-77px;
padding:0 5px;
}

/*  this is for the img used to a, hover, current

#nav img
{border: none;
}
*/

#nav a
{color:#fff;
}

#nav a:hover
{color:#4A2885;
}

#nav li.contact
{padding:5px 34px;
background: url(../images/static.gif) no-repeat;
}

#nav li.portfolio
{padding:5px 33px;
background: url(../images/static.gif) no-repeat;
}

#nav li.about
{padding:5px 43px;
background: url(../images/static.gif) no-repeat;
}

#nav li.home
{padding:5px 42.5px;
background: url(../images/static.gif) no-repeat;
}

#nav li.current
{margin-top:-60px;
padding:50px 42.5px;
background: url(../images/current.gif) no-repeat;
}

#nav li.portfoliofix
{margin-top:-60px;
padding:50px 33px;
background: url(../images/current.gif) no-repeat;
line-height: .99em;
}

#nav li.contactfix
{margin-top:-60px;
padding:50px 34px;
background: url(../images/current.gif) no-repeat;
line-height: .99em;
}

.lineheight
{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color:#fff;
line-height: 2.99em;
}


/* about the site --------------------------------------------------------------------*/

#about_site
{width:65%;
margin-left:3%;
margin-bottom:10px;
margin-top: 35px;
}

#about_site h2
{margin-top:25px;
padding:0 3%;
color:#555;
}

/* brief about me --------------------------------------------------------------------*/

#brief_about
{float:right;
width:150px;
height: 250px;
margin-top:-665px;
margin-right:5%;
background: url(../images/background/about_box_bg.gif) no-repeat left;
}


#brief_about p
{margin-left:5%;
margin-right:15%;
padding:0 2%;
font-size: 65%;
}



/* latest piece --------------------------------------------------------------------*/

#latest_piece
{margin-left:3%;
width:65%;
}

#latest_piece p
{padding-left:6%;
padding-bottom:25px;
}

#latest_piece img
{padding:2% 6%;
border:#999 solid;
}


/* affiliates --------------------------------------------------------------------*/

#affiliates
{width:65%;
margin-left:1%;
}


/* About Page --------------------------------------------------------------------*/

#abouts
{width:150px;
height: 250px;
margin-left:3%;
margin-bottom:10px;
margin-top: 35px;
background: url(../images/background/about_box_bg.gif) no-repeat left;
}

#abouts h3
{margin-left:5%;
margin-right:15%;
padding-left:15px;
padding-top:25%;
font-size: 100%;
background: transparent;
}

#abouts a
{margin-left:10%;
margin-right:15%;
padding:0 2%;
font-size: 65%;
}

/* About me / About site info --------------------------------------------------------------------*/

#about_me_full
{float:right;
width:500px;
margin-top:-265px;
margin-right:10%;
}

#about_me_full h3
{margin:5px 0;
padding:0 3%;
font-size: 100%;
}

.pbold
{margin:0;
padding:0 3%;
font-size: 75%;
font-weight:bold;
}

#about_me_full img
{padding-bottom:20px;
}


/* Medium -----------------------------------------------------------------------*/

#medium
{width:150px;
height: 250px;
margin-left:3%;
margin-bottom:10px;
margin-top: 35px;
background: url(../images/background/about_box_bg.gif) no-repeat left;
}

#medium p
{margin-left:5%;
margin-right:15%;
padding-left:15px;
font-size: 65%;
}

#medium h3
{margin-left:5%;
margin-right:15%;
padding-left:15px;
padding-top:25%;
font-size: 100%;
background: transparent;
}

#medium a
{margin:0;
padding:0;
font-size: 100%;
}

/* Portfolio --------------------------------------------------------------------*/

#portfolio_page
{float:right;
width: 500px;
margin-top:-265px;
margin-right:10%;
font-size:65%;
}

#portfolio_page h3
{font-size:155%;
}

#portfolio_page p
{font-size:100%;
}

#portfolio_page img
{padding:3.25px;
border:none;
}

#portfolio_page a:hover img
{padding:3.25px;
background: #660066;
}

#portfolio_page a
{color:#F0888A;
}

#portfolio_page a:hover
{color:#E5325E;
}


/* pieces pages --------------------------------------------------------*/

#portfolio_piece
{float:right;
width: 550px;
margin-top:-265px;
margin-right:3%;
font-size:65%;
}

#portfolio_piece p
{padding:0 2%;
font-size: 100%;
}

#portfolio_piece h3
{font-size:155%;
}

.bold
{color:#800080;
font-weight:bold;
}

#portfolio_piece a
{color:#F0888A;
}

#portfolio_piece a:hover
{color:#E5325E;
}

#portfolio_piece img
{padding-bottom: 15px;
border-bottom: #888 thin solid;
}


/* Form --------------------------------------------------------------------*/

#form
{width:50%;
margin-left:20%;
margin-bottom:10px;
margin-top: 35px;
background: #FFCCCC;
}

#form_about
{float:right;
width:150px;
height: 250px;
margin-top:-438px;
margin-right:5%;
background: url(../images/background/about_box_bg.gif) no-repeat left;
}


#form_about p
{margin-left:5%;
margin-right:15%;
padding:0 2%;
font-size: 65%;
}


#form label 
{padding:0 3%;
font-size:75%;
font-weight:bold;
}

button
{margin-left:3%;
margin-top:25px;
}

#form h5
{margin:2%;
padding:2%;
}

#form input
{margin:0 3%;
border-left: transparent;
border-top: transparent;
border-bottom: #555 solid;
border-right: #555 solid;
padding:3px 0;
background:#F0888A;
}

#form textarea
{margin:0 3%;
padding:3px 0;
background:#F0888A;
border-left: transparent;
border-top: transparent;
border-bottom: #555 solid;
border-right: #555 solid;
}

/* thank you ----------------------------------------------------------*/

#thank
{float:right;
width:150px;
height: 250px;
margin-top:-300px;
margin-right:5%;
background: url(../images/background/about_box_bg.gif) no-repeat left;
}


#thank p
{margin-left:5%;
margin-right:15%;
padding:0 2%;
font-size: 65%;
}

/* site map --------------------------------------------------------------*/

#sitemap
{width:65%;
margin-left:18%;
margin-bottom:10px;
margin-top: 35px;
}

#sitemap ul dd
{margin:3% 3%;
padding:0 2%;
list-style-type: disc;
font-size:75%;
}

/* footer --------------------------------------------------------------------*/

#footer
{height:25px;
margin:0 2%;
border-top: #999 dotted thin;
padding-top:20px;
clear:both;
}

#footer_nav
{margin-top:-45px;
padding:0 5px;
font-size:75%;
}

#footer_nav ul li a
{color:#F0888A;
}

#footer_nav ul li a:hover
{color:#E5325E;
}


/* footer background extra_div ---------------------------------------------------*/

#extra_div
{margin:0 auto;
width:800px;
height:260px;
padding:0;
background: url(../images/footer_bg.gif) no-repeat;
}