/* @override 
	http://wordpress.mu/markcastro/wp-content/themes/me/style.css
	http://markcastro.net/wp-content/themes/me/style.css
*/

/*  
Theme Name: Me
Theme URI: http://markcastro.net/
Description: Designed by <a href="http://markcastro.net">Mark Castro</a> Inspire by MobileMe. Author: Mark Castro
Author URI: http://markcastro.net/
*/

body { background: #FFFFFF; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 1em; line-height:1.5em; padding: 0px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color: #2f95ce; border: 0px; }
a:active { text-decoration: underline; color : #2f95ce; border: 0px; }
a:visited { text-decoration: none; color : #2f95ce; border: 0px; }
a:hover	{ text-decoration: underline; } 
a:focus { outline: none; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.HBG {
	background: #2f4569 url(images/hbg.png) repeat-x;
	height: 44px;
	float: left;
	position: relative;
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
}

.Header { 
	margin: 0 auto;
	position:relative;
	height: 44px;
	padding: 0 20px;
	font-family:"Lucida Sans","Lucida Grande",Verdana,Arial,sans-serif;
	color: #fff;
	min-width: 950px;
}

.Header-Left{
	float: left;
	width: 100%;
	margin-right: -390px;
	height: 44px;
}

.Header-Right{
	float: right;
	width: 365px;
	height: 44px;
	background: url(images/hbg_divider.png) no-repeat left;
}

.Header a{
	color: #fff;
	text-decoration: none;
}

#homelink{
	float: left;
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#homelink a{
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0 -1px 1px;
}

#homelink a:hover{
	text-shadow: #3dd5ff 0px 0px 2px;
}

.white-divider{
	background-image: url(images/hbg_whitedivider.gif);
	height: 25px;
	width: 1px;
	float: left;
	margin: 8px 20px 0;
}

/* Nav */

ul#buttons{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul#buttons li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

ul#buttons a {
	float: left;
	margin: 3px 1px;
	padding: 35px 0 0 0;
	overflow: hidden;
	width: 43px;
	height: 0px !important; 
}
	
#buttons #home a{
	background: url(images/nav_icons.png) no-repeat 0 0;
}

#buttons #home a:hover{
	background-position: 0 -35px;
}

#buttons #tumblr a{
	background: url(images/nav_icons.png) no-repeat -43px 0;
}

#buttons #tumblr a:hover{
	background-position: -43px -35px;
}

#buttons #twitter a{
	background: url(images/nav_icons.png) no-repeat -86px 0;
}

#buttons #twitter a:hover{
	background-position: -86px -35px;
}

#buttons #facebook a{
	background: url(images/nav_icons.png) no-repeat -129px 0;
}

#buttons #facebook a:hover{
	background-position: -129px -35px;
}

/* Secondary Nav */

ul#secondary-nav{
	list-style: none;
	padding: 0;
	margin: 14px 35px 0 0;
	float: right;
	text-shadow: #000 0 -1px 1px;
	font: bold 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#secondary-nav li a{
	padding: 5px 12px;
}

ul#secondary-nav li a:hover{
	border: 1px solid #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url(images/secondary_hoverbg.png);
	padding: 5px 11px 5px;
}

#secondary-nav li{
	display: inline;
}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Search{
	float: right;
	margin-top: 10px;
}


input#searchfield {
	background: url(images/searchbg.png) no-repeat left -1px;
	width: 129px;
	margin: 0 0 0px 0;
	border: 0;
	padding: 4px 15px 5px 28px;
	font-size: 11px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	outline: none
}


/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CONBG { width: 100%; float: left;
}
.CON { position: relative; margin: 0 auto; padding: 40px 20px 20px; min-width: 950px; 
min-height: 500px;
}

#body-blog .CON{
	background: url(images/sidebarbg.gif) repeat-y right;
}

/* @end */



/* @end */

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 60%; float: left; padding: 0px 0px 20px 0px;}
.SCS h1, .SC h2 { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;}
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS { padding: 0px; font-size: 11px; line-height: 1.4em ; color:#63565f;}
.SCS p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 16px; color:#63565f; }
.SCS blockquote { padding: 5px 25px; margin: 0px; color:#993366; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc99cc; border-bottom: dashed 1px #cc99cc; }
.SCS blockquote p { font-size: 13px; padding: 5px 0px; margin: 5px 0px; line-height: 18px; color:#993366; }
.SCS blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 13px; line-height: 18px; color:#993366; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { 
	width: 100%; 
	float: left; 
	padding: 0px 0px 20px 10px;
	margin-right: -390px;
	background: none;
}

.SC_inner{ 
	margin-right: 390px;
	background: none;
}

.SC h1 {

}

.SC h2 { padding: 0; border: none; }

.pagetitle { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 15px 0px; position: relative; clear: left;}
.PostHead h1 { font-size: 1.2em; line-height: 18px; margin: 10px 0 8px;}
.PostHead h1 a { color: #000000; text-decoration: none;
}
.PostHead h1 a:hover { text-decoration: underline;}

.PostTime { padding: 4px 0px; margin: 0px; font-size: 0.7em; color:#777; position: absolute;  top: 0px;}

.PostContent { padding: 10px 0px 0px 0px; font-size: 0.8em; line-height: 1.4em ; color:#333333;}
.PostContent p { line-height: 1.5em; color: #333333;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 13px; line-height: 15px}
.PostContent ul { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 2px; font-size: 13px; line-height: 15px; }
.PostContent blockquote { padding: 5px 0px; margin: 0px; color: #250c19; font-style: italic; border-top: dashed 1px #b0b0b0; border-bottom: dashed 1px #b0b0b0;
}
.PostContent blockquote p { font-size: 13px; padding: 3px 0px; margin: 3px 0px; line-height: 15px; }
.PostContent blockquote li { padding: 2px 0px 2px 15px; font-size: 13px; line-height: 15px; color:#250c19; }
.PostContent a:hover { text-decoration: underline;}

.PostCom { padding-top: 15px;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 24px; margin: 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; background: url(images/PostCom.png) no-repeat left center; } 
.PostCom li a { text-decoration: underline; } 

.right{
	float: right;
}

.alignright{
	float:right;
}

.alignleft{
	float: left;
}

.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto;
}



.blueborder{
	border-style: solid;
	border-width: 1px;
	color: #cdd6eb;
	padding: 5px;
	margin: 5px;
}

.nopadding{
	padding: 0px;
	margin: 10px;
}

.margin{
	padding: 10px;
}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.NavEnd { background: url(images/NavEnd.gif) no-repeat left top; width: 15px; height: 33px; position: absolute; top: 0px; margin: 0px; right: 0px;}

.Nav { font-size: 11px; background: #cde7f7 url(images/NavLeft.gif) no-repeat left top; padding: 9px; color:#003366; position: relative;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666666; border-right: solid 1px #91bdd8; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; font-size: 11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;}
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 65px 5px 10px 5px; margin: 0px 0px 10px 0px; list-style-type: none;}
.List .ComListLi { background: #c6e7ff; }
/**/ * html .List .ComListLiTop { left: -5px;} /**/ 
.List .ComListLiTop { position: absolute;  height: 38px; width: 100%; left: 0px; top: 5px; padding:15px 0px 0px 0px;}

.List .ComListLiTopLeft { position: absolute; width: 100%; height: 9px; left: 0px; top: 0px;background: url(images/ComListLiTopLeft.gif) top left no-repeat;}

.List .ComListLiTopRight{ background: url(images/ComListLiTopRight.gif) top right no-repeat; height: 9px;
}

.List .ComListLiBottomLeft { position: absolute; width: 100%; height: 13px; left: 0px; bottom: 0px;background: url(images/ComListLiBottomLeft.gif) top left no-repeat; }

.List .ComListLiBottomRight{ position: absolute; width: 100%; height: 13px; left: 0px; bottom: 0px;background: url(images/ComListLiBottomRight.gif) top right no-repeat; }

.List .ComListLiBottomCenter{
	position: absolute; width: 100%; height: 13px; left: 0px; bottom: 0px; background: url(images/ComListLiBottomCenter.gif) repeat-x; 
}


/**/ * html .List .ListNr { right: 25px;} /**/ 
.List .ListNr { color: #8ac8f0; position: absolute; top: 20px; font-size: 28px; line-height: 28px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; right: 25px; }

/**/ * html .List .ListGrav { left: 10px;} /* */ 
.List .ListGrav { position: absolute; top: 15px; left: 15px;}
.List .ListGrav img { border: solid 1px #fff;}

.List big { margin: 0px; padding: 2px 0px 2px 55px; font-size: 14px; line-height: 14px; letter-spacing: -1px; color: #575d7e; font-weight: bold; display: block; font-family: 'Arial';}
.List small { color: #6ea2c5; padding: 2px 0px 2px 55px; margin: 0px; font-size: 11px; }
.List small a { color: #6ea2c5; text-decoration: none;}
.List small a:visited { text-decoration: none;}

.List .ListContent { padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff; display: block;}

.List .ComListContentTopLeft{
	background: #fff url(images/ComListContentTopLeft.gif) no-repeat top left; height:9px;margin: 0px 0px 0px 0px;
}

.List .ComListContentTopRight{
	background: url(images/ComListContentTopRight.gif) no-repeat top right; height:9px;
}

.List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; }
.List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; }
.List .ListContent ul { padding: 0px; margin: 0px; }
.List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .ComFormTopLeft, .SC .ComFormTopLeft{
	background: #f9c6c6 url(images/ComFormTopLeft.gif) no-repeat top left; height:10px; margin: 0px 0px 0px 0px;
}
.Comments .ComFormTopRight, .SC .ComFormTopRight{
	background: url(images/ComFormTopRight.gif) no-repeat top right; height:10px;
}

.Comments .ComFormBottomLeft, .SC .ComFormBottomLeft{
	background: #f9c6c6 url(images/ComFormBottomLeft.gif) no-repeat top left; height:10px;margin: 0px 0px 0px 0px;
}
.Comments .ComFormBottomRight, .SC .ComFormBottomRight{
	background: url(images/ComFormBottomRight.gif) no-repeat top right; height:10px;
}

.Comments .Form{ background-color: #f9c6c6; padding: 5px 15px 10px 15px; position: relative;}

.Comments .Form form, .contactform {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#330000; }
.Comments .Form p small strong, .contactlabel em { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small, .contactlabel { font-size: 13px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 2px #e2a3a3; padding: 6px; font-size: 12px; display: block; width: 95%;}
.Comments .Form .TextArea{ background: #fff; border: solid 2px #e2a3a3; padding: 6px; font-size: 12px; width: 95%;}

.Comments .Form input.SubmitComment { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 355px; float: right; position: relative; padding: 0px 0px 20px 0px;
}
.SR h2 { font-size: 14px; letter-spacing: -1px; font-weight: bold; background: url(images/SRH3.png) repeat-x left bottom; color:#666; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: dashed 1px #efe4e4; }
.SR h3 { font-size: 14px; letter-spacing: -1px; font-weight: bold; background: url(images/SRH3.png) no-repeat left center; color:#666; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: dashed 1px #efe4e4; }


.SR ul { margin: 0px; padding: 0px;}
.SR li { margin: 0px;  list-style-type: none; border-bottom: dashed 1px #efe4e4; font-size: 11px;}
.SR li a { color:#475caf; }
.SR li a:visited { color:#475caf; }
.SR li a:hover { text-decoration: underline;}

/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
div#twitter_div  { background: url(images/twitter-birds.png) no-repeat left top; min-height:75px !important; height:100%; margin: 10px 0 10px 10px; }
h3.tweet a { color:#2f95ce;}
div#twitter_div li { margin:0; width:263px; color: #000; float:right; background:none;
	padding: 5px 8px 5px 5px;
	font: 14px/20px georgia, times;
}
li.aktt_more_updates { display: none; }
div#twitter_div a { color:#2f95ce; text-decoration:none; }
div#twitter_div a:hover { text-decoration: underline; }

div#twitter_div a.timestamp { float: right; color:#8C2947; text-decoration:none; font-size:10px; }

div#twitter_div a.mini_rss { float:right; margin-right:35px; margin-top:120px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif);	 border:0; }
div#sidebar div#twitter_div a.mini_rss:link, div#sidebar div#twitter_div a.mini_rss:visited { background-position:0 0; }
div#sidebar div#twitter_div a.mini_rss:hover { background-position:0 -20px; }


/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRL { width: 160px; float: left; padding-left: 15px;}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width: 160px; float: left; padding-left: 10px; margin-top: 20px;}



/* del.icio.us +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.simplepie h3 a {color:#666;}



/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categ {}

.Categ ul { margin: 0px; padding: 0px;}
.Categ ul li{ margin: 0px; list-style-type: none; font-size: 11px; border-bottom: dashed 1px #efe4e4; color:#999;}
.Categ ul li a { color:#475caf;}
.Categ ul li a:visited { color:#475caf;}
.Categ ul li a:hover { color:#1a1a3c;}

.Categ ul ul { margin: 4px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;}
.Categ ul li li { margin: 0px; padding: 0px 6px; list-style-type: none; background: none; border-bottom: none; font-size: 9px; }
.Categ ul li li a { color:#565c7c;}
.Categ ul li li a:visited { color:#565c7c;}
.Categ ul li li a:hover { color:#1a1a3c;} 

/* Flickr - JS alternative ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#flickr_recent_photos{
	margin: 8px 0 0px 11px;
}

#flickr_recent_photos { margin-top: 10px ;margin-bottom: 30px;}


#flickr_recent_photos #flickr_badge_wrapper .flickr_badge_image{
	height: 75px;
	width: 75px;
	float: left;
	margin: 10px 5px;
}


/* Tumblr - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#tumblr_recent_photos{
	margin: 8px 0 0px 11px;
}

.SideTop { margin-bottom: 30px;}

.SideTop h3 { background: none; margin: 0px 0 0 15px; color: #666; letter-spacing: -1px; font-size: 14px; font-weight: bold;}
.SideTop h3 a {color: #0036e9;}
.SideTop li { padding: 0px; margin: 0px 4px 0px 4px;
display: inline;
}

.SideTop .tumblr_image_item{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	height: 75px;
	width: 75px;
	float: left;
	margin: 0 5px;
	-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
}

.SideTop .tumblr_image_item:hover{
	opacity: 0.8;
}

/* Extra ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.EBG { background: #ecedee url(images/about_extra_bg.gif) repeat-x top; width: 100%; float: left; border-top: solid 1px #ecdce3; border-bottom: solid 1px #ecdce3; padding: 3px 0 20px 0px;}
.Extra { width: 900px; margin: 0 auto;}

/* About Page  - Plugins ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Cols { width: 280px; float: left;}
.Cols h3 { font-size: 11px; margin: 0px; color: #5e5e5e; padding-bottom: 10px; text-align: center;}
.Cols ul { margin: 0px; padding: 10px 0px 0px 0px;}
.Cols li { color:#333366; font-size: 11px; font-size: 11px; line-height: 20px;
}
.Cols li a { font-size: 11px; font-weight: normal; color:#475caf;}

/* About Page +++++ */

#body-about .CON{
	background: #f4f5f5;
	min-height: 320px;
}

.About-Content{
	margin: 0 auto;
	width: 80%;
	position: relative;
	font-size: 13px; line-height: 1.4em;
	margin-bottom: 40px;
	margin-top: 30px;
}

.About-Content img.about-me-pic{
	float: right;
	margin: 0 0 15px 15px ;
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, 0.3)));

}

#about-site{

}

.About-Content h1{
	display: none;
}

#about-site .largetext{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
}

#about-site sup{
	font-size: 9px;
}

#body-about .citation{
	color: #36b;
	font-style: italic;
}

#about-photo{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #e2dadc;
	padding: 5px;
}

.About-Flickr-Div{
	width: 250px;
	margin: 30px 0 0 40px;
}

.About-Flickr-Div p{
	padding-top: 20px;
}

#flickr_badge_wrapper .flickr_badge_image{
	float: left;
	margin: 15px;
	-box-shadow: 0px 0px 3px 1px #a9a9a9;
	-webkit-box-shadow: 0px 0px 3px 1px #a9a9a9;
	-moz-box-shadow: 0px 0px 3px 1px #a9a9a9;
	-webkit-transition-duration: 0.5s;
}

#flickr_badge_wrapper .flickr_badge_image:hover{
	-box-shadow: 0px 0px 3px 1px #3dd5ff;
	-webkit-box-shadow: 0px 0px 10px 1px #3dd5ff;
	-moz-box-shadow: 0px 0px 3px 1px #3dd5ff;
}

.Cols a{
	font-size: 0.75em;
}

.Cols p{
	margin: 0;
}

ul.About-Delicious{
	margin-top: 20px;
}


.About-Flickr-Link{
	margin: 10px 0 10px 0;
	background: url(images/FlickrH3.gif) no-repeat 0 50%;
	padding-left: 25px;
}


.About-Delicious-Link{
	margin: 10px;
	background: url(images/icon_delicious.gif) no-repeat 0 50%;
	padding-left: 25px;
}

.About-Lastfm-Link{
	margin: 10px;
	background: url(images/icon_lastfm.gif) no-repeat 0 50%;
	padding-left: 25px;
	padding-bottom: 1px;
}

#lastfmrecords ol{
	padding: 0;
}

#lastfmrecords li{
	list-style-type: none;
	padding: 0px;
	display: inline;
	background: none;
}

#lastfmrecords img{
	width: 75px;
	height: 75px;
	margin-right: 10px;
	-box-shadow: 0px 0px 3px 1px #a9a9a9;
	-webkit-box-shadow: 0px 0px 3px 1px #a9a9a9;
	-moz-box-shadow: 0px 0px 3px 1px #a9a9a9;
}

#lastfmrecords img:hover{
	-box-shadow: 0px 0px 3px 1px #3dd5ff;
	-webkit-box-shadow: 0px 0px 10px 1px #3dd5ff;
	-moz-box-shadow: 0px 0px 3px 1px #3dd5ff;
	-webkit-transition-duration: 0.5s;
}

#lastfmrecords{
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 15px;
}

.lastfm-link{
	display: block;
}

.lastfm-timestamp abbr{
	color: #9c9c9c;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	border-bottom: none;
}

li.lastfm-item{
	list-style: none;
	line-height: 15px;
}

/* Portfolio ++++++++++++++++++++++ */

#body-portfolio .CON{
	margin: 0 auto;
	width: 100%;
	min-height: 350px;
	padding: 40px 0 20px 0;
}

#wrap{
	width: 1000px;
	text-align: center;
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#carousel{
	width: 10000px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}

#carousel li.MainImage{
	height: 400px;
	width: 1000px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	overflow: hidden;
}

#carousel .Caption{
	position: relative;
	top: -25px;
}

#carousel .CaptionTitle{
	font-size: 18px;
	color: #35383d;
	font-weight: bold;
	margin-bottom: 18px;
}

#carousel .CaptionText{
	margin-left: 100px;
	text-align: left;
	float: left;
	width: 480px;
}

#carousel .CaptionText p{
	margin: 0;
	font-size: 13px;
}

#carousel p.tags{
	padding-left: 20px;
	background: url(images/icon_tag.png) no-repeat 0 0;
	font-size: 12px;
	color: #7f7f7f;
	font-style: italic;
	margin-top: 5px;
}

.CaptionLinks{
	text-align: left;
	float: right;
	margin-right: 150px;
}


.CaptionLinks li{
	list-style-type: none;
	font-size: 0.75em;
	line-height: 20px;
}

.CaptionLinks a{
	padding-left: 22px;
	background: url(images/icon_arrow.png) no-repeat 0 0;
}



#CarouselBg{
	background-image: url(images/PortHorizon.png);
	background-repeat: no-repeat;
	background-position: center 210px;
}



.Portfolio-Strip{
	clear: both;
	margin: 0;
	background: #dfe1e2 url(images/grey_2tone.gif) repeat-x 0 top;
	height: 74px;
	border-bottom: 1px solid #bec3c7;
}


.Gallery-Thumbs{
	text-align: center;
	margin: 0px;
}

.Gallery-Thumbs li{
	display: inline;
	list-style: none;
	margin: 0 10px;
}

.Gallery-Thumbs .inactive{
	padding:  19px 2px 12px 3px;
	background: url(images/PortThumbBorder.png) no-repeat;
	cursor: pointer;
}

.Gallery-Thumbs .active{
	padding:  19px 2px 12px 3px;
	background: url(images/PortThumbBorder_selected.png) no-repeat;
	cursor: pointer;
}

.Portfolio-Content-Wrapper{
	background-color: #f4f5f5;
}

.Portfolio-Content{ 
	width: 900px;
	margin: 0 auto;
	font-size: 1em;
}

.Portfolio-Content h1{
	margin-top: 30px;
	font-size: 1em;
}

.Portfolio-Content p{
	font-size: 0.75em;
	line-height: 21px;
}

.Col{
	width: 250px;
	margin: 0 0 0 40px;
	float: left;
	margin-bottom: 50px;
}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { background: #fff; width: 100%; float: left; padding: 10px 0px;
	border-top: 1px dashed #e0e0e0;
}
.Footer { width: 860px; margin: 0 auto; background: url(images/FooterIco.png) no-repeat left center; padding: 10px 0px 10px 40px;}
.Footer p { font-size: 10px; color:#706c79; padding: 0px; margin: 0px;
	line-height: 15px;
}
.Footer a { color:#706c79; text-decoration: underline;}

.clear{
	clear: both;
}

/* My Comment */