/*
Theme Name: Cass Just Curious
*/
<?php bloginfo('http://cassjustcurious.com/feed/'); ?>
html{ height:100%; }

body {
	width:100%;
	height:100%;
	background:#fafbfb url(images/seamless-watercolor-header.jpg) repeat-x top;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap-all {
	position:relative;
	min-height:100%;
	margin:0; padding:0;
}

form { padding:0; margin:0; }

h1 { font-size:24px; padding:0; margin:0 0 2px 0; }

h3 {
	color:#412414;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
	font-size:14px;
}

/* for FLIR plugin */
h5 {
	padding:0; margin:0;
	display:inline;
	color:#412414;
	font-size:28px;
}

hr {
	border-color:#412414;
	width:100%;
	margin:3px 0;
}

ul { padding:0; margin:0; }

.clear { clear:both; }

#teaser {
	position:absolute;
	top:0; right:0;
	margin:20px 20px 0 0;
	font-size:17px;
	color:#412414;
	font-weight:700;
	/* control flow */
	max-width:700px;
}

#teaser img {
	position:relative;
	top:4px; left:5px;
}

#logo {
	position:relative;
	left:-350px;
	margin:0 auto;
	padding:0;
	width:275px; height:284px;
	z-index:10;
	background:transparent url(images/logo.png) no-repeat top left;
}

#logo div {
	position:relative;
	top:13px;
	margin-left:32px;
	width:220px; height:229px;
}

#logo div img {
	position:absolute;
	max-height:229px; max-width:220px;
	z-index:50;
	opacity:0.0;
	filter:alpha(opacity=0);
}

#logo div img.active {
	position:absolute;
	max-height:229px; max-width:220px;
	z-index:100;
	opactity:100;
	filter:alpha(opacity=100);
}

#nav {
	position:relative;
	top:-80px;
	width:100%;
	background:transparent url(images/navbar_bg.png) repeat;
	border-top:#412414 2px solid;
	border-bottom:#412414 2px solid;
	margin:0;
}

#nav .wrapper { width:935px; margin:0 auto; }

#nav ul { position:relative; width:100%; padding:0; margin:0; z-index:998; }

#nav li {
	position:relative;
	float:left;
	/*display:inline-block;*/
	list-style-type:none;
	margin:0; padding:0 0px;
	text-align:center;
	height:100%;
}

#nav ul li a { color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none;padding:5px 10px;display:block; }
#nav ul li ul { position:absolute; margin:0px 0 0 0; padding:2px 0 0 0; z-index:500; display:none; }
#nav ul li ul li {display:block;width:100%;color:black;background:#412414;/*background:#63422D;*/}
#nav ul li ul li.hover {background:#9DA55F; width:100%;}
#nav li.hover {}
#nav ul li div { height:100%; }
#nav ul li.hover div { background:#412414; }

/* end header styles */

#container {
	position:relative;
	width:935px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
	z-index:1;
}

#sidebar {
	position:relative;
	float:left;
	width:248px;
	font-size:12px;
}

#twitter {
	position:relative;
	width:248px; height:134px;
	background:url(images/twitter_box.png) no-repeat;
	padding:0; margin:0;
	font-size:12px;
	color:#412414;
}

#twitter div { padding:20px; max-height:60px; }
#twitter div span { display:block; margin-bottom:5px; }
#twitter div a { color:#412414; font-size:14px; text-decoration:none; font-weight:bold; }

.side-div {}
.side-div div { padding:10px 20px; }
.side-div div a { text-decoration:none; color:#412414; }
.side-div div a:hover { color:#828C41; }
.side-div div ul li { list-style-type:disc; }
.side-div form { padding:0; margin:0; }
.side-div input[type=text] {
	width:100%;
	background:#ECE6EA;
	border:none;
	padding:3px;
}

#categories { }

#search { margin-top:20px; }
#search input[type=text] {
	width:185px;
	background:#ECE6EA url(images/search.png) no-repeat center left;
	padding-left:25px;
}

#newsletter { }

#archives { position:relative; }
#archives select {
	width:100%;
	background:#ECE6EA url(images/select_dd_arrows.png) no-repeat center right;
	border:none;
	color:#412414;
	font-size:12px;
}

#archives select option { border:none; }
#archives #select-dd {
	position:absolute;
	top:36px; right:20px;
	z-index:100;
	width:18px; height:17px;
	background:#ECE6EA url(images/select_dd.png) no-repeat center;
	padding:0; margin:0;
	cursor:pointer;
}

#sponsers { }
#sponsers img {
	display:block;
	margin:6px auto;
	max-width:248px;
}

#sponsers img.half {
	display:inline;
}

#sponsers img.left { float:left; }
#sponsers img.right { float:right; }

/* content */

#narrow-content {
	position:relative;
	float:right;
	width:650px;
	margin:0; padding:0;
}

#entry-container {
	width:100%;
	margin:0; padding:0;
}

.entry {
	margin:0 0 20px 0;
	padding:0 10px;
	color:#412414;
}

.entry-title {
	background:transparent url(images/post_divider.png) no-repeat center left;
	padding-left:50px;
}

.entry-title h1 a { color:#412414; text-decoration:none; }

.entry-details {
	font-size:11px;
	text-transform:lowercase;
}

.entry-details a { color:#412414; text-decoration:none; }
.entry-details a:hover { color:#828C41; }

.entry-content {
	margin-top:10px;
	font-size:12px;
}

.entry-content a { color:#828C41; text-decoration:none; }
.entry-content img {
	display:block;
	margin:5px auto;
	padding:0;
	max-width:651px;
}

.entry-actions {
	position:relative;
	width:100%;
	background:#ECE6EA;
	border:none;
	margin:10px 0;
	padding:10px 10px 5px 10px;
}

.entry-links {
	margin-bottom:5px;
	text-align:center;
}

.entry-links a { font-size:13px; color:#412414; text-decoration:none; font-weight:bold; padding:0 8px; }
.entry-links .link-comment { background:url(images/comment.png) no-repeat center left; padding-left:22px; }
.entry-links .link-send { background:url(images/send_to_friend.png) no-repeat center left; padding-left:25px; }
.entry-links .link-tweet { background:url(images/tweet_this.png) no-repeat center left; padding-left:22px; }
.entry-links .link-facebook { background:url(images/facebook.png) no-repeat center left; padding-left:22px; }

.entry-comments {
	position:relative;
	width:100%;
	margin:10px 0;
	padding:5px 10px 10px 10px;
	font-size:11px;
	zoom:1;
	overflow:auto;
}

.entry-comments ul { height:120px; overflow:auto;width:620px;float:left;}
.entry-comments div { margin:7px 40px 7px 0; padding:0; }
.entry-comments div .comments-author { color:#6E4361; font-weight:bold; font-size:12px; }
.entry-comments div p { padding:0; margin:3px 0 0 0;}

.comments-slider {
	width:16px; 
	height:120px;
	float:left;
	position:relative;
	top:13px;
}

.comments-slider .ui-slider-handle {
	/*position:absolute;
	top:0; right:0;*/
	position:absolute;
	background:transparent url(images/comments_slider.png) no-repeat scroll top;
	display:block;
	width:16px; height:25px;
	cursor:pointer;
	z-index:10;
}
/* popups */
.popup {
	position:absolute;
	top:-100px; left:0;
	background:#F9FAFA;
	display:none;
	z-index:9999;
}

.popup-container {
	width:517px;
	background:#F9FAFA;
	color:#412414;
	padding-top:20px;
}

.popup-container div { text-align:center; margin:0 auto; padding:5px; width:100%; }
.popup-container div h1 { font-size:20px; font-weight:normal; }
.popup-container div h3 { padding:0; margin:0; }
.popup-container div.ribbon { width:100%; height:36px; margin:10px 0 0 0; padding:0; background:transparent url(images/popup_bg.png) no-repeat;}
.popup-container div.darker { width:100%; margin:0; padding:10px 0; background:#f0ebee; }
.popup-container div table { margin:0 auto; text-align:left; }
.popup-container div input[type=text] {
	width:100%;
	background:#F9FAFA;
	border:none;
	padding:3px;
	font-size:12px;
	color:#412414;
}
.popup-container div textarea {
	width:100%;
	background:#F9FAFA;
	border:none;
	padding:3px;
	font-size:12px;
	color:#412414;
}
.popup-container div input[type=submit], .popup-container div input[type=button] {
	background:none;
	border:none;
	font-size:12px;
	color:#412414;
	padding:3px;
}

#pagination {
	width:100%;
	text-align:right;
	font-size:11px;
	color:#412414;
}

#pagination span { margin:0 5px; }
#pagination a { color:#412414; text-decoration:none; }
#pagination a:hover { color:#828C41; }

/* footer */
#footer {
	position:absolute;
	bottom:0;
	width:100%; height:159px;
	background:transparent url(images/footer_flower.png) no-repeat bottom right;
	z-index:0;
	font-size:11px;
	color:#412414;
}

#footer img { position:absolute; bottom:0; z-index:0; }

#footer p { position:absolute; bottom:0; padding:0; margin:25px; }
#footer p a { text-decoration:none; font-size:11px; color:#412414; font-style:italic; }

/* new popup styles */
#mask {
	position:absolute;
	top:0; left:0;
	z-index:9000;
	background-color:#000;
	display:none;
}

.post-link a {
	color:#412414;
	font-size:12px;
	text-decoration:none;
}

.post-link a:hover {
	color:#828C41;
}

/* pages */
#wide-content {
	position:relative;
	width:100%; 
	height:100%;
	margin:0; padding:0;
}

#page-content {
	width:100%;
	margin:15px 0;
	padding:0 15px;
	color:#412414;
	font-size:12px;
}

#page-content a {
	color:#412414;
	text-decoration:none;
	font-size:12px;
}

#page-content a:hover { color:#828C41; }

#page-title {
	color:#412414;
	padding-left:50px;
	text-transform:lowercase;
	background:url(images/post_divider.png) no-repeat left center;
}

#contact input[type=text], #contact textarea {
	background:#ECE6EA;
	border:none;
	padding:3px;
	width:100%;
	font-size:12px;
	color:#412414;
}

#contact input[type=submit] {
	cursor:pointer;
	border:none;
	background:none;
	color:#412414;
	font-size:12px;
	padding:5px;
}

/* slideshow styles */
#slideshow {
	width:100%;
}

#slideshow-full {
	position:relative;
	float:right;
	width:625px; height:425px;
	/*background:transparent url(images/img_bg.png) no-repeat*/;
}

#slideshow-full img {
	position:relative;
	display:block;
	margin:0 auto;
	max-width:600px; max-height:400px;
	z-index:1;
}

#slideshow-full #loading { position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-185px; z-index:0; display:none; }

#slideshow-thumbs {
	width:240px; height:170px;
	margin:0 auto;
	overflow:hidden;
}

#slideshow-thumbs-control {
	width:250px;
	margin:10px auto;
	text-align:center;
}

#slideshow-thumbs-control img { margin:0 7px; cursor:pointer; }

#slideshow-thumbs img {
	width:49px; height:49px;
	border:none;
	margin:5px;
	cursor:pointer;
}

#slideshow-list {
	margin:50px auto 0 auto;
	width:200px;
	max-height:160px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
}

#slideshow-list span { position:relative; display:inline-block; margin:5px 25px; white-space:nowrap; }

#slideshow-list a {
	margin:5px 25px;
	font-size:12px;
	font-weight:bold;
	color:#412414;
	text-decoration:none;
}

#slideshow-list a:hover { color:#828C41; }

#slideshow-list-control {
	width:250px;
	margin:20px auto 0 auto;
	text-align:center;
}

#slideshow-list-control img { margin:0 7px; cursor:pointer; }