/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

body { 
	font:14px/24px Arial,Helvetica,sans-serif; 
	color:#333; 
	background-color: #F1F1F1;
}

#main { width:900px; margin:auto; padding: 40px 0 30px 0;}

h1, h2, h3, h4, h5, h6 { margin:0 10px 10px 0; color:#333; }
h1 { font-size:52px; padding-top:5px;  }
h2 { font-size:25px;color:#333;  }
h3 { font-size:20px; font-style:italic; color:#173D5F; }
h4 { font-size:16px; font-weight:normal; }
h5 { font-size:14px; display:inline; margin-left:5px; margin-right:5px; background:#2F597F; color:#fff;  width:150px; text-align:center; padding: 3px 10px 3px 10px; font-weight:normal; line-height:26px; clear:right;     }
h5:hover{ background:#173D5E;  } 
h6 { line-height:1em; clear:both; font-size:13px; font-weight:bold; font-weight:bold; text-align:left; margin:0; padding:0; }

.cufon-active h1 { padding:0; margin:0; font-size:60px; margin-top:-4px;}
.cufon-active h2 { padding-top:0; font-size:35px;}
.cufon-active h3 { padding-top:0; font-size:27px;}
.cufon-active h4 { padding-top:0; font-size:20px;}
a { color: #333; text-decoration:none; }
.hr {margin-top:0; padding-top:0; background: url(../images/separator.png) 0 0 repeat-x; height:2px; margin-bottom:32px;}

#topContent, #middleContent, #bottomContent  { width: 800px; display: inline-block; background-color: #FFFFFF; border: 1px solid #D8D8D8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 0 rgba(0,0,0,0.3); margin-bottom: 10px; }

#topContent { padding: 40px 50px 10px 50px; }

#topContent .title-container { float: left; }

#topContent .top-description { clear: both; font-family: Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; margin-top:0; margin-bottom:15px; }

#topContent .address { background: url(../images/icons-sprite.png) 0 -473px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }
#topContent .phone { background: url(../images/icons-sprite.png) 0 -62px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }
#topContent .mail { background: url(../images/icons-sprite.png) 0 -562px no-repeat; display:block; overflow: hidden; padding:4px 0 0 35px; margin:0; }

#topContent .controls { float: right; }
#topContent .controls { list-style:none; margin-top:0; padding-top:0; height:35px;  }
#topContent .controls a { padding:13px; }

#topContent .save, #topContent .print, #topContent .mail-top { background: url(../images/icons-sprite.png) 0 0  no-repeat; height:35px; margin-left:10px;  display:inline; line-height:35px; padding:9px 1px 9px 1px; }
#topContent .save { background-position: -1px -240px; width:29px;  }
/* IE7 Fix */ *:first-child+html  #top-content .save { background-position: 0 -225px;  }
#topContent .print { background-position: 0 -312px; width:32px;  }
/* IE7 Fix */ *:first-child+html  #top-content .print { background-position: 0 -298px;  }
#topContent .mail-top { background-position: -1px -160px; width:35px;}
/* IE7 Fix */ *:first-child+html  #top-content .mail-top { background-position: 0 -145px; }

#topContent .link-container { padding-top:30px; text-transform: uppercase; color: #ccc; float:right; font-weight: bold; font-size: 22px; }
#topContent .link-container .selected { color:#333; }
#topContent .link-container a { color: #ccc; }
#topContent .link-container a:hover, #topContent .link-container a:active { color: #333; }

#middleContent, #bottomContent { height:auto; padding: 40px 50px 35px 50px; }
#bottomContent { padding-bottom: 25px; }

#middleContent h3 { margin-top:0; float:left; margin-bottom:0; margin-right:15px; padding-bottom:0px; }
#middleContent h5 a, #middleContent h5 a:visited, #middleContent h5 a:hover, #middleContent h5 a:active { color: #fff; }
#middleContent h5.read-more { margin: 0; }
#middleContent .read-more-after { height: 17px; }


#middleContent .project-description-container { padding: 15px 20px 0 10px;margin-bottom: -20px; }
#middleContent .description { clear:both; padding-top:10px; padding-bottom:5px; margin-bottom:0; } 
#middleContent .description p { margin-bottom: 10px; } 

ul.list { clear:both; margin:30px 0 45px 45px; list-style:none;  position:relative; border-bottom:1px dashed #afafaf;  }
ul.list>li { padding:25px 25px 0 25px; display:block; border:1px dashed #afafaf; border-bottom:0;   }
ul.list li.arrow-up {top:-17px; background:transparent url(../images/arrow-up.png) 0 2px no-repeat; left:30px; width:100px; height:18px; padding:0; border:0; overflow:visible; position:absolute; }

.description ul { margin-top: -8px; margin-bottom: 5px; }

#social { margin:0; padding:0; list-style:none; display:inline-block; margin-bottom:-2px; }
#social li { margin:0 0 0 20px; padding:0;  float:left; width:32px; height:32px; display:inline-block; }
#bottomContent ul.list { margin-bottom: 10px;}
ul.list ul#social li { margin-left:0; margin-right:15px; padding-bottom: 15px;  }
ul.list ul#social { margin-top:0px; margin-bottom:-3px; }
#social a { display:block; padding:17px; margin:0; }
/* IE 6 Fix */  * html #social li{ margin:0 0 0 4px; width:32px; }
/* IE 7 Fix */  *:first-child+html #social li{ margin:0 0 0 1px; width:32px; }
#social #github { background: url("../images/social-icons.png") 0 0 no-repeat; }
#social #linkedIn{ background: url("../images/social-icons.png") -32px 0 no-repeat; }
#social #email{ background: url("../images/social-icons.png") -64px 0 no-repeat; }

.clear-all { clear: both; }