/*
Project Name:Create a Responsive Web Design Template
Author:Harry Atkins
Published on:http://www.onextrapixel.com/
*/

::-moz-selection 	{background-color:#91D8f7;color:#fff}
::selection 		{background-color:#91D8f7;color:#fff}

a			{outline:0;color:navy;text-decoration:none}
a:hover			{text-decoration:none}
p a:hover		{color:#27B3CF}
a:active		{outline:none;position:relative;top:2px}

.clearfix		{clear:both}

body {
background:#f0f0f0;color:navy;font-family:sans-serif;font-size:16px;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:0.5s, 0.5s;
-moz-transition-duration:0.5s, 0.5s;
transition-duration:0.5s, 0.5s;
-webkit-transition-timing function:linear, ease-in;
-moz-transition-timing function:linear, ease-in;
transition-timing function:linear, ease-in;
}

#wrapper {margin:0 auto 10px auto;max-width:802px;width:98%;background:#f0f0f0;padding:0}
header 	{padding:3px 0}

h1 {font-size:32px;font-family:sans-serif;padding:0;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:0.5s, 0.5s;
-moz-transition-duration:0.5s, 0.5s;
transition-duration:0.5s, 0.5s;
-webkit-transition-timing function:linear, ease-in;
-moz-transition-timing function:linear, ease-in;
transition-timing function:linear, ease-in;
}
h1 a:hover {text-decoration:none;color:#27B3CF}

h2 {font-family:sans-serif;font-size:18px;padding:10px;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:0.5s, 0.5s;
-moz-transition-duration:0.5s, 0.5s;
transition-duration:0.5s, 0.5s;
-webkit-transition-timing function:linear, ease-in;
-moz-transition-timing function:linear, ease-in;
transition-timing function:linear, ease-in;
}

nav		{background:#222;padding:0;margin:10px 0}
nav a		{color:#F9F9F9;display:block;float:left;padding:10px}
nav a:visited	{color:#f9f9f9}
nav a:hover	{text-decoration:none;background:#27B3CF}
nav a:active	{position:relative;top:0}

.left-col 	{width:57%;float:left;margin-bottom:10px}
.sidebar 	{width:40%;float:right;margin-bottom:10px;
-webkit-transition-property:width;
-moz-transition-property:width;
transition-property:width;
-webkit-transition-duration:0.5s, 0.5s;
-moz-transition-duration:0.5s, 0.5s;
transition-duration:0.5s, 0.5s;
-webkit-transition-timing function:linear, ease-in;
-moz-transition-timing function:linear, ease-in;
transition-timing function:linear, ease-in;
}

#latest		{padding:0 0 10px 0}
p		{padding:0 5px 0 5px}

footer {margin-top:5px;border-top:10px solid #b30a00}
footer p {margin:5px 0 0 0;font-size:small;text-align:center}

@media screen and (max-width:478px) {
h1 {font-size:18px;padding:1px}
h2 {font-size:13px;padding:1px}
body {font-size:13px}
}

@media screen and (max-width:767px) {
.left-col {width:100%}
.sidebar {width:100%}
}

@media screen and (max-width:480px) {
}

img {max-width:100%;height:auto;width:auto}
img.thumb {border:1px solid navy;margin:0px}