@charset "utf-8";
/* main.css -- judge lynn */

html {
	background: #036 url('images/background.png') top center repeat-y;
	padding: 0;	margin: 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 0.875em; /*default size set to 14px*/
	color: #000;
}

body {
	width: 900px;
	background: transparent;
	padding: 0; margin: 0px auto 0px auto;
	position: relative;
}

h1, h2 {color: #069;}
h3 {color: #099;}
p {font-size: 0.857em} /* 12/14=0.875em */

a {text-decoration: none;}
a, a:link, a:visited {color: blue;}
a:hover {color: #000; text-decoration: underline;}

img {border: none;}

/***** TITLEBAR *****/
#titlebar {
	height: 150px;
	position: relative;
	background: transparent url('images/titlebar2.png') 0px -36px no-repeat;
}

#titlebar h1 a {
	display: block;
	height: 150px; width: 100%;
	padding: 0; margin: 0;
}

.title-text {
	position: absolute;
	top: 35px; left: 150px;
	font-size: 2em;
	font-family: Times;
}
.title-com {color: #036 !important;}


#titlebar p.wisdom {
	position: absolute; top: 30px; left: 110px;
	font-family: georgia; font-style: italic;
}

#flyingad {position: absolute; left:570px;}
 
/***** MAINMENU *****/
#mainmenu {
	background: #036 url('images/mainmenu-lynn2.png') -9px 0 no-repeat;
	padding: 0; margin: 0 0 0 9px;
	height: 2em;
	width: 1090px;
	position: relative;
}

#mainmenu ul {
	position: absolute; 
	top: 5px; left: 160px;
	list-style-type: none;
	padding: 0; margin: 0;
}

#mainmenu li {
	display: inline; float: left;
	font-size: 0.9em;
	border-right: 2px solid #666;
	padding: 0 2px;
}

#mainmenu a {margin: 0; padding: 2px 5px;}

#mainmenu ul a {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold;}
#mainmenu a:hover {color: #099;}
.currentpage {background: #099 !important;}
a.currentpage:hover {color: #fff !important;}

/********** COLUMN SIZES ************/
/*** 100 ***/
/* only used on pages when combined with other sizes */
.onehundred {
	width: 900px;
	padding: 0; margin: 0;
	float: left;
}

/*** 50/50 ***/
.fifty {
	width: 450px;
	padding: 0; margin: 0;
}

/*** 66/33 ***/
.twothird {
	width: 575px;
	padding: 0; margin: 0;
	float: left;
}
.onethird {
	width: 325px;
	padding: 0; margin: 0;
	float: right;	
}
/* for about pages - reverse thirds */
.rev1third {float: left; width: 325px; padding: 0; margin: 0;}
.rev2third {float: right; width: 575px; padding: 0; margin: 0;}

/********** BOX SIZES ************/
.main-33 > *:first-child,
.main-33b > *:first-child,
.main-50 > *:first-child,
.main-66 > *:first-child,
.main-orange > *:first-child,
.main-100 > *:first-child 
{margin-top: 0;} /* this line makes the rounded top flush with whatever follows */

p.end {clear: both; margin: 0; height: 0;} /* required to close the bottom, and both top and bottom on blog pages */

/* .main-50 * {margin: 0;}  -- this is the old 'n ugly way - might have to use it for old browsers */

/*** 100% ***/
.top-100, .bot-100 {
	display: block;
	height: 35px;
	padding: 0; margin: 0;
}
.top-100 {background: url('images/100-top.png') top left no-repeat;}
.bot-100 {background: url('images/100-bot.png') top left no-repeat;}
.main-100 {background: url('images/100-main.png') top left repeat-y; padding: 0 25px; margin: 0;} 

/*** all other sizes ***/
.top-50, .bot-50,
.top-orange, .bot-orange,
.top-33b, .bot-33b,
.top-66, .bot-66, 
.top-33, .bot-33 {
	display: block;
	height: 30px;
	padding: 0; margin: 0;
}

/*** 50% ***/
.top-50 {background: url('images/50-top.png') top left no-repeat;}
.bot-50 {background: url('images/50-bot.png') top left no-repeat;}
.main-50 {background: url('images/50-main.png') top left repeat-y; padding: 0 25px; margin: 0;} 

/*** 66% ***/
.top-66 {background: url('images/66-top.png') top left no-repeat;}
.bot-66 {background: url('images/66-bot.png') top left no-repeat;}
.main-66 {background: url('images/66-main.png') top left repeat-y; padding: 0 25px; margin: 0;} 

/*** 33% ***/
.top-33 {background: url('images/33-top.png') top left no-repeat;}
.bot-33 {background: url('images/33-bot.png') top left no-repeat;}
.main-33 {background: url('images/33-main.png') top left repeat-y; padding: 0 25px; margin: 0;} 

/*** 33% blue ***/
.top-33b {background: url('images/33b-top.png') top left no-repeat;}
.bot-33b {background: url('images/33b-bot.png') top left no-repeat;}
.main-33b {background: url('images/33b-main.png') top left repeat-y; padding: 0 25px; margin: 0;} 

/*** orange ***/
.top-orange {background: url('images/orangebox-top.png') top left no-repeat;}
.bot-orange {background: url('images/orangebox-bot.png') top left no-repeat;}
.main-orange {background: url('images/orangebox-main.png') top left repeat-y; padding: 0 190px 0 30px; margin: 0;} 

/***** HOME *****/
#home-books, #home-wedlock, #home-blog, #home-video, #home-youtube {
	display: block; float: left;
	width: 450px; height: 399px;
	position: relative;
	margin: 0; padding: 0;
}
#home-books {background: url('images/home-books.png') top left no-repeat;}
#home-wedlock {background: url('images/home-wedordeadbox.png') top left no-repeat;}
#home-blog {background: url('images/home-blog.png') top left no-repeat;}
#home-video {background: url('images/home-video.png') top left no-repeat;}

/* youtube -- change the actual size of the video itself in the embed code */
#home-youtube {
	background: url('images/home-youtubebox.png') top left no-repeat;
	position: relative;
}
#youtubevid {
	position: absolute;
	top: 45px; left: 40px;
}

.blog-entry {
	position: relative;
	top: 90px; left: 35px;
	margin: 0; padding: 0 0 25px 0;
}
.blog-entry * {margin: 0; padding: 0;}
.blog-entry h3 {
	font-style: italic;
	font-size: 1.5em;
	font-family: times, serif;
}

.vidA, .vidB {
	position: absolute;
	display: block;
	width: 170px; height: 125px;
}
.vidA {top: 210px; left: 40px;}
.vidB {top: 210px; left: 235px;}

/* won't need */
#home-wedlock-content {
	position: absolute;
	top: 170px; left: 23px;
	width: 400px; height: 200px;
	margin: 0; padding: 0;
}
table {border-spacing: 0; width: 400px;}
td h3 {margin:0 0 5px 0; padding:0;}
td.t-city, td.t-time {width: 150px;}
tr.even {background: #cff;}
#home-wedlock-content h4 {margin:10px 0 0 0; padding:0; text-align: center;}


#wod-videorow {clear: both;}

/* won't need */
#home-books a {
	position: absolute; display: block;
	left: 0; margin: 0; padding: 0;
	width: 450px;	
}
.home-books-amazon {top: 0; height: 180px;}
.home-books-link {top: 180px; height: 219px;}

#home-keepup {
	display: block; float: left;
	width: 900px; height: 190px;
	position: relative;
	text-align: center;
	margin: 0; padding: 0;
	background: url('images/home-keepup.png') top left no-repeat;
}
#home-newsletter {
	position: absolute;
	top: 28px; left: 25px;
	width: 310px; height: 135px;
	margin: 0; padding: 0;
}
#home-newsletter h2 {margin: 0; padding: 0;}
#home-newsletter h3 {margin: 0.5em; padding: 0;}
#home-keepup a {position: absolute; display: block; margin: 0; padding: 0;}
.home-keepup-blog {top: 0; left: 350px; width: 300px;	height: 190px;}
.home-keepup-facebook {top: 0; left:660px; width: 200px;	height: 60px;}
.home-keepup-myspace {top: 65px; left:660px; width: 200px;	height: 55px;}
.home-keepup-twitter {top: 120px; left:660px; width: 200px;	height: 60px;}

/***** MEET JUDGE LYNN *****/
.fullimage {float: right;}

.athomevid {clear: both; float: left; width: 520px; margin: 0 0 10px 0;}
.athomevid p {width: 210px; margin: 0 5px;}

.smallbox {width: 210px; margin: 5px;}
ul.blue li {color: #069; margin-bottom: 25px;}

/***** DIVORCE COURT *****/
.dc-45 {
	width: 390px; 
	height: 300px;
	background: #036;	
	margin: 0 10px; padding: 5px;
}
.dc-45 div {margin-top: 5px;}
.dc-45 p {color: white;}
.dc-45 h2, .dc-45 h3 {color: #9CC;}

.main-orange {position: relative; color: #069;}

#orangebox-lynn {
	display: block;
	height: 201px; width: 168px;
	position: absolute; bottom: -10px; right: 25px;
	background: transparent url('images/orangebox-lynn.png') top left no-repeat;
}

/***** BLOG *****/
#comment {width: 520px;}
#sidebar ul {list-style-type: none;}
.navigation {padding-bottom: 10px; font-size: 0.8em;}
.entry, .addthis {clear: both;}


/***** IN THE MEDIA *****/
.logo {float: left; margin: 0 5px 5px 0;}
.movie {float: right; margin: 5px 0 0 5px;}

.article {
	padding-left: 25px;
	background: transparent url('images/pdf-green.jpg') 0px 5px no-repeat;
}
.article h3 {margin-bottom: 0;}
.article p {margin-top: 0;}
.article a {color: #069 !important;}

/***** BOOKS *****/
#writingbox {
	position: relative;
	display: block;
	background: url('images/book-writingbox.png') top left no-repeat;
	width: 595px; height: 695px;
}
#writingbox-content {
	position: absolute;
	top: 400px; left: 50px;
	width: 310px;
	color: #036;
}
#writingbox-content p {font-size: 0.9em}

.review {
	border-bottom: 3px dotted white;
	font-style: italic;
	font-size: 1.2em;
	color: #036;
}

/***** GALLERY *****/
#gallery {border: 0; margin: 0; padding: 0;}

/***** SPEAKING *****/
#contactform {
	background: #9CC;
	border: 1px solid #069;
	padding: 0 5px;
}
#contactform h2 {
	color: white; background: #069; 
	width: 100%;
	margin: 0 5px 0 -5px; padding: 0 5px;
}

.c-org {width: 367px;}
.c-event {width: 455px;}
.c-time {width: 243px;}
.c-location {width: 390px;}
.c-size {width: 340px;}
.c-name {width: 170px;}
.c-title {width: 190px;}
.c-phone {width: 195px;}
.c-email {width: 190px;}
.c-address {width: 402px;}

/***** LYNNISMS *****/
.lynnisms {text-align: center;} 
.lynnisms h4 {padding: 7px 0;}
h4.odd {color: #436;}
h4.even {color: #099;}

/****** FAN - KEEP-UP *****/
.fan img {display: block; margin: 0 auto;}

#fan-main {
	background: url('images/fan-mainbox.png') top left no-repeat;
	height: 359px;
	position: relative;
}
#fan-main h1 {position: absolute; top: 10px; left: 20px;}
#fan-newsletter {
	position: absolute; 
	top: 170px; left: 30px;
	width: 400px;
}
#fan-newsletter form {position: relative; left: 100px;}

#fan-keepup {
	display: block; float: left;
	width: 900px; height: 190px;
	position: relative;
	text-align: center;
	margin: 0; padding: 0;
	background: url('images/fan-keepup.png') top left no-repeat;
}
#fan-keepup a {position: absolute; display: block; margin: 0; padding: 0;}
.fan-keepup-blog {width: 500px;	height: 190px;}
.fan-keepup-myspace {top: 0; left:550px; width: 310px;	height: 70px;}
.fan-keepup-facebook {top: 75px; left:550px; width: 310px;	height: 45px;}
.fan-keepup-twitter {top: 120px; left:550px; width: 310px;	height: 60px;}

/***** FOOTER *****/
#footer {
	background: transparent url('images/footer.png') 0 35px no-repeat;
	clear: both;
	margin: 0; padding: 0px 0 20px 0;
	text-align: center;
	height: 188px;
}

#footer ul {
	list-style-type: none;
	padding: 0; margin: 15px auto 5px auto;
}
#footer li {
	display: inline;
	font-size: 1em;
	padding: 0 4px; margin: 0;
}

#footer a {
	color: #666;
	text-decoration: none;
	background: none !important;
}

#footer p {
	text-align: center;
	font-size: 0.8em; color: #666; font-weight: bold;
	padding: 0; margin: 0;
}

/***** CLASSES *****/
.noborder {border: none !important;}
.notop {margin-top: 0;}
.nolink {text-decoration: none;}

.large {font-size: 1.5em;}
.caps {text-transform: uppercase;}

.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.clear {clear: both;}

.textr {text-align: right;}
.center {text-align: center;}

.hidden {
	display: none;
	visibility: hidden;
}

.blue {color: #036;}