/*  
Style Name: Style
Description: Base style for araisme.com.
Author: Douglas Ra
Author URI: http://araisme.com
*/

/* Presets ------------------------------------------------------------------------------ */
html, body, form, fieldset, img, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	font-size: 14px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #54534B;
}
input, select, textarea
{
	margin: 0;
	padding: 4px 4px 4px 4px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	border: 1px solid #C0C0C0;
}
ul
{
	list-style-type: none;
}
a
{
	color: #617B81;
	text-decoration: none;
}
a:hover
{
	color: #D3932C;
}
p
{
	padding: 0 0 1em 0;
	text-align: left;
	line-height: 1.5em;
}
h1
{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4em;
	color: #54534B;
}
h2
{
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
}
h3
{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	color: #617B81;
}
.ts1
{
	font-size: 12px;
	color: #B0B0B0;
	line-height: 1.2em;
}
.txt0
{
	font-size: 12px;
	line-height: 1.4em;
}
.txt1
{
	margin: .4em 0 0 0;
	line-height: 1.4em;
}

/* Header navigation ---------------------------------------- */
#nav
{
	margin: 0 auto 0 auto;
	padding: 15px 0 10px 0;
	width: 800px;
	background: url(/images/nav_border.jpg) no-repeat bottom;
}
#nav li
{
	display: inline;
}
#nav a
{
	padding: 15px 20px 10px 20px;
	color: #65645C;
}
#nav a:hover
{
	color: #D3932C;
}
#nav #current a
{
	color: #AB5B00;
}
/* General content settings ---------------------------------------- */
#content
{
	margin: 0 auto 0 auto;
	padding: 0 0 75px 0;
	width: 800px;
	background: url(/images/bg_gradeTop.jpg) no-repeat top center;
}

/* ROOT page settings ------------------------------------------------------------------------------- */
#homeImage
{
	height: 215px;
	background: url(/images/deerfaceparts.jpg) no-repeat top center;
}
#homeLayout
{
	margin: 0 auto 0 auto;
	padding: 0 15px 0 15px;
	width: 430px;
}
#homeLayout h1
{
	padding: 0 0 30px 0;
}
#homeLayout .block
{
	padding: 0 0 20px 0;
}
#homeLayout .block .border
{
	border-top: 1px solid #DDDDDD;
}
#homeLayout .block .ts1
{
	margin: -9px auto 0 auto;
	padding: 0 0 10px 0;
	width: 66px;
	background: white;
}

/* CREATIVE page settings ------------------------------------------------------------------------------- */
/* Work content --------------------------------------- */
#workLayout
{
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	width: 100%;
	background: url(/images/bg_gradeTop.jpg) no-repeat top center;
}
/* Submenu navigation --------------------------------------- */
#workSetContainer
{
	background: url(/images/bg_gradeTop2.jpg) repeat-x top center;
}
#workSet
{
	margin: 0 auto 0 auto;
	display: table;
}
#workSet li
{
	margin: -1px 2px 0 2px;
	padding: 0 0 0 6px;
	background: url(/images/tab_worksLeft.jpg) no-repeat bottom left;
	float: left;
}
#workSet a
{
	padding: 8px 20px 8px 14px;
	background: url(/images/tab_worksRight.jpg) no-repeat bottom right; 
	display: block;
	font-size: 13px;
	color: #777777;
}
#workSet a:hover
{
	color: #D3932C;
}
#workSet #currentSet
{
	margin: -1px 2px 0 2px;
	padding: 0 0 0 6px;
	background: url(/images/tab_worksLeftCurrent.jpg) no-repeat bottom left; 
}
#workSet #currentSet a
{
	padding: 8px 20px 8px 14px;
	display: block;
	background: url(/images/tab_worksRightCurrent.jpg) no-repeat bottom right; 
	color: #AB5B00;
}

/* Works display --------------------------------------- */
#imgScroll
{
	padding: 30px 0 0 0;
	overflow: auto;
	background: white;
	width: 100%;
	height: 520px;
	border-bottom: 1px solid #D6D6D6;
}
#imgScroll .imgWork
{
	margin: 0 0 0 4px;
	border: 1px solid #D6D6D6;
	float: left;
}
#imgScroll .imgWorkEnd
{
	margin: 0 4px 0 4px;
	border: 1px solid #D6D6D6;
	float: left;
}
#imgBorder
{
	padding: 10px 0 0 0;
	background: #FFFFFF;
	border-bottom: 1px solid #D6D6D6;
}

/* Wandering ------------------------------------------------------------------------------- */
/* Slideshow nav --------------------------------------- */
.slideShow .slideControls
{
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	width: 576px;
}
.slideShow .slideControls .slideNav 
{
    font-size: 12px;
}
.slideShow .slideControls .slideNav a
{
	padding: 5px 0 5px 0;
	color: #777777;
}
.slideShow .slideControls .slideNav a:hover
{
	color: #D3932C;
}
/* Slideshow contents --------------------------------------- */
.slideShow
{
    margin:0 auto 0 auto;
	padding: 36px 0 0 0;
	color: #777777;
    text-align:left;
}
.slideShow .slideImage
{
	margin: 0 auto 0 auto;
	width: 576px;
	height: 288px;
	border: 1px solid #D6D6D6;
}
.slideShow .slideImage #image
{
	margin: 0 auto 0 auto;
    display:block;
}
/* Slideshow chapters --------------------------------------- */
#slideSet
{
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 576px;
}
#slideSet li
{
	display: inline;
}
#slideSet a
{
	padding: 0 10px 0 10px;
	font-size: 12px;
	color: #54534B;
}
#slideSet a:hover
{
	color: #D3932C;
}
#slideSet #fadeSet li,
#slideSet #fadeSet li a
{
	color: #CCCCCC;
}

/* BLOGRAPHY settings ------------------------------------------------------------------------------- */
#blogLayout
{
	padding: 50px 0 0 0;
}
/* Posts --------------------------------------- */
#blogMain
{
	margin: 0 260px 0 10px;
	text-align: left;
}
#blogMain h1 a
{
	color: #54534B;
}
#blogMain h1 a:hover
{
	color:#D3932C
}
.post
{
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #DDDDDD
}
.entry
{
	padding: 5px 0 10px 0;
}
.entry img
{
	border: 1px solid #D6D6D6;
}
.meta
{
	margin: 0 0 10px 0;
	color: #B0B0B0;
	font-size: 12px;
	line-height: 1.2em;
}
.postNav a
{
	color: #999996;
}
.postNav a:hover
{
	color: #D3932C;
}
/* Comments --------------------------------------- */
.postedComment
{
	padding: 10px 0 10px 0;
}
.postedComment .comment
{
	margin: 0 0 10px 0;
	padding: 15px 25px 15px 20px;
	background: #F7F7F7;
	border-left: 1px solid #DDDDDD;
}
.commentText
{
	padding: 8px 0 0 0;
}
/* Comment form --------------------------------------- */
.commentor
{
	margin: 0 0 2px 0;
	padding: 15px 10px 15px 15px;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
.postComment
{
	padding: 20px 0 2px 0;
}
#commentform
{
	color: #999999;
	width: 350px;
}
#commentform #author,
#commentform #email,
#commentform #url
{
	width: 300px;
	text-align: left;
}
#commentform textarea
{
	width: 450px;
	text-align: left;
}

/* Sidebar --------------------------------------- */
#blogSide
{
	margin: 0 10px 0 0;
	text-align: left;
	float: right;
	width: 220px;
}
.section
{
	margin: 0 0 8px 0;
	padding: 10px 16px 16px 16px;
	font-size: 13px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
}
.section ul .subList
{
	padding: 0 0 0 10px;
}
.section ul li
{
	padding: .2em 0 .2em 0;
}
.sectionHead
{
	margin: 0 0 5px 0;
}
#s /* searchform input box */
{
	margin: 5px 8px 0 0;
	text-align: left;
	width: 110px;
}
#searchsubmit /* searchform submit button */
{
	padding: 2px 0 2px 0;
	width: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	color: #54534B;
	background: #EEEEEE;
}
#searchsubmit:hover
{
	color: #000000;
	background: #DDDDDD;
}
#wordpress
{
	padding: 5px 0 100px 0;
	font-size: 11px;
}

/* INFO/CONTACT page settings ------------------------------------------------------------------------------- */
#contactImage
{
	height: 180px;
	background: url(/images/parade.jpg) no-repeat top center;
}
#contactLayout
{
}
#contactLeft
{
	margin: 0 320px 0 10px;
	text-align: left;
}
#contactRight
{
	margin: 0 10px 0 0;
	padding: 16px 16px 30px 16px;
	width: 248px;
	font-size: 13px;
	text-align: left;
	float: right;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
}
#contactRight .txt1
{
	line-height: 1.6em;
}
label
{
	margin: 1em 0 2px 0;
	font-size: 13px;
	float: left;
	color: #999999;
}
#mailform #name, 
#mailform #email, 
#mailform #subject, 
#mailform #message
{
	width: 240px;
}
#mailform #message
{
	margin: 0 0 5px 0;
	height: 100px;
}
#ccText
{
	font-size: 11px;
}
#cc
{
	margin: 0 0 0 5px;
	width: auto;
	border: none;
}
#resetbutton, 
#submitbutton 
{
	margin: 20px 0 0 0;
	padding: 2px 0 2px 0;
	width: 80px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	color: #54534B;
	background: #EEEEEE;
}
#submitbutton 
{
	margin: 15px 0 0 5px;
}
#resetbutton:hover, 
#submitbutton:hover
{
	color: #000000;
	background: #DDDDDD;
}
.alert, 
.success
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #CC0000;
}
.success
{
	margin: 30px 0 30px 0;
	color: #00CC00;
}
#contactRight .txt0
{
	padding: 0 0 50px 0;
}

/* Resume pop-up page ---------------------------------------- */
#resumeLayout
{
	margin: 0 auto 0 auto;
	padding: 25px 0 40px 0;
	width: 614px;
}
#resumeLayout #resume
{
	border: 1px solid #D6D6D6;
}
#resumeLayout .txt1
{
	padding: 10px 0 0 0;
}
.resumeLink
{
	
}

/* LINK page settings ---------------------------------------- */
#linkLayout
{
	padding: 50px 0 0 0;
}
#linkRight
{
	margin: 0 10px 458px 0;
	padding: 15px 15px 15px 15px;
	width: 250px;
	text-align: left;
	float: right;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
}
.linkLeft
{
	margin: 0 0 0 10px;
	padding: 0;
	width: 225px;
	font-size: 13px;
	text-align: left;
	float: left;
}
.linkLeft ul
{
	padding: 0 0 10px 0;
	list-style-type: none;
	font-size: 14px;
}
.linkLeft li
{
	padding: .25em 0 .25em 0;
}
.linkLeft a
{
	color: #54534B;
}
.linkLeft a:hover
{
	color: #D3932C;
}

/* SINGLEPIC/MULTIPIC page settings ---------------------------------------- */
#singlePic #workLayout,
#multiPic #workLayout
{
	padding: 30px 0 78px 0;
}
#singlePic #workLayout #imgWrap,
#multiPic #workLayout #imgWrap
{
	padding: 20px 0 0 0;
}
#singlePic #workLayout #imgWrap
{
	height: 560px;
}
#singlePic #workLayout #imgWrap img,
#multiPic #workLayout #imgWrap img
{
	border: 1px solid #D6D6D6;
}
#multiPic #workLayout .slideNav
{
	padding: 40px 0 0 0;
    font-size: 12px;
	color: #777777;
	position: relative;
	left: -13px;
}
#multiPic #workLayout .slideNav a
{
	padding: 10px 10px 10px 10px;
	color: #777777;
}
#multiPic #workLayout .slideNav a:hover
{
	color: #D3932C;
}

/* SAMPLE page settings ---------------------------------------- */
#sample
{
	padding: 50px 0 0 0;
	text-align: center;
}
#sampleContainer
{
}
#sample .group
{
	margin: 0 auto 0 auto;
	width: 800px;
}
#sample .samplePics
{
	padding: 50px 0 0 0;
}
#sample .samplePics img,
#sample .samplePics .flashClip
{
	border: 1px solid #D6D6D6;
}
#sample p
{
	padding: 8px 0 70px 0;
	text-align: center;
}
#sample .linkOut
{
	padding: 20px 0 40px 0;
}
.flashWarning
{
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	width: 320px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #CC0000;
	border: 1px solid #D6D6D6;
}

/* PICTUREBOOK/COMICBOOK page settings ---------------------------------------- */
#picbook #picbookLayout
{
	padding: 50px 0 20px 0;
	height: 540px;
}
#picbook #picbookLayout .pageSpread
{
	margin: 30px auto 0 auto;
	border: 1px solid #CACACA;
	border-bottom: 3px solid #D6D6D6;
	border-right: 3px solid #D6D6D6;
	width: 900px;
	height: 340px;
	position: relative;
}
#picbook .imageBack
{
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 340px;
}
#picbook #picbookLayout .slideNav
{
	padding: 40px 0 0 0;
    font-size: 12px;
	color: #777777;
	position: relative;
	left: -13px;
}
#picbook #picbookLayout .slideNav a
{
	padding: 10px 10px 10px 10px;
	color: #777777;
}
#picbook #picbookLayout .slideNav a:hover
{
	color: #D3932C;
}

/* Padded div for pages that are under construction and have no substantial content */
#container
{
	margin: 0 auto 0 auto;
	padding: 150px 0 250px 0;
	width: 800px;
}

.clear
{
	clear: both;
}

/* Copyright settings ------------------------------------------------------------------------------- */
#copyright
{
	margin: 0 auto 0 auto;
	padding: 8px 0 10px 0;
	width: 800px;
	font-size: 10px;
	color: #999996;
	background: url(/images/nav_border.jpg) no-repeat top;
	clear: both;
}
#work #copyright
{
	background: none;
}