/* - - - - - - - - - - - - - - - - - - - - -

Title : Bela Petheo Website StyleSheet
Author : David May / Thelen Advertising
URL : www.belapetheo.com

Description : Artist's Online Presence

Created : 08/08/05
Modified : 08/08/05

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	
html{
}	
body{
background: #900;
font: small Georgia,serif;
}

/* ----- IDS ----- */

#container{
background: #900;
width: 760px;
\width: 780px;
w\idth: 760px;
border: 0;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#container img {
text-align: center;
}

#bow img {
border: 3px outset #d8d479;
}

#primaryContent{
padding: 10px;
text-align: center;
}

#primaryContent img{
border: 3px outset #d8d479;
}

#secondaryContent{
width: 60%;
margin-left: 30px;
margin-bottom: 40px;
color: white;
}	
#navigation{
padding-top: 20px;
background: #900;
}	
#footer{
border-top: 1px solid #d8d479;
color: #fff;
font: x-small Georgia,serif;
clear: both;
text-align: center;
}

#goright{
float: right;
width: 26%;
margin-right: 30px;
margin-top: 20px;
color: #d8d479;
font: small serif;
}

/* ---BODY OF WORK SECTION ---- */
div.thumb {
	width: 180px;
	height: 180px;
	margin: 3px;
	border: 0;
	height: 250px;
	float: left;
	text-align: center;
	}	
.thumb img{
	display: inline;
	margin: 5px;
	border: 3px outset #d8d479;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
	text-align: center;
  font-weight: normal;
  width: 100%;
  margin: 0 3px 3px 3px;
  }
.bow_spacer{
clear: both;
height: 2px;
width: 760px;
}

#bow_comments{
width: 760px;
color: white;
text-align: center;
font-style: italic;
font-size: 11px;

}


/* ----- CLASSES ----- */

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
font-size: 1.7em;
font-weight: bold;
font-family: Georgia,serif;
color: #d8d479;
font-style: italic;
}
h2{
color: #fff;
font-size: 2em;
}
h3{
}
h4{
}

/* ----- PARAGRAPHS ----- */

p{
font: small Georgia,serif;
}
#primaryContent p{
font: 1.2em Georgia,serif;
line-height: 1.5em;
}

#goright img {
border: 3px outset #d8d479;
}

#secondaryContent p{
font: 1.2em Georgia,serif;
line-height: 1.5em;
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
  border-bottom: 1px solid #d8d479;font-size: 1.2em;font-weight: bold;
  text-align: center;white-space: nowrap}

ul#minitabs li{display: inline;margin: 0 2px}

ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #900;color: #999}

ul#minitabs a#current{border-color: #F60;color: #fff}

ul#minitabs a:hover{border-color: #F60;color: #d8d479}

ul#secondaryContent{list-style: circle; font: small serif;}

ul#secondaryContent li{ line-height: 1.5em; }

/* ----- IMAGES ----- */

img{
}
img a{
text-decoration: none;
}
img a:hover{
text-decoration: none;
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{ color: #d8d479; text-decoration: underline; }
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
width: 740px;
}

table.main img{
width: 138px;
height: 140px;
}

caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
vertical-align: top;
}

td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}