body{
	background-color:#fff; 
	color:#4A4A4A;
	font-family:"Lucida Sans",Lucida,"Trebuchet MS",sans-serif;
	font-size:62.5%; 
	margin:0;
}

#header, #footer{width:100%; margin:0;}

#content, #headerInner{width:984px; margin:0 auto;}

a{color:#d651a9;}

img{border:0;}

h1{font-size:8em; color:#d651a9; margin-bottom:0;}

h1 a{text-decoration:none;}

h2{
	font-size:2em;
	font-weight:normal;
	border-bottom:1px dashed #ccc; 
	padding-bottom:4px;
	margin-bottom:16px;
	margin-top:20px;
}

h3{font-size:1.8em; margin:20px 0 6px 0; font-weight:normal;}

h4{font-size:1.4em; margin:4px 0;}

p, ul{
	font-size:1.2em;
	line-height:1.6em;
	margin:4px 0;
}

p{ margin: 0 0 10px;}

.clear{clear:both;}

/**************************************** header ************************************************/

#header{height:148px;}

#headerLinks{
	height:58px;
	width:100%; 
	float:left;
	background: #d651a9 url(images/top.gif) repeat-x bottom;
}

#headerLinksInner{float:right;}

#headerLinks p{
	padding-top:10px;
	float:left;
	font-size:1em;
	color:#fff;
}

#headerLinks ul{
	margin:0;
	padding:0; 
	float:left; 
	padding:10px 143px 10px 0;
	list-style-type:none;
}

#headerLinks li{
	float:left; 
	margin-left:10px; 
	height:24px;
	width:24px;
}

#headerLinks li a{
	display:block;
	height:24px;
	text-indent:-9999em;
	width:24px;
	font-size:0;
}

li #twitter{background:url(images/twitter.png) top left no-repeat;}
li #linkedin{background:url(images/linkedin.png) top left no-repeat;}
li #flickr{background:url(images/flickr.png) top left no-repeat;}
li #email{background:url(images/email.png) top left no-repeat;}

#logo{
	float:left;
	height:170px;
	margin-right:100px;
	margin-top:-40px;
	overflow:hidden;
	width:417px;
	padding-left:5px;
}

#nav{float:right;}

#nav{text-transform:uppercase; padding-top:60px;}

#nav ul {
	display:inline;
	float:left;
	height:26px;
	list-style-type:none;
}

#nav ul li {
	display:inline;
	float:left;
	margin-left:8px;
	position:relative;
}

#nav ul li a.active , #nav ul li a:hover{
	background:none repeat scroll 0 0 #d651a9;
	color:#FFFFFF;
}

#nav ul li a {
	color:#4C4C4C;
	display:inline;
	float:left;
	height:26px;
	line-height:26px;
	padding:0 15px;
	text-decoration:none;
	font-size:1.4em;
}

/**************************************** content ************************************************/
#content{clear:both; margin-bottom:30px;}

#contentInner, #left, #right{float:left;}

#contentInner { padding-top:20px; }

#left{width:634px;padding-right:20px; }

#right{width:320px; padding-left:10px;}

#right #twitter_div,
#right #lanyrd div{ margin-bottom:20px; }

#twitter_div, #twitter_div p{
	font-size:1em;
	font-family:"Lucida Sans",Lucida,"Trebuchet MS",sans-serif;
	line-height:2em;
}

#twitter_div h2{padding-bottom:8px;}

.twtr-doc{width:320px !important;}

.twtr-hd, .twtr-widget .twtr-tweet-wrap, .twtr-ft div{padding:0 !important;}

.twtr-tweet{
	line-height:2em; 
	margin-bottom:7px;
	padding-bottom:7px;
}

.twtr-bd{margin-top:6px;}

.twtr-widget{margin-top:17px;}

/**************************************** cv, portfolio general ***********************************************/
#cv h3 {color:#d651a9; margin-bottom:0;}

#cv h4{margin-top:20px;}


/**************************************** portfolio ***********************************************/*
#portfolio .project,
#portfolio .post{
	position:relative;
	width:634px;
}

.portfoliowork .description{
	position:absolute; 
	bottom:4px; 
	left:1px;
	height:127px; 
	width:614px;
	background:url(images/portfoliobg.png) bottom left repeat-x;
	padding:10px;
	color:#fff;
	overflow:hidden;
}

.portfoliowork  h2{margin-bottom:12px;}

.portfoliowork  .description h3{color:#fff; margin-bottom:4px; margin-top:35px;}

.portfoliowork  .description a{color:#fff; }

.portfoliowork  img{border:1px solid #ccc;}

.portfoliowork  .project,
.portfoliowork  .post
{margin-bottom:40px;}

.portfoliowork  .collapsed{height:20px;}



/********** project page **************/
.backTo { padding-top:10px; }

/**************************************** slider ***********************************************
#slider { height:300px; position:relative; margin-bottom:20px; }
#slider-holder { width:978px; height:298px; border:solid 1px #e6e6e6; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ height:298px; width:978px; position:relative; overflow:hidden; }
#slider-holder ul{ width:978px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:978px; height:298px; position:relative; overflow:hidden; float:left; display:inline; }

.slider-controls { font-size:0; line-height:0; height:0; position:absolute; top:270px; right:20px; z-index:2;}
.slider-controls a{ width:16px; height:16px; float:left; background:url(images/slider-nav.gif) no-repeat right 0; text-indent: -4000px; margin-left:3px;}
.slider-controls a:hover,
.slider-controls a.active{ background-position:0 0;}

.slider-nav { font-size:0; line-height:0; height:0;}
.slider-nav a{ text-indent: -4000px; width:34px; height:60px; position:absolute; top:120px; z-index:3}
.slider-nav a.next{ background:url(images/next.gif); left:949px}
.slider-nav a.prev{ background:url(images/prev.gif); left:-3px;}*/



/********************************** blog ************************************************/
.entry { padding-bottom:80px; }

.entry  .date_title { position:relative; }

.entry  .date_title h2 { 
	border-bottom: 1px dashed #CCC; 
	padding-bottom: 8px;
	margin-bottom: 16px;
	width:560px;

}

.entry .date_title h3 { 
	position:absolute; 
	right:0;
	background:url(images/calendar.png) top left no-repeat; 
	padding:10px 7px 12px 10px;
	color:#fff;
	top:-23px;
	text-align:center;
	font-size:1.4em;
	margin:0;
	font-weight:bold;
}

.entry h3 .day { 
	font-size:2em;
	color:#4A4A4A;
	padding-top:5px;
}

.entry  .more_links {padding:0; margin:0;  margin-top:20px;  }

.entry  .more_links li{ list-style-type:none; float:left; }

.entry  .more_links li a{ font-size:1.2em; font-weight:bold; padding-right:30px; }

.error { color:#CC0033; }

/**************************************** footer ***********************************************/
#footer{
	color:#fff;
	clear:both;
	margin-top:30px;
	background: #d651a9 url(images/bottom.gif) repeat-x top;
	padding:60px 0;
	float:left;
}

#footerText
{ width:200px; float:left; }

#footerText a
{
	color:#fff; 
}

#footerInner{
	width:984px;
	margin:0 auto;
}

#footer h3 { border-bottom:0; }

/************************** foursquare ***********************************/
#foursquareBadges { width:320px; float:right;}

#foursquareBadges h3 {padding-bottom:20px; margin-top:0; }

#foursquareBadges ul, #foursquareBadges li {
	margin:0; 
	padding:0;
	list-style-type:none; 
}

#foursquareBadges li { 
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}

/******************* lanyrd **************************/

#lanyrd a { color: #4A4A4A; }

#lanyrd h3 { font-size:1.6em; font-weight:bold; }

#lanyrd h3 a{ text-decoration:none; color:#D651AA ;}