/*http://salvattore.com/*/

#print_grid[data-columns]::before {
	content: '3 .column.size-1of3';
}

/* Also, don't forget to add this: */
[data-columns]::before { display: none; }

.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }

@media screen and (max-width: 480px){
	#print_grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#print_grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}

/* Scss Document */
/* CSS Document */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  font: 100% "Open Sans", sans-serif;
  color: #222222;
  padding: 0;
  margin: 0;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

#header {
  text-align: center;
  margin-bottom: 2em;
}

#header h1,
#header h2 {
  padding: 0;
  margin: 0;
}

#header h1 {
  font-size: 4.25em;
  letter-spacing: 3px;
  margin-bottom: -20px;
}

#header h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
  /*margin-left: .25em;*/
}

#split_header {
	float:left;
	margin-left: 1em;
}



.hlight {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: normal;
  font-style: inherit;
  font-size: inherit;
}

.linkbluebar {
  background-color: #2ba6cb;
  color: #fff;
  padding-left: .5em;
  font-size: 150%;
}

.linkblue {
  color: #2ba6cb;
}

.txtshadow {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

#resume, #writing {
	max-width:57em;
	padding:1em;
	margin: 0 auto;
}

#resume, #writing a:link,
#resume, #writing a:visited {
	text-decoration:none;
}

#resume, #writing a:hover,
#resume, #writing a:focus {
	border-bottom: dashed 1px #C4161C;
}

#resume h3, #writing h3 {
  font-size: 140%;
  margin-left: 20px;
  padding: 0;
  margin-bottom: 0;
}

#resume h4, #writing h4 {
  font-size: 120%;
  margin-left: 40px;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: capitalize;
}

#resume ul {
  margin-left: 70px;
}

#resume ul li {
	line-height:140%;
}

#writing ul {
	margin-left: 1em;
}

#writing ul li {
	list-style:square;
	list-style-position:outside;
	margin-left: 1em;
}

#writing blockquote {
	font-style:italic;
}

#writing p {
	font-size:120%;
	line-height:1.5;
}

span.small {
	font-size:80%;
}

#footer {
  margin-top: 40px;
  border-top: thick solid #2ba6cd;
  padding: 1em 0 2em 0;
}

p.title {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  height: 40px;
  font-size: 150%;
}

.title a {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.shadow {
  box-shadow: 0px 7px 5px 3px #888;
  box-shadow: 0px 7px 5px 3px rgba(0, 0, 0, 0.5);
}

.shadow-inset {
  box-shadow: inset 0px 7px 7px navy;
}

body {
  /* This has to be same as the text-shadows below */
  background: #fff;
}

.inset-text {
  /* Shadows are visible under slightly transparent text color */
  color: rgba(43, 166, 203, 0.8);
  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}

/* Don't show shadows when selecting text */
::-moz-selection {
  background: #5af;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #5af;
  color: #fff;
  text-shadow: none;
}

img.shadow {
  margin-bottom: 7px;
  border: 1px	#BFBFBF solid;
}

li a:hover img.shadow {
  border: 1px solid #2795b6;
  box-shadow: none;
}

p.title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

div.vertical-tabs p.title {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
}

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #fff;
}

ul.orbit-link li {
  background-color: #2ba6cb;
  padding: 10px;
  color: #fff;
  line-height: 200%;
  margin-bottom: 1em;
}
ul.orbit-link a:link, ul.orbit-link a:visited {
  color: white;
}
ul.orbit-link a:hover {
  color: white;
  border-bottom: #fff 1px dotted;
}

img.right {
  margin-left: 20px;
}

div.content {
  min-height: 400px;
  overflow: auto;
}
div.content h2 {
  color: #2ba6cb;
}

p.recommend {
	margin: 0,5em,1em,5em;
	font-style:italic;
	width:90%;
	margin: 0 auto 1em auto;
}

p.recommend.signature {
	font-weight:bold;
	text-align:right;
}

div#spacerace {
	/*min-height:500px;*/
}

#EdgeID { height:448px; }


div.print_item {
/*	width:230px;
	height:auto;
	float:left;*/
}


div.print_item p {
/*	padding: 0 0 0 1em;
	font-size:14px;
	text-align:left;*/
}

div.print_item img {
/*	width:75%;
	height:auto;
	float:left;
	margin:0 0 .5em .7em;*/
}

header.codropsheader h1 {
	margin:0;
}

header.codropsheader p { 
	clear:both;
	display:block;
	float:left;
	margin:0;
}

header.codropsheader a:link,
header.codropsheader a:visited {
	color:#fff;
}


img.right { float:right; margin-left:0.5em; }
img.left { float:left; margin-right:0.5em; }

page-right { position:relative; }

div.page-inner { position:relative; }

div.webnav {
	position: fixed !important;
	top:0;
	right:0;
	z-index:100;
	width:100%;
	background-color:#F7B453;
}

div.webnav ul { 
	display:block;
	list-style:none;
	margin: 5px 0 1em 0;
	width:100%;
}
div.webnav ul li { 
	display:inline-block;
	float:left;
	margin:0;
}

div.webnav ul li a {
	background-color:#767676;
	padding: .3em;
}

div.mosaicflow__column {
    float: left;
	padding:1em;
}
div.mosaicflow__item img {
    display:block;
    width:100%;
    height:auto;
}

a {
	text-decoration:none;
}


div.page-right a:link,
div.page-right a:visited {
	color:#7E4001;
	font-weight:bold;
}

div.page-right a:hover {
	color:#c4161c;
}

p.print_desc {
	font-size:.8em !important;
}

p.print_desc a:link,
p.print_desc a:visited {
	color:#B7B7B7;
}

p.print_desc a:hover {
	color:#c4161c;
}

span.z-title { margin-left:1em !important; }

p.right { float:right; text-align:right; }

p strong { font-weight: 700; font-weight:bold; font-style:italic; }