/*  
Theme Name: Bloglet
Theme URI: http://www.paradoxica.net/downloads/bloglet/
Description: This theme was designed and developed by C. Scott Andreas of Phoreo.com.
Version: 1.0
Author: C. Scott Andreas
Author URI: http://www.phoreo.com/
*/


/****************************************
************ Page Structure *************
*****************************************/

* html {
	margin: 0;
	padding: 0;
	height: 100%
}

body, html {
	background: #000 url("images/flare.jpg") no-repeat top center;
	height: 100%;
	text-align: center;
	margin: 0;
	font-size: 13px;
	color: #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#container {
	position: relative;
	width: 54.59em;
	min-width: 760px;
	margin: 0 auto;
	text-align: center;
	height: 100%;
}

#left {
	width: 6.15em;
	min-width: 80px;
	float: left;
	height: 100%;
	height: 900px;
}

#right {
	width: 6.15em;
	min-width: 80px;
	float: left;
	height: 900px;
}

#header {
	height: 45px;
	padding: 10px 10px 10px 0;
}


#stumblers {
       position: absolute;
       top: 0;
       left: 95px;
       width: 385px;
       height: 25px;
       background: transparent url('images/stumbleupon.png') repeat-x center top;
}

.page {
	position: relative;
	min-width: 550px;
	width: 38.46em !important;
	margin: 0 auto;
	float: left;
	text-align: left;
	background: #fcfcfc;
	padding: 0 1.53em 175px 1.53em;
	min-height: 96%;
	border-left: .385em solid #333;
	border-right: .385em solid #333;
}


/****************************************
************ Bread + Butter *************
*****************************************/

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }

.floatleft, .alignleft { float: left; }
.floatright, .alignright { float: right; }
.left { text-align: left; margin: 0 auto; }
.right { text-align: right; margin: 0 auto; }
.bold { font-weight: bold; }
.clear { clear: both; }
.hr { border-bottom: 1px solid #c0c0c0; width: 100%; margin: 2em 0 2em -1.53em; padding: 1.5em 1.53em; }
.navigation { margin: 2em 0; }
a img { border: 0; }

a:link, a:visited { 
	color: #0190D2;
	border-bottom: 1px solid #24B7FF;
	text-decoration: none;
	background: #111;
	margin: 0;
	padding: 0.1438em 0.35em;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	font-weight: bold;
	white-space: nowrap;
}

a:hover {
	color: #fff;
	border-bottom: 1px solid #24B7FF;
	text-decoration: none;
	background: #0190D2;
	padding: 0.1538em 0.3846em;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	font-weight: bold;
}

a.plain:link, a.plain:visited, #header a, #footer a {
	color: #555;
	border: none;
	text-decoration: none;
	background: none;
	padding: 0;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100);
	font-weight: bold;
	white-space: nowrap;
}

#footer a { color: #aaa; }
#footer a:hover { color: #ccc; }

/****************************************
************ Header Content *************
*****************************************/

h1.title { 
	color: #444;
	float: left;
	position: relative;
	top: -5px;
}

h1.title a:hover { color: #0190d2 !important; }

#description {
	width: 18.3846em;
	position: absolute;
	padding: 5px;
	right: 0em;
	color: #0190d2;
	border-top: 1px solid #ccc;
	overflow: hidden;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #333 url(images/footer-bg.png);
	z-index: 100;
	top: 2.5em;
	font-size: 0.8em;
}

#menu ul {
	float: left;
	padding: 0;	
	width: 100%;
	margin: -0.23em 0 4.231em -1.53em;
	padding: 0 1.5em;
	background: #333 url(images/footer-bg.png);
	border-top: 2px solid #0190d2;
	border-bottom: 2px solid #0190d2;
}

#menu ul li {
	float: left;
	list-style: none;
	padding: 0.42em 0.4em;
	color: #ccc;
}

#menu ul a { 
	background: none;
	border: 0;
	padding: 0.5em 0.5385em 0.4em 0.3846em;
	color: #ddd;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#menu ul a:hover, #menu .current_page_item a { 
	background: #0190d2;
	border: 0;
	color: #fff;
	border-bottom: .125em solid #0190d2;
}


/****************************************
************ Content Display ************
*****************************************/

.entry {
	margin: 1.8em 0 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 115%;
	line-height: 150%;
	color: #444;
}

.post h2.title { clear: both; }
.post h2.title a:hover { border: none; }

.entry a:link, .entry a:visited {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100);
	background: none;
	color: #0190D2;
	border-bottom: 1px solid #ccc;
}

.date { 
	padding: 0.5385em 0.7692em 0.5385em 0.7692em;
	margin: -4.75em .3846em 0 0;
	line-height: 100%;
	color: #0190D2;
	background: url(images/date-bg.png);
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	right: 100%;
	text-align: center;
	-moz-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity = 75);
	float: left;
	width: 7em;
	text-transform: lowercase;
}

.post h2.title a {
	padding: 0.3846em 0.5em;
	text-transform: lowercase;
	margin: 0 0 0 -1.02em;
	white-space: normal;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.std .entry img { margin: 10px; }

a.more-link:link, a.more-link:visited { 
	display: block;
	background: none;
	border: none;
	float: right;
	position: relative;
	margin: 1em 0 0 0;
}

a.more-link:hover { background: #111; }

.quote h2, .quote .postmetadata, .picture .postmetadata { display: none !important; }
.postmetadata, .postmetadata-alt { font-size: .8em; color: #666; float: right; clear: both;}
.postmetadata a, .postmetadata-alt a,  #comments a { background: none !important; padding: 0; border-bottom: 1px dotted #aaa; color: #666; }


/* Special Content Types */

.quote .entry {
	color: #666;
	font-size: 200%;
	line-height: 210%;
	text-align: center;
	font-family: Optima, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote .entry p:before, .quote .entry p:after {
	content: "''";
	display: inline;
	color: #ccc;
	letter-spacing: 2px;
	font-size: 300%;
	vertical-align: bottom;
	font-family: "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
}

.quote .date { margin: 0; }

.video .entry object, .video .entry embed { margin: 0 auto; }

object, embed, .picture img { 
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

.picture .entry, .video .entry { text-align: center; }


/* Single and Page Styles */

.single .entry a, .wppage .entry a { background: none; color: #0190D2; border: none; }

.wppage h2.title { 
	font-size: 4em;
	margin: 0 0 1em 0.63em;
}

.wppage h2.small { 
	font-size: 150% !important;
	margin: 0;
}

.wppage h2.small a { margin: 0 0 0 -1.02em; }

.wppage h2.title a { border-left: .08em solid #3d3d3d;}

.wppage .date { margin: -7.75em .3846em 0 0 !important; }


/* Comments Styles */

#comments { width: 450px; }

#comments cite { font-style: normal }

.commentlist a {
	color: #0190D2;
	text-decoration: none;
}

.commentlist { margin: 0; padding: 0; }

.commentlist li {
	width: 450px;
	margin: 0 20px 60px 20px;
	font-size: 10em;
	color: #0190D2;
	list-style-position: inside;
}

.commentlist cite {
	font-style: normal;
}

.comment-inner {
	color: #0190D2;
	font-size: 20px;
}

.commentmetadata { display: none; }

.comment-text {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 14px;
	display: block;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	color: #111;
	margin: -50px 0 0 0;
}

.comment-author {
	position: absolute;
	left: 120px;
	margin-top: 60px;		padding: 0;
	font-weight: bold;
}

h3#respond {
	margin: 10px 0 0 20px;
}

#commentform {
	margin: 0 0 0 20px;
}

textarea#comment {
	font-size: 18px;
	color: #999;
	width: 450px;
	margin: 0 auto;
	line-height: 150%;
	letter-spacing: 1px;
	font-family: "Palatino", "Book Antiqua", "Georgia", "Century Gothic", "Copperplate Gothic Light", Verdana, 'Helvetica', Arial, sans-serif;
}

fieldset { border: none; }



/****************************************
************ Sidebar Styles *************
*****************************************/

#sidebar {
	display: none;
	width: 13.4615em;
	height: auto;
	color: #fff;
	padding: 0.7692em 0.7692em 0.7692em 1.1538em;
	position: absolute;
	-moz-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	top: 6.3846em;
	right: -15.8em;
	float: right;
	z-index: 2;
	background: url(images/sidebar-bg.png);
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

#showsidebar, #hidesidebar {
	position: absolute;
	width: 2.692em;
	text-align: center;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	z-index: 3;
	padding: 0.3846em;
	background: url(images/sidebar-bg.png);
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

#showsidebar { 
	top: 6.3846em;
	right: -3.8462em;
	position: absolute;
	z-index: 100;
	display: block;

}

#hidesidebar { 
	top: 6.3846em;
	right: -15.8em;
	display: none;
	border-left: 1px solid #444;
}

#showsidebar a, #hidesidebar a { color: #eee; font-size: 200%; font-weight: bold; }

#sidebar a { 
	white-space: normal;
	text-decoration: none;
	border: none;
	background: none;
	color: #eee;
}

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

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

#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;
}


/****************************************
************* Footer Styles *************
*****************************************/

#footer {
	background: #111 url(images/footer-bg.png);
	margin: 0 auto;
	min-width: 550px;
	width: 38.46em;
	text-align: left;
	padding: 1em 1.53em 2em 1.53em;
	border-top: .385em solid #333;
	border-left: .385em solid #333;
	border-right: .385em solid #333;
	clear: both;
	color: #666;
}

#footer strong {
	font-weight: bold;
	color: #aaa;
}


/****************************************
*********** My Customizations ***********
*****************************************/