/*The resume CSS*/

@import url('reset.css');

/*----------------------------------------------------------------------------
=General
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

img {
	padding: 0;
	margin: 0;
}



/*------------------------------------------------*/


body {
	font-family: “Lucida Grande” ,“Lucida Sans” ,“Lucida Sans Unicode”, arial, sans-serif;
	font-size:0.75em;
	background-position:0 0;
	padding-top:0;
	color:#818181;
	background: #fff url("../images/twitter.gif") no-repeat fixed 0 0;
}

#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:763px;
}

/*----------------------------------------------------------------------------
=Links
-----------------------------------------------------------------------------*/


a:link, a:visited {
	text-decoration:none;
	color: #000;
}

a:hover, a:active {
	color:#000;
	text-decoration:underline;
}


/*-----------------------BODY------------------------*/

/*-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius*/

#content {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius: 5px;
background-color:#FFFFFF;
width:564px;
}

td.column {
padding:0;
vertical-align:top;
}

#side_base {
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius: 5px;

border-left:1px solid #ccc;
line-height:1.2;
width:199px;
	border-left: 1px solid #000;
}

#wrapper {
	padding: 25px;
/*	border-right: 1px solid #000;*/
	
}

#sideWrap {
	padding: 6px 12px 14px 12px;
	
}


/*----------------------------------------------------------------------------
 =user
-----------------------------------------------------------------------------*/

#user h2 {
	margin: 0 0 20px 0;
	position: relative;
}

#name {
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	left: 85px;
	top: 10px;
	font-size: 34px;
}

#download {
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 100;
	position: absolute;
	left: 87px;
	top: 48px;
	font-size: 18px;
}

/*----------------------------------------------------------------------------
 =content
-----------------------------------------------------------------------------*/


#section li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#section li:hover {
background-color:#F7F7F7;
}

#timeline {

}

.body_post {
	width: 445px;
	padding: 10px 0 0 6px;
	display: block;
}

#timeline .first_post {
	font-size: 2.2em;
	padding-top: 5px;
}

.entryone {
	font-size: 28px;
}


#timeline .time_one {
padding-top: 5px;
font-size: 11px;
display: block;
line-height: 20px;
}

#timeline .post {
	font-size: 14px;
	line-height: 17px;
}


.time_from {
	font-size: 11px;
	display: block;
	line-height: 20px;

}


.black {
	color: #000 !important;
}

.black:hover {
	color: #000 !important;
	text-decoration: underline !important;
}

#more a {
	background-color:#FFFFFF;
	background-image:url('../images/more.gif');
	background-position:left top;
	background-repeat:repeat-x;
	border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD;
	border-style: solid;
	border-width: 1px;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:22px;
	line-height:1.5em;
	margin-top: 15px;;
	outline-style:none;
	outline-width:medium;
	padding:6px 0;
	text-align:center;
	text-shadow:1px 1px 1px #FFFFFF;
	width:100%;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

#more a:hover {
	background-position:left -78px;
	border:1px solid #BBBBBB;
	text-decoration:none;
}

/*----------------------------------------------------------------------------
 =sidebar
-----------------------------------------------------------------------------*/

#about {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 20px;
}

#about li {
	padding: 1px 0;
}

#about .label {
	font-weight: bold;	
}

.numeric {
	font-weight: bold;
	color: #A3A3A3;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 13px;
}

.numeric:hover {
	color: #000 !important;
}

.labelstat {
	font-size: 11px;
}

.labelstat:hover {
	text-decoration: underline !important;
}

#stats {
	margin-top: 10px;

}

.block {
	display: block;
	margin-right: 10px;
	
}

/*----------------------------------------------------------------------------
 =SubNav / # catagries 
-----------------------------------------------------------------------------*/

#subNav {
	font-size:12px;
}

#subNav #one a {
	font-weight: bold;
	color: #A3A3A3 ;
}

#subNav .stat_count {

background-color:transparent;
float:right;
font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin-right:14px;
margin-top:0;

}

#one {
	padding: 7px;
}

.highlight {
	background-color:#eee;
}

#two {
	padding: 8px 12px;
}

#two:hover {
		background-color:#eee;	
}

#three {
	padding: 8px 12px;
}

#three:hover {
		background-color:#eee;
}

hr {
	display:block;
	height: 1px;
	margin: 0.5em 12px;
	opacity: 0.7;
	background: #EBDDDD none repeat scroll 0 0;
	color: #EBDDDD;
}



#skills_list li:hover {
		background-color:#eee;
}

#skills_list {
		color: #000;
}

#skills_list li {
	padding: 6px 0 4px 12px;
}

.copy {
	font-size: 10px;
	padding-left: 12px;
	display: block;
	margin-top: 3px;
}

.copy a {
	color: #A3A3A3;
}

.copy a:hover {
	color: #000;
	text-decoration: none;
}

h2.sidebar-title {
	width: 175px;
	padding: 6px 0 4px 12px;
	background:transparent url(../images/toggle_up_light.png) no-repeat scroll right center !important;
}

/*----------------------------------------------------------------------------
 =Header
-----------------------------------------------------------------------------*/

#header {
	background: transparent url("../images/resume_logo.png") no-repeat scroll 0 3px;
	height: 50px;
	margin-top: 20px;
	width: 100%;
}

#header h1 {
	width: 180px;
	height: 50px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}


#nav {
	margin-top: 7px;
	float: right;
	display:inline-block;
	background-color:#FFFFFF;
	padding:0 .5em;
	text-align: right;
	
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}


#nav li {
	border:1px solid transparent;
	display:inline-block;
	font-size:1.05em;
	padding:.7em 0.3em;
	color: black;
}


#header li {
	float: left;
}


.content-bubble-arrow {
background: transparent url("../images/arow.gif") no-repeat scroll 0 0;
width: 21px;
height: 11px;
margin-left: 25px;
}




/*----------------------------------------------------------------------------
 =Footer
-----------------------------------------------------------------------------*/

#footer {
	background:#FFFFFF none repeat scroll 0 0;
	line-height:1;
	position: relative;
	text-align:right;
	white-space:nowrap;
	height: 30px;
	margin: 20px 0 10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

#footer ul {
	position: absolute;
	left: 65px;
}

#footer li, .first {
	border:1px solid transparent;
	display:inline-block;
	font-size:1.05em;
	padding:.7em 0.3em;
	color: black;
}


#footer li {
	float: left;
}