/*==========================================
	TheCameraDoesntLie Stylesheet
	 www.thecameradoesntlie.com
		--------------

	  Style site-wide elements
==========================================*/

body{
background-color:#0099FF;
padding:0;
margin:0 auto;
}

#wrapper {
width:1000px;
margin:auto;
background-color:#3c7ef0;
}

p {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:90%;
padding:0px 30px 0px 15px;
margin-bottom:0px;
text-align:justify;
}

h1 {
font-size:26px;
font-weight:bolder;
text-align:center;
font-style:italic;
color:#FFFFFF;
padding-top:0px;
margin-top:10px;
margin-bottom:-1px;
}

h1 a img {
border:0;
}

h2 {
font-size:110%;
font-weight:bolder;
text-align:center;
color:#FFFFFF;
padding-top:0px;
}

h3 {
font-size:150%;
font-weight:bold;
text-align:center;
color:#FFFFFF;
}

a {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color:#0000FF;
}

a:visited {
color:#000099;
}

#footer {
border-top-color:#FFFFFF;
border-top-width:medium;
border-top-style:double;
width:950px;
margin:0 auto;
padding:5px 0 15px 0;
}

#footer p{
font-size:0.8em;
color:#0000FF;
text-align:right;
}

#footer a{
color:#0000FF;
}

.separatorInvisible {
clear:both;
height:0px;
}
/*A special separator used to overcome some IE glitches*/
.separatorInvisibleIE {
clear:both;
height:0px;
}

.hr {
background-color:#FFFFFF;
height:2px;
width:100%;
}

.hr_sm {
background-color:#FFFFFF;
height:1px;
width:100%;
margin-top:3px;
margin-bottom:3px;
}

/*=========================================
		Styling Main Nav Elements
==========================================*/

#masthead {
background-image:url(images/header.jpg);
background-repeat:no-repeat;
height:117px;
padding:0;
margin:0;
}

#masthead ul{
list-style-type:none;
position:relative;
margin:0;
padding:0;
width:1000px;
}

#main_nav {
list-style-type:none;
margin:0;
padding:0;
padding-top:90px;
}

#main_nav li {
float:left;
background-image:url(images/nav_bar.gif);
background-repeat:repeat-x;
}

#main_nav li a {
text-indent: -999999px;
overflow:hidden;
display:block;
height: 27px;
} 

#home { background: url(images/home.gif); width:91px; height:27px; }
#home:hover { background: url(images/home.gif) 0 0 !important; }
#main_nav:hover a#home { background-position: 0 -54px; }
#home.active { background: url(images/home.gif) 0 -27px; }

#photos { background: url(images/photos.gif); width: 86px; height:27px; }
#photos:hover { background: url(images/photos.gif) 0 0 !important; }
#main_nav:hover a#photos { background-position: 0 -54px; }
#photos.active { background: url(images/photos.gif) 0 -27px; }

#slideshow { background: url(images/slideshow.gif); width:113px; height:27px; }
#slideshow:hover { background: url(images/slideshow.gif) 0 0 !important; }
#main_nav:hover a#slideshow { background-position: 0 -54px; }
#slideshow.active { background: url(images/slideshow.gif) 0 -27px; }

#videos { background: url(images/videos.gif); width: 97px; height:27px; }
#videos:hover { background: url(images/videos.gif) 0 0 !important; }
#main_nav:hover a#videos { background-position: 0 -54px; }
#videos.active { background: url(images/videos.gif) 0 -27px; }

#travels { background: url(images/travelling.gif); width:89px; height:27px; }
#travels:hover { background: url(images/travelling.gif) 0 0 !important; }
#main_nav:hover a#travels { background-position: 0 -54px; }
#travels.active { background: url(images/travelling.gif) 0 -27px; }

#thelist { background: url(images/thelist.gif); width:121px; height:27px; }
#thelist:hover { background: url(images/thelist.gif) 0 0 !important; }
#main_nav:hover a#thelist { background-position: 0 -54px; }
#thelist.active { background: url(images/thelist.gif) 0 -27px; }

#guestbook { background: url(images/guestbook.gif); width:120px; height:27px; }
#guestbook:hover { background: url(images/guestbook.gif) 0 0 !important; }
#main_nav:hover a#guestbook { background-position: 0 -54px; }
#guestbook.active { background: url(images/guestbook.gif) 0 -27px; }

#contact { background: url(images/michaeljlove.png); width:220px; height:27px; }
#contact:hover { background: url(images/michaeljlove.png) 0 0 !important; }
#main_nav:hover a#contact { background-position: 0 -54px; }
#contact.active { background: url(images/michaeljlove.png) 0 -27px; }

#designbymilo { background: url(images/designbymilo.gif); width:124px; height:27px; }
#designbymilo:hover { background: url(images/designbymilo.gif) 0 0 !important; }
#main_nav:hover a#designbymilo { background-position: 0 -54px; }
#designbymilo.active { background: url(images/designbymilo.gif) 0 -27px; }

.bottom_nav {
padding-bottom:5px;
border-top:#FFFFFF thin solid;
}

.bottom_nav p {
text-align:center;
}

/*=========================================
		Styling Home Page Elements
==========================================*/

.boxout {
float:right;
background-color:#FFF;
border:none;
width:380px;
padding:10px 0px;
margin: 10px;
text-align:center;
color:
}

.boxout img {
border:0px;
}

.boxout div {
margin:auto;
}

.boxout p {
font-size:85%;
text-align:center;
font-weight:bold;
color:#03F;
}

#latest {
float:left;
width:582px;
text-align:center;
}

#latest div {
float:left;
padding:0px;
width:194px;
text-align:center;
}

#latest div img {
border:none;
}

#latest div a {
text-decoration:none;
}

#latest div a:hover {
text-decoration:underline;
}

.latest_vid_tag {
height:20px;
position:relative;
bottom:65px;
}

/*=========================================
		Styling Albums Page Elements
==========================================*/

.galleries {
width:1000px;
min-height:100px;
}

.header {
width:100%;
border-bottom:#FFFFFF thin solid;
}

.header a {
padding-bottom:5px;
font-size:130%;
font-weight:bolder;
text-align:center;
color:#FFFFFF;
padding-top:0px;
margin-top:10px;
margin-bottom:-1px;
}

.albums {
width:980px;
margin:0px auto;
padding:0px;
padding-left:20px;
float:left;
}

.albums div img {
border:none;
}

.albums div p {
text-align:center;
margin:0px;
padding-top:5px;
}

.toggle p {
padding-top:0px;
margin-top:0px;
}
/*=========================================
		Styling Photo Album Pages
==========================================*/

.pages {
height:0px;
padding-top:5px;
padding-right:5px;
color:#FFFFFF;
float:right;
}

.pages a img {
border:none;
}

.pagesbottom {
height:15px;
padding:0px;
padding-right:5px;
margin-top:-35px;
color:#FFFFFF;
float:right;
}

.thumbnails {
padding:10px 0px; 
margin:auto;
text-align:center;
width:1000px;
border-top:#FFFFFF thin solid;
}

.thumbnails div {
border:none;
}

.thumbnails img {
border:none;
}

.photo_row {
width:990px;
padding:10px 0px;
clear:both;
margin:0px auto;
}

.thumb {
width: 125px;
float:left;
text-align:center;
padding-left:15px;
}

.thumb img {
border:0px;
}

.thumb a {
text-decoration:none;
}

.thumbnails a:visited img {
border-color:#FFFFFF;
}

.thumbnails a:hover img {
border-color:#FFFFFF;
}

#intro {
width:980px;
padding-bottom:10px;
padding-top:0px;
}

#gall_name {
padding:0px 5px;
width:270px;
float:left;
}

#gall_name h1 {
padding-top:-10px;
font-size: 26px;
text-align:center;
}

#gall_desc {
padding:0px;
margin:0px;
text-align:right;
float:right;
width:700px;
padding-bottom:10px;
}

#gall_desc p {
padding-right:0px;
}

#photos_return {
margin:auto;
padding-bottom:5px;
text-align:center;
border-top:#FFFFFF solid thin;
}

#photos_return img {
border:none;
}

#photo_content {
text-align:center;
width:950px;
float:left;
padding:12px 0px;
}

#caption {
border:solid #FFFFFF thin;
margin:auto 10px;
padding:0px;
width:300px;
float:left;
}

#caption p {
padding: 0px 15px 7px 15px;
}

#bottom_photos {
width:900px;
margin:0 auto;
text-align:center;
padding-top:10px;
}

#bottom_photos img {
border:none;
}

.vthumbnails {
margin:auto;
float:left;
width:900px;
margin-left:50px;
text-align:center;
}

.vthumbnails img {
margin:10px;
border:none;
}
/*========================================
		Slideshow Styling
=========================================*/

#ss_content {
padding-left:10px;
}

#ss_content h1 {
font-size:20px;
}

#ss_content h2 {
font-size:14px;
}

#content {
text-align:center;
width:600px;
height:850px;
float:right;
padding-top:5px;
}

#content img {
border:none;
}

#ss_nav {
list-style-type:none;
margin:0;
padding:0;
padding-left:25px;
height:21px;
width:550px;
}

#ss_nav ul {
list-style-type:none;
position:relative;
margin:0;
padding:0;
width:550px;
}

#ss_nav li {
background-image:url(images/ss_nav_bg.gif);
background-repeat:repeat-x;
float:left;
padding-left:25px;
}

#ss_nav li a {
text-indent:-999999px;
overflow:hidden;
display:block;
height:21px;
}

#ss_start { background: url(images/ss_start.gif); width:35px; }
#ss_start:hover { background: url(images/ss_start.gif) 0 21px; }

#ss_stop { background: url(images/ss_stop.gif); width:48px; }
#ss_stop:hover { background: url(images/ss_stop.gif) 0 21px; }

#ss_prev { background: url(images/ss_prev.gif); width:68px; }
#ss_prev:hover { background: url(images/ss_prev.gif) 0 21px; }

#ss_next { background: url(images/ss_next.gif); width:42px; }
#ss_next:hover { background: url(images/ss_next.gif) 0 21px; }

#ss_gallery { background: url(images/ss_gallery.gif); width:105px; }
#ss_gallery:hover { background: url(images/ss_gallery.gif) 0 21px; }

#ss_video { background: url(images/ss_videos.gif); width:91px; }
#ss_video:hover { background: url(images/ss_videos.gif) 0 21px; }

#ss_videos { background: url(images/ss_videos.gif); width:97px; }
#ss_videos:hover { background: url(images/ss_videos.gif) 0 21px; }

#ss_panel {
width:390px;
float:left;
margin:auto;
padding-top:5px;
}

#ss_panel p {
text-align:center;
}

#ss_text {
float:right;
color:#FFFFFF;
margin:15px 0px 15px 20px;
padding-top:5px;
padding-bottom:5px;
min-height:100px;
width:390px;
font-size:90%;
border-top:#0000FF thin double;
border-bottom:#0000FF medium double;
}

#ss_text p {
text-align:center;
}

#ss_albums {
margin:auto;
text-align:center;
}

#panel {
width:300px;
}

#panel div {
width:300px;
margin:0 auto;
padding:0px;
float:left;
}

#panel p {
text-align:center;
}

.panel-closed{
display:none;
}

/*========================================
		Videos Styling
=========================================*/

.video_albums {
width:1000px;
}

#video_content {
margin:auto;
text-align:center;
padding-top:15px;
}

#video_player {
float:left;
width:43%;
margin-bottom:40px;
min-height:200px;
}

#video_info p {
text-align:justify;
}

/*========================================
		Travel Styling
=========================================*/

.trav_nav {
list-style-type:none;
margin:0;
padding:10px 0 0 10px;
height:21px;
width:1000px;
}

.trav_nav ul {
list-style-type:none;
position:relative;
margin:auto;
margin-left:20px;
padding:0;
width:950px;
}

.trav_nav li {
background-image:url(images/ss_nav_bg.gif);
background-repeat:repeat-x;
float:left;
width:133px;
}

.trav_nav li a {
display:block;
height:21px;
text-align:center;
}

.blog_choices {
width:800px;
}

/*======================================
		Blog and Guestbook Styling
======================================*/

#weblog {
width:900px;
margin:0 auto;
padding:0;
text-align:center;
}

.entry {
text-align:justify;
padding-bottom:20px;
border-top:double #FFFFFF thick;
}

.entry div {
text-align:justify;
}

.entry p {
padding-left:20px;
}

#book {
text-align:center;
padding-top:30px;
width:900px;
margin:0 auto;
}

#entry_panel {
width:600px;
margin:auto;
padding-top:10px;
}

#entry_details {
width:500px;
float:left;
}

#smilies {
width:100px;
float:right;
padding-top:200px;
}

#smilies div {
float:left;
width:30px;
height:30px;
}

#smilies div img {
border:0;
}

/*======================================
		Guestbook Only Styling
======================================*/

.gb_entry {
width:950px;
margin-left:25px;
float:left;
min-height:80px;
}

.gb_entry img {
border:0px;
}

.gb_entry_no {
font-size:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0066FF;
width:2px;
height:2px;
overflow:visible;
}

.nameplace {
width:250px;
min-height:20px;
}

.gb_message {
margin-left:280px;
margin-bottom:20px;
width:620px;
min-height:80px;
}

/*======================================
	Guestbook Add Entry Form Styling
======================================*/

#gb_form {
padding-left:180px;
}

.label {
float:left;
width: 210px;
}

.label p {
margin: 0px;
margin-bottom:10px;
}

#smileys {
width:150px;
float:left;
padding-left:20px;
}

#smileys div {
float:left;
}

.smileys img {
border:0;
padding:0px;
}