/*

Description: A clean, simple and awesome CV/resume template
Author: Melissa Chavira, Meliscor Designs
Author URL: http://www.meliscor.com
Version: 1.1

*/

/*
------------------------------------------------------------
|                         Site styles         
------------------------------------------------------------
*/  
	
	  #content {
	margin-top: 4em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 17em;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
      }
	  
	  
      address {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:1.8em;
	padding:0;
	color:#FFF;
	border-top:1px solid #666;
	font-size:x-small;
	font-style:normal;
	text-align:center;
	background-color: #191919;
      }
      blockquote {
        margin:0 1.5em 1.5em;
        padding:0.5em;
        background:#9c9;
        color:#030;
        font-size:smaller;
      }
      blockquote p {
        margin:0;
        padding:0;
      }
      blockquote p span {
        float:left;
        position:relative;
        right:0.25em;
        bottom:0.25em;
        padding:2px;
        background:#060;
        color:#dfd;
        border:solid #fff;
        border-width:0 3px 3px 0;
        font-size:2em;
        line-height:1.0;
      }
      body {
        margin:0;
        padding:0;
      }
      em {
        font-style:normal;
        font-weight:bolder;
      }
      h1 {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:3;
      }
      h2 {
	padding:0;
	font-size:14px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
      }
	  
	  h2 .date {
	font-size:12px;
	text-transform: uppercase;
	color: #999;
	padding-left: 20px;
      }
	  
      html {
	margin:0;
	padding:0;
	color:#333;
	font-family: sans-serif;
	line-height: 1.5;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
      }
     
	  p {
	margin:0 0 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;

      }
	  
	 
	  
      ul {
        margin-top:0;
        margin-bottom:1.5em;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
      }
	  
	  
	 #major {
	padding:0;
	font-size:14px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-weight: bold;
      }
	  
	  #major .date {
	font-size:12px;
	text-transform: uppercase;
	color: #999;
	padding-left: 20px;
      }  
	
	    #major .info {
	font-size:12px;
	color: #333;
      }  
	  
	   #major .location {
	font-size:12px;
	color: #333;
	text-transform: uppercase;
      }  
	  
	  hr {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #CCC;
}
	  
	  
	  
	  
	  
	  
	  
	  
	  /*

------------------------------------------------------------
|                         Sticky Header         
------------------------------------------------------------
*/

      #header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:1;
	color:#f3f3f3;
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191919;
	padding-left: 250px;
	padding-top: 15px;
      }
	  
	  
	   #header p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
}

#header a {
	color: #f3f3f3;
}

#header a:hover {
	color: #00cc99;
}
	 
	#header li {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style : none;
	display : inline;
	font-size : 10px;
	text-transform: uppercase;
	color: #fff;
}
#header li a {
color: #f3f3f3;
text-decoration: none;
}

#header li a:hover {
color: #00cc99;
}
	  
	  
      #header div {
        float:left;
        width:8em;
        height:3em;
        margin-right:0.5em;
        background:#369;
        color:#fff;
        font-size:2em;
        font-weight:bold;
        text-align:center;
        line-height:3em;
      }
	  
	  
	/*
------------------------------------------------------------
|                         Right Sidebar         
------------------------------------------------------------
*/  
	  
	
      #sidebar {
        position:absolute;
        top:7em;
        right:0;
        width:13em;
        background:#dfd;
        color:#060;
        border:1px solid #9c9;
        border-right-width:0;
      }
      #sidebar p {
        padding:0 0.5em;
      }
     
/*
------------------------------------------------------------
|                        Left Sidebar         
------------------------------------------------------------
*/	 
	 
	  #left-side {
	position:fixed;
	top:4em;
	left:0;
	width:12em;
	margin:0;
	padding:0;
	background-color: #666;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
      }
	 
	  #left-side p {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 14px;
	letter-spacing: .1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
      }
	 
	#title {
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #000;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
      }
	 
	 

	  #nav {
        position:fixed;
        top:7em;
        left:0;
        width:12em;
        margin:0;
        padding:0;
        background:#666;
      }
      #nav a:link,#nav a:visited {
        color:#fff;
        text-decoration:none;
      }
      #nav a:hover,#nav a:focus {
        color:#fc6;
      }
      #nav li {
        margin:0;
        padding:0.25em 0.5em;
        list-style-type:none;
        border-bottom:1px solid #fff;
      }
      #nav span {
        position:absolute;
        top:18em;
        left:0.5em;
        width:12em;
        background:#fff;
        color:#666;
        font-size:smaller;
        visibility:hidden;
      }
      #nav a:hover span,#nav a:focus span {
        visibility:visible;
      }
   
   
   
/*
------------------------------------------------------------
|                        Tabs         
------------------------------------------------------------
*/	    
   
#tabs  {
	height:52px;
	width:369px;
	left:-45px;
	position:relative;
	padding:5px 0px 0px 34px;
	font-size:25px;
	color:white;
	text-shadow:1px 1px #444;
	margin-bottom:-10px;
	margin-top:25px;
	background-image: url(images/gray-trans.png);
	background-repeat: no-repeat;
}

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