/***** universal settings ************/

* {padding:0;margin:0;}
a {outline:none;}

/****** re-defined tag settings *******/

body {
color:#666;
background:#fff url(images/strip.jpg);
background-position:top left;
background-repeat:repeat-x;
font-family:'verdana',arial,helvetica,sans-serif;
font-weight:normal;
font-size:1em;
text-align:left;
}

/******* container ******/

#container {
margin-top:20px;
width:940px;
margin: 0 auto;
display:block;
}

#header {
background-repeat:no-repeat;
display:block;
}
#header .image {
margin-top:20px;
float:right;
}

h1, h1 a, h1 a:link, h1 a:hover {
font-size:1em;
padding-top:100px;
font-weight:normal;
color:#ec2892;
padding-bottom:3px;
border-bottom:1px solid #ddd;
}
h1 span, h1 span a, h1 span a:link, hi span a:hover {
color: #ccc;
font-weight:normal;
}

/**** main nav menu ****/

#menu {float:left;}

#menu ul{
width:100%;

}
#menu ul li {
margin-right:5px;
list-style-type: none;
display: inline;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
#menu ul li a{
color: #666;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
.current {
color:#ec2892;
font-size:0.9em;
letter-spacing:0.1em;
text-decoration:none;
}
#menu ul li a:link{}
#menu ul li a:visited{}
#menu ul li a:hover{color: #ec2892;}
#menu ul li a:active{}

/**** sub menu nav ******/

#submenu {float:left;}

#submenu ul{width:100%;}

#submenu ul li {
margin-right:5px;
list-style-type: none;
display: inline;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
#submenu ul li a{
color: #666;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
.current2 {
color:#ec2892;
font-size:0.9em;
letter-spacing:0.1em;
text-decoration:none;
}
#submenu ul li a:link{}
#submenu ul li a:visited{}
#submenu ul li a:hover{color: #ec2892;}
#submenu ul li a:active{}

/***** style content ******/

p {margin-top:5px;font-size:0.7em;}
a, a:link, a:visited, a:active {text-decoration:none;color:#ec2892;}
a:hover {color:#333;}

h2 {
color: #ec2892;
font-size: 1em;
font-weight:normal;
}

#about {
margin:100px 0 0 0px;
width:500px;
}

#about .pic {
float:left;
margin:10px 10px 10px 0;
}

#life {
margin:100px 0 0 0px;
width:900px;
}

.clear {clear: both;}
a img {border:none;text-decoration: none;}
img a:hover {border:none;text-decoration: none;}

/************ flickr ****************/

.flick {
	width:inherit;
	display:inline;
	text-align:left;
	padding:0;
	margin:0;
}

.flick a img, .flick img {
	text-align:left;
	display:inline;
	border:none;
	margin:10px 10px 10px 0;
	padding:3px;
	text-decoration:none;
}

/*** gallery ****/

.gallerycontainer{
margin-top:100px;
position: relative;
min-height:200px;
}

.thumbnail img{
border:none;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:none;
}

.thumbnail span{ 
position:absolute;
background-color:#fff;
left:-1000px;
border:none;
visibility:hidden;
color:gray;
font-size:0.8em;
text-decoration:none;
white-space:nowrap;
}

.thumbnail span img{ border-width: 0;}

.thumbnail:hover span{ 
visibility: visible;
top:0;
left:370px;
z-index: 50;
text-decoration:none;
}

/***************** the form **********************/

form {
background:#fff;
text-align:left;
width:410px;
padding:10px;
margin:15px 0 0 0;
border:1px solid #ccc;
}

input, textarea {background:#eee;padding:2px;color:#ec2892;}
textarea {border:1px solid #ccc;margin:0 0 0 20px;}

p.form {margin:20px 0 10px 20px;}
p.msg {margin:0 0 10px 20px;}

.textname, .textemail {width:250px;border:1px solid #ccc;}
.textname {margin:0 0 0 15px;}
.textemail {margin:0 0 0 17px;}

.submit {
letter-spacing:2px;
margin:5px 0 0 0;
width:100px;
border:1px solid #ec2892;
background: #fff;
color:#ec2892;
}
.submit:hover {
border:1px solid #ec2892;
background:#ec2892;
color:#fff;
}