/*
Theme Name: Socially Speaking
Description: Based on brown and blue puzzle logo
Version: 1.0
Author: Michelle Esteva
*/

html, body {
	background: #FFFFFF;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: “Century Gothic”, AppleGothic, sans-serif;
	font-size:0.9em;
	text-align:left;
	color:#5E401A;
}

body, h1, h2, h3, h4, h5, h6, blockquote, form { margin:0px; padding:0px; }

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

img { margin:0px; padding:0px; border:none; text-align:center; }

hr { border-left: 0px solid #EFEFEF; border-right: 0px solid #EFEFEF; border-top: 1px dotted #FFF; border-bottom: 0px solid #FFF; height: 1px; margin: 10px auto; }

h2 { color:#87B2D2; }

.clr { clear:both; height:1px; margin:0 0 -1px; overflow:hidden; }

#container { 
	position:relative; 
	width:100%; 
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	margin:0 auto; 
	padding:0; 
}

#header { position:relative; width:1024px; height:90px; margin:0 auto; padding:0; }
.header-logo { 
	background:url(images/Logo.GIF.Medium.gif) no-repeat; 
	position:absolute; 
	top:10px; 
	left:0; 
	width:300px; 
	height:71px;
	margin:0;
	padding:0;
}
.header-nav { position:absolute; bottom:0; width:700px; height:40px; margin-left:290px; padding:0; }

#main { width:1024px; margin:0 auto; padding:0 0 75px; }
.leftCol { float:left; width:290px; margin:0; padding:0; }
.content, .home { 
	width:680px; 
	min-height:650px; 
	margin:0 0 20px 295px; 
	padding:0; 
} 
.home { background:url(images/puzzle1.jpg) top left no-repeat; }
.content { background:url(images/puzzle.gif) top left no-repeat; }
.content-inner { 
	z-index:5;
	top:15px;
	left:15px;
	position:relative;
	background:url(images/F1F6FA-trans95.gif) top left repeat; 
	border:#87B2D2 1px solid; 
	width:620px; 
	margin:0; 
	padding:15px; 
}

#footer {
	position:absolute;
	bottom:0;
	background:#CFE0ED;
	width:100%;
	height:75px;
	margin:10px 0 0;
	padding:0;
}
.footer-main { 
	position:absolute;
	bottom:0;
	background:#87B2D2; 
	width:100%; 
	height:40px;
	padding-top:20px; 
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#CFE0ED; 
}
.footer-main img { padding:0 15px; }
.footer-main a { font-weight:bold; color:#CFE0ED; }
.footer-main p { margin-bottom:0; }

.mainNav {
	margin:0;
	padding:0;
	font-size:14px;
	list-style:none;
}
.mainNav a { display: block; padding-right: 15px; padding-left: 15px; color:#FFF; }
.mainNav li { float:left; background:#87B2D2; margin-right:15px; line-height: 40px; }
.mainNav li ul { position:absolute; width:12em; left:-999em; padding:1px 0 0; list-style:none; }
.mainNav li:hover ul, .mainNav li.sfhover ul { left:auto; z-index:1000; }
.mainNav li ul li { background:#5E401A; border-top: 1px solid #FFFFFF; width: 220px; line-height: 28px; }
.mainNav li:hover, .mainNav li.hover { position: static; }
.mainNav li ul ul { margin: -29px 0 0 12em; }
.mainNav li:hover ul ul, .mainNav li.sfhover ul ul { left: -999em; }
.mainNav li:hover ul, .mainNav li li:hover ul, .mainNav li.sfhover ul, .mainNav li li.sfhover ul { left: auto; }
.mainNav li:hover ul ul, .mainNav li:hover ul ul ul, .mainNav li.sfhover ul ul, .mainNav li.sfhover ul ul ul { left: -999em; }
.mainNav li:hover ul, .mainNav li li:hover ul, .mainNav li li li:hover ul, .mainNav li.sfhover ul, .mainNav li li.sfhover ul, .mainNav li li li.sfhover ul { left: auto; } 

.feature {
	background:#87B2D2;
	padding:15px;
	margin:0;
	font-size:1.0em;
	color:#FFF;
}

.secondNav { padding-top:20px; list-style-image:url(images/5E401A-box-5px.gif); }
.secondNav a { font-weight:bold; color:#87B2D2; }
.secondNav li { line-height:24px; }

.postHead h2 { margin:0; padding:0 0 1px 0; font-size:1.7em; font-weight:normal; line-height:1.7em; letter-spacing:-1px; }
.postHead ul { margin:0; padding:0; }
.postHead li { display:inline; list-style-type:none; }
.postEdit, .postCat { margin:0; padding:15px 5px 1px 1px; font-size:0.8em; color:#87B2D2; }