/*

Theme name: Awesome Online Resume/CV
Theme URI: www.themeforest.com
Description: A clean, simple and awesome CV/resume template
Author: Ryan Furtner
Author URI: http://www.furtzdesigns.com
Version: 1.1

*/


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

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

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

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

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

a img {
	border:0 none;
}

/*
------------------------------------------------------------
|                         Sidebar styles         
------------------------------------------------------------
*/
#sidebar {
	width:212px;
	float:left;
	padding:30px 20px 0px 10px;
	position:relative;
}

.fixed {
	position:fixed;
}

#frame {
	background:url(images/frame.jpg) no-repeat;
	width:171px;
	height:214px;
	margin:35px 0px 0px 0px;
	padding:15px;
}

#details {
	padding:0px;
	margin:30px 0px 0px 0px;
	list-style:none;
	color:#686868;
	font-weight:bold;
	letter-spacing:-1px;
}

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

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

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

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

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

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

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

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

#top {
	clear:both;
	overflow:hidden;
	font-size:19px;
	font-weight:bold;
	padding:25px 0px 0px 0px;
}

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

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

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

a:hover {
	color:#0085CF;
}

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

#mail {
	background:url(images/email.gif) no-repeat 0px 14px;
}

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

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

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

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

.blue { background: url(images/ribbons/blue-trans.png) no-repeat; }
.orange { background: url(images/ribbons/orange-trans.png) no-repeat; }
.pink { background: url(images/ribbons/pink-trans.png) no-repeat; }
.lime { background: url(images/ribbons/lime-trans.png) no-repeat; }
.red { background: url(images/ribbons/red-trans.png) no-repeat; }
.purple { background: url(images/ribbons/purple-trans.png) no-repeat; }
.brown { background: url(images/ribbons/brown-trans.png) no-repeat; }

.darkblue { background: url(images/ribbons/darkblue-trans.png) no-repeat; }
.darkgreen { background: url(images/ribbons/darkgreen-trans.png) no-repeat; }
.darkpurple { background: url(images/ribbons/darkpurple-trans.png) no-repeat; }

hr {
	border:0 none;
	border-bottom:3px dashed #999;
}

h2 {
	font-size: 21px;
	margin-bottom: 0px;
}

h2 small {
	text-transform:uppercase;
	font-size:17px;
	color:#999;
	padding-left: 10px;
}

h3 {
	font-size:18px;
}

h3 small {
	text-transform:uppercase;
	font-size:13px;
	color:#999;
	padding-left: 10px;
}

h3 a {
	text-decoration: none;
}


li small {
	text-transform:uppercase;
	font-size:13px;
	color:#999;
	padding-right: 10px;
}


h4 {
	font-size: 16px;
	margin:0px 0px 17px 0px;
}

.position {
	margin:-19px 0px 0px 0px;
	text-transform:uppercase;
	font-size:12px;
	color:#333;
}

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

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

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

/*
------------------------------------------------------------
|                         Companies
------------------------------------------------------------
*/
ul.companies {
	margin-left: 0;
	margin-bottom: 25px;
	padding-left: 0;
	list-style: none;
}

ul.companies li {
	padding-left: 28px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

/*
------------------------------------------------------------
|                         Skills
------------------------------------------------------------
*/
ul.skills {
	margin-left: 0;
	margin-bottom: 25px;
	padding-left: 0;
	list-style: none;
}

ul.skills li {
	padding-left: 28px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

li.cisco {
	background-image: url('images/favicons/cisco.png');
}

li.ibm {
	background-image: url('images/favicons/ibm.png');
}

li.jway {
	background-image: url('images/favicons/jway.png');
}

li.taos {
	background-image: url('images/favicons/taos.png');
}

li.vmware {
	background-image: url('images/favicons/vmware.png');
}

li.sequoia {
	background-image: url('images/favicons/sequoia.png');
}


/*
------------------------------------------------------------
|                         Contact
------------------------------------------------------------
*/
ul.contact {
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

ul.contact li {
	padding-left: 28px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	font-weight: bold;
}

ul.contact li.mail
{
	background-image: url(images/email.gif);
}

ul.contact li.linkedin
{
	background-image: url(images/favicons/linkedin.png);
}