/*Chrissy Kim 2009/2010 Style*/
/*Created By Jesse Williamson*/

/*start reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*stop reset*/

/*
COLOR KEY
dark purple: #231921
medium purple: #685f74
light purple: #beb4cc
off-white: #ecebf1
light blue: #d3dceb
footer bg: #d6d2dc
body bg: #f6f6f6
link color: #8bade4
body text color: #6d6d6d
footer bg: #d1ccd7
*/

body
{
 font-family: helvetica, futura, arial, sans-serif;
 color: #6d6d6d;
 background: #d1ccd7;
 text-shadow:1px 1px 1px #FFFFFF;
}

a
{
 text-decoration: none;
 color: #8bade4
}

a:hover
{
 color: #658ac7;
}

p
{
  line-height: 20px;
}

.pageSection
{
 width: 100%;
}

.centered
{
 width: 1000px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}

.leftFloatDiv
{
 position: relative;
 float: left;
}

.lightBGCurlyBrace
{
 height: 19px;
 width: 315px;
 background: url('cssImages/curlyBraceLightBG.png') 0 0;
 margin: 10px 0 0 0;
}

#header
{
 background: url('cssImages/headerBackground.png') 0 0;
 height: 113px;
}

#body
{
 background: #f6f6f6 url('cssImages/bodyBackground.png') repeat-x 0 0;
 padding: 20px 0 0 0;
}

#leftHome
{
 width: 335px;
 padding: 80px 0 0 0;
}

.homeButton
{
 height: 50px;
 width: 150px;
 display: block;
 text-indent: -9999px;
 float: left;
 margin: 0 0 30px 0;
}

#viewPortfolio
{
 background: url('cssImages/viewPortfolio.png');
 margin: 0 30px 0 0;
}

#viewPortfolio:hover
{
 background: url('cssImages/viewPortfolio.png') no-repeat 0 -50px;
}

#contactMe
{
 background: url('cssImages/contactMe.png');
}

#contactMe:hover
{
 background: url('cssImages/contactMe.png') no-repeat 0 -50px;
}

#homeSlideShow
{
 margin: 0 0 0 15px;
 background: url('cssImages/slideshowBackground.png') 0 0;
 width: 646px;
 height: 454px;
}

#homeSlideShowImgCont
{
 margin: 27px 0 0 23px;
 height: 400px;
 width: 600px;
 overflow: hidden;
}

#footer
{
 background: #d1ccd7 url('cssImages/footerBackground.png') repeat-x 0 0;
position: relative;
}

#blogWrapper
{
 background: #efefef;
 border: 1px dotted #dddddd;
 position: relative;
 float: right;
 width: 990px;
 margin: 20px 0;
}

#blogLeft
{
 background: #ffffff;
 width: 66%;
 border-right: 1px dotted #dddddd;
 padding: 10px;
 float: left;
}

.postTitle
{
 float: left;
 padding: 20px;
 margin: 0 0 20px -19px;
 display: inline;
 background: #d3dceb;
 border: 1px solid #859cc2;
}

#blogWrapper .blogExcerpt:first-child
{
 border: none;
}

.blogExcerpt
{
 position: relative;
 float: left;
 border-top: 1px dotted #dddddd;
 padding: 20px 0 0 0;
 width: 100%;
}
.postTitle h1
{
 display: inline
}

.postTitle .date
{
 font-size: 9px;
 font-style: italic;
 padding: 2px 0 0 0;
 text-align: right;
line-height: inherit;
}

.excerptContent
{
 width: 613px;
}
.excerptContent, .fullContent
{
 padding: 5px 20px;
 float: left;
 line-height: 20px;
}

.onFullPage
{
 font-size: 12px;
 font-style: italic;
 background: #f0f5fc;
 border: 1px dotted #dddddd;
}

.fullContent
{
 margin: 20px 0 0 0;
}

.excerptContent img
{
 float: right;
 margin: 0 0 0 20px;
 border: 3px solid #beb4cc;
}

.readmore
{
 display: block;
 float: right;
 padding: 5px;
 background: #beb4cc;
 border: 1px solid #685f74;
 font-size: 10pt;
 font-weight: bold;
 color: #231921;
 margin: 10px 20px 0 0;
  filter:alpha(opacity=60);
  opacity:0.6;
}

.readmore:hover
{
 /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}

#blogRight
{
 padding: 20px;
 line-height: 20px;
 width: 27%;
 float: left;
}

#blogRight div
{
 padding: 20px 0;
  border-top: 1px dotted #dddddd;
}

#blogRight div:first-child
{
 border-top: none;
}

#oldNewNav
{
 float: left;
}

#portfolioWrapper
{
 margin: 10px 0 20px 0;
}



.galleryLead
{
 background: url('cssImages/portfolioLead.png');
 height: 229px;
 width: 329px;
 float: left;
 margin: 10px 2px 0 2px;
position: relative;
overflow: hidden;
}


.galleryLead a
{
 display: block;
 margin: 19px 0 0 20px;
 position: absolute;
 z-index: 2;
height: 229px;
 width: 329px;
 overflow: hidden;
}

.galleryLead h1
{
 position: absolute;
 text-align: center;
 font-size: 30pt;
 bottom: 0;
 z-index: 1;
 margin: 0 0 19px 20px;
}

#galleryWrapper
{
 width: 630px;
 float: left;
}

#galleryTop
{
 width: 630px;
 height: 15px;
 background: url('cssImages/galleryTop.png');
 float: left;
}

#galleryBottom
{
 width: 630px;
 height: 15px;
 background: url('cssImages/galleryBottom.png');
 float: left;
}

#galleryBG
{
 width: 630px;
 background: url('cssImages/galleryBG.png');
 float: left;
}

#galleryPort
{
 width: 600px;
 position: relative;
 left: 15px;
 overflow:hidden;
}

#galleryPort p
{
 position: relative;
}

#galleryPort p img
{
 float: left;
}

#previous
{
 height: 38px;
 width: 122px;
 background: url('cssImages/previous.png');
 display: block;
 float: left;
	cursor: pointer;
	 text-indent: -9999px;
	 position: relative;
	 top: 7px;
	 left: 30px;
}

#previous:hover
{
 background: url('cssImages/previous.png') no-repeat 0 -38px;
}

#next
{
 height: 38px;
 width: 122px;
 background: url('cssImages/next.png');
 display: block;
 float: right;
 cursor: pointer;
 text-indent: -9999px;
 	 position: relative;
	 top: 7px;
	 right: 30px;
}

#next:hover
{
 background: url('cssImages/next.png') no-repeat 0 -38px;
}

#galleryPage
{
 float: left;
 margin: 0 0 0 35px;
}

#galleryText
{
 float: left;
 width: 335px;
}

.galleryTitle
{
 font-size: 28pt;
 padding: 10px;
 text-align: right;
}

#commentWrapper
{
 margin: 20px;
 background: #f3f3f3;
 width: 573px;
 padding: 10px;
}

#commentWrapper h3
{
 margin: 0 0 20px 0;
}

.commentlist li
{
 padding: 10px 0 10px 0;
}

.commentlist li:first-child
{
 padding-top: 0px;
}

.comment-meta
{
 font-size: 11px;
 font-style: italic;
}

.comment-body p
{
 line-height: 24px;
}

#respond
{
 padding: 10px;
 border: 1px dotted #dddddd;
}

#respond p
{
 margin: 0 0 5px;
}

#respond p label
{
 font-size: 12px;
 font-style: italic;
}

#respond p input, #comment
{
 border: 3px solid #d3dceb;
 background: #f5f9ff;
 padding: 5px;
 color: #71767e;
}

#submit
{
 width: 150px;
 height: 50px;
 background: url('cssImages/submit.png') !important;
 border: none !important;
 text-indent: -9999px;
 padding: none !important;
 cursor: pointer;
}

#submit:hover
{
 background: url('cssImages/submit.png') 0 -50px !important;
}

#oldNewNav
{
 float: left;
}

#older
{
 float: left;
}

#newer
{
 float: right;
}

.showCommentForm
{
 display: block;
 margin: 10px 0 0 0;
 cursor: pointer;
}

.comment-author-admin
{
 background: #eaeaea;
}

.comment
{
 padding: 10px !important;
}

.neverMind
{
 font-size: 10px;
 cursor: pointer;
}

#navigationWrapper
{
 float: right;
 margin: 30px 0 0 0;
}

#navigationList li
{
 float: left;
 
  border-left: 1px dotted #ffffff;
	
 text-align: center;
}

#navigationList li a
{
 display: block;
 height: 35px;
 color: #231921;
 font-size: 17px;
 width: 85px;
 padding: 15px 0 0 0;

}

.active
{
 background: #aeb8cd;
 
}

#navigationList li:first-child
{
 border-left: none;
}

#logo
{
 float: left;
}

.inactive
{
 color:#000000 !important;
  filter:alpha(opacity=40);
  opacity:0.4;
}

.inactive:hover
{
 background: #aeb8cd;
}
 

#contactForm
{
 padding: 10px;
 width: 66%;
 float: left;
}

#contactGreeting
{
 padding: 0 10px 10px 10px;
 width: 30%;
 float: left;
}

#contactGreeting h1
{
 background: url('cssImages/contactGreeting.png');
 width: 288px;
 height: 145px;
 text-indent: -9999px;
}
 

#contactForm ol li
{
 margin: 0 0 5px;
}

#contactForm ol li label
{
 width: 100px;
 display: block;
 float: left;
 padding: 0 10px;
 text-align: right;
}

#contactForm p
{
 float: right;
 padding: 0 25px 0 0;
}

.linklove
{
 font-size: 10px;
 float: left !important;
 margin: 25px 0 0 0;
}

.reqtxt, .emailreqtxt
{
 font-size: 12px;
 font-style: italic;
}

#contactForm ol li input, #contactForm ol li textarea
{
 border: 3px solid #d3dceb;
 background: #f5f9ff;
 padding: 5px;
 color: #71767e;
 width: 200px;
}

#contactForm ol li textarea
{
 width: 500px;
 font-family: helvetica, futura, arial, sans-serif;
}

.sendbutton
{
 width: 150px !important;
 height: 50px !important;
 background: url('cssImages/submit.png') !important;
 border: none !important;
 text-indent: -9999px;
 padding: none !important;
 cursor: pointer;
}

.sendbutton:hover
{
 background: url('cssImages/submit.png') 0 -50px !important;
}
#accordion
{
 width: 66%;
 float: left;
 margin: 20px 0 0 0;
}
.ui-accordion-header
{
 border: 1px solid #859CC2;
 padding: 10px;
 background: #D3DCEB;
}

.ui-accordion-header a
{
 display: block
}

.ui-state-active
{
 background: #beb4cc;
 border: 1px solid #685f74;
 color: #231921 !important;
}

.ui-state-active a
{
 color: #231921 !important;
}

 
.ui-accordion-content
{
 border: 1px dotted #dddddd;
 background: #ffffff;
 padding: 10px 40px;
 height: auto;
}

#pricingGreeting
{
 width: 30%;
 float: left;
 padding:  20px 0 0 20px;
}

#pricingGreeting p
{
 margin: 10px 0 0 0;
}

.fullContent p
{
 margin: 10px 0 0 0;
}

.gallery-icon
{
 height: 170px;
width: 170px;
background: url('cssImages/galleryThumbBG.png');
}

.gallery-icon a
{
 display: block;
}

#usermessagea
{
 text-align: right;
 padding: 0 5px 10px 0;
 font-weight: bold;
}

.gallery-icon a img
{

border: 0 !important;
margin: 10px 0 0 0;
}

.footSection
{
 padding: 40px 0 50px 0;
}
#footNav
{
 float: left;
 width: 333px;
}

#footNav ul li
{
 float: left;
 padding: 0 5px;
}

#footNav ul li a, #mailTo a
{
 color:#6D6D6D;
}

#footNav ul li a:hover, #mailTo a:hover
{
color: #000000
}

#copyright
{
 width: 333px;
 float: left;
 text-align: center;
}

#mailTo
{
 width: 333px;
float: left;
text-align: right;
}