/*
------------------------------------------------------------
|                         Site styles         
------------------------------------------------------------
*/

html { /* Hack: Add a vertical scrollbar on pages with few content */
       overflow-y: scroll;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	background:transparent url(../images/bg.jpg) repeat-y fixed center center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

#container {
	width:960px;
	margin:0 auto;
}

#content {
	float:right;
	width:698px;
	position:relative;
	padding:0px 0px 0px 20px;
	text-align:justify;
	margin:0px;
	margin-bottom:20px;
}

#content p {
	line-height:21px;
}

a {
	text-decoration: none;
	color: #558ec3;
}

a:hover {
	text-decoration: underline;
}

a img {
	border:0 none;
}

/*
------------------------------------------------------------
|                        Top styles         
------------------------------------------------------------
*/

#top {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 52px;
	background:url(../images/bg_top.jpg);
}

#navigation {
	clear:both;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin-bottom: -10px;
	margin-top: 0px;
	position:relative;
	left: -40px;
	right: 0px;
}

#navigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#navigation ul li {
	height: 52px;
	text-align: center;
	float:left;
	margin:0px;
	padding: 0px;
}

#navigation a {
	display:block;
	padding:20px 3px 0px 3px;
	outline:none;
}

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

#navigation active a {
	color: red;
}

#navigation a:hover {
	color:#0085CF;
}

#profile {
	width: 175px;
	background:url(../images/tab1b.jpg) no-repeat 0px 0px;
}

#profile.active {
	background:url(../images/tab1a.jpg) no-repeat 0px 0px;
}

#profile a {
	padding-left: 20px;
}

#documents {
	width: 159px;
	background:url(../images/tab2b.jpg) no-repeat 0px 0px;
}

#documents.active {
	background:url(../images/tab2a.jpg) no-repeat 0px 0px;
}

#projects {
	width: 159px;
	background:url(../images/tab3b.jpg) no-repeat 0px 0px;
}

#projects.active {
	background:url(../images/tab3a.jpg) no-repeat 0px 0px;
}

/*
------------------------------------------------------------
|                         Sidebar styles         
------------------------------------------------------------
*/

#sidebar {
	width:212px;
	float:left;
	padding:30px 20px 0px 10px;
}

.fixed {
	position:fixed;
}


#frame {
	width:175px;
	height:222px;
	margin:0px;
	margin-top: 30px;
	padding:5px;
	border: 0px solid #cfcfcf;
	background-color: #f9f9f9;
}

#details {
	padding:0px;
	margin:30px 0px 0px 0px;
	list-style:none;
	color:#686868;
}

#details a {
	text-decoration: none;
	color:#686868;
}

#details div {
	display: block;
	float: left;
}

.linkedin {
	width: 74px;
	height: 24px;
	background: url('../images/linkedin.png') bottom;
}

.linkedin:hover {
	background-position: 0 0;
}

.xing {
	width: 70px;
	height: 24px;
	background: url('../images/xing.png') bottom;
}

.xing:hover {
	background-position: 0 0;
}

#details li {
	padding:18px 0px 0px 0px;
	margin:20px 0px;
}

#details #phone {
	background: url(../images/phone.png) no-repeat;
}

#details #mobile {
	background: url(../images/mobile.png) no-repeat;
}

#details #emailtext {
	background: url(../images/email.png) no-repeat;
}

#details #address {
	background: url(../images/address.png) no-repeat;
}

#details #linkedin {
	padding-top: 10px;
}

/*
------------------------------------------------------------
|                     Bottom styles         
------------------------------------------------------------
*/

#bottom {
	clear:both;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	padding:25px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 60px;
}

#bottom ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#bottom ul li {
	float:left;
	margin:0px 20px 0px 0px;
}

#bottom a {
	display:block;
	padding:10px 10px 10px 23px;
	outline:none;
}

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

#bottom a:hover {
	color:#0085CF;
}

#download {
	background:url(../images/disk.jpg) no-repeat 0px 9px;
}

#mail {
	background:url(../images/mail.jpg) no-repeat 0px 9px;
}

#print {
	background:url(../images/printer.jpg) no-repeat 0px 9px;
}

#photo {
	background:url(../images/image.jpg) no-repeat 0px 9px;
}

/*
------------------------------------------------------------
|                        Content styles         
------------------------------------------------------------
*/

h1 {
	background: url(../images/gray-trans.png) no-repeat;
	height:52px;
	width:369px;
	left:-34px;
	position:relative;
	padding:5px 0px 0px 34px;
	font-size:25px;
	color:white;
	text-shadow:1px 1px #444;
	margin-bottom:10px;
	margin-top:45px;
}

.blue {
	background: url(../images/blue_banner.png) no-repeat;
}

h2 {
	margin-top: 0px;
	font-size:22px;
}

h2 small {
	margin-top: 6px;
	font-size:17px;
	color:#999;
	display: block;
	float: right;
}

.subheading {
	margin:-13px 0px 0px 0px;
	padding-bottom: 10px;
	font-size:15px;
	color:#999;
}


.subheading .right {
	margin-top: 6px;
	color:#999;
	display: block;
	float: right;
}

hr {
	margin: 0px;
	padding-top: 30px;
	margin-bottom: 30px;
	border:0 none;
	border-bottom:2px dotted #999;
}

h3 {
	font-size:17px;
	margin:0px 0px 17px 0px;
}

.equiv {
	margin:-19px 0px 0px 0px;
	padding-bottom: 25px;
	font-size:14px;
	font-weight: bold;
	color:#333;
}

#content ul {
	padding-top: 0px;
	margin-top: 0px;
}

.tasks {
	margin-bottom:0px;
	list-style:square;
	line-height: 130%;
}

.tasks li {
	padding-left: 7px;
	text-align: left;
}

.floatleft {
	float:left;
	overflow:hidden;
	margin:0px 30px 10px 0px;
}

.floatleft ul {
	margin-bottom:0px;
	list-style:square;
}

.clear {
	clear:both;
	height:0px;
}


/*
------------------------------------------------------------
|                    Documents styles        
------------------------------------------------------------
*/


.downloads {
	margin-bottom:0px;
	list-style:square;
}

.downloads li {
	padding-bottom: 5px;
	text-align: left;
}

.downloads li a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}


.downloads li img {
	margin-bottom: -1px;
	padding-right: 8px;
	vertical-align: baseline;
}

.downloads li small {
	line-height: 16px;
	color:#999;
}

/*
------------------------------------------------------------
|                    Projects styles        
------------------------------------------------------------
*/

.gallery {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
}

.gallery img {
	border: 1px solid #cfcfcf;
	background-color: #f9f9f9;
	margin: 5px;
	padding: 10px;
}