/*
Theme Name: Joni Carley Wordpress
Theme URI: http://wordpress.org/
Description: Theme for Dr. Joni Carley: Wisdom at Work/Wisdom in the World
Version: 1.6
Author: Amy Jahnke
Author URI: http://seamstudios.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Amy Jahnke,
	whose blog you will find at http://blog.seamstudios.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Colors 

BEIGE: 		#ede495
ADOBE:	 	#c26d59
BLUE: 		#174a7c
BACKGROUND: #f9f4e9

 */

body {
	margin:0; padding:0;
	background:#FFF; height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.2em;
	}
	
	p {line-height:1.4em;color:#000; font-weight:200;}
	
	li {line-height:1.5em;color:#000;}
	
	h1 {font-size:20px; line-height:1.3em; color:#930; font-weight:200;font-family: Georgia, "Times New Roman", Times, serif; margin-top:10px; }
	h2 {font-size:16px; font-weight:700; color:#174a7c; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; }
	h3 {font-size:14px; font-weight:200; color:#ede495;}

h4 {font-size:14px; font-weight:200; color:#000000; line-height:1.2em;}

	
	hr {height:1px; width:100%; border:0;color:#ede495; background:#ede495; margin:5px 0 !important; margin:5px 0; padding:0;}
	
	.blueIntroText {
		color:#174a7c;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		}
	.blue {
		color:#174a7c;
		}
.white {color:#FFF;}
	.smallDate {font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;}

	h1 a, h1 a:active {text-decoration:none; color:#174a7c;}
	hi a:hover, h1 a:active:hover {text-decoration:none; color:#ede495; }
	
	h2 a, h2 a:active {text-decoration:none; color:#174a7c;}
	h2 a:hover, h2 a:active:hover {text-decoration:none; color:#ede495; }
	
	a, a:active {text-decoration:underline; color:#c26d59;}
	a:hover, a:active:hover {text-decoration:underline; color:#ede495; }
	
	input.button {background-color:#c26d59; color:#FFF; border: 1px solid #c26d59;cursor:pointer; font-size:12px; font-weight:600; }
	input.beigeButton {background-color:#ede495; color:#FFF; border: 1px solid #ede495;cursor:pointer; font-size:12px; font-weight:600; }

	
/* ---------------- Widget LI Fixes ------------------- */

#offerList li {list-style-type:none; color:#FFF; text-align:center;}

.alignright {float:right;}
.alignleft {float:left;}

/* ---------------- Page Structure ------------------- */
	#container {width:960px; margin:0px auto; }
	
	#header {
		width:960px;
		margin:0; padding:0;
		float:left;
		background:url(images/JoniCarley-Masthead.jpg) no-repeat top left;
		height:200px;
		}
		#offer {
			float:left;
			width:230px;
			color:#c26d59;
		//	background:url(images/Offer-Arrow.gif) no-repeat top left;
			padding-top:30px;
			margin-left:10px;
			margin-bottom:10px;
			height:130px;
			overflow:hidden;
			}
			#offer ul {
				list-style-type:none;
				margin:0; padding:0;
				color:#c26d59;
				font-size:9px;
				}
				#offer li {
				text-align:left;
				color:#c26d59;
				
				}
			.clear {clear:both;}
		#mastheadRight {
			float:right;
			width:270px;
			padding-top:70px;
			margin-right:10px;
			}
		#follow {
			float:left;
			width:270px;
			
			text-align: right;
			}
		#search {
			text-align:right;
			width:279px;
			margin: 5px;
			margin-bottom: 20px;
			float: right;
			}
		#search div {
			width:279px;
		}
		#footer p {display: block; width: 400px; margin: 5px;}
			
	#topNav {
		float:left;
		width:960px;
		background: #ede495;
		}
		
	#navlist li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		color:#FFF;
		background:#ede495;
		}
	#navlist a, #navlist a:active {
	                          color:#FFF;
	                         text-decoration:none;
	                         font-weight: bold;
                                }
		#navlist a:hover, #navlist a:active:hover {color:#8e0c3a; }
		
		#navlist li.current_page_item a { font-weight:700;}
	#content {	
		float:left;
		width:960px;
		background:#f9f4e9 url(images/background.gif) repeat-x;
		}
		#leftCol {
			float:left;
			width:0px;
			margin-top:10px;
			margin-left:10px;
			font-size:11px;
			}
			#leftCol hr, #rightCol hr, #rightColHome hr {height:1px; width:100%; border:0;color:#FFF; background:#FFF; margin:5px 0 !important; margin:5px 0; padding:0;}
			#leftColList {
				list-style-type:none;
				margin:0; padding:0;
				}
				#leftCol h2 {font-size:16px; font-weight:200; color:#c26d59; }
		#mainCol {
			float:left;
			width:715px;
			margin:10px;
			}
			.mainWhite {
				background:#FFF;
				padding:5px;
				width:705px;
				float:left;
				}
		#rightCol {
			float:left;
			width:205px;
			margin-top:10px;
			}
			#rightColList {
				list-style-type:none;
				margin:0; padding:0;
				}
#rightColList ul ul {
list-style-type:disc;
margin:0 .5em;
padding:0;
}

	#footer {
		float:left;
		width:960px;
		background:#c26d59;
		border-top:1px solid #FFF;
		color:#FFF;
		}
		#footer p {color:#FFF; padding-left:10px;}
		#footer a, #footer a:active {color:#FFF; text-decoration:none; }
		#footer a:hover, #footer a:active:hover {color:#8e0c3a; }
		
/* HOME PAGE TEMPLATE */


#mainColHome {
			float:left;
			width:715px;
			margin:10px;
			}
			.mainWhiteHome {
				background:#FFF;
				padding:5px;
				width:705px;
				float:left;
				}
		#rightColHome {
			float:left;
			width:205px;
			margin-top:10px;
			}
			#rightColHome .facebook {display:none;}

/* DROPDOWN MENUS */

#suckerfishnav {
    background:#4f75b4;
    font-size:14px;
    font-weight:200;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #f9f4e9;
    margin:0;
    width:100%;
    background:#4f75b4;
    }
#suckerfishnav a {
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:8px 55px 8px 45px;
	font-weight: bold;
	text-align: center;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    background:#4f75b4;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #f9f4e9;
    background:#4f75b4;
    }
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #f9f4e9;
    border-left:1px solid #f9f4e9;
    border-right:1px solid #f9f4e9;
    font-weight:200;
    background:#4f75b4;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
 background:#ede495;
    }
#suckerfishnav li li:hover {
    background:#4f75b4;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#FFF
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#FFF;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
background:#ede495;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ede495;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#4f75b4;
    }
		
/* WORDPRESS-SPECIFIC */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* PLUGIN SPECIFIC */
form.ddpl-form select { width: 200px; }

#suckerfishnav {
	background:#c26d59 none repeat scroll 0 0;
}

.textwidget INPUT {width:140px;}

.titles {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	line-height: normal;
	background-image: url(images/TITLE-BG.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9391be;
	border-right-color: #9391be;
	border-bottom-color: #9391be;
	border-left-color: #9391be;
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.title2 {
	font-size: 18px;
	color: #363871;
	font-weight: bold;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.title4 {
	font-size: 18px;
	color: #363871;
	font-weight: bold;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.underlined-title {
	font-size: 18px;
	color: #363871;
	text-decoration: underline;
	line-height: normal;
}
#dotted {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.pic-left {
	float: left;
	padding-top: 2px;
	padding-right: 5px;
}
.pic-right {
	padding-top: 0px;
	float: right;
	padding-left: 11px;
	margin: 0px;
}

.box1 {	float: left;
	height: 156px;
	width: 195px;
	margin-right: 2px;
}
.tiles {	height: 30px;
	display: block;
	text-align: center;
	padding-top: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #036;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a.bb:hover {
	color:#003366;
	font-size:21px;
	text-decoration:underline;
}
a.bb {
	color:#FFFFFF;
	font-size:21px;
	font-weight:normal;
	line-height:normal;
}

a:hover {
	color:#FF6600;
	font-size:18px;
	font-weight:bold;
	height:18px;
	text-decoration:underline;
}
a {
	color:#993300;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}