/*
Theme Name: Anesti Creative
Theme URI: http://anesticreative.com
Description: Custom theme designed for Anesti Creative
Version: 1.1 (8 Jan 2010)
Author: Sawyer Pangborn
Author URI: http://anesti.org
Tags: blue, two columns, custom, cufon


*/

 
html {
	background:url('images/back.jpg') no-repeat;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #02407e;
	color: #ffffff;
	font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
        font-size: 1em;
}
a {
	color: #02407e;
}
a:hover {
	color: #ffffff;
}
a img {
	border: 0;
}
#container {
	width: 1000px;
	margin: 0 auto;
}
#side {
	float: left;
	width: 165px;
	height: 500px;
	margin: 20px 0px 0px 0px;
	background:url('images/nav-back.gif') no-repeat;
	background-position: 0px 15px;	
	text-transform: lowercase;
}
#logo {
	width: 130px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 2em;	
}
#logo h1 {
	font-weight: normal;
}
#logo a {
	color: #ffffff;
	text-decoration: none;
}
#logo a:hover {
	color:#cccccc;
	text-transform: uppercase;
}
.uppercase {
	text-transform: uppercase;
}
#logo a:hover sup {
	color: #cccccc;
}
#logo a sup {
	font-size: 0.4em;
	vertical-align:super;
}

#navigation li sup {
	font-size: 0.5em;
	vertical-align: super;
}
#navigation li a {
	width: 140px;
	height: 30px;
	padding: 15px 10px 0px 0px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;	
}
#navigation li.last a {
	border: 0 !important;
}
#navigation li a:hover, #navigation li.active a {
	background:url('images/nav-hover.jpg') no-repeat;	
	background-position: bottom left;
}
#navigation li {
	margin: 2px 10px 0px 0px;
	padding: 0;
	font-size: 1.2em;
	line-height: 40px;
	text-align: right;
	width: 140px;
	height: 44px;
	background-position: bottom left;
}
#side-search {
	margin: 10px 0px 0px 0px;
}
#main {
        width:800px;
        float:left;
        display:block;
        padding: 0px;
}
#content {
}
.top {
        margin: 30px 0px 10px 10px !important;
}

#welcome {
	float: left;
	width: 440px;
	padding: 20px;
	margin: 30px 0px 0px 10px;
	background-color: #628ab2;
}
#welcome h2 {
	font-size: 28px;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0px 0px 10px 0px;
}
#welcome p {
	width: 400px;
	margin: 10px 0px;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 1.5em;
}
#welcome a {
	color: #aaaaaa;
	text-decoration: none;	
}
#welcome a:hover {
	color: #ffffff;
}
#bio {
	width: 280px;
	margin: 30px 0px 0px 10px;
	float: left;
	clear: right;
}
#bio-info {
	width: 250px;
	margin: 10px auto;
}
#bio-info h3 {
	font-size: 20px;
	font-weight: bold;
}
#photos a img {
	margin: 0px 5px 0px 5px;
	border: 2px solid white;
}
#photos a:hover img {
	border: 2px solid #cccccc;
}
.blog {
	width: 720px;
	padding: 20px;
	margin: 20px 0px 10px 10px;
	background: #628ab2;
	float:left;
}
.blog h2 {
	font-size: 26px;
	text-transform: lowercase;
}
.blog h2 a {
	color: #ffffff;
        text-decoration: none;
}
.blog h2 a:hover {
	color: #cccccc;
}
.blog a {
	color: #cccccc;
	text-decoration: underline;
}
.blog a:hover {
	color: #ffffff;
}
.blog p, #welcome p {
	color: #ffffff;
	margin: 10px 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.5em;
}
.blog visited {
	text-decoration: none;
	color: #aaaaaa;
}
.blog .black {
	color: #000000;
}
.blog img {
	margin: 10px;
	border: 10px solid #22609c;
}
.blog a img {
	border: 10px solid #22609c;
}
.blog a:hover img {
	border: 10px solid #9cc4e8;
}
.blog p.postmetadata-bottom {
	position: relative;
	top: 8px;
}
.blog ul {
	color: #cccccc;
	background-color: #22609c;
	list-style-type: disc;
	font-size: 0.8em;
	line-height: 0.8em;
	margin: 20px 0px;
	padding: 10px 10px 10px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	

}
.blog ul a, .blog ol a {
	color:#5fa1da;	
}
.blog ul a:hover, .blog ol a:hover {
	color:#ffffff;
}
.blog ul li {
	color: #ffffff;
	margin: 5px 0px 5px 20px;
}
.blog ul li ul, .blog ol li ol, .blog ul li ol, .blog ol li ul {
	font-size: inherit;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
.gallery-caption {
        font-size: 0.8em;
}
.fn a {
	font-size: 1.2em;
	margin: 10px 0px 0px 0px !important; 
	color: #cccccc !important;
}
.fn a:hover {
	color: #628ab2 !important;
}

.blog ol {
	color: #cccccc;
	background-color: #22609c;
	list-style-type: decimal;
	font-size: 0.8em;
	margin: 20px 0px;
	padding: 10px 10px 10px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
.blog ol li {
	color: #ffffff;
	margin: 5px 0px 5px 20px;
}
blockquote, blockquote p {
	color: #cccccc !important;
	font-style: italic;
	font-family: "Georgia", serif;
	line-height: 1.5em;
	background-color: #22609c;
	margin: 20px 0px;
	padding: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
blockquote a {
	color:#ffffff !important;	
}

blockquote a:hover {
	color:#9cc4e8 !important;
}
code {
	font-size: 1.2em;
	font-family: monospace;	
}
.blog small {
	font-size: 8pt;
}
.postmetadata a, .postmetadata-bottom a, .commentmetadata a {
	font-size: 0.9em;
	text-transform: lowercase;
	text-decoration: none;
	padding: 5px 8px;
	background-color:#02407e;
	color: white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.postmetadata a:hover, .postmetadata-bottom a:hover, .commentmetadata a:hover {
	padding: 5px 8px;
	background-color:#02407e;
	color: #cccccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
a.deletepost {
	background-color:#ff0000 !important;
}
.blog .commentlink {
	float: right;
	padding: 0px 0px 10px 0px;
}


/*
 *	COMMENTS
 *
 */
 
ol.commentlist {
	list-style-type: none;
}
.comments {
	width: 720px;
	padding: 20px;
	margin: 20px 0px 10px 10px;
	background: #628ab2;
	float:left;
	font-size: 0.8em;
	
}
.comments a {
	text-decoration: none;
}
.comments h2 {
	font-size: 26px;
	text-transform: lowercase;
}
.comments h2 a {
	color: white;
}
.comments h2 a:hover {
	color: #cccccc !important;
}
.comments ul {
	color: #cccccc;
	background-color: #22609c;
	list-style-type: disc;
	font-size: 0.8em;
	margin: 20px 0px;
	padding: 10px 10px 10px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	

}
.comments ul li {
	color: #ffffff;
	margin: 5px 0px 5px 20px;
}
.comments ul li ul, .comments ol li ol, .comments ul li ol, .comments ol li ul {
	font-size: inherit;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
.comments ol {
	color: #cccccc;
	background-color: #22609c;
	list-style-type: decimal;
	font-size: 0.8em;
	margin: 20px 0px;
	padding: 10px 10px 10px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
.comments ol li {
	color: #ffffff;
	margin: 5px 0px 5px 20px;
}
.comments p {
	color: #ffffff;
	margin: 10px 0px 10px 0px;
	line-height: 1.5em;
	text-shadow: #777777 1px 0.5px;
}
.comment {
	height: auto;
	overflow: hidden;
	padding: 0px;
	
	margin: 0px !important;
}
.gravatar-image {
	float:left;
	width: 70px;
	height: 70px;

}
.gravatar-image img {
	border: 5px solid #22609c;
	margin: 0;
	padding: 0;
}
.comment-content {
	width: 620px;
	float:left;
	font-size: 1.2em;
	margin: 5px 0px 0px 0px;
}

.comment-meta {
	font-size: 0.8em;
	padding: 0px 0px 10px 0px;
	float:right;
}
.comment-meta a {
	text-decoration: none;
	font-size: 1em;
}
#commentform label small {
	font-size: 0.9em !important;
}
#twitter {
	width: 720px;
	padding: 20px;
	margin: 20px 0px 10px 10px;
	background: #628ab2;
	float:left;
}
#twitter h2 {
	font-size: 26px;
	text-transform: lowercase;
}
#twitter h2 a:hover {
	color:#ffffff;
}
#twitter p {
	position: relative;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.5em;
}
#twitter a, #twitter a:visited {
	text-decoration: none;
	color: #aaaaaa;
}
#twitter a:hover {
	color: #ffffff;
}
#twitter .black {
	color: #000000;
}
#warning {
	width: 720px;
	padding: 20px;
	margin: 20px 0px 0px 10px;
	background: #628ab2;
	float:left;
}
#warning h2 {
	font-size: 26px;
	text-transform: lowercase;
}
#warning p {
	font-size: 0.9em;
	line-height: 1.5em;
}
#page-nav {
	font-size: 0.9em;
	width: 760px;
	clear:both;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: center;
	text-transform: lowercase;
	color:white;
}
#page-nav a {
	font-size: 0.9em;
	text-transform: lowercase;
	text-decoration: none;
	padding: 5px 8px;
	margin: 10px 0px;
	background-color:#628ab2;
	color: white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#page-nav a:hover {
	padding: 5px 8px;
	background-color:#cccccc;
	color: black;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
.alignright {
	float: right;
	clear:right;
}
.alignleft {
	float:left;
	clear:left;
}
#footer {
	height: 30px;
	width: 720px;
	clear:both;
	position: relative;
	top: 10px;
	margin: 0px 0px 20px 10px;
	padding: 5px 20px 0px 20px;
	text-align: center;
	text-transform: lowercase;
	background-color: #02407e;
	border: 1px solid #628ab2;
}
#footer h1 {
	margin: 5px 0px 0px 0px;
	font-weight: normal;
}
#footer a {
	color: #9cc4e8;
	text-decoration: none;
}
#footer a:hover {
	color:#cccccc;
}
.uppercase {
	text-transform: uppercase;
}
#footer a:hover sup {
	color: #cccccc;
}
#footer a sup {
	font-size: 0.4em;
	vertical-align:super;
}
small {
	font-size: 70%;
	line-height: 200%;
}

/*
 *	LIFESTREAM
 */
 

.lifestream h2 {
	font-size: 12pt;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0;
	font-variant:normal;
	text-transform: none;
}
.lifestream_icon a img , .lifestream_icon a:hover img {
	margin: 0px 10px 0px 0px !important;
	position: relative;
	top: 3px;
	border: 0;
	margin: 0;
	padding: 0;	
}
.lifestream_text {
	font-size: 9pt;
}
.lifestream_via {
	margin: 0px 0px 0px 5px;
}
#tabs {
	font-size: 11pt;
}
ul.ui-tabs-nav {
	border: 0px;
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important; 
	background: none;	
}


/*
 *	Slider
 *
 */

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
	border: 0;
	background: none;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px !important; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 10px auto;
	width: 500px !important;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	-moz-border-radius: 0;
	background: none;
	width: auto;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important; 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	background: #02407E;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}



.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}