/************************************************************  
 *  Global
 ***********************************************************/

img {border:none;}

html, body {
	margin:auto;
	height: 100%;
	background:transparent url(/images/header_bggradient.jpg) no-repeat;
	color:#555;
	font-family:"Century Gothic", "Tahoma";
	font-size:12px;
}

h1 {color:#555555;}
h2 {font-size:16px;}
h3 {font-size:14px;margin:0px;}

a:link, a:active, a:visited {
    color:#4B7AAD;
    text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input,
textarea,
select {
    height:15px;
    width:200px;
    font-family:"Century Gothic";
	font-size:12px;
}

select {
    height:20px;
    width:204px;
}

/************************************************************  
 *  Header
 ***********************************************************/

.headerContainer {
	position:relative;
	float:left;
	clear:both;
	left: 50px;
	margin:30px 0 0 0;
	width:1000px;
	height:20px;
}

.headerContainer .logo {
    position:relative;
    float:left;
}

.headerLinksContainer {
    position:relative;
    float:left;
    top:1px;
    left:395px;
}

.headerLinksContainer a:link,
.headerLinksContainer a:visited {
    margin:0 4px 0 4px;
    color:#FFF;
    font-size:11px;
    font-weight:bold;    
}

.headerLinksContainer a:link.currentLink  ,
.headerLinksContainer a:visited.currentLink   {
    border-bottom:solid 4px #ffffff;
}

.featureContainer {
    position: relative;
    float: left;
    clear: both;
    left:50px;
    margin:0 0 20px 0px;
    width:900px;
	height:200px;
	background-color:#E7E3D5;
	border:solid 1px #FFF;	
}

.featureContent {
    margin:10px;
    width:880px;
	height:180px;
	background:transparent url(/images/header_feature_imagemask.png) no-repeat;
}

.featureImage {
	background:transparent url(/images/header_feature_imagemask.png);
}

/************************************************************  
 *  Body
 ***********************************************************/

.wrapper {
    background:url(/images/footer_topBg.png) no-repeat bottom left;
}

.bodyContainer {	
	position:relative;
	float:left;
	clear:both;
	left:50px;
	margin:0 0 20px 0;
	width:1000px;
    min-height:530px;
}

/************************************************************  
 *  Body >> Content
 ***********************************************************/
.columnBreak {
	position: relative;
	float: left;	
	width:10px;
	height:580px;
	background:transparent url(/images/column_bggradient.png) no-repeat -3px 15px;
}

/* --------------------------------------------------------*/
.columnRow {
	/* Positioning */
	position: relative;
	float: left;
	
	/* Dimensions */
	margin: 0px 0px 20px 0px;
}

.columnRowBreak {
    /* Border */
    border-bottom: dotted 1px #aaaaaa;
}

.columnSingle {
	/* Positioning */
	float: left;
	position: relative;

	/* Dimensions */	
	width: 280px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.column {
    /* Positioning */
	float: left;
	position: relative;

	/* Dimensions */	
	width: 880px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.columnDouble {
	/* Positioning */
	float: left;
	position: relative;
	
	/* Dimensions */
	width: 580px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.column h1,
.columnSingle h1,
.columnDouble h1 {
	/* Positioning */
	position: relative;

	/* Type */
	font-size: 17px;
	font-weight: bold;
	
	/* Border */
	border-bottom: solid 1px #AAAAAA;

	/* Dimensions */
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
}

.columnSingle .previewContainer a:link, .columnSingle .previewContainer a:visited,
.columnDouble .previewContainer a:link, .columnDouble .previewContainer a:visited  {
	/* Positioning */
	position: relative;
	float: left;
	display: block;

	/* Background */
	background-color: #e7e3d5;

	/* Dimensions */
	width: 270px;
	height: 90px;
	margin: 10px 10px 0px 0px; /* Right margin of 10px added for columnDouble */
	padding: 5px;
}

.columnSingle .previewContainer a:hover,
.columnDouble .previewContainer a:hover {	
	/* Background */
	background-color: #dddddd;
}

.columnSingle .previewContainer img,
.columnDouble .previewContainer img {
	/* Dimensions */
	width: 268px;
	height: 88px;
	
	/* Background */	
	background-color: #eeeeee;
	
	/* Border */
	border: solid 1px #aaaaaa; /*cccccc;*/
}

.columnSingle .previewContainerSmall a:link, .columnSingle .previewContainerSmall a:visited,
.columnDouble .previewContainerSmall a:link, .columnDouble .previewContainerSmall a:visited  {
	/* Positioning */
	position: relative;
	float: left;
	display: block;

	/* Background */
	background-color: #e7e3d5;

	/* Dimensions */
	width: 77px;
	height: 90px;
	margin: 10px 10px 0px 0px; /* Right margin of 10px added for columnDouble */
	padding: 5px;
	
	/* OLD ONE??? margin: 5px 10px 0px 0px;*/
}

.columnSingle .previewContainerSmall img,
.columnDouble .previewContainerSmall img {
	/* Dimensions */
	width: 75px;
	height: 88px;
	
	/* Background */
	background-color: #eeeeee;
		
	/* Border */
	border: solid 1px #aaaaaa; /*cccccc*/
}

.columnSingle .previewDescription,
.columnDouble .previewDescription {
	/* Positioning */
	position: relative;
	float: left;
	display: block;
	
	/* Type */
	font-style: italic;

	/* Dimensions */
	width: 270px;
	margin: 10px 10px 0px 10px;
}

.columnSingle .previewDescription h1,
.columnDouble .previewDescription h1 {
	/* Type */
	font-size: 12px;
	font-style: normal;
	color: #356195;
	
	/* Border */
	border: none;
	
	/* Dimensions */
	margin: 0px;
	padding: 0px;
}

.columnSingle .previewDescription h2,
.columnDouble .previewDescription h2 {
	/* Type */
	font-size: 10px;
	font-style: normal;
	color: #6B99BE;
	
	/* Border */
	border: none;
	
	/* Dimensions */
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.columnSeparator {
	/* Positioning */
	float: left;
	position: relative;

	/* Dimensions */
	margin: 5px; 
}

/************************************************************  
 *  Footer
 *
 *  Styles affecting the footer.
 ***********************************************************/

.footer {
	clear:both;
	width:100%;
	height:165px;
	color:#EEE;
	background:#4D4D4D url(/images/footer_middleBg.png) no-repeat top left;
}

.footerContainer {
	clear: both;
	padding: 40px 0 0 50px;	
	width: 900px;
	position: relative;
}

.disclaimer {
	position:relative;
	clear:both;
	padding:10px 0 0 5px;
	font-size:10px;	
}

.footerBlocks {
	border: solid 1px #CCC;
	background-color: #EEE;
	
	height: 42px;
	width: 210px;
	
	position: relative;
	float: left;
		
	margin: 10px 5px 10px 5px;
	padding: 4px 5px 3px 5px;
	
	font-size: 11px;
	line-height: 11px;
}

.footerBlock {
	
	/*background-color: #eeeeee;*/
	
	height: 75px;
	width: 230px;
	
	position: relative;
	float: left;
		
	/*margin: 10px 5px 10px 5px;
	padding: 8px 10px 8px 10px;*/
	margin: 0px 10px 0px 0px;
	
	font-size: 11px;
	line-height: 11px;
}
.footerBlock .content {
	/*border: solid 1px #cccccc;*/
	border-left: solid 1px #999999;
	
	/*background-color: #ffffff;
	
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;*/
	
	padding:0 10px 0 5px;
	
	height: 65px;
}

.footerBlock h1 {
	font-size:12px;
	font-weight:bold;
	color:#EEE;
	
	margin: 0px 0px 5px 0px;
}

.socialIcon {margin:5px 2px 5px 0;}

/************************************************************  
 *  Global Notification
 *
 *  Styles affecting the global notifications.
 ***********************************************************/
 
 /*
.notification {
	display: none;
 }
*/

 .notification .notificationDescription {
 	width: 548px; /* Total Width: 580px */
	border: solid 1px #cccccc;
	
	background-color: #F8EFAF;
	
	margin: 10px 0px 0px 0px;
	padding: 4px 5px 4px 25px;	
	
	position: relative;
	
	background-image: url(/images/icons/custom/information.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
 }
 
 .notification .notificationFooter {
 	background-image: url(/images/notification_bottomshadow.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
	width: 580px;
	height: 20px;
 }
 

/************************************************************  
 *  Resume
 *
 *  Styles affecting the resume section.
 ***********************************************************/
 
 .resume {}
 
 .resume h1.section {
 	border: none;
 }
 
 .resume .position.selected  {
    font-weight:bold;background:#FFFFCC;
 }
 
 .resume .entry {
 	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 5px;
	
	border-left: solid 6px #CCC;
	border-bottom: solid 1px #EEE;
 }
 
 .resume .entry .company {
 	font-weight: bold;
	
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	
	border-bottom: solid 1px #EEE;
	
	float: left;
 }
 
 .resume .entry .company.selected {
 	background:#FFFFCC;
 }
 
 .resume .entry .company em {
 	font-weight: normal;
 	font-style: italic;
	
	color: #aaaaaa;
 }
 
 .resume .entry .position {
 	margin: 0px 0px 5px 0px;
 	clear: left;
 }
 
 .resume .entry .positionDate {
 }
 
 .resume .entry .date {
 
 	position: absolute;
 	float: left;
	right: 0px;
 }
 
 .resume .entry .overview {
 	clear: both;
 }
 
 .resume .entry ul {
 	clear: both;
 }

/************************************************************  
 *  Projects
 ***********************************************************/

.projectContainer {
    margin:15px 0 0 0;
    height:250px;
}           

.projectPreview {
    margin:0;
    width:578px;
    height:170px;
    border:solid 1px gray;
}

.projectStats {
    font-size:10px;   
}
                        
 .technologies {
    /* Positioning */
    float: left;
 
    /* Border */
    border-left: solid 1px #cccccc;
    
    /* Dimension */
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 5px;
 }
 
 .technologyContainer {
    /* Positioning */
    float: left;
    
    /* Type */
    text-align: center;
    
    /* Dimensions */
    height: 17px;
    margin: 2px;
    
    /* Type */
    color: #ffffff;
    font-weight: bold;
 }
 
 .technologyContainer div {
    /* Positioning */
    float: left;
 }
 
.technologyContainer[title=".Net"]      {background-color:  #6784A9;} 
.technologyContainer[title="AJAX"]      {background-color:  #C35F38;} 
.technologyContainer[title="CSS"]       {background-color:  #789840;} 
.technologyContainer[title="JS"]        {background-color:  #CB3E3E;}
.technologyContainer[title="MSSQL"]     {background-color:  #389AC3;}
.technologyContainer[title="XHTML"]     {background-color:  #8A8A8A;}
.technologyContainer[title="PHP"]       {background-color:  #6784A9;}
.technologyContainer[title="MySQL"]     {background-color:  #389AC3;}
.technologyContainer[title="Magento"]   {background-color:  #EE382A;}
 
 
 .technologyContainer .left { 
    /* Dimensions */
    width: 10px;
    height: 17px;
    
    /* Background */
    background-image: url("/images/icons/custom/technologymask_left.png");
    background-repeat: no-repeat;
 }
 
 .technologyContainer .content {
    width: 42px;    
 }
 
 .technologyContainer .right { 
    /* Dimensions */
    width: 10px;
    height: 17px;
    
    /* Background */
    background-image: url("/images/icons/custom/technologymask_right.png");
    background-repeat: no-repeat;
 }
 
 /* Lists */
 
 ul.listHierarchy li {
     list-style-image: url("/images/icons/iconBullet01.png");
 }
 
 /* Contact Form */
 
.contact label      {display:block;float:left;width:100px;height:20px;margin:0 10px 0 0;font-weight:bold;text-align:right;cursor:pointer;}
.contact .field     {float:left;width:470px;height:20px;margin:0 0 10px 0;}
.contact .fieldTall {float:left;width:470px;height:250px;margin:0 0 10px 0;}
.contact .actions   {float:left;width:360px;height:20px;margin:10px 0 10px 110px;font-weight:bold;}

.clear {clear:both;}
.floatLeft {float:left;}

.identity {
    float:left;
    margin:0 20px 22px 0;
    width:280px;
    height:145px;
    -moz-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    box-shadow: 0 0 10px #AAA;
}

.identity.last {
    margin:0 0 22px 0;
}

h1 .socialPlus1 {
    position:absolute;float:right;top:-6px;right:-20px;
}