/*HTML5 RESET*/
html{-webkit-font-smoothing:antialiased}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,em,font,strike,strong,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body{font:62.5%/1 "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
img{margin:0;padding:0;border:0;outline:0;vertical-align:bottom}
a:hover,a:active,:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}

/*HELPERS*/
.clear{clear:both}
.hide{display:none}
nav ul{list-style-type:none}

@font-face {
	font-family: 'PTSansBold';
	src: url('http://static.castlesblog.com/templates/castlesblog/pt_sans_bold-webfont.eot');
	src: local('☺'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans_bold-webfont.woff') format('woff'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans_bold-webfont.ttf') format('truetype'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans_bold-webfont.svg#webfont7FTt7foR') format('svg');
	font-weight: normal;
	font-style: normal;
}
.PTSans-Bold{font-weight:normal;font-style:normal;line-height:.5;font-family:'PTSansBold',sans-serif/*;font-size-adjust:0.5*/}

@font-face {
	font-family: 'PTSansRegular';
	src: url('http://static.castlesblog.com/templates/castlesblog/pt_sans-webfont.eot');
	src: local('☺'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans-webfont.woff') format('woff'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans-webfont.ttf') format('truetype'), url('http://static.castlesblog.com/templates/castlesblog/pt_sans-webfont.svg#webfontxbZZsfPl') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Safari */
::selection{background:#1892EF;color:white}
pre::selection{background:#003156;color:#FFF}
/* Firefox */
::-moz-selection{background:#1892EF;color:white}
pre::-moz-selection{background:#003156;color:#FFF} 

body{background:#005CA3;padding-top:10px}

header{margin:0px auto;position:relative;max-width:960px;min-width:640px}
header hgroup{color:white;padding-left:20px}
header a.feed{-o-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);font-weight:normal;display:block;background:url(http://static.castlesblog.com/templates/castlesblog/images/feed.png) top left no-repeat;height:32px;padding-left:36px;line-height:32px;color:white;font-size:14px;width:80px;position:absolute;top:70px;right:20px;

-moz-transition: -moz-transform .6s ease-in-out;
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
header a.feed:hover{
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg);
-moz-transition: -moz-transform .2s ease-out;
-webkit-transition: -webkit-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
transition: transform .2s ease-out;

}
header h1{font-size:6.6em;text-shadow:0px 0px 7px #003156;padding-top:10px}
header h1 a{color:white}
header h1 a:hover{text-decoration:none}
header h2{font-size:1.8em;font-weight:normal;padding-left:135px}
header nav{max-width:960px;min-width:600px;margin:15px auto 0px;background-color:#1892EF;padding:10px 10px 0px 10px;font-size:1.5em;position:relative;height:2em;border:1px solid #1891EF;border-bottom:0px;
	-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:-moz-linear-gradient(top,rgba(24,145,239,0.8),rgba(24,145,239,0)); /*FIREFOX*/
	-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(24,145,239,0.8)), to(rgba(24,145,239,0) )); /*WEBKIT*/
	border-top-left-radius:10px;border-top-right-radius:10px;/*OPERA*/
}
header nav a{color:white;text-decoration:none;padding:6px;display:block}
header nav a.btn:hover,article nav a.btn:focus{border:1px solid #054c83;background-color:#0964ab;padding:5px;background-color:rgba(0,49,86,.3);border-right:1px solid rgba(24,145,239,.5);border-bottom:1px solid rgba(24,145,239,.5);border-top:1px solid rgba(0,49,86,.5);border-left:1px solid rgba(0,49,86,.5);text-decoration:none;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#previous{position:absolute;top:0px;left:0px;margin:5px}
#previous span{background:url(http://static.castlesblog.com/templates/castlesblog/images/arrow.png) top left no-repeat;padding-left:25px;line-height:20px;display:block}
#next{position:absolute;top:0px;right:0px;margin:5px}
#next span{background:url(http://static.castlesblog.com/templates/castlesblog/images/arrow.png) bottom right no-repeat;padding-right:25px;line-height:20px;display:block}

#main{min-width:640px;font-size:1.4em;background-color:#FFF;line-height:1.4em;border-bottom:1px solid #333;border-top:1px solid #DDD;margin-bottom:20px}


article{padding:20px;max-width:920px;min-width:600px;margin:0px auto;position:relative}
article h1{color:white;font-size:1.1em;position:absolute;top:-30px;text-align:center;left:50%;margin-left:-300px;width:600px;font-weight:normal;font-size:15px;line-height:15px}
article h1 a{color:white}

a{text-decoration:none;color:#005CA3}
a:hover{text-decoration:underline}
pre {border:1px dashed #1892EF;background-color:#F9F9F9;padding:5px 10px;margin:5px 0px;overflow:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-family:Courier New}
p{padding:5px 0px;color:#333}
article h2{font-family:"PTSansRegular",Helvetica,Arial,sans-serif}
article h2{margin-top:20px}
article img{border:1px solid #CCC;padding:5px;margin:5px 5px 5px 0px}
article img + img{margin-top:10px}
article ul,article ol{color:#333;margin:10px 0px 10px 40px}
article blockquote{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;background:url(http://static.castlesblog.com/templates/castlesblog/images/left-quote.png) top left no-repeat;background:url(http://static.castlesblog.com/templates/castlesblog/images/left-quote.png) top left no-repeat,url(http://static.castlesblog.com/templates/castlesblog/images/right-quote.png) bottom right no-repeat;background-color:#F1F1F1;border:1px dotted #CCC;padding:10px 40px;margin:10px}
article .error{margin-bottom:10px;background-color:#990000;padding:10px 20px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px}
article .error p,article .error ul{color:#fff}
article a.external{padding-right:15px;background:url(http://static.castlesblog.com/templates/castlesblog/images/external.png) center right no-repeat}

.validate_error{border:1px solid #990000}

#comments h2{margin:20px 0px 0px}
#comments ol{list-style-type:none;margin:0px 0px 10px 20px}
#comments li{border-bottom:1px solid #EEE;padding:20px 0px 10px}
#comments li:last-child{border-bottom:0px}

#comment form{margin:0px auto}
#comment legend{display:none}
#comment label{display:block}
#comment input[type=text]{width:300px;padding:2px}
#comment textarea{width:100%;padding:0px;font-family:inherit;font-size:inherit}
#comment input[type=submit]{font-size:1.2em}

footer{margin-top:20px}
footer ul{list-style:none;margin:0px}


@media (max-width: 960px) {
	*{-webkit-text-size-adjust:none}
	header nav{font-size:2.5em;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-width:1px 0px 0px}
	header nav li{font-size:25px}
	header nav a{padding:15px}
	header nav a.btn:hover{padding:14px}
	#main{font-size:2.5em}
	article img{max-width:580px;height:auto}
	article h1{line-height:1.1em;position:static;top:0px;left:0px;color:#000;margin:20px 0px;font-weight:bold;font-family:PTSansRegular,Helvetica,Arial,sans-serif;width:auto;font-size:1.8em;border-bottom:1px solid #CCC;padding-bottom:20px}
	article h1 a{color:inherit}
	article h2{font-size:1.2em}
	article pre{font-size:.9em;margin:15px -20px;border-left:0px;border-right:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;padding:20px}
	#comment input[type="text"]{font-size:inherit;width:400px}
	
}