/* Adam-Taylor.net CSS */
/* HOME PAGE */

body { min-width: 0; }

h1 { 
	text-shadow: 0px 1px #FFF, 0px 2px 3px #a79c93;
}

 

#landingbox {
	width:86%; 
	padding: 0 4% 1%; 
	margin: 10px auto;
	overflow:auto; 
	border:1px solid rgba(255,255,255,0.95);
	background: rgba(255,255,255,0.9);	
	border-radius: 3px;
	 
}


#intro,
#intro.layout-vertical {
	float:left;
	width: 66.66%;	
}

#intro.layout-onecol,
#intro.layout-horizontal {
	float:none;
	width: auto;	
}




#whatsnew,
#whatsnew.layout-vertical {
	float:right;
	width: 32%;
	 }

#whatsnew.layout-horizontal,
#whatsnew.layout-onecol {
	float:none;
	width: auto;	
}

#whatsnew.layout-vertical .activework {
 padding-left: 5em;/* because text is smaller */
 
}

#whatsnew p {
	font-size: 1em;	
}
	
#whatsnew h3 {
	position:relative;	
	padding-right: 50px; /* size of 'busy' badge */
}

span#workload img {
	position:absolute;
	right: 1%;
	top:2px;
		
}
	
.activework {
    font-weight:bold;
	color: #555;
	background-color: #DCD2CA;
	background-image: linear-gradient(bottom, rgb(197,183,171) 82%, rgb(197,183,171) 89%, rgb(228,221,215) 100%);
background-image: -o-linear-gradient(bottom, rgb(197,183,171) 82%, rgb(197,183,171) 89%, rgb(228,221,215) 100%);
background-image: -moz-linear-gradient(bottom, rgb(197,183,171) 82%, rgb(197,183,171) 89%, rgb(228,221,215) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(197,183,171) 82%, rgb(197,183,171) 89%, rgb(228,221,215) 100%);
background-image: -ms-linear-gradient(bottom, rgb(197,183,171) 82%, rgb(197,183,171) 89%, rgb(228,221,215) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.82, rgb(197,183,171)),
	color-stop(0.89, rgb(197,183,171)),
);
box-shadow:inset 0px 1px 2px #b6a597, 0px 2px 2px #CCC;

text-shadow: 0px 1px 1px #dccec3;
position:relative;
}

.activework img {
	position:absolute;	
	left:.6em;
	top:12%;
}

.layout-vertical .activework img {
	/*margin-top: 50%;
	top:-25px;	*/
}

/*.activework.fb {
	background-image: url(../img/portfolio/fb-40.png);
}

.activework.drupal {
	background-image: url(../img/portfolio/drupal-40.png);	
}


.activework.js {
	background-image:url(../img/portfolio/jquery-40.png);	
}*/

#intro p,
#intro .quality {
	color: #555;
}

#intro h3,
#whatsnew h3 {
	margin-bottom: .5em;	
}

.quality {
	background: #EEE url(../img/check.png) 1em .9em no-repeat;
	box-shadow:inset 0px 1px 2px #BBB, 0px 2px 2px #CCC;
	
}

.quality,
.activework {
	border-radius: 3px;	
	padding: 1em 1em 1em 3em;
	line-height: 1.3;	
	margin-bottom: .5em;
	
}

.quality span {
	-webkit-transition: all 1.5s;	
	-moz-transition: all 1.5s;	
	-o-transition: all 1.5s;	
	-ms-transition: all 1.5s;	
	transition: all 1.5s;	
	 
}

.layout-onecol .quality span,
.layout-horizontal .quality span {
	display:none	
}

p.bookedthru {
	font-size: .8em;	
}

#nextopening {
	font-weight:bold;
	font-size: 1em;	
}

#bulletin {
	float:right;
	margin:0 0 10px;
	background: url(/img/home/bulletinboard.jpg) no-repeat;
	max-width:700px;
	max-height:400px;
	height:200px;
	width: 50%;
	border:20px solid rgba(255,255,255,0.5);
	position:relative;
	z-index:100;	
	background-clip: padding-box;
	-moz-box-shadow:0px 1px 3px #777,inset 0px 2px 30px #333;
	-webkit-box-shadow:0px 1px 3px #777,inset 0px 2px 30px #333;
	-o-box-shadow:0px 1px 3px #777,inset 0px 2px 30px #333;
	box-shadow:0px 1px 3px #777,inset 0px 2px 30px #333;
	
	}

.sticky {
	background: url(../img/home/2/sticky.png) top center no-repeat;	
	width:102px;
	height:100px;

	 
}

.sticky .note {
	-webkit-transform: rotate(-3.4deg);	
	transform: rotate(-3.4deg);
	overflow:hidden;
	font-size: 11px;
	text-overflow: ellipsis;
	padding: 12px 15px 0 14px;
	height: 77px;
 
}


#MID {
	min-width:0;
	padding-left:0;
	padding-bottom:30px;
	position:relative;
 
}

#MID.layout-onecol {
	padding-top: 30px;
	height: auto;	
}

.frame,
.frame.layout-horizontal {
	float:left;
	width:32%;
	height: 245px;
	margin:20px 0 0 .85%;
	background:white;
	border-radius:3px;
	border:1px solid #d4c9c0;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.33);
	position:relative;
	overflow:hidden;
	/*display:table;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 74%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(74%, #ffffff), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 74%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 74%, #e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 74%, #e2e2e2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #ffffff 74%, #e2e2e2 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0 ); /* IE6-9 */
/*opacity:0.3;*/
}

.frame.layout-vertical {

}


.frame.layout-onecol {
float:none;
width: 96%;
margin: 10px 2% 0;
clear:right;	
height: 100px;
}

.redvelv {
	/*display:table-cell;*/
	/*width: 92%;*/
	height: 210px;
	margin:18px;
	position:relative;
	border-radius:2px;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.36);
	/*bg*/
	background: #b64746; /* Old browsers */
	background: -moz-linear-gradient(top, #b64746 0%, #b64746 49%, #ac2d2c 68%, #ac2d2c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b64746), color-stop(49%, #b64746), color-stop(68%, #ac2d2c), color-stop(100%, #ac2d2c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b64746 0%, #b64746 49%, #ac2d2c 68%, #ac2d2c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b64746 0%, #b64746 49%, #ac2d2c 68%, #ac2d2c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b64746 0%, #b64746 49%, #ac2d2c 68%, #ac2d2c 100%); /* IE10+ */
	background: linear-gradient(top, #b64746 0%, #b64746 49%, #ac2d2c 68%, #ac2d2c 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b64746', endColorstr='#ac2d2c', GradientType=0 ); /* IE6-9 */
}

.redvelv h2 {
	color: #E2E2E2;
	position: absolute;
	font-size: 60px;
	left:-2px;
	bottom:-20px;
 
}


.redvelv h2 a {
	color:inherit;
	text-decoration:none;
	
}	

.redvelv h2.layout-horizontal,
.redvelv h2.layout-onecol {
color: #FFF;
font-size: 40px;
margin: 0;
top: 20px;
left: 20px;
text-shadow: 0px 1px 2px #A02928;	
}

.redvelv h2.layout-onecol {
	 	
}


.frame .overlap {
	position:absolute;
	top:50px;
	right:-80px;
	z-index:2;
}

.frame.layout-onecol .overlap {
	top:-20px;	
}

#hireme, #suitcase {
	position:absolute;
	bottom:10px; 
	right: 10px;	
	z-index:4;
}



#bamboo-front,
#bamboo-back {
	position:absolute;
	right:5%;
	pointer-events:none;
	display:none; /*for now*/
}

#bamboo-front {
	z-index:3;
	bottom:2px;
}

#bamboo-back {
	bottom: 0;
}

.stripe {
	position:absolute;
}

.stripe.horiz {
	background: url(../img/home/2/stripe-horiz.png) repeat-x;
	height: 2px;
	width: 100%;
}

.stripe.btm {
	bottom:0;
}
 
.stripe.top {
	top:0;	
	height:1px;
}