@import url('fonts/opensans_regular/stylesheet.css');
@import url('fonts/opensans_semibold/stylesheet.css');

/*
	Colours
	light red: #E06763
*/

* {
	padding: 0;
	margin: 0;
}

body {
	background: #F3F3F3;
	color: #000;
	font-size: 15px;
	font-family: 'open_sans', sans-serif;
	line-height: 1.45em;
}
p {
	margin: 1em 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 42px 0 23px 0;
	font-weight: normal;
	border-bottom: 2px solid #3F3F3F;
	padding: 4px 6px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
h1 {
	background: #232323;
	padding: 10px;
	margin: 4px 0;
	border-bottom: none;
	color: #F3F3F3;
	border-radius: 0px 0px 3px 3px;
}
h1 a {
	color: #F3F3F3;
	text-shadow: 1px 1px 10px #F3F3F3;
}
a {
	color: #2A2A2A;
	text-decoration: underline;
	text-decoration-style: dotted;
}
li a {
	/*text-shadow: 1px 1px 1px #000;*/
}
img, .image {
	max-width: 100%;
	border-radius: 3px;
}
video, audio {
	max-width: 100%;
}
input, textarea {
	border: none;
	padding: 3px;
	border-radius: 3px;
	color: #090B0C;
	background: #E7E7E7;
}
li {
	list-style: none;
}
time {
	display: block;
	text-align: right;
	line-height: 1.4em;
	font-size: 0.8em;
}
code {
	white-space: pre;
	background: #232323;
	padding: 10px;
	display: block;
	margin: 3% 0;
	overflow: auto;
	border-radius: 3px;
	color: #F3F3F3;
}


blockquote, cite {
	background: #3F3F3F;
	color: #F3F3F3;
	border-radius: 3px;
	margin: 23px 8%;
	padding: 10px;
}
blockquote footer {
	background: none;
	text-align: right;
	margin: 0;
	padding: 0;
}
blockquote cite {
	margin: 0;
	border-top: 1px dashed #F3F3F3;
}
blockquote a {
	color: #F3F3F3;
}
cite {
	display: block;
}
::selection {
	color: #FC7474;
}

.clear {
	clear: both !important;
	margin: 0;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.hidden {
	display: none;
}
.resume .date {
	position: absolute;
	bottom: -1.5em;
	right: 10px;
}


/*FORM STUFFS*/
.field_empty, .field_error {
	color: #E35151;
}
input.submit {
	background: #63B6E0;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
.form_standard {
	max-width: 340px;
	width: 94%;
	margin: 42px auto;
	padding: 3%;
	background: #0D1925;
	border-radius: 3px;
}
.form_standard strong {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 2px solid #10527E;
}
.form_standard label {
	display: block;
}
.form_standard input, .form_standard textarea {
	width: 98%;
	margin: 2px 0 10px;
}

.generatedform {
	max-width: 340px;
	width: 94%;
	margin: 42px auto;
	padding: 3%;
	background: #3F3F3F;
	border-radius: 3px;
	color: #F3F3F3;
}
.generatedform strong {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 2px solid #F3F3F3;
}
.generatedform label {
	display: block;
}
.generatedform input, .generatedform textarea {
	width: 98%;
	margin: 2px 0 10px;
}

/* In order of appearance */

.wrap {
	max-width: 630px;
	min-width: 290px;
	margin: auto;
	padding: 0 5px;
	position: relative;
}


#langs {
	float: right;
}
#langs li {
	float: left;
}
#langs li a {
	/*color: #E0E7EB;*/
	margin-right: 8px;
	position: relative;
	z-index: 100;
	padding: 5px;
	background: #E7E7E7;
	border-radius: 0 0 3px 3px;
	text-decoration: none;
}

#main_header {
	background: url(imgs/cctv2.png) no-repeat 20px -3px;
	height: 120px;
	position: relative;
}
#main_header span {
	display: none;
}
a#logo {
	background: url(imgs/manurevah_logo_b.png) no-repeat right bottom;
	height: 64px;
	width: 66.5%;
	position: absolute;
	bottom: 20px;
	left: 0;
}
a#digital_crap {
	background: #3F3F3F url(imgs/digital_crap.png) no-repeat center center;
	height: 16px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: -5;
	border-radius: 3px 3px 0 0;
}


#breadcrumbs {
	margin-top: 4px;
}
#breadcrumbs li {
}
#breadcrumbs li a {
	float: left;
	margin-right: 1em;
}
#breadcrumbs li a:after {
}


#search {
	position: absolute;
	top: 5px;
	right: 90px;
}
#search input {
	width: 80px;
}
#search input:focus {
	width: 160px;
}
#search .submit, #search .submit:focus {
	background: url("icons/loupe.png") no-repeat scroll 2px 4px transparent;
	cursor: pointer;
	width: 20px;
	text-indent: -100px;
}


#statusbar ul {
	/*margin-top: 4px;*/
	/*padding: 5px 5%;*/
}
#statusbar ul#status li {
	background: #565656;
	color: #D8D865;
}
#statusbar ul#errors li {
	background: #943535;
}
#statusbar ul li {
	padding: 5px 3%;
	margin: 4px 0px;
}

#shortmenu {
	margin-top: 4px;
}
#shortmenu li {
	float: left;
	width: 33%;
	margin-right: 0.5%;
}
#shortmenu li:last-child {
	margin-right: 0;
}
#shortmenu li a {
	padding: 5px 5px 5px 10%;
	display: block;
	text-align: center;
	background: #7E7E7E;
	text-decoration: none;
	color: #F3F3F3;
}
#shortmenu li.active a, .full_menu li a.active, #langs .activeflag a {
	background-image: url(imgs/active.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}


/* FULL MENU */
.full_menu {
	width: 49%;
}
.full_menu a, .full_menu {
	color: #F3F3F3;
	text-decoration: none;
	text-shadow: 1px 1px 1px #3F3F3F;
}
.full_menu li a, .full_menu li span {
	background: #3F3F3F;
	display: block;
	padding: 1%;
	margin: 16px 0 8px;
}
.full_menu li li a {
	background: #7E7E7E;
	width: 47.5%;
	float: left;
	margin: 0 0 1% 0;
}
.full_menu li li:nth-child(odd) a {
	margin-right: 1%;
}
@media (max-width: 600px) {
	.full_menu li li a {
		width: 98%;
	}
}


#footer {
	margin: 5% 0;
	font-size: 0.85em;
	background: #E7E7E7;
	padding: 5px;
}
#footer p {
	display: inline-block;
	margin: 4px 1em;
}


/*COMMON CONTENT*/
.content li {
	list-style: disc inside none;
}
.content strong {
	/*color: #bbdfff;*/
}
article header {
	position: relative;
}
header h2, header h3 {
	margin-bottom: 0;
}
a.more {
	display: block;
	text-align: right;
}
footer {
	padding: 5px 10px;
	background: #7E7E7E;
	margin: 16px auto;
	border-radius: 3px;
}
#big_image {
	text-align: center;
	margin: 16px auto;
}

div.article_content {
	padding: 1.8em 10px 10px 10px;
}
article.resume div.article_content {
	background: #C3C3C3;
}

article.resume h2 {
	background: #8E8E8E;
	border-radius: 3px 3px 0 0;
}
article.resume h2 a {
	color: #F3F3F3;
	display: block;
}
article.resume .article_content img {
	float: left;
	margin: 10px 10px 10px 0;
}
article.resume footer {
	margin: 4px auto 16px;
	background: #C3C3C3;
	border-radius: 0 0 3px 3px;
}


/*IMAGES*/
.img_light_bg img {
	background: #E7E7E7;
	padding: 2%;
	max-width: 96%;
}
.image {
	text-align: center;
}
.image h4 {
	margin: 23px 0 4px;
	border: none;
	text-align: left;
}
.image p {
	font-size: 0.85em;
	margin-top: 4px;
}

/*TAGS*/
.tags {
	text-align: right;
}
.tags ul, .tags li {
	display: inline;
}
.tags li:after {
	content: ", ";
}
.tags li:last-child:after {
	content: "";
}

/*COMMENTS*/
.comments article {
	margin: 16px 0;
}
.comments article header {
	background: #7E7E7E;
}
.comments article.owned header {
	background: #7E7E7E;
}
.comments article img {
	float: left;
}
.comments article header time {
	padding: 5px;
}
.comments article header p {
	float: left;
	margin: 5px 10px;
}
.comments .admin {
	/*float: left;*/
	padding: 5px;
	font-family: monospace;
	font-size: 0.85em;
	background: #421D2E;
}
.comments .admin p {
	float: none;
	margin: 1px;
}
.comments .admin span input {
	margin: 10px 0;
}
.comments .comment {
	padding: 5px;
	/*background: #11101A;*/
	background: #E7E7E7;
}
.comments .comment, .comments header {
	margin-left: 69px;
}
.comments_count {
	text-align: right;
}


/*PERMLINK*/
.plink label {
	font-size: 0.85em;
}
.plink input {
	background: none;
	color: white;
	width: 98%;
}
.plink input:focus {
	background: #F1DB3A;
	color: black;
}

/* SOCIAL LINKS */
.social {
	display: inline;
}
.social a {
	padding: 0 16px;
	display: inline-block;
	height: 16px;
}
.social div {
	margin-top: 4px;
}
.givealink {
	background: transparent url(icons/givealink.png) no-repeat;
}
.identica {
	background: transparent url(icons/Identica_16x.png) no-repeat;
}
.twitter {
	background: transparent url(icons/twitter.png) no-repeat;
}
.reddit {
	background: transparent url(icons/reddit.gif) no-repeat;
}


/*START PAGE*/
#start_page section {
	max-width: 40%;
	float: left;
	margin: 0 5%;
	min-width: 250px;
}
#start_page .resume {
	background: #C3C3C3;
	border-radius: 3px;
}
#start_page .date {
	z-index: 15;
}
#start_page header h3 a {
	display: block;
}
#start_page .start_content {
	position: relative;
	padding: 1.8em 10px 10px 10px;
	border-bottom: 2px solid #F3F3F3;
}
#start_page footer {
	background: none;
}
#start_page .start_content a.the_link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}


/*GALLERY PAGE*/
#gallery img {
	/*Get rid of that extra space when img in a*/
	display: block;
	margin: auto;
}
.navimg {
	max-width: 49%;
}
#gallery_list, #gallery_photo_list {
	padding: 42px 0;
}
/*GALLERY LIST PAGE*/
#gallery_list article {
	width: 49.6%;
	display: inline-block;
	margin-bottom: 10%;
}
#gallery_list article h2 {
	margin: 0 auto 3% auto;
}
#gallery_list article a {
	position: relative;
	display: block;
	margin: auto;
	/*color: #FFF;*/
}
/*GALLERY ALBUM PAGE*/
#gallery_photo_list li {
	float: left;
	width: 22%;
	margin: auto 1.5% 3% 1.5%;
	list-style: none;
}
#gallery_photo_list li a {
	position: relative;
	display: block;
}
#gallery section article div.main {
	position: relative;
	margin-bottom: 16px;
	margin-top: 23px;
}
#gallery section article div h3 {
	margin: 0;
	display: none;
}
#gallery section article div:hover h3 {
	display: block;
}
.imgtitle {
	position: absolute;
	text-align: right;
	bottom: 0;
	left: 0;
	background: rgba(35, 35, 35, 0.5);
	color: #F3F3F3;
	width: 96%;
	padding: 2%;
	border-radius: 0 0 3px 3px;
}
.imgtitle small {
	display: none;
}
.imgtitle:hover small {
	display: block;
}


/*NEWS*/
.newspaginate {
	background: #8E8E8E;
	color: #F3F3F3;
	padding: 1%;
}
.newspaginate div:first-child {
	margin-bottom: 4px;
}
.newspaginate div span {
	width: 50%;
	float: left;
}
.newspaginate div a, .newspaginate div strong {
	background: #3F3F3F;
	padding: 2px 8px;
	display: inline-block;
	border-radius: 3px;
	margin-right: 4px;
	color: #F3F3F3;
	text-decoration: none;
}
.newspaginate div strong {
	font-weight: normal;
	/*background: #51553A;*/
	text-decoration: underline;
}