@charset "UTF-8";
@import url("/site/typography_css");
/* CSS Document */

* { margin:0; padding:0; list-style:none; text-decoration:none; }
img { border:none; display:block; }
#skip {
	position:absolute;
	text-indent:-9999px;
	width:1px;
}

html {
	background:url(/images/bg_repeat.png) #4d5e60 repeat-y center top;
}

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color:#cbcbcb;
	background:url(/images/top_bg.png) no-repeat top center;
}

/*----- Wrapper -----*/
#wrapper {
	width:960px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

/*----- Header -----*/
#header {
	width:960px;
	height:44px;
}

/*----- Content -----*/
#content {
	width:544px;
	position:relative;
	float:left;
	margin:10px 0 0 69px;
}

/*----- Side Bar -----*/
#sidebar {
	width:312px;
	float:right;
	margin-top:10px;
}

/*----- Featured -----*/
#featuredbox {
	width:544px;
	height:23px;
	background-color:#5d9d6a;
	overflow:hidden;
	margin:0 0 26px 0;
}

ul#featured {
	width:544px;
	height:185px;
	clear:both;
	background-color:#000;
	overflow:hidden;
}

#featured li {
	width:544px;
	height:185px;
	display:block;
}

#blogListingCat {
	width:544px;
	border-bottom:1px solid #42c380;
	clear:both;
	overflow:hidden;
	text-align:right;
	font-size:12px;
}

#blogListingCat h2 {
	font-size:13px;
	color:#ccc;
	margin-bottom:19px;
	font-weight:normal;
	
}

/*---- Home Blog List list ----*/

dl.homebl {
	width:544px;
	padding-bottom:15px;
	margin-top:15px;
	border-bottom:1px solid #3b3b3b;
	overflow:hidden;
}

dl.last {border-bottom:none;}

.homebl dt {
	width:106px;
	float:left;
}

.homebl dt img {width:106px;}

.homebl dd {
	width:421px;
	float:right;
}

/*---- Work Index ----*/
ul#workIndex {
	width:544px;
	overflow:hidden;
}

#workIndex li {
	width:172px;
	height:134px;
	float:left;
	margin:0 14px 12px 0;
	background:url(/images/icons/workIndex-bg.png) no-repeat top left;
}

#workIndex li.last {margin-right:0;}

#workIndex li a img { margin:5px 0 8px 5px; }

#workIndex li span {
	font-size:13px;
	background:url(/images/icons/magnify_icon.png) no-repeat 5px 2px;
	padding:0 5px 0 22px;
	display:block;
}

#workIndex li a:hover span {color:#fff;}

/*---- Work ----*/
dl#workInfo {
	width:312px;
	margin:20px 0 0;
}

#workInfo dd {
	width:312px;
	margin-bottom:12px;
}

#workInfo dd.return {
	font-size:11px;
	font-weight:bold;
	margin-top:24px;
	text-transform:uppercase;
}

dd.return a {color:#444;}
dd.return a:hover {color:#00EAFF;}

#moreImages {display:none;}

/*----- Recent Flickr ----*/
.flickr_badge_image {
	width:95px;
	background:url(/images/icons/flickr-bg.jpg) repeat-x top left;
	float:left;
	margin:0 13px 16px 0;
}

.flickr_badge_image a img {padding:5px;}

.flickr_badge_image a:hover img {background-color:#00EAFF;}

#flickr_badge_image3 {margin-right:0;}

/*----- Recent Played ----*/
ul.lastFM {
	width:312px;
	height:192px;
	float:left;
	background:url(/images/icons/playlist_bg-reversed.png) no-repeat top left #000;
	margin-bottom:16px;
}

.lastFM li {float:left;}

li.lastFM_user {
	margin:52px 38px 0 38px;
}

li.lastFM_player { margin:10px 9px 0 0; float:right; }


/*----- Blog Comments ----*/
#blogComments {
	width:544px;
	padding-top:12px;
	margin-top:42px;
}

#blogComments dl {
	width:544px;
	overflow:hidden;
	font-size:12px;
	border-bottom:1px dotted #333;
	margin-bottom:12px;
}

#blogComments dt , #blogComments .date {
	float:left;
	width:108px;
	clear:left;
	font-weight:bold;
	color:#58b6bf;
}

#blogComments dt a {color:#14d2e3;}

#blogComments .date {
	font-size:11px;
	color:#a8a8a8;
	font-weight:normal;
}

#blogComments dd {
	float:right;
	width:408px;
}

#paginate {
       width:544px;
       text-align:right;
       font-size:1.2em;
}
/*----- About -----*/
#about img {
	margin:0 0 16px 0;
}

#contact {
	width:312px;
	display:block;
	overflow:hidden;
}

/*----- Footer -----*/
#footer {
	clear:both;
	width:960px;
	overflow:hidden;
	margin:16px 0;
	float:left;
}

#footL {
	width:544px;
	float:left;
	background-color:#3f4d4f;
	height:20px;
	margin-left:69px;
}

#footR {
	width:312px;
	background-color:#1f1f1f;
	float:right;
	height:20px;
	position:relative;
}

#footR img {
	position:absolute;
	top:3px;
	right:3px;
}