/*
Theme Name: Como D
Theme URI: http://derberalbicker.com
Description: Tema del blog de Derber.
Version: 1.0
Author: Derber Albicker
Author URI: http://derberalbicker.com
*/

@import "css/reset.css";
@import "css/layout.css";

header#top {
	margin: 80px auto 20px auto;
	padding: 50px 50px 30px 50px;
	border: solid 4px;
	text-align: center;
	width: 750px;
}

header#top h1 { 
	font: 68px/20px "museo-sans-1","museo-sans-2";
	font-weight: 900;
	margin: 0 auto 15px auto;
	text-transform: uppercase;
}

header#top h1 a { text-decoration: none; }

header#top h2 {
	font: normal 45px/56px "caflisch-script-pro-1","caflisch-script-pro-2";
	font-weight: 700;
	margin: 0 auto -20px auto;
	padding: 5px 0 0 0;
	text-align: center;
}

div#form {
	margin: 0 auto 100px auto;
	padding: 0 0 120px 0;
	border: solid 4px;
	width: 850px;
	background: no-repeat bottom center;
}

article {
	margin: 0 auto;
	border: none;
	text-align: left;
	width: 60%; /* 500px */
}

article + article { margin: 50px auto 0 auto; }

article header { padding: 30px 0 5px 0; margin: 20px 0 50px 0; border-bottom: solid 3px; }

article header h1 {
	font: bold 36px/1.2em "museo-sans-1","museo-sans-2";
	text-transform: uppercase;
	text-align: center;
}

article header h1 a { text-decoration: none; }

article header p {
	font: normal 17px "museo-sans-1","museo-sans-2";
	text-transform: uppercase;
	text-align: center;
	padding: 2px 0 0 0;
}

article + article header { border-top: solid 3px; }

article section:nth-of-type(n+2) {
	padding-top: 60px;
	margin-top: 50px;
	background: transparent top center no-repeat;
}

p {
	font: normal 18px/22px "minion-pro-1","minion-pro-2"; /* 18px/26px */
	margin: 0 0 6px 0;
	padding: 0;
	text-align: left;
}

em { font-style: italic; }

p.cap, .noindent { text-indent: 0; }

p.cap:first-letter {
	font: 76px/14px "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2";
	text-transform: lowercase;
	float: left;
	margin: -10px 6px 0 0;
	padding: 4px;
	border: solid 2px;
}

p.caption {
	font-size: 14px;
	font-style: italic;
	margin: 6px 0 16px 0;
	text-align: center;
}

p.epigrafe {
	font-size: 0.99em;
	font-style: italic;
	line-height: 16px;
	text-align: right;
	margin: 0 0 44px 0;
}

.center { text-indent: 0; text-align: center; }

.downgap { margin: 0 0 14px 0; }

.caps { font-variant: small-caps; }

.amp { font-style: italic; }

p + p { text-indent: 1.5em; }

article aside.left {
	float: left;
	padding: 0 15px 0 0;
	margin: -10px 0 -10px -100px;
}

article aside.right {
	float: right;
	padding: 0 0 0 10px;
	margin: 10px -100px 0 0;
}

.floatleft { float: left }
.floatright { float: right }
.clearboth { clear: both }

blockquote { width: 500px; margin: 20px auto; }

blockquote p { font-style: italic; text-align: justify; }

article img { margin: 22px auto 30px auto; border: double 6px #1d1e22;  }

nav {
	position: fixed;
	top: 0;
	padding: 5px 70px 20px 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 10px;
}

nav p { color: #fcf1d5; font-size: small; text-align: center }

/*button {
	font: 1em/1.3em "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
	opacity: 0.85;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

button:hover { opacity: 1; } */

nav form { position: absolute; right: 200px; }

input#search {
	font: italic 14px/18px "minion-pro-1","minion-pro-2";
	text-align: right;
	height: 18px;
}

input#searchsubmit {
	font: italic 15px/20px "minion-pro-1","minion-pro-2";
	border: none;
	height: 23px;
}

label#searchlabel { display: none; }

nav form { float: left; }

nav, button { font: italic 15px "minion-pro-1","minion-pro-2";  }

nav ol {
	list-style: none;
	margin: 1px 0 0 17%;
}

nav ol li {
	text-align: center;
	display: block;
	width: 100px;
	float: left;
	margin: 0 20px 0 0;
}

nav ol li a, nav ol li button {
	display: block;
	text-decoration: none;
	padding: 2px;
	border: none;
}

nav li ol { margin: 6px 0 0 0; display: none; }

nav li ol a { margin: -1px 0 0 0; border: solid 1px; }

nav li ol button {
	width: 100px;
	border: solid 1px;
	margin: -1px 0 0 0;
}

nav li:hover ol { display: block; }

audio {
	display: block;
	margin: 0 auto;
}