/*
-----------------------------------------------
Darrell Gulin Photography | Style Sheet
name: master.css
author: Scott Wagoner
----------------------------------------------- */


*{margin:0; padding:0; border:0;}

body{
color:#000;
background:url(../images/bg_main.gif) repeat-x;
background-color:#131313;
font: 62.5% Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
text-align:center;
}

/*------------------------- Homepage --------------------------*/
/*Structure*/
 
#centerOuter{
padding-bottom:20px;
margin:0 auto;
width:780px;
background:url(../images/bg_body_shad.gif) repeat-y top center;
}

/*#centerOuter {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’img/bg_body_shad.png’ ,sizingMethod=’crop’);
}*/

#centerInner{
padding-bottom:20px;
margin:0 auto;
width:760px;
background:#000;
}

h1{
width:760px;
height:103px; 
background:url(../images/header.jpg) no-repeat;
text-indent:-9999px;	
position:relative; 
left:0px; 
top:0px;
}

#homeTop{
width:760px;
background-color:#232323;
background:url(../images/bg_hm_body_sm.gif) repeat-x;
}

#flashPan{
margin:0 auto;
width:600px;
height:300px;
border:1px solid #333;
}

/*----- Navigation1 -----*/
#nav1{
margin:0 auto;
width:760px;
height:80px;
background:url(../images/bg_nav1.gif) no-repeat;
}

#nav1 ul{
padding:6px 0 0 0;
list-style-image:none;
}

#nav1 li{
display:inline;
letter-spacing:1px;
}

#nav1 a{
padding:14px;
font:12px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#547090;
}

#nav1 a:hover{color:#949EB4;}


/*Navigation Tabs*/
span#homeTab a{
background:url(../images/ov_hm.gif) no-repeat center;
color:#fff;
text-align:center;
}

/*Homepage Content*/

#homeContent{
margin:0 auto;
width:640px;
height:230px;
text-align:left;
}

h2{
width:308px;
height:30px; 
margin:0 0 10px 0;
background:url(../images/hm_h2.gif) no-repeat;
text-indent:-9999px;	
position:relative; 
left:0px; 
top:0px;
}

.step{color:#fff; font-weight:bold; text-transform:uppercase;}

#catList{float:left;
width:480px;
height:30px;
padding:10px 0;
font-size:12px;
}

#catList ul{
margin-right:40px;
padding:0 0 0 18px;
color:#7F6C4D;
}

#catList li{
list-style-image:url(../images/bullet.gif);
line-height:20px;
}

#floatLeft{float:left;}
.floatRight{float:right;}

#rightSide{float:right; width:148px; margin-top:-30px;}
#galleryBtn{
float:right;
}

#tutorialBtn{
float:right;
margin:40px 10px 0 0;
}

/*Footer*/

#footer{
margin:0 auto;
width:640px;
text-align:left;
clear:both;
}

#footer img{
margin:20px 0 0 0;
padding:10px;
}

#footer p{
clear:both;
border-top:1px solid #222;
padding-top:10px;
color:#3B3B3B;
}


/*------------------------- Subpage --------------------------*/

/*----- Navigation -----2*/
#nav2{
margin:0 auto;
width:760px;
height:80px;
background:url(../images/bg_nav2.gif) no-repeat;
}

#nav2 ul{
padding:6px 0 0 0;
list-style-image:none;
}

#nav2 li{
display:inline;
letter-spacing:1px;
}

#nav2 a{
padding:14px;
font:12px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#547090;
}

#nav2 a:hover{color:#949EB4;}

/*Navigation2 Tabs*/

span#galleryTab a{
background:url(../images/ov_gallery.gif) no-repeat center;
color:#fff;
text-align:center;
}

span#bioTab a{
background:url(../images/ov_bio.gif) no-repeat center;
color:#fff;
text-align:center;
}

span#workTab a{
background:url(../images/ov_workshop.gif) no-repeat center;
color:#fff;
text-align:center;
}

span#linksTab a{
background:url(../images/ov_links.gif) no-repeat center;
color:#fff;
text-align:center;
}

span#contactTab a{
background:url(../images/ov_contact.gif) no-repeat center;
color:#fff;
text-align:center;
}

#subpageTop{
width:760px;
background:url(../images/bg_sub_body_sm.gif) repeat-x;
}

#subpageTop p{margin:10px 0;}

#subTitle{
border-bottom:1px solid #282828;
padding:0 0 4px 0;
width:682px;
height:34px; 
margin:0 auto;
text-align:right;
}

#subTitle img{float:left; margin:0 0 0 26px;}

#subContent{
width:620px;
background:#000;
border:1px solid #282828;
padding:30px;
margin:20px auto;
text-align:left;
}
#subContent p span a{position:relative; top:-46px; left:530px; color:#547090;}

#breadcrumb{width:644px; margin:0 auto; text-align:left; padding:20px 10px 0 28px;}
#breadcrumb span{color:#547090;}
#breadcrumb span a{padding:0 4px; font-size:11px; font-weight:bold; text-decoration:none;}
#breadcrumb span a:hover{text-decoration:underline;}
#breadcrumb span a.selected{color:#949EB4;}

h3{font:18px Georgia, "Times New Roman", Times, serif; margin:10px 0 20px 0; color:#7F6C4D; font-weight:normal;}
h4{font-weight:normal;
font:22px Georgia, "Times New Roman", Times, serif;
margin:10px 0;
color:#897554;
padding:0 0 6px 0;
border-bottom:1px solid #222;
width:100%;
}

h4 span{font-size:18px; color:#8C96AA;}

#subContent p{
font-size:12px;
color:#9398A3;
line-height:17px;
width:390px;
padding:6px 0;
}

#subImg{
width:160px;
height:500px;
float:right;
margin-top:-50px;
}

#subImg2{
width:160px;
height:381px;
float:right;
margin-top:-50px;
}

/*------------------------- Gallery --------------------------*/


.categoryThumbs{background:url(../images/new.gif) no-repeat -10 -10;
width:188px;
height:120px;
float:left;
margin:14px 9px;
}

.categoryThumbs2{
width:128px;
height:100px;
float:left;
border:4px solid #2E2E2E;
background:#000;
margin:14px 9px;
}

.categoryThumbs3{
width:128px;
height:100px;
float:left;
border:4px solid #111;
background:#000;
margin:14px 9px;
}

a:hover .categoryThumbs2 {
border:4px solid #444;
}

/*Butterflies*/
.butterflies{
width:180px;
height:160px;
float:left;
background:#000;
margin:14px 12px;
}

/*form*/
#categories{
width:160px;
float:right;
display:inline;
margin:6px 0 0 0;
border:1px solid #444;
background:#111;
color:#999;
padding:0 0 0 4px;
font:11px/20px Arial, Helvetica, sans-serif;
}


/*Styles*/
.catdark{color:#83632D; font-size:11px;}
.dates, .links, .contact{color:#996600; display:block; font-weight:bold;}
.workpara, .linkbot{border-bottom:1px solid #222; padding-bottom:12px;}


/*All Pages - Base Links*/
a{color:#485F7A; text-decoration:underline; font-size:11px; font:Trebuchet, Arial, Helvetica;}
a:hover{color:#949EB4; text-decoration:underline;}

.tutImgs{margin:20px 0 30px 10px;}