/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a img{border: none;}

/* GENERAL */

body {
	background: #111;
	color: #999;
	}
	
#wrapper {
	margin: 25px 0 0 0;
	border-top: 1px dashed #333;
	}	
	
/* TOP */
	
#flag {
	padding: 40px 0 0 0;
	text-align: center;
	}
	
#flag img {
	max-width: 180px;
	}	

h1 {
	margin: 8px 0 0 0;
	font-size: 3.8em;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	
h2 {
	max-width: 700px;
	margin: 0 auto 45px auto;
	color: #777;
	font-size: 1em;
	font-style: italic;
	line-height: 160%;
	text-align: center;
	}

h3 {
	margin: 30px 0 50px 0;
	text-align: center;
	font-size: 2.8em;
	color: #f03;
	}
	
ul.menu {
	padding: 25px 0 30px 0;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	}
	
ul.menu li {
	margin: 3px 15px 0 15px;
	display: inline;
	font-size: 1.2em;
	text-transform: lowercase;	
	}		
	
/* POSTS */	

#posts {
	padding: 0 20px 0 20px;
	text-align: center;
	}
	
.post {
	margin: 0 0 100px 0;
	}
	
/* PHOTO POST */	

.post .image {
	margin: 0 auto 0 auto;
	background: #222;
	max-width: 1280px;
	min-height: 500px;
	line-height: 0;
	}	
	
.caption {
	max-width: 1280px;
	margin: 15px auto 0 auto;
	text-align: left;
	overflow: hidden;
	}

.text {
	max-width: 600px;
	}	

.caption p {
	display: inline;
	line-height: 165%;
	}		
	
.meta {
	margin: 19px 0 0 0;
	padding: 15px 0 7px 0;
	font-size: .9em;
	line-height: 155%;
	color: #555;
	text-transform: uppercase;
	border-top: 1px dashed #333;
	overflow: hidden;
	}	
	
.social {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 7px #000;
	-webkit-box-shadow: inset 0 0 7px #000;
	box-shadow: inset 0 0 7px #000;
	float: right;
	margin: 0 0 5px 15px;
	padding: 7px 7px 5px 7px;
	background: #444;
	}
	
ul.tags {
	display: inline;
	margin: 0 0 0 25px;
	}

ul.tags li {
	display: inline;
	margin: 0 8px 0 0;
	}		
	
/* NOTES */	
	
ol.notes {
	max-width: 1280px;
	margin: 30px auto 30px auto;
	font-size: 13px;
	text-align: left;
	}
	
ol.notes img {
	float: left;
	margin: 0 8px 0 0;
	border: 0;
	}	

ol.notes li {
	padding: 0 0 12px 0;
	}		
	
/* FOOTER */

#nav {
	-moz-box-shadow: inset 0 0 20px #000;
	-webkit-box-shadow: inset 0 0 20px #000;
	box-shadow: inset 0 0 20px #000;
	padding: 50px 0 60px 0;
	background: #333;
	font-size: 25px;
	tex-transform: uppercase;
	text-align: center;
	}
	
#footer {
	margin: 0;
	padding: 30px 0 30px 0;
	background: #aaa;
	color: #555;
	text-align: center;
	}

#footer img {
	-moz-box-shadow: 0 0 8px #444;
	-webkit-box-shadow: 0 0 8px #444;
	box-shadow: 0 0 8px #444;
	width: 20px;
	border: 2px solid #fff;
	}

/* LINKS */
	
a, 
a:visited {
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	}

a:hover, 
a:active {
	color:#09f;
	text-decoration: underline;
	}
	
#flag a, 
#flag a:visited {
	font-weight: normal;
	color:#fff;
	text-decoration:none;
	}

#flag a:hover, 
#flag a:active {
	color:#09f;
	text-decoration: none;
	}
	
#nav a {
	font-weight: normal;
	}
	
.tags a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1px 10px 1px 10px;
	background: #333;
	font-size: .7em;
	text-shadow: #000 1px 1px 2px;
	border: 2px solid #444;
	}
	
.tags a:hover {
	background: #09f;
	color: #fff;
	text-decoration: none;
	border: 2px solid #09f;
	}	
	
/* THE END */