/* Tricks Without Treats SEO Project 2009 */
/* MASTER TEMPLATE v1.0 */
/* twtstyle01.css */

/* 29 SEPT 2009 */
/* JR Schmidt */

/* This document validates as CSS level 2.1 */

/* *** *** PART ONE - MAIN STRUCTURE & DEFAULTS  *** *** */

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

body {background-color:#CCFFCC;}

body {font-size:100%; font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;}

.page {width:1000px; min-height:800px; position:absolute; left:50%;margin-left:-500px; background-color:#AADDAA; border-left:solid 15px #FF9900; border-right:solid 15px #0099FF;}

/* mac hide \*/
* html #outer{height:800px}
/* end hide */

a { text-decoration: none; }

a:link {color:inherit; text-decoration:none;}
a:visited {color:inherit; text-decoration:none;}



/* *** *** PART TWO - MAIN FONTS & TEXT  *** *** */

h1 {font-size:2.4em; text-align:center;}

h3 {clear:both; padding:1.2em 30px 0 30px; margin:0; color:#0099FF;}

h1.page_title {width:70%; margin-left:12%; font-size:2em; font-weight:bold; font-variant:small-caps; font-style:italic; color:#003399; text-align:center; padding-bottom:10px;}

.content h3 {padding-bottom:5px;}

.content p {font-size:1em; line-height:1.4; padding:0 30px; margin:1em 0;}

.content li {margin-left:60px;}

p {font-size:.8em; margin:1.0em .4em .6em .4em;}


/* *** *** PART THREE - HEADER  *** *** */

.header {width:1000px; border:solid black 1px;}

.title_left {width:59%; float:left;}

img#twt_img {float:left; margin-left:30px;}
img#twt_img_home {float:left; margin-left:30px; padding-top:30px;}

h2.url {font-size:1.6em; color:#0099FF;}
h2.url a:visited {color:#0099FF;}
#urlx {display:block; float:left; width:auto; padding-bottom:8px;}

h2#socal {font-size:.8em; color:#666666;}

img#header_icon {float:left; padding:0 15px; }

.title_right {width:40%; float:left; text-align:center;}

h2#pshow {color:white; font-size:2.4em; font-weight:bold;}
h2#pshow {font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;}

h2#sr {color:white; font-size:1.6em; font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;}

h2#pfrb {color:#FF3300; font-size:1em;  padding-top:10px; font-style:italic;}
span#fe {font-style:normal; font-size:.8em; color:black;}

.topbar {width:400px; float:right; padding-top:5px;}

.bird_line {float:left; width:970px; border:solid 3px black; text-align:center; margin:10px 0 10px 10px;}

.bird_line a:link {color:black; text-decoration:none;}
.bird_line a:visited {color:black; text-decoration:none;}
.bird_line a:hover {color:black; text-decoration:none;}
.bird_line a:active {color:black; text-decoration:none;}

.bs {display:inline; padding:0 5px; text-align:right; font-style:italic; font-size:1.4em; font-variant:small-caps;}

.trail {text-align:center; color:#FF9900; font-size:1.2em; font-weight:bold; margin:0; padding:0;}
.trail p {margin-top:2px;}
.trail span {font-size:.8em; font-weight:bold;}
.trail a {text-decoration: underline;}
.trail a:link {color:inherit;}
.trail a:visited {color:inherit;}
.trail a:hover {color:white;}
.trail a:active {color:white;}
span#home {color:black; font-style:italic;}
span#t2 {color:blue; font-style:italic;}
span#this_page {color:red; font-size:.8em; font-weight:bold; font-variant:small-caps; border-top:solid 2px white; border-bottom:solid 2px white;}


/* *** *** PART  FOUR - SIDE BOX *** *** */

.side_box {float:right; width:30%; margin:1em 8px; padding:0.4em; border:6px solid #669933;background-color:#DDDDBB; }

.side_box {color:#0099FF; font-size:.8em; font-style:italic; font-weight:bold; line-height:1.6}


/* *** *** PART FIVE - FOOTER *** *** */

.bottom_nav {clear: both; font-size:.9em; text-align:center; padding-top:20px;}

.bottom_nav a {color:green; font-weight:bold;}

.bottom_nav a:visited {color:green; font-weight:bold;}
.bottom_nav a:hover {color:black; font-weight:bold;}

p#bottom_callout {color:red; font-size:1em; font-weight:bold; text-align:center;}

p#bottom_email {color:black; font-size:0.8em; font-weight:bold; font-style:italic; text-align:center;}

.footer {text-align:center;}

.footer p {display:inline; font-size:.7em; padding:0 10px 20px 0;}

.w3 {position:absolute; left:0; bottom:30px; width:60px;}

#bottom {}


/* *** *** PART SIX - PHOTO/VIDEO PAGES *** *** */

.photo_menu {padding:10px 0 0 120px; margin-top:10px; margin-bottom:20px; border-top: solid 4px #669933; border-bottom: solid 4px #669933; height:120px;}

.pm {width:122px; float:left; text-align:center;}

a.pm_text {color:#0099FF; background-color:white; font-size:.7em; font-weight:bold; text-decoration: underline;}
a.pm_text:visited {color:#0099FF;}
a.pm_text:hover {color:red;}

.video_box {float:left; width:340px; background-color:#DDDDBB; border:6px solid #669933; padding:10px 0 10px 20px; margin:20px 30px;}

#vmenu {float:left; width:500px; padding-top:38px;}

.video h3 {color:#003399; font-size:1.2em; font-style:italic; text-align:center; padding:0 0 6px 0; margin:0;}
.video h3 {font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;}

.video_box h3{color:#FF3300;}

.vidx {float:left; width:190px; padding:30px;}

h3.vid {color:black; font-size:1em;}

.vidx img {margin-left:35px;}


/* *** *** PART SEVEN - INDIVIDUAL PAGE ADJUSTMENTS *** *** */

/* about-steve page */

#sr {padding-left:50px;}


/* meet the birds page */

.birds {float:left; width:auto; padding-left:100px;}

.letter {float:right; width:44%; margin:1em 8px; padding:0.4em; border:6px solid #669933;background-color:#DDDDBB; }

.letter {color:#0099FF; font-size:.8em; font-style:italic; font-weight:bold; line-height:1.6}

.p200 {float:left; width:200px; background-color:#DDDDBB; border:6px solid #0099FF; margin:1em 15px; padding:10px 0 10px 50px;}

.p150 {padding-left:60px;}


/* flying ring bearer page */

div#frb_bar_box {float:none; width:530px; padding-left:60px;}

/* 4 B-series photos in a row*/
/*Just like .topbar, but with an extra photo added */
div.frb_bar {width:auto; float:none; padding-top:5px;padding-left:10px;}

h3#frb {color:red; font-style:italic;}

img.f200 {float:none; width:200px; background-color:#DDDDBB; border:6px solid #0099FF; margin:1em 15px; padding:10px;}

div#frb_left {width:290px; float:left;}

div#frb_right {width:640px; float:left;}

/* 404 error page */

#top404 {width:80%; padding-left:200px; padding-top:20px; padding-bottom:40px;}

#top404 span#urlx {float:none; width:auto; margin-left:100px;}

#bar404 {padding-bottom:40px;}

img#icon404 {float:left; padding-left:34px;}

h1#title404 {text-align:center; font-size:2em; font-weight:bold; font-variant:small-caps; font-style:italic; color:#003399; padding-bottom:30px;}

#content404 {padding-left:200px; font-size:inherit;}

#content404 p {font-size:1.2em;}

#content404 ul {line-height:2;}

a.a404 {color:red; font-weight:bold;}

a.a404:link {text-decoration:underline;}
a.a404:visited {color:red; text-decoration:underline;}
a.a404:hover {color:black; text-decoration:none;}
a.a404:active {color:black; text-decoration:none;}

/* *** *** PART EIGHT - DROP MENU *** *** */

.menu_holder {position:absolute; top:150px; left:186px; padding:10px 0; border-top:solid 3px #669933; border-bottom:solid 3px #669933;}

.dropmenu {width:auto; float:left; font-size:.9em;  background-color:#CCFFCC; border-top:1px solid green; border-bottom:1px solid green;}

.dropmenu a:hover {color:red; background-color:#FFFFFF;}

.dropmenu ul li {float:left; width:auto; position:relative; list-style-type:none; border-right:1px solid black; margin:0;}

.dropmenu ul li:first-child {border-left:1px solid black;}

.dropmenu ul li:hover {color:green; background-color:#CCCCCC;}

.dropmenu ul li ul {position:absolute; display:none; left:-1px; margin:0;}

.dropmenu ul li:hover ul {display:block;}

.dropmenu ul li ul:hover {display:block;}

.dropmenu ul li ul li {width:100%; background-color:#CCFFCC; border-left:1px solid black; border-bottom:1px solid black; border-right:1px solid black;}

.dropmenu ul li ul li:first-child {border-top:1px solid black;}

.dropmenu a {display:block; text-decoration:none; padding:0 6px; color:black;}

.dropmenu ul li ul li {font-size:inherit;}

/* end of drop menu styles */


/* END OF STYLESHEET */