/* Alina Can Walk Your Dog */

@font-face {
	font-family: 'roboto';
	font-style: normal;
	src:  local('roboto'), local('Roboto'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-bold';
	font-weight: bold;
	src:  local('roboto-bold'), local('Roboto-Bold'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-italic';
	font-style:  italic;
	src:  local('roboto-italic'), local('Roboto-Italic'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-thin';
	font-style:  thin;
	src:  local('roboto-thin'), local('Roboto-Thin'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-thinitalic';
	font-style:  thin;
	font-style:  italic;
	src:  local('roboto-thinitalic'), local('Roboto-ThinItalic'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-bolditalic';
	font-weight: bold;
	font-style:  italic;
	src:  local('roboto-bolditalic'), local('Roboto-BoldItalic'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-light';
	src:  local('roboto-light'), local('Roboto-Light'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-lightitalic';
	src:  local('roboto-lightitalic'), local('Roboto-LightItalic'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-medium';
	src:  local('roboto-medium'), local('Roboto-Medium'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'roboto-mediumitalic';
	src: local('roboto-mediumitalic'), local('Roboto-MediumItalic'),
		url('http://www.alinacanwalkyourdog.com/css/roboto/Roboto-MediumItalic.ttf') format('truetype');
}

body       { background-color: #fff; }
A:link     { color: #339933; font-size: 8pt; font-weight: normal; text-decoration: underline }
A:visited  { color: #339933; font-size: 8pt; font-weight: normal; text-decoration: underline } 
A:hover    { color: #aaaaaa; font-size: 8pt; font-weight: normal; text-decoration: underline }
        
.res_wrapper { margin: 1em auto 10em auto; width:900px; text-align:center; padding:0; }
.res_wrapper::after { content:""; display:table; clear:both; }

.res_header { 
	clear: both; width:100%; margin:0 auto 0.5m auto; padding:0.5em 0 0.5em 0; text-align:center; 
	font-family:'roboto-bold'; letter-spacing:0.04em; font-size:14pt; 
}
.res_logo { 
	clear: both; width:100%; height:80px; margin:0; padding:0; text-align:center;  border:0px #ddd solid;  
	background: url("http://www.alinacanwalkyourdog.com/img/logo.png") 50% 0 no-repeat; background-size:90px auto;
}


.m_res_header { 
	clear: both; width:100%; margin:0 auto 0.5em auto; padding:0.5em 0 0.5em 0; text-align:center;
	font-family:'roboto-bold'; letter-spacing:0.04em; font-size:30pt; 
}
.m_res_logo { 
	clear: both; width:100%; height:120px; margin:0; padding:0; text-align:center; border:0px #ddd solid; 
	background: url("http://www.alinacanwalkyourdog.com/img/logo.png") 50% 0 no-repeat; background-size:130px auto;
}


.res_copy { 
	clear: both; width:50%; margin:0 auto 0 auto; padding:0; text-align: center;
	font-family:'roboto-light'; letter-spacing:0.04em; font-size:12pt; 
}

.res_copy p { margin-top:0.2em; }

.res_border { clear: both; width:100%; margin:0.5em auto 0.5em auto; padding:0; border:1px RGBA(240,240,240,0.9) solid; border-radius:8px; }

.res_thumbs { display:block; clear: both; width:100%; margin:0.5em auto 0.5em auto; padding:0; text-align: center; }
.res_thumbs::after { content:""; display:table; clear:both; }

.res_thumb { display:inline-block; clear:none; float:none; cursor:pointer; padding:0; width:100px; height:75px; border:1px #000 solid; }

.res_thumb_row { display:block; clear: both; width:100%; margin:0 auto 0.5em auto; padding:0; text-align: center; }

.res_image { clear:both; width:100%; margin:2em auto 0 auto; padding:0; }
.res_image::after { content:""; display:table; clear:both; }

/* mobile */
.m_res_wrapper { width:96%; margin: 1em auto 1em auto; }
.m_res_copy    { font-size:26pt; width:96%; }
.m_res_border  { width:96%; margin 4em 0 4em 0; }
.m_res_thumbs  { width:96%; padding:1em 0 1em 0; }
.m_res_image   { margin-top:4em; }

/* paula bean! */
.res_baz { display:none; width:90%; margin:0 auto 0 auto; border:1px #f00 solid; padding:0; text-align:center; }
.res_baz::after { content:""; display:table; clear:both; }

.rez_foo { 
	clear:none; float:none; display:inline-block;
	width:100px; height:100px; background-color:RGB(240,240,255); border:1px #000 solid;
}

/* contact */
.res_contactL { clear:both; float:left; width:50%; margin:0 0 0.5em 0; padding:0 8px 0 0; border:0px #ff0 solid; text-align:right;
	font-family:'roboto-light'; letter-spacing:0.04em; font-size:12pt;
}
.res_contactR { clear:none; float:left; width:40%; margin:0 0 0.5em 0; padding:2px 0 0 0; border:0px #00f solid; text-align:left; }

.m_res_contactL { clear:both; float:left; width:50%; margin:0 0 0.5em 0; padding:0 8px 0 0; text-align:right;
	font-family:'roboto-light'; letter-spacing:0.04em; font-size:22pt;
 }
.m_res_contactR { clear:none; float:left; width:47%; margin:0 0 0.5em 0; padding:2px 0 0 0; text-align:left;  font-size:22px; }