/* @group reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	color: #665950;
	font: 14px/1.7413 "Helvetica Neue", Arial, Helvetica, sans-serif; /* Baseline: 24px */
	-webkit-font-smoothing: antialiased;
	background: #FCFAF8 url(img/body.png) repeat-x;
	/* background: #FCFAF8 url(img/baseline.png) repeat; */
	margin: 0 auto;
	position: relative;
}
ul {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
}

/* @end reset */

/* @group typography */

/* @group headings */

h1 {
	font: bold 3.4286em/1 "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 48px/48px */
	font-size-adjust: 0.53;
	letter-spacing: -1px;
	color: #920712;
	text-shadow: 0 1px #fff;
	text-rendering: optimizelegibility;
	padding: 0.0833em 0 0.4167em; /* 4px 0 20px */
}
h2 {
	font: bold 1.5em/1.1429 "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 21px/24px */
	font-size-adjust: 0.53;
	letter-spacing: -0.0238em;
	color: #920712;
	text-shadow: 0 1px #fff;
	margin: 1.5238em 0  0.3810em; /* 24px 0 8px */
	}
h2.separate {
	border-top: 1px dotted #CCCAC8;
	padding-top: 1.0952em; /* 23px */
	clear: both;
}
h3 {
	color: #52463F;
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 1em 0 0.5em; /* 16px 0 8px */
}
h4 {
	color: #52463F;
	font-size: 1em; /* 14px */
	line-height: 1.1429; /* 16px */
	margin: 0 0 0.5714em 0; /* 0 0 8px 0 */
	
}
h5, h6 {
	font-size: 1em; /* 14px */
}

/* @end headings */

#page-wrap						{ width: 900px; margin: 0 auto; 
								  padding: 5px 0; }

#slider							{ background-image:url(../img/sitioencons.png)   ; height: 227px; overflow: hidden;
								  position: relative; margin: 50px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
/* @group prose */

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em; /* 14px */
	margin-bottom: 0.5714em; /* 8px */
}
blockquote {
	background: url(img/blockquote.png) no-repeat left 4px;
	margin: 1.1429em 0 0 -2.5714em; /* 16px 0 0 -36px */
}
blockquote p {
	color: #5E8208;
	font-size: 1.1429em;
	line-height: 1.5;
	margin: 0.5em 0 0.5em 2.25em; /* 8px 0 16px 36px */
}
blockquote p strong {
	color: #4E7208;
}
blockquote + p cite:before {
	content: "\2014 "; /* em-dash */
}

/* @end prose */

/* @group lists */

ol {
	list-style-type: decimal;    
}
ol li {
	margin-left: 2.077em; /* 27px */
}
ul {
	list-style: square;    
}
ul li {
	margin-left: 2.077em; /* 27px */
}
dt {
	font-weight: bold;
	margin-top: 1.1429em; /* 18px */
}

/* @end lists */

/* @group links */

a:link,
a:link *,
a:visited,
a:visited * {
	color: #17A;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
}
a:hover,
a:hover *,
a:focus,
a:focus * {
	color: #058; 
	font-weight: bold;
	text-decoration: none;
}
a:active,
a:active * {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
a[rel="alternate"] {
	background: url(img/icons/feed-16x16.png) no-repeat 0 0;
	padding-left: 20px;
}
a.download-vcard {
	background: url(img/icons/vcard-16x16.png) no-repeat 0 1px;
	padding-left: 20px;
}

/* @end links */

/* @group inline */

abbr {
	font-size: 0.8571em; /* 12px */
	font-weight: lighter;
	line-height: 90%;
	letter-spacing: 1px;
}
em {
	font: italic 1em/95% Georgia, Times, "Times New Roman", serif;
}
strong {
	line-height: 90%;
	color: #5C5046;
}
code,
kbd,
samp,
var {
	color: #603;
	font: 1em/90% Consolas, "Lucida Console", Monaco, monospace;
}
var {
	color: #306;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before { content: open-quote; }
q:after { content: close-quote; }

/* @end inline */

/* @end typography */

/* @group tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.1428em 0;
}
table caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 0.643em; /* 9px */
}
thead th {
	border-bottom: 1px solid #DCDAD8;
	padding-top: 0;
	padding-bottom: 0.5em; /* 8px */
}
tbody {
	border-top: 1px solid #CCCAC8; /* not rendered in IE6/7 */
}
tbody tr th,
tbody tr td {
	border-top: 1px dotted #DCDAD8;
}
th,
td {
	text-align: left;
	padding: 0.2143em 1.9286em 0.2857em 0; /* 3px 27px 4px 0px */
}

/* @end tables */

/* @group additional paragraph styles */

.intro {
	font: normal 1.2857em/1.3666 "Reader Regular", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 18px/24px */
	font-size-adjust: 0.53;
	text-shadow: 0 1px #fff;
	color: #433;
	margin-bottom: 0.8889em; /* 16px */
}
.intro strong,
.intro a {
	font-family: "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 18px/24px */
	font-size-adjust: 0.53;
}
.intro a:link,
.intro a:visited {
	border-bottom: 1px solid rgba(0,119,170,0.5);
}
.intro a:hover,
.intro a:focus {
	border-bottom: 1px solid rgba(0,85,136,0.5);
}
.intro a:active {
	border-bottom: 1px solid rgba(0,51,102,0.5);
}
.sub {
	color: #52463F;
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin-bottom: 1em; /* 16px */
}
.meta, p.breadcrumbs, p cite, small {
	color: #7D726C;
	font-size: 0.8572em; /* 12px */
	line-height: 1.3333; /* 16px */
	margin-bottom: 0.6667em; /* 8px */
}
.meta a {
	font-weight: normal;
}

/* @end additional paragraph styles*/

/* @group forms */

label {
	color: #52463F;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
label em {
	color: #c30;
	font-weight: normal;
}

input,
textarea,
select,
button {
	color: #665950;
	font-family: inherit;
	line-height: 1.7413; /* 24px */
	font-size: 1em;
	width:50%;
}
textarea,
input[type="text"], 
input[type="password"],
select {
	border: 1px solid #CCCAC8;
	padding: 0.1429em; /* 2px */
	-moz-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	-webkit-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
}
textarea:focus,
input[type="text"]: focus, 
input[type="password"]: focus,
select: focus {
	border-color: #888;
	outline: 2px solid #8fb309;
}
textarea {
	width: 99%;
	display: block;
}
button {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: auto;
	background-color: #8FB209;
	border: 1px solid #6D9207;
	padding: 0.2143em 1.0714em; /* 3px 15px */ 
	overflow: visible;
}
button:hover {
	background-color: #9Fc219;
	border: 1px solid #7Da217;
}
button:active {
	background-color: #7Fa209;
	border: 1px solid #5D8207;
	-moz-box-shadow: inset 0px 2px 4px #5D8207;
	-webkit-box-shadow: inset 0px 2px 4px #5D8207;
	box-shadow: inset 0px 2px 4px #5D8207;
}
.button-container {
	float: right;
	padding-right: 1%;
}

/* @end forms */

/* @group helper styles */
.spade {
	clear: both; /* You can't polish a spade */
}
p.more {
	font-size: 1.1429em; /* 16px */
	line-height: 1; /* 16px */
	text-align: right;
	background: #f0edeb url(img/more.png) no-repeat center right;
	padding: 1em 1.125em 1em 1em; /* 16px 18px 16px 16px */
	margin: 1em 0;
	float: right;
	clear: both;
}
p.breadcrumbs {
	margin: -2em 0 0.6667em; /* 24px 0 8px */
}

/* @group checklist */

ul.checklist {
	margin-bottom: 1.7413em;
}
ul.checklist li {
	list-style: none;
	background: url(img/check-small.png) no-repeat 0 0.2em;
	margin: 0;
	padding: 0 0 0 14px
}
ul.checklist li ul li {
	background-image: none;
	list-style-type: disc;
	margin-left: 1.2857em; /* 18px */
	padding-left: 0;
}

/* @end checklist */

/* @end helper styles */

/* @group layout styles */

/* @group page structure */

.contents {
	margin: 0 auto;
	width: 90%;
	position: relative;
	clear: both;
}
.section {
	clear: both;
	padding-bottom: 1.7143em; /* 24px */
}
.supplementary {
	background-color: #ebe8e5;
	margin-top: -1px;
	border-top: 1px solid #dcdad8;
	border-bottom: 1px solid #dcdad8;
	-moz-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	-webkit-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	padding-bottom: 1.6429em; /* 23px */
}

/* @end page structure */

/* @group #contact */

#contact {
	background-color: #a40f37;
	padding-bottom: 0;
}
#contact .contents {
	text-align: right;
}
#contact address {
	color: #fff;
	line-height: 2.2858;
	background-color: transparent;
}
#contact a.tel {
	color: #fff;
}

/* @end #contact */

/* @group #header */

#header {
	background-color: #ffcc00;
	border-bottom: 1px solid #DCDAD8;
	margin-bottom: 5.1429em; /* 72px */
	-moz-box-shadow: -4px 2px 4px rgba(220,218,216,0.75);
	-webkit-box-shadow: 0px 2px 4px rgba(220,218,216,0.75);
	box-shadow: 0px 2px 4px rgba(220,218,216,0.75);
	padding-bottom: 0;
}
#header .contents {
	overflow: visible;
}

/* @end #header */

/* @group #logo */

#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:focus,
#logo a:active {
	background-color: transparent;
	border-bottom: none;
}

/* @end #logo */

/* @group #nav */

#nav {
	list-style: none;
	margin-top: 1.1429em; /* 16px */
}
#nav li {
	font-size: 1.1429em; /* 16px */
	line-height: 1.25; /* 20px */
	list-style: none;
	margin: 0;
	padding: 0 0 1em 0;
}
#nav li.canhelp {
	margin-right: 0;
}
#nav li a {
	color: #6C6A68;
}
#nav li.canhelp a {
	padding-right: 0;
	border-right: 0 none;
}
#nav li a:hover,
#nav li a:focus {
	color: #058; 
}
#nav li a:active {
	color: #036; 
}
body.is #nav li.is a,
body.does #nav li.does a,
body.made #nav li.made a,
body.canhelp #nav li.canhelp a {
	color: #4C4A48;
}

/* @end #nav */

/* @group #footer */

#footer {
	border-top: 1px solid #E5E4E3;
	background: #FCFCFC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#FCFAF8));
	background: -moz-linear-gradient(top, #FCFCFC, #FCFAF8);
	background: linear-gradient(top, #FCFCFC, #FCFAF8);
	margin-top: -1px;
	width: 100%;
	clear: both;
}

#footer a.ideas-sheet:link {
	background: url(img/ideas-sheet.png) no-repeat 0 6px;
	padding-left: 54px;
	padding-top: 0.5714em;
	padding-bottom: 0.5714em;
	margin-bottom: 1.1429em; /* 16px */
	width: 66%;
	display: block;
}
#footer a.ideas-sheet:hover {
	background: url(img/ideas-sheet.png) no-repeat 0 -144px;
}
#footer a.ideas-sheet p {
	font-weight: normal;
}
#footer a.ideas-sheet p.meta {
	/*margin-top: -0.6667em;*/
	color: #7D726C;
}

#footer ul.social {
	overflow: hidden;
}
#footer ul.social li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
	margin-right: 1.2857em; /* 27px */
	padding: 0.5714em 0;
}
#footer ul.social li:last-child {
	margin-right: 0;
}
#footer ul.social a {
	display: block;
	padding-left: 30px;
}
#footer ul.social a.twitter { background: url(img/icons/twitter-24x24.png) no-repeat 0 0;}
#footer ul.social a.facebook { background: url(img/icons/facebook-24x24.png) no-repeat 0 0; }
#footer ul.social a.flickr { background: url(img/icons/flickr-24x24.png) no-repeat 0 0; }

#footer .contentinfo {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #EBE8E5;
	padding-top: 1.0714em; /* 15px */
	margin: 1.1429em 0; /* 16px 0 */
}
#footer .contentinfo small {
	float: left;
}
#footer .contentinfo small em {
	font-size: 1.0833em;
	margin-right: 0.6154em;
}
#footer .contentinfo ul {
	font-size: 0.8571em; /* 12px */
	line-height: 1.3333; /* 16px */
	clear: both;
}
#footer .contentinfo li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
	margin-right: 1.3333em;
}
#footer .contentinfo li:last-child {
	margin-right: 0;
}
#footer .contentinfo a[rel="alternate"] {
	padding-left: 16px;
	background: url(img/icons/feed-12x12.png) no-repeat 0 center;
}

/* @end #footer */

/* @end layout styles */

/* @group page styles */

/* @group home */

body.home ul.checklist li {
	background: url(img/check-large.png) no-repeat 1px 1%;
	margin: 0.5714em 0 0 2%; /* 8px 0 0 2% */
}
body.home div.hentry {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* @end home */

/* @group who we are */

/* @group index */

ul.team {
	margin-bottom: 2.2857em;
	clear: both;
}
ul.team li {
	list-style: none;
	margin: 0.5714em 0 0 0;
	padding: 0;
	float: left;
	overflow: visible;
}
ul.team li h3 {
	margin: 0.5em 0 0; /* 8px 0 0 */
}
ul.team li a:hover img.photo,
ul.team li a:focus img.photo {
	z-index: 11;
}
p.alumni {
	text-align: right;
	padding-top: 1.3333em;
	clear: both;
}

/* @end index */

/* @group list of sites */

ul.sites {
	margin-bottom: 1.7143em; /* 24px */
}
ul.sites li {
	line-height: 1.1429em; /* 16px; */
	padding: 0.2857em 0; /* 4px 0 */
	list-style: none;
	padding-left: 22px;
	margin-bottom: 0.2857em;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
ul.sites li.natbat { background-image: url(img/icons/natbat.gif); }
ul.sites li.adactio { background-image: url(img/icons/adactio.gif); }
ul.sites li.saltercane { background-image: url(img/icons/saltercane.gif); }
ul.sites li.andybudd { background-image: url(img/icons/andybudd.png); }
ul.sites li.clagnut { background-image: url(img/icons/clagnut.gif); }
ul.sites li.principiagastronomica { background-image: url(img/icons/principiagastronomica.gif); }
ul.sites li.cennydd { background-image: url(img/icons/cennydd-16x16.png); }
ul.sites li.percent { background-image: url(img/icons/90percent-16x16.png); }
ul.sites li.stackoverflow { background-image: url(img/icons/stackoverflow-16x16.png); }
ul.sites li { background-image: url(img/icons/website-16x16.png); }
ul.sites li.huffduffer { background-image: url(img/icons/huffduffer-16x16.png); }
ul.sites li.delicious { background-image: url(img/icons/delicious-16x16.png); }
ul.sites li.twitter { background-image: url(img/icons/twitter-16x16.png); }
ul.sites li.flickr { background-image: url(img/icons/flickr-16x16.png); }
ul.sites li.lastfm { background-image: url(img/icons/lastfm-16x16.png); }
ul.sites li.vimeo { background-image: url(img/icons/vimeo-16x16.png); }
ul.sites li.upcoming { background-image: url(img/icons/upcoming-16x16.png); }
ul.sites li.dopplr { background-image: url(img/icons/dopplr-16x16.png); }
ul.sites li.facebook { background-image: url(img/icons/facebook-16x16.png); }
ul.sites li.youtube { background-image: url(img/icons/youtube-16x16.png); }
ul.sites li.linkedin { background-image: url(img/icons/linkedin-16x16.png); }
ul.sites li.slideshare { background-image: url(img/icons/slideshare-16x16.png); }
ul.sites li.readernaut { background-image: url(img/icons/readernaut-16x16.png); }
ul.sites li.gowalla { background-image: url(img/icons/gowalla-16x16.png); }
ul.sites li.dribbble { background-image: url(img/icons/dribbble-16x16.png); }
ul.sites li.lanyrd { background-image: url(img/icons/lanyrd-16x16.png); }
ul.sites li.github { background-image: url(img/icons/github-16x16.png); }
ul.sites li.aboutdotme { background-image: url(img/icons/aboutdotme-16x16.png); }
ul.sites li.paulrobertlloyd { background-image: url(img/icons/paulrobertlloyd-16x16.png); }
ul.sites li.rifa { background-image: url(img/icons/rifa-16x16.png); }
ul.sites li.robotperson { background-image: url(img/icons/robotperson-16x16.png); }
ul.sites li.joshemerson { background-image: url(img/icons/joshemerson-16x16.png); }

/* @end list of sites */

/* @group list of books */

ul.books {
	clear: both;
	overflow: hidden;
}
ul.books li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}
ul.books li img.pull-left {
	width: 54px;
}

/* @end list of books*/

/* @group list of other profiles */

ul.people li {
	margin: 0 20px 10px 0;
	display: block;
	position: relative;
	float: left;
}
ul.people img {
	background: url(img/polaroid-small.png) no-repeat top left;
	padding: 4px 4px 8px;
	width: 64px;
	height: 64px;
	display: block;
}

/* @end list of other profiles */

/* @end  who we are */

/* @group what we do */

/* @group books (writing) */

.book {
	margin-top: 0.5714em; /* 8px */
	margin-bottom: 1.7143em; /* 24px */
	overflow: hidden;
}
.book h3 {
	margin-top: 0.25em; /* 4px */
	line-height: 1.25em; /* 20px */
}
.book p {
	clear: left;
}
.book p.meta {
	clear: none;
}
.book img.pull-left,
ul.books img.pull-left {
	background-color: #fff;
	border: 1px solid #E1DEDC;
	margin: 0 0.5714em 0.5714em 0;
	padding: 4px;
}

/* @end books (writing) */

/* @group hCalendar (speaking) */

.hcalendar .vevent .dtstart,
.hcalendar .vevent .dtend {
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	letter-spacing: normal;
	margin-top: 1.333em; /* 16px */
}
.hcalendar .vevent h3 {
	font-weight: lighter;
	margin-top: 0;
}
.hcalendar .vevent h3 a {
	font-weight: bold;
}

/* @end hCalendar (speaking) */

/* @end what we do */

/* @group portfolio */

/* @group slideshow of case studies */

#polaroid li {
	font-size: 0.8571em; /* 12px */
	line-height: 1.2;
	list-style: none;
	margin: 1.7143em 0 2.2857em; /* 24px 0 */
}
#polaroid li img {
	border: 1px solid #DBD8D5;
	display: block;
}
#polaroid li img.app {
	border: none;
}
#polaroid a.cycler {
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 150px;
	z-index: 1000;
}
#polaroid a.next {
	right: 0;
}
#polaroid a.next:link,
#polaroid a.next:visited {
	background: url(img/cycler.png) no-repeat 0 0;
}
#polaroid a.next:hover,
#polaroid a.next:focus {
	background: url(img/cycler.png) no-repeat 0 -30px;
}
#polaroid a.next: active {
	background: url(img/cycler.png) no-repeat 0 -60px;
}
#polaroid a.prev {
left: 0;
}
#polaroid a.prev:link,
#polaroid a.prev:visited {
	background: url(img/cycler.png) no-repeat 0 -90px;
}
#polaroid a.prev:hover,
#polaroid a.prev:focus {
	background: url(img/cycler.png) no-repeat 0 -120px;
}
#polaroid a.prev:active {
	background: url(img/cycler.png) no-repeat 0 -150px;
}

/* @end slideshow of case studies */

/* @group gallery of stamps */

ul.gallery  {
	margin-bottom: 4em;
	width: 100%;
	float: left;
	overflow: hidden;
}
ul.gallery li {
	text-align: center;
	list-style: none;
	margin: 0;
	background: url(img/stamp.png) repeat-x bottom;
	border-bottom: 1.1429em solid #D4D2D0;
	margin-top: 1.1429em;
	float: left;
}

/* @end gallery of stamps */

/* @group project */

img.screenshot {
	background-color: #fff;
	margin-bottom: 1.714em;
	padding: 4px;
	border: 1px solid #DCDAD8;
	display: block;
}
img.app {
	background: transparent;
	border: none;

}

/* @end project */

/* @end portfolio */

/* @group contact us */

/* @group map */

#map {
	width: 100%;
	height: 320px;
}
.map {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #DCDAD8;
	display: block;
}
.map img {
	max-width: none;
}

/* @end map*/

/* @group contact form */

#contact-form input#name,
#contact-form input#email,
#contact-form textarea {
	width: 100%;
}

/* @end contact form */

/* @end contact us */

/* @group news */

/* @group hAtom */

div.hentry {
	border-bottom: 1px dotted #CCCAC8;
	padding-bottom: 1.6429em; /* 23px */
	margin-bottom: 1.7143em; /* 24px */
}
abbr.published {
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	letter-spacing: normal;
	margin-top: 1.333em; /* 16px */
	display: block;
}
h3.entry-title {
	margin-top: 0;
}
h3.entry-title a:link,
h3.entry-title a:visited {
    color: #52463F;
}
h3.entry-title a:hover,
h3.entry-title a:focus {
    color: #058; 
}
h3.entry-title a:active {
    color: #036; 
}

/* @end hAtom */

/* @end news */

/* @group test lab */

table.testlab-devices th:nth-child(4),
table.testlab-devices td:nth-child(4) {
    display: none;
}

/* @end test lab */

/* @end page styles */
#mensajes {
	width:25em;
	height:5em;
	background-color:#FC0;
	position:relative;
	float:right;
	top:5px;
	}
.menuImg {
	width:20em; 
	height:10em; 
	background-color:#09F;
	}
.twoH {
	font-size: 1.1429em;
	line-height: 1.5;
	margin: 1em 0 0.5em;
	}
/* ----------------------                     ----------------------*/


.ca-menu{
    padding:0;
   /* margin:20px auto;
    width: 1020px;*/
}
.ca-menu li{
    width: 20em;
    height: 10em;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}

.ca-menuLarge{
    padding:0;
   /* margin:20px auto;
    width: 1020px;*/
}
.ca-menuLarge li{
    width: 45em;
    height: 10em;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menuLarge li:last-child{
    margin-right: 0px;
}
.ca-menuLarge li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 60px;
    color: #333;
    text-shadow: 0px 0px 1px #333;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-icon#heart{
    color: #f7002f;
    text-shadow: 0px 0px 1px #f7002f;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}
.ca-main{
    font-size: 30px;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	background-color:#FFF;
	
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #666;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    width: 100%;
    left: 0px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background-color: #666;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);  
}
.ca-menu li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:0.3;
}
.ca-menu li:hover .ca-icon#heart{
    -webkit-animation: smallToBig 900ms alternate infinite ease;
    -moz-animation: smallToBig 900ms alternate infinite ease;
    -ms-animation: smallToBig 900ms alternate infinite ease;
}
.ca-menu li:hover .ca-main{
    color: #faca0b;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
	background-color:#333;
}
.ca-menu li:hover .ca-sub{
    color: #FFF;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
.ca-menuLarge li:hover{
    background-color: #666;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);  
}
.ca-menuLarge li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:0.3;
}
.ca-menuLarge li:hover .ca-icon#heart{
    -webkit-animation: smallToBig 900ms alternate infinite ease;
    -moz-animation: smallToBig 900ms alternate infinite ease;
    -ms-animation: smallToBig 900ms alternate infinite ease;
}
.ca-menuLarge li:hover .ca-main{
    color: #faca0b;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
.ca-menuLarge li:hover .ca-sub{
    color: #FFF;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}