/*
Template: rosacreative
Theme Name: RosaCreative
Theme URI: http://rosacreative.com/
Description: A personal portfolio theme designed by Rosa Gonzalez.
Version: 1.0
Author: Rosa Gonzalez
Author URI: http://rosacreative.com/
Tags: rosa, rosa gonzalez, portfolio, fixed width
*/



/* START - Yahoo CSS Reset **********/
html { height: 100%; }
body { min-height: 100%; height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;	}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;	font-weight:normal;	}
q:before, q:after {	content:'';	}
abbr, acronym {	border:0;}
/* END - Yahoo CSS Reset ************/

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#28464a; background: url(images/bg_body.jpg) repeat;
	}

.clear {clear:both;}

p {padding-bottom:25px;}

a {outline:none; color:#FFDFE5; text-decoration:none; font-weight:bold; font-size:.9em;}
a:hover {color:#fff;}
a.pdf {background:transparent url(images/pdf.png) no-repeat right center; padding-right:23px;}
a img, #content a img {
	background:none; padding:0; margin:0; border:3px solid #7EA9AF; 
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;}
a:hover img, #content a:hover img {border:3px solid #fff; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}

a.standout {background-color:#DFB5BB; background-image:none; color:#fff;}
a.thumb {padding:0; background:none; border:none;}

em {font-family:Georgia;}
strong {color:#DFFFFB;}

div.hr {
	height: 4px; margin-bottom:25px;
	background: url(images/hr.png) repeat-x scroll left center;
	}
  div.hr hr {display: none;	margin:0;padding:0;}


h1, h2, h3, h4 {color:#fff;}
h2 {font-family:'Arial Black', Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0px 0px 20px 0px; margin:0px;}


.container {
	width: 945px;
	margin: 0 auto;
	position:relative;
	float:left;
	/*overflow: auto;*/ /*adding this back in will make dates on blog page disappear */
	}


#main, #sub { background: url(images/bg_gradient.png) repeat-x top center;}

#circles {
	width:513px; height:557px;
	display: block;
	position:absolute; top:50px; right:0;
	background:url(images/circles.png) no-repeat top right;
	}
	
#content {margin-top:220px; min-height:330px;position:relative;}
#content-bottom {margin-top:25px;}
#content, #content-bottom {
	padding: 0px; width:640px;float: right;
	background:transparent url(images/bg_box.png) repeat scroll 0 0;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#content h2, #content-bottom h2 {font-size:1.7em;}
#sub #content {width:945px;}

#logo {
	background: url(images/header_sprite.png) no-repeat 0 0;
	width: 245px; height: 269px;
	position:absolute; top:0; left:10px;
	}
#sub #logo {background: url(images/header_sprite.png) no-repeat; background-position: 0 -319px; width: 180px; height: 198px;  left:25px;}
#logo h1 {text-indent: -9999px;	display:block; width: 245px; height: 269px;	}
#logo h1 a{width:100%; height:100%; position:absolute; top:0; left:0; background:none;}

#tagline {
	background: url(images/header_sprite.png) no-repeat;background-position: 0 -567px; width: 579px; height: 69px;
	position:absolute; top:115px; right:35px;	}
#sub #tagline {right:70px;}
#tagline h2 {text-indent: -9999px; color:#b7d1ce; border:none;}

#comingsoon {
	width:580px; height:69px;
	position:absolute; top:115px; right:35px; background: url(images/tagline_csoon.gif) no-repeat;
	}
#comingsoon h2 {text-indent: -9999px; color:#b7d1ce; border:none;}
#rss { font: normal 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute; top:260px; left:55px; 
	text-transform:uppercase; letter-spacing:.3em;
	}
#rss a {background: transparent url(images/icon_rss-med.gif) no-repeat center right; padding-right:25px; color:#c3d9d6;  }
#rss a:hover {color:#e0efed;}


#navcontainer {position:absolute; top:0; left:330px;}
#sub #navcontainer {left:290px;}
ul#nav {height:29px;}
ul#nav li {display:block; float:left; margin:0; padding:0;}
ul#nav li a {
	display:block; height:29px;
	background-image:url(images/nav_sprite.gif);
	text-indent:-9999px;
	margin:0; padding:0;
	}
ul#nav li a:hover {background-position:0 -77px}

ul#nav li#n-home a {width:69px;	background-position:0 0; margin-right:15px;}
  ul#nav li#n-home a:hover, 
  ul#nav li#n-home a.selected {background-position: 0px -30px}

ul#nav li#n-work a { width:69px; background-position:-85px 0; margin-right:15px;}
  ul#nav li#n-work a:hover {background-position:-85px -30px;}
  ul#nav li#n-work a.selected {background-position:-85px -30px}

ul#nav li#n-about a {width:70px; background-position:-172px 0; margin-right:15px;}
  ul#nav li#n-about a:hover {background-position:-172px -30px}
  ul#nav li#n-about a.selected {background-position:-172px -30px}

ul#nav li#n-contact a {width:88px; background-position:-258px 0;}
  ul#nav li#n-contact a:hover {background-position:-258px -30px}
  ul#nav li#n-contact a.selected {background-position:-258px -30px}



/***** RIGHT COLUMN ****************/
 #featuredwork .work-item a.standout {
	display:block; float:left;
	margin-top:280px; padding:1px 4px;
	background-color:#DFB5BB; color:#fff;
	background-image:none;
	}
 
 #recentwork .work-item a.standout {
	display:block; float:left; margin-top:10px;
	background-color:#DFB5BB; background-image:none; color:#fff;
	}
	
#recentwork .work-item a.standout{font-size:.75em; padding:1px 4px;}
#recentwork .work-item a:hover.standout {background-color:#ccc;}
 
#featuredwork {margin-top:0;padding:30px 35px; float:left;}
  #featuredwork .work-item {margin:0; padding:0; position:relative;}
  #featuredwork .work-item a.image {background:none; padding:0; margin:0; position:absolute; top:0; left:0; width:566px; height:300px;}
  #featuredwork .work-item a.image img {
	display:block; border:3px solid #7ea9af; margin:0px; padding:0; 
	-moz-border-radius: 4px; -khtml-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px;
	}
    #featuredwork .work-item a:hover.image img {border:3px solid #fff; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}
		
#recentwork {padding:30px 35px 30px 35px; float:left;}
  #recentwork .work-item {width:181px;	float:left; position:relative;}
  #recentwork .work-item a.thumb {padding:0; margin:0; background:none; top:0; left:0; width:181px; height:170px;}
  #recentwork .work-item a.thumb img {
	 display:block; border:3px solid #7ea9af; margin:0px; padding:0; 
	-moz-border-radius: 4px; -khtml-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px;
	}
  #recentwork .work-item a.thumb:hover img,
  #work li a:hover.thumb img {border:3px solid #fff; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}

/**** WORK PAGE ****/
#work {margin:0; padding:0;}
#work li {display:block; float:left; padding:0 11px; margin:0 0 17px 0;text-align:left; width:198px;}
#work li.work-item:hover h3 a {color:#fff;}
#work li h3 {margin:5px 0; line-height:1; font-size:1em; font-weight:bold;}
#work li h3 a {background:none; display:block; margin:0; padding:0; color:#D1EFEA;}
#work li h3 a:hover {color:#fff;}
#work li h3 a.thumb:hover {border-color:#ADC4C6;}

#work .work-item a.thumb img {border-color:#8BA5AB; border-width:3px;}
#work .work-item a:hover.thumb img {border-color:#fff; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}


/*** WORK ITEM PAGE ****/
#work-item {position:relative;}
#work-item h2 a.standout {font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:.5em; padding:1px 4px; margin:0 0 0 15px; position:absolute; top:12px;}
#work-image {float:left; width:540px;}
#work-image .wpGallery {display:none;}
#work-image a.thumb img {border-width:4px;}
#work-image a.thumb {position:relative; float:left; }
#work-text {float:left; width:325px; line-height:1.3; color:#D1EFEA;}
#work-text .post-meta li {margin-bottom:15px;}
#work-text .post-meta-key {display:block; font-weight:bold; color:#fff; font-size:1.1em; margin-bottom:2px;}


/**** ABOUT PAGE ****/
#post-11 .entry {font-size:.95em; margin-right:25px; position:relative;}
#post-11 .entry a {padding:0; background:none; color:#FFDFE5; font-size:1em;}
#post-11 .entry a:hover {color:#fff;}

.about-intro, .about-subhead {text-indent:-9999px; height:50px; width:564px; position:relative; left:260px;}
.about-intro {background:url(images/h_aboutme1.png) no-repeat 0 0;}
.about-subhead {background:url(images/h_aboutme2.png) no-repeat 0 0;}
.wp-image-552 {margin-right:30px !important; margin-bottom:100px !important; margin-top:15px !important;}

.about-sites{
	position:relative;
	background:transparent url(images/bg_box.png) repeat scroll 0 0;
	padding:12px; overflow:auto; font-size:.85em;
	-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px;	border-radius: 8px;	
	}
#post-11 .entry .about-sites a {color:#C3EDE7; background:none; padding:0; font-size:1.1em;}
#post-11 .entry .about-sites a:hover {color:#ABCCCC;}

#post-11 .entry .about-sites a.resume, 
#post-11 .entry .about-sites a.vcard {
	-moz-border-radius:6px;	-khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;	
	box-shadow: 0 0 10px #41595F; -moz-box-shadow: 0 0 10px #41595F; -webkit-box-shadow: 0 0 10px #41595F;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	display:block;	float:left; width:95px; margin:0; padding:8px 0 8px 45px;
	font:normal 1.5em Museo,"Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: lowercase;
	position:absolute;
	}
#post-11 .entry .about-sites a.vcard span {text-transform:uppercase;}

#post-11 .entry .about-sites a.resume {background: #DFB5BB url(images/icon_pdf.png) no-repeat 9% 50%; top:27px; right:30px;}
#post-11 .entry .about-sites a.vcard {background: #DFB5BB url(images/icon_vcard.png) no-repeat 9% 55%; top:95px; right:30px;}

#post-11 .entry .about-sites a.resume:hover,
#post-11 .entry .about-sites a.vcard:hover {background-color:#e3bdc4;
	box-shadow: 0 0 8px #E0ECEF;
	-moz-box-shadow: 0 0 8px #E0ECEF;
	-webkit-box-shadow: 0 0 8px #E0ECEF;}

#post-11 .entry .about-sites .social {padding:10px 25px 10px 10px; margin:0 15px 0 0; float:left; border-right:1px dotted #D0EFEC;}
#post-11 .entry .about-sites li {margin: 0px; padding:3px 0px; list-style: none; }
#post-11 .entry .about-sites li a {background: url(images/icons_16x16.png) no-repeat top left; height:24px; padding: 0 0 0 25px;}

#post-11 .entry .about-sites .icon-aim a { background-position: 0 0; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-email a { background-position: 0 -46px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-facebook a { background-position: 0 -92px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-flickr a { background-position: 0 -138px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-google a { background-position: 0 -184px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-gtalk a { background-position: 0 -230px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-lastfm a { background-position: 0 -276px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-linkedin a { background-position: 0 -322px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-skype a { background-position: 0 -368px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-twitter a { background-position: 0 -414px; width: 16px; height: 16px; } 
#post-11 .entry .about-sites .icon-ymessenger a { background-position: 0 -460px; width: 16px; height: 16px; } 

.about-sites .messengers {padding:10px 20px 10px 10px; margin:0 15px 0 0; float:left;border-right:1px dotted #D0EFEC;}
.about-sites .messengers span {color:#fff;}

/**** LEFT COLUMN **********/
#homesidebar {
	width:270px;
	margin-top:325px; padding-left:0;
	position:absolute; top:0;
	}

#homesidebar #latestmusings, #homesidebar #followme, #homesidebar #twitter {margin-bottom:25px;}
#homesidebar #followme h2 {font-size:1.25em; margin:0;}


#latestmusings {
	padding:20px; background: transparent url(images/bg_mintbox.png) repeat top left;
	-moz-border-radius: 8px; -khtml-border-radius: 8px;	-webkit-border-radius: 8px;	border-radius: 8px;
	}
#latestmusings h2 {padding:0; margin:0 0 10px 0; font-size:1.25em;}
#latestmusings ul {margin-bottom:20px;}
#latestmusings li { border-bottom:1px dotted #D0EFEC;}
#latestmusings li a {color:#20525c; font-size:.9em; padding:8px 10px 8px 10px; display:block; }
#latestmusings li:hover a{background: url(images/bg_box.png) repeat 0 0; color:#fff; }
#latestmusings a:hover .post-info {color:#DBE7E7;}

#latestmusings .post-info {display:block; color:#fff; font-size:0.9em; padding-bottom:3px;}
#latestmusings p.entry-meta {padding-bottom:0;}
#latestmusings a.standout {	
	color:#fff; background-color:#DFB5BB;
	font-weight:bold; font-size:0.85em; text-decoration:none;
	padding:2px 5px;
	}

/* Twitter on home **********/
#twitter {
	background:#D0EFEC url(images/bg_pinkgradient.png) repeat-x top left;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:270px;
	float:left;
	}
#twitter a {color:#20525c;}
#twitter a.standout {	
	color:#fff; background-color:#DFB5BB;
	text-decoration:none; font-weight:bold;font-size:0.85em;
	padding:2px 5px;
	}
#twitterbox {padding:18px 20px; margin: 0; float:left;	}

.tweet {font-size:.78em; margin-bottom:10px;clear:both;}
.tweet .tweet_list, .query .tweet_list {list-style-type: none; padding-bottom:6px;}
.tweet a {padding:0; background:none}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
	text-transform: uppercase;}
.tweet .tweet_list li, .query .tweet_list li {overflow-y: auto; overflow-x: hidden; padding:0;}
.tweet .tweet_time {margin-left:5px; font-size:.85em;}
.tweet .tweet_time a {color:#698F94}
.tweet .tweet_time a:hover {text-decoration:underline;}
.tweet .tweet_list li a, .query .tweet_list li a {font-size:1em; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
		margin:5px 0; padding:5px 0;
		border-bottom:1px dotted #B5CECF;
		border-top:1px dotted #B5CECF;
		}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align: middle; }

.twtr-hd {margin-bottom:10px; }
img.twtr-profile-img  {
	display:block; float:left;
	height:40px; width:40px;
	border:2px solid #7EA9AF;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	}
#twitter a:hover img.twtr-profile-img {border-width:2px;}
.twtr-hd a {padding:0; background:none;}
.twtr-hd h3 {color:#6C9196; background:url(images/logos_sprite.png) no-repeat top left; background-position: 0 -192px; width: 90px; height: 21px; text-indent:-9999px;}
.twtr-hd h4 {font-size:1.1em;}
.twtr-hd h3, .twtr-hd h4 {margin:0 0 0 55px !important;}
/*************************/


#followme {overflow:auto;}
#followme ul {
	height:24px; width:auto; padding:12px;
	background:transparent url(images/bg_box.png) repeat scroll 0 0;
	-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
	}
#followme ul li {display:block; float:left; margin:0; padding:0;}
#followme ul li a {
	display:block; outline:none; height:24px;
	background-image:url(images/followme_sprite.png);
	text-indent:-9999px;
	margin:0 19px 0 0; padding:0;
	}
#followme ul li a:hover {background-image:url(images/followme_sprite_hover.png);}
#followme ul li a:hover {background-position:0 -24px}

#followme ul li.icon-mail a {width:24px; background-position:0 0; }
  #followme ul li.icon-mail a:hover {background-position: 0px -24px}

#followme ul li.icon-twitter a { width:24px; background-position:-24px 0; }
  #followme ul li.icon-twitter a:hover {background-position:-24px -24px;}

#followme ul li.icon-facebook a {width:24px; background-position:-48px 0; }
  #followme ul li.icon-facebook a:hover {background-position:-48px -24px}

#followme ul li.icon-flickr a {width:24px; background-position:-72px 0; }
  #followme ul li.icon-flickr a:hover {background-position:-72px -24px}

#followme ul li.icon-lastfm a {width:24px; background-position:-96px 0; }
  #followme ul li.icon-lastfm a:hover {background-position:-96px -24px}

#followme ul li.icon-linkedin a {width:24px; background-position:-120px 0; margin-right:0; }
  #followme ul li.icon-linkedin a:hover {background-position:-120px -24px}

#myblog {position:absolute; top:-5px; right:5px;}
#myblog a{	
	background-image:none;background-color: #DFB5BB; color:#FFFFFF;
	font: normal 1.2em Museo,"Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: lowercase;
	-moz-border-radius:6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;
	box-shadow: 0 0 10px #354F5F;-moz-box-shadow: 0 0 10px #354F5F;-webkit-box-shadow: 0 0 10px #354F5F;
	border:2px solid #FFFFFF;
	display:block; float:left;
	margin:0; padding:8px 20px;
	}
#myblog a:hover {background-color:#e3bdc4;
	box-shadow: 0 0 6px #E0ECEF;-moz-box-shadow: 0 0 6px #E0ECEF;-webkit-box-shadow: 0 0 6px #E0ECEF;}

/***** FULL BLOG PAGE ****************/
#blog-container {
		background: transparent url(images/bg_sidebar.png) repeat-y top right; 
		margin-top:0; padding:0; color:#C3EDE7;
		position: relative; height:auto; float:left;
		-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;
		width:945px /* changed from auto to pixel width*/; 
		}
#blog {width:630px; padding:30px; margin-right:10px; float:left; position:relative; }
#blog a.bloghome {background:none; padding:0; color:#C3D9D6; font-size:1em; margin-right:10px;}
#blog a.bloghome span a.standout {visibility:hidden; color:#FFDFE3; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:0.5em;left:5px;position:relative;text-transform:lowercase;top:-5px;}
#blog a.bloghome:hover {color:#fff;}
#blog a.bloghome:hover span {visibility:visible;}

#blog h2 a.standout {font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:.5em; padding:1px 4px; margin:0 0 0 15px; position:relative; top:-5px;}

#blog #rss {position:absolute; top:25px; left:510px;}
#blog #rss a {
	background: #DFB5BB url(images/icon_rss_symbol.png) no-repeat 9% 50%; color:#FFFFFF;
	-moz-border-radius:6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
	box-shadow: 0 0 10px #41595F;-moz-box-shadow: 0 0 10px #41595F;-webkit-box-shadow: 0 0 10px #41595F;
	border:2px solid #FFFFFF;
	display:block;	float:left; margin:0; padding:7px 12px 7px 42px;
	font: normal 1.2em Museo, "Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: lowercase; letter-spacing:normal;
	}
#blog #rss a:hover {background-color:#e3bdc4;
	box-shadow: 0 0 6px #E0ECEF;-moz-box-shadow: 0 0 6px #E0ECEF;-webkit-box-shadow: 0 0 6px #E0ECEF;}


/**** BLOG POSTS ****/
a.post-edit-link {float:left; margin-top:10px; background:transparent url("images/bg_links.png") repeat scroll 0 0 !important; padding: 0 4px !important;}
a.comments-link {background:transparent url("images/bg_links.png") repeat scroll 0 0; padding: 0 4px; color:#20525C;}

#post-container {margin:30px; overflow:hidden; position:relative; /*float:left;*/}
#post-container h3 {font-size:1.5em; margin-bottom:15px;}
#blog .posts {position:relative;}
#blog .posts .prev a, #blog .posts .next a {
	background-color: #DFB5BB; color:#FFFFFF;
	-moz-border-radius:5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	box-shadow: 0 0 5px #41595F;-moz-box-shadow: 0 0 5px #41595F;-webkit-box-shadow: 0 0 5px #41595F;
	border:2px solid #FFFFFF;
	font:normal .75em Museo,"Lucida Sans","Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: lowercase;
	margin:0; padding:3px 8px;
	}

#blog .posts .post {
	-moz-border-radius:6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;
	background:url("images/bg_box.png") repeat scroll 0 0 transparent;
	margin-bottom:30px; padding:25px;
	text-align:left;}
#blog .posts .post h2 {margin:0 0 15px 0; padding:0; font: 1.95em/1.2 Museo,"Lucida Sans", "Trebuchet MS",Arial,Helvetica,sans-serif}
#blog .posts .post h2 a {background: transparent none no-repeat scroll 0 0; font-weight:normal; color:#fff; line-height:1.1;padding:0;}
#blog .posts .entry {color:#cfeeea;}
#blog .posts .entry ul {list-style-type: disc; padding-left:40px; margin-bottom:20px;}
#blog .posts .entry ul li {display:list-item;}

#blog .posts h2.pagetitle {font: normal 1.75em Arial, Helvetica, sans-serif; text-transform:none; color:#fff; text-align:center;}
#blog .posts #archive h2.pagetitle {padding:0; margin:0;}

#blog .single .post {text-align: left; margin-bottom:20px; width:580px;}
#blog .single .entry {font-size:1em; line-height:1.4;}

#blog .post h2.normal, h2.pagetitle {font: normal 1.75em Museo,"Lucida Sans", "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:none; color:#fff;}
#blog .post h2 a { text-transform:none; line-height:normal;}
#blog .post h2 a:hover {background-image:none; color:#fff;/*#87A8AC*/}

#blog .post .entry p img, #blog .post .entry object {
	 padding:4px; margin-left:0 auto; border:2px dashed #83A9AF;
	-moz-border-radius:4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;
	}
#blog .post .entry p a img {border:3px solid #7EA9AF; padding:0;}
#blog .post .entry a:hover img {border:3px solid #fff; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}

#blog .post .entry p a {background:none; padding:0; font-size:1em; color:#FFDFE5;}
#blog .post .entry p a:hover {color:#fff;}

#blog .post .entry p a.more-link {background:transparent url("images/bg_links.png") repeat scroll 0 0; padding: 0 4px; color:#20525C;}
#blog .post .entry p a.more-link:hover {color:#20525C;}

#blog .post .entry h1 {font: normal 1.45em Arial, Helvetica, sans-serif; margin:0 0 8px 0}
#blog .post .entry h2 {font: normal 1.2em "Lucida Sans", Arial, Helvetica, sans-serif; text-transform:none; margin:0 0 8px 0; padding:0;}
#blog .post .entry h3 {font: normal 1em Arial, Helvetica, sans-serif; margin:0 0 4px 0;}

#blog .post small {color:#fff; font-weight:normal; display:block; margin-bottom:25px;}
#blog .post .category a {color:#FFDFE3; background-image:none; padding:0; font-size:1em;}
#blog .post .category a:hover {color:#fff;}

#blog .post .standout {
	color:#fff; background-color:#DFB5BB;background-image:none;
	text-decoration:none;
	font-weight:bold;font-size:1em;
	padding:1px 4px;
	}

#blog .post .entry a.download {
	-moz-border-radius:6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;
	box-shadow: 0 0 10px #41595F;-moz-box-shadow: 0 0 10px #41595F;-webkit-box-shadow: 0 0 10px #41595F;
	border:2px solid #FFFFFF;
	font:bold 1.1em "Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: none;
	margin:5px 20px; padding:8px 25px 8px 50px;
	background: #DFB5BB url(images/icon_download_24.png) no-repeat 9% 50%; color:#FFFFFF;
	vertical-align:middle; float: left;
	}
#blog .post .entry a.download:hover {background-color:#e3bdc4; -moz-box-shadow:0 0 5px #fff; box-shadow:0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff;}

#blog .post .date {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: -1px 0 5px #7E9EA5;-moz-box-shadow: -1px 0 5px #7E9EA5;-webkit-box-shadow: -1px 0 5px #7E9EA5;
	background-color:#9DBFC0;color:#FFFFFF;
	width:30px; float:left; margin-left:-95px; padding:5px;
	font-size:0.8em; font-weight:bold; text-align:center;
	}

.post .postdata {float:left; /*width:630px;*/}
.post .tags {
	display:block; clear:both;
	font-size:0.8em; color:#fff;
	margin:0; padding:10px 6px;
	text-align:left;
	}
.post .tags b {background:transparent url(images/icon_tag.png) no-repeat left center; padding-left:12px;}
.post .tags a {background:none; padding:0; color:#FFDFE3;}
.post .tags a:hover {color:#fff;}

.post-thumb {float:left; width:auto; margin-right:15px;}

.entry {color:#cfeeea; font-weight:normal;  font-size:1.05em; margin-bottom:30px; line-height:1.3; }
.entry object {margin: 0 auto; display:block;}
.entry-meta abbr.published {color:#fff; font-size:.75em;}
.entry-title {margin:3px 0 4px 0;}

h3.entry-title a {
	color:#20525c;	background:url(images/bg_links.png) repeat;
	text-decoration:none;
	font-weight:bold; font-size:.9em;
	padding:0 4px;
	}
.entry-content {font-size:.75em; line-height:1.4em;	margin-bottom:15px;	}
.entry-content p {padding-bottom:10px;}
.entry-content a {
	color:#20525c;
	text-decoration:underline;
	font-weight: normal; font-size:1em;
	background:none;
	padding:0;
	}
.entry-content a.standout {
	color:#fff;
	background-color:#c99ca3; background-image:none;
	text-decoration:none;
	font-weight:bold;
	padding:1px 4px;
	font-size:1em;
	}

.gallery {width:525px; margin:0 auto;}
.gallery br {display:none;}
.gallery-item {margin:8px; width:auto; float:left;}
.gallery-icon {}
.gallery-icon a {background:none; float:left; padding:0;}
.gallery-caption {}


/* Begin Sidebar */
.widget {margin-bottom:25px; float:left; width:100%}
h2.widgettitle {color:#41677E; font-size:1em !important; padding-bottom:8px;}

#sidebar {
	float:left; width:245px; height:100%;
	-moz-border-radius:10px; khtml-border-radius:10px; webkit-border-radius:10px; border-radius:10px;
	}
#sidebar-contents {padding:30px;-moz-border-radius:10px; khtml-border-radius:10px; webkit-border-radius:10px; border-radius:10px;}

#sidebar #followme {margin-bottom:20px;}
#sidebar #followme h2 {font-size:1em;}
#sidebar #followme ul {padding:10px;}
#sidebar #followme ul li a {margin:0px 1.5px;}

.widget_categories {margin-bottom:25px !important;}
.widget_categories .cat-item {margin:0;}
.widget_categories a {display:block; padding:4px 5px 4px 10px; border-bottom:1px dotted #B5CECF; background:none; color:#20525C;}
.widget_categories a:hover {background-color:#DFB5BB; color:#fff;}
.widget_categories .current-cat a {background-color:#DFB5BB; color:#fff;}

#ilast-fm .widgettitle {line-height:1.2; background: url(images/logos_sprite.png) no-repeat; background-position:85px -107px;  }
#ilast-fm .widgettitle:hover {background-image: url(images/logos_sprite.png); background-position: 85px -44px; }
#ilast-fm a.loved {display:block; background-color:#DFB5BB; background-image:none; color:#FFFFFF;font-size:0.71em; padding:2px 5px; margin: 8px 0 0 0px; text-transform:lowercase;}

#ilastfm_display li {margin-bottom:5px !important; padding-left:25px !important;  background:transparent url(images/loved_tracks_hover.png) no-repeat 0 0; }
#ilastfm_display li:hover {background-image:url(images/loved_tracks.png);}
#ilastfm_display a {font-size:.8em; padding:0; background:none; margin:0; color:#20525C;}
#ilastfm_display a:hover .lastfm_artist {/*color:#DC1303;*/}
#ilastfm_display .lastfm_artist {display:block; line-height:1.4;}
#ilastfm_display .lastfm_music {display:block; font-weight:normal; font-size:.85em; color:#628D8F; line-height:1;}


#googlefriend {-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; background-color:#9DBFC0; padding:5px;}

/* End Sidebar */



#wrapper {width:945px; margin:0 auto;}
#gradient {background:url(images/bg_gradient_footer.png) repeat-x bottom center; padding-bottom:25px; overflow:hidden;}

#copyright {width:640px; margin:0 auto; float:right; text-align:center;}
#copyright p {font:normal .75em Tahoma, Arial, Helvetica, sans-serif; color:#2b5760; padding:20px 0 0 0px;}
#sub #copyright p {text-align:center; padding:25px 0 0 0;}
#sub #copyright {width:945px;}
#copyright a {background:none; padding:0; margin:0; font-size:1em; color:#537d8a; font-weight: bold;}

#footer {color:#7ea9af; background: #53757f url(images/bg_footer.gif) repeat-x top center; float:left; width:100%; padding-bottom:20px; /*height:300px;*/}
#footer .container {background:url(images/bg_footer_circles.gif) no-repeat 20px 0; overflow:auto; margin:0 auto; float:none}

#footer h3 {color:#7ea9af; font: bold 1em  "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:.3em; margin-bottom:10px;}
#footer a {color:#c3ede7; background:none; padding:0; margin:0; font-weight: bold;}
#footer a:hover {color:#abcccc;}
#footer a.chatback {margin-left:-10px;}

#footer #left, #footer #middle, #footer #right {margin-top:30px;}
  #footer #left {width:275px; float:left;}
  #footer #middle {width:400px; float:left;}
  #footer #right {width:270px; float:left;}
  
  #footer #googlefriend {margin-top:30px; padding:0 0 0 20px;}
  #footer #flickrstream {padding:0 0 0 25px;}
    #footer #flickrstream p {margin-top:5px;}
	#footer #flickrstream h3 span {
		background: transparent url(images/logos_sprite.png) no-repeat 0 0; background-position: 0 0; width: 53px; height: 16px; 
		text-indent:-9999px; display:block; float:left; margin-right:12px;
		}
  #footer #contactme {padding:0 0 0 60px;}
    #footer #contactme p {padding:0;}
	#footer #contactme .chatback {position:relative;}
  #footer #subscribe {padding:0 0 0 60px;}

  #footer a img {
	border:2px solid #7ea9af; margin:3px; padding:0; -moz-border-radius: 3px;
	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	}
    #footer a:hover img {border:2px solid #c3ede7;}

  #footer #subscribe {margin-top:30px;}
  #footer #subscribe .rss {background: url(images/icon_rss_sm.png) no-repeat left center; padding-left:22px}


/* Begin Images */
p img {	padding: 0;	max-width: 100%;}


a img.centered, img.centered, #blog .post .entry p a img.centered  {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */



/* Begin Lists*/
.entry ul li:before, #sidebar ul ul li:before {/*content: "\00BB \0020";*/}
.entry ol {padding: 0 0 0 35px;	margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {
	display: inline; list-style-type: none;	list-style-image: none;	}

#sidebar ul, #sidebar ul ol {margin: 0;	padding: 0;}

#sidebar ul p, #sidebar ul select {font-size:0.75em;margin:0;padding:2px;width:100%;}
#sidebar ul ul, #sidebar ul ol {margin: 0px;}
#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:0; padding: 0; display:block;}
/* End Entry Lists */



/* Begin Form Elements */
.intouch {width:500px;}
.intouch input {
	font: normal 1em Arial, Helvetica, sans-serif; color:#004F5A;
	padding:3px; margin:3px 0 5px 0; border:none; 
	background: #77999F url("images/hr.png") repeat-x left bottom;
	}
.intouch div.inputfield textarea {
	width: 50%; clear: left;
	font: normal 1em Arial, Helvetica, sans-serif; color:#004F5A;
	padding:3px; margin:3px 0 5px 0; border:none;
	background: #77999F url("images/hr.png") repeat-x left bottom;
	}
.intouch label {clear: left; display: inline;}
.intouch label span {color:#E7C3C9;}
.intouch br {display: none;}
.intouch div.inputfield {padding: 4px 0px;}
.intouch div.inputfield input, .intouch div.inputfield textarea {clear: left; display: block; width:100%;}
.intouch div.inputfield input {width: 100%;}
.intouch div.inputfield input.submitbutton {
	clear: left; width: auto;
	padding: 2px 6px;
	background:#DFB5BB none; color:#FFFFFF;
	border:2px solid #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	-moz-border-radius: 6px; -khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;
	box-shadow: 0 0 10px #41595F;-moz-box-shadow: 0 0 10px #41595F;-webkit-box-shadow: 0 0 10px #41595F;
	cursor:pointer;
	}
.intouch div.inputfield input.submitbutton:hover {background-color:#E3BDC4}
.intouch div#usermessage {margin-bottom: 10px; color:#FFDFE6;}
.intouch .error {border-bottom: 2px solid #FBD5D8 !important; background-color:#9BBABF !important; background-image:none !important;}

select {width: 130px;}

#commentform input {width:170px; padding: 2px;	margin: 5px 5px 1px 0;}
#commentform label {float:none;}
#commentform {margin: 5px 10px 0 0; float:left;}
#commentform textarea {	width: 100%; padding: 2px;}
#commentform p {margin: 5px 0; padding-bottom:8px;}

	/*comment form for replies inside the thread*/
	.comment #respond {
			background-color:#324B5C; 
			margin:10px 0 0 0px; padding:15px; 
			-moz-border-radius:9px; -khtml-border-radius:9px; webkit-border-radius:9px; border-radius:9px;
			}
	/*comment form at bottom of post*/
	#respond { background-color:#324B5C; 
			margin:0px; padding:20px; overflow:hidden;
			-moz-border-radius:9px; -khtml-border-radius:9px; webkit-border-radius:9px; border-radius:9px;}

#respond h3 {font-size:1.3em;}
#respond #cancel-comment-reply-link {float:right; padding-right:18px; font-size:1em; text-decoration:underline; color:#fff; background: transparent url(images/icon_close.png) no-repeat center right;}

#respond:after {
		content: "."; display: block; 
	    height: 0; clear: both; visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;padding: 2px 6px;
	float: right; width: auto;
	background:#DFB5BB none; color:#FFFFFF;
	border:2px solid #FFFFFF;
	font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	-moz-border-radius: 6px; -khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;
	}
#commentform #submit:hover {background-color:#CFA8AF}

#commentform code {color:#fff;}
/* End Form Elements */


/* Begin Comments*/
.alt {margin: 0; padding: 10px;}

h3#comments {margin-bottom:10px; font-size:1.3em; float:left;}
h3#comments span {font:bold 1.2em 'Arial Black', Tahoma, Arial, Helvetica, sans-serif;}
h3#comments a.standout {padding:2px 6px 3px 6px; margin-left:5px;}
.commentlist {padding: 0;}
.commentlist em {color:#E1C4C7;}
.commentlist li {
	background: transparent url("images/bg_box.png") repeat 0 0;
	list-style:none;
	margin:18px 0;	padding:20px; overflow:auto;
	-moz-border-radius: 9px;-khtml-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;
	}
.commentlist li.bypostauthor { background-image: url("images/bg_box_pink.png"); color:#fff;}

.commentlist li ul li { margin-bottom:0;/*margin-right: -5px;	margin-left: 10px;*/}
.commentlist p {margin: 10px 5px 10px 0; padding: 0 0 10px 0;}
.commentlist .hr {	margin-top:10px; margin-bottom:12px;position:relative;	z-index:-1;}

.commentlist .comment-reply-link {background-color:#DFB5BB; color:#fff; background-image:none; padding:2px 6px;}

.children { padding: 0; }

.nocomments {text-align: center; margin: 0;	padding: 0;}
	
cite.fn {font-weight:bold; font-size:1em; color:#fff; text-transform:uppercase; font-family:'Arial Black', Tahoma, Arial, Helvetica, sans-serif;}
cite.fn a {background:none; font-size:1em; padding:0; color:#D1EFEC;}
cite.fn a:hover {color:#fff;}
.commentmetadata {margin: 0; display: block; float:right;}
.comment-content {color:#fff; font-size:.9em; line-height:1.4;}
.timestamp {font-size:.7em;}

img.avatar {margin-right:5px;-moz-border-radius:4px; -khtml-border-radius:4px; webkit-border-radius:4px; border-radius:4px; padding:3px; background-color:#90AFB2; vertical-align:middle;}
/* End Comments */


/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px; margin: 10px;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	}

.wp-caption img {margin: 0;	padding: 0;	border: 0 none; }
.wp-caption a img, #content .wp-caption a img, #content .wp-caption a:hover img, #blog .post .entry .wp-caption a:hover img {border:none; margin:0; padding:0; -moz-box-shadow: 0 0 0; box-shadow:0 0 0; -webkit-box-shadow: 0;}

.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px; padding: 0 4px 5px;margin: 0; color:#324B5C}
/* End captions */


/** PLUG-IN STYLES ***********/
	/* Sociable Plugin */
	div.sociable {
		background:transparent url("images/bg_mintbox.png") repeat 0 0;
		margin:0; width:580px;	float:left;	text-align:left;	
		-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
		}
	
	.sociable_tagline { float:left;  padding:13px 5px 12px 15px; vertical-align:middle; color:#fff; /*font: bold 0.85em 'Arial Black', Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase;*/ }
	span.sociable_tagline { position: relative;}
	span.sociable_tagline span { display: none; width: 14em; }
	span.sociable_tagline:hover span {
		position: absolute;	display: block;
		top: -5em;
		background: #ffe;
		border: 1px solid #ccc;
		color: black;
		line-height: 1.25em;
		}
	.sociable span {display: block;}
	.sociable ul {float:left; padding:10px; position:relative;}
	.sociable ul li {
		background: none;
		display: inline !important; float:left;
		list-style-type: none;
		margin: 0 8px;	padding: 0;
		position:relative;
		}
	.sociable ul li:before { content: ""; }
	.sociable ul li a {
		background:none; margin:0; padding:0px; vertical-align:middle; float:left; 
		-moz-box-shadow:1px 2px 3px #6F9499; box-shadow: 1px 2px 3px #6F9499; -webkit-box-shadow: 1px 2px 3px #6F9499;
		}	
	#content .sociable a img {
		float: none;
		border-width:0;
		margin: 0; padding: 0;
		vertical-align:middle;
		}
	.sociable-hovers {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
	.sociable-hovers:hover {opacity: 1;	-moz-opacity: 1; filter: alpha(opacity=100);}


@media print {
	.sociable, #respond, #sidebar {display:none;}
	}

