#blog{
	margin:30px;
	}
.blog-post{
	background:#f6f6f6;
	border:1px solid #ccc;
	padding:20px;
	border-radius:3px;
	margin-bottom:20px;
	}
.blog-button{
	display:inline;
	margin-right:10px;
	}
.blog-date{
	font-style:italic;
	color:#999;
	font-size:0.9em;
	margin-bottom:10px;
	}
.blog-user{
	margin-bottom:10px;
	}
.blog-data{
	margin-bottom:10px;
	font-style:italic;
	}
.blog-vid{
	text-align:center;
	position:relative;
	padding-bottom:56.25%;
	padding-top:20px;
	height:0; 
	overflow:hidden;
	margin-bottom:20px;
	}
.blog-vid iframe,
.blog-vid object,
.blog-vid embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.blog-pic{
	text-align:center;
	padding-top:20px;
	margin-bottom:20px;
	}
.blog-pic img{
	width:100%;
	height:auto;
	}
.blog-link{
	margin-bottom:10px;
	}
.blog-logout{
	text-align:center;
	margin-left:25px;
	width:100px;
	}
/*----------------*/
.blog-form {
	position:relative;
	z-index:1;
	width:500px;
	padding:0;
	min-height:150px;
	}
.blog-form form {
	position:relative;
	margin:0;
	padding:20px;
	}
.blog-form h3 {
	margin:0;
	}
.blog-form input[type="text"],
.blog-form input[type="password"],
.blog-form textarea {
	position:relative;
	display:block;
	width:100%;
	margin:5px;
	padding:8px;
	outline:none;
	background:#fefefe;
	border:1px solid #ccc;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);
	font-family:sans-serif;
	font-size:1.1em;
	}
#blog-image{
	position:relative;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
	}
#blog-image input {
	position:absolute;
	top:0;
	right:0;
	filter:alpha(opacity=1);
	opacity:0.01;
	-moz-opacity:0.01;
	cursor:hand;
	cursor:pointer;
	height:40px;
	}
#blog-image .image-button {
	display:inline-block !important;
	font-family:sans-serif;
	font-size:1.1em;
	}
.image-holder,
.image-current{
	color:#000;
	margin-left:10px;
	}
.blog-form input[type="text"]:focus,
.blog-form input[type="password"]:focus,
.blog-form textarea:focus {
	background:#eee;
	font-weight:bold;
	}
.blog-form input[type="text"].invalid,
.blog-form textarea.invalid {
	border-color:red;
	}
.blog-form .submit {
	text-align:center;
	padding:15px 0 0;
	}
.blog-button input[type="submit"],
.blog-actions input[type="submit"],
#blog-image .image-button,
.blog-form input[type="submit"] {
	padding:12px 20px;
	color:white;
	font-size:16px;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	background:#bbb;
	border:none;
	outline:none;
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999), color-stop(100%, #bbb));
	background:-webkit-linear-gradient(#999, #bbb);
	background:-moz-linear-gradient(#999, #bbb);
	background:-o-linear-gradient(#999, #bbb);
	background:linear-gradient(#999, #bbb);
	-webkit-box-shadow:0 1px 0 #999 inset;
	-moz-box-shadow:0 1px 0 #999 inset;
	box-shadow:0 1px 0 #999 inset;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	cursor:hand;
	cursor:pointer;
	}
.blog-actions input[type="submit"]:active,
.blog-form input[type="submit"]:active {
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbb), color-stop(100%, #aaa));
	background:-webkit-linear-gradient(#bbb, #aaa);
	background:-moz-linear-gradient(#bbb, #aaa);
	background:-o-linear-gradient(#bbb, #aaa);
	background:linear-gradient(#bbb, #aaa);
	}
.alert{
	color:#dd0000;
	}
.clear{
	clear:both;
	}