/*
Theme Name: Corpocrat Theme
Theme URI: http://corpocrat.com/2013/12/16/corpocrat-free-stylish-personal-blog-wordpress-theme/
Author: Prabhu Balakrishnan
Author URI: http://corpocrat.com
Description: Sleek simple, lightweight and fast loading wordpress theme. It is a 2 column fluid layout with good readability.
Version: 1.0
License: GPL license
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, red, blue, two-columns, right-sidebar, flexible-width, full-width-template,theme-options
Text Domain: ctheme


*/


/* Link color */

a {color:red;}
a:hover {color:grey;}

.tags {
	float:left;
	
	}

table {
	padding: 0px;
	margin:0;
	background: #eee;
	border-collapse:collapse;
	border:1px solid #999;
	
	
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
.sticky {
	
}


td { padding:15px;	border:1px solid #999;
 }
 
 .bypostauthor {
 	 background:#e5e4d0;
 }

 .alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Pagination */

.navigation {
	clear:both;
	display:block;
	margin:20px;
	float:right;
}
	
.navigation ul {
	margin:0;
	padding:0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #292929;
		cursor: pointer;
		border-radius:5px;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: red;
}

/* Readability in content */
/* This code changes the font innside the posts/pages. keep in mind that only affects paragraphs. If you have table or any other element it may look different */

#content .post p, #content .page {
font-family: sans-serif,Tahoma,Helvetica,Arial,Helvetica, Georgia, sans-serif;
font-size: 14px;
padding: 5px 10px;
color: #000;
line-height: 220%;
}

code,pre {
display:block;
width: 90%; white-space:pre-wrap; 
margin:10px; padding-left:15px; padding: 10px; background: #ebebe8; border:1px solid #cdcdcd; font: normal 12px courier; 
}

blockquote {
 white-space:pre-wrap;
display:block; padding: 10px; background: #ebebe8; border:1px solid #cdcdcd; font: normal 12px courier; 

}

/* Header reset and is incomplete */

h1,h2,h3,h4,h5,form {
	margin:0; padding:5px 0;
	line-height:150%;
}

h1,h1 a {
	font-size: 30px;
	color: #000;
	
	
}

h3,h3 a {
	font-size: 30px;
	text-decoration:none;
	font-size:24px;
	color: #333;
}

/* Background applied in Body */

body {
margin:0; padding:0;

font: normal 14px arial;
background: -webkit-linear-gradient(#f7f7f0,#f5f5f5); /* For Safari */
background: -o-linear-gradient(#f7f7f0,#f5f5f5); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f7f7f0,#f5f5f5); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f7f7f0,#f5f5f5); /* Standard syntax */}

/* Site Fluid Layout */

#wrapper {
width:100%;


}

/* This centers the entire content area 
Try changing to 100% */

#main {
width:95%;
margin: 0 auto;
}


#content {
	float:left;
	width: 65%;
	padding: 10px;
	
	
	
}
#fullwidthcontent {
	float:left;
	width: 90%;
	margin: 5px auto;
	padding: 10px;
	
	
	
}

/* Header */

#header {
	
	overflow:auto;
	position:relative;
	
		
	background: -webkit-linear-gradient(#595959,#2e2e2e); /* For Safari */
	background: -o-linear-gradient(#595959,#2e2e2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#595959,#2e2e2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#595959,#2e2e2e); /* Standard syntax */

	
}
#header #logo {
	
	position:relative;
	margin-top:10px;
    
}

#header #searchform {

position:absolute;
top:30px;
right:30px;
margin: 0 auto;
color: #fff;
}

#searchform input[type="text"] {
padding: 10px;
border: 1px solid #999;
}
#searchform input[type="submit"] {
padding: 10px;
border: 1px solid #333;
background: #000;
color: #fff;
text-transform: uppercase;

}

#searchform label {
display:none;
}

/* Top Ads */

#top-ads {
overflow:hidden;
margin-top: 20px;
margin-left:40px;
}



/* Top menu */

#topmenu {
position:absolute;
top:40px;
right:260px;
overflow:hidden;
padding; 10px;
}
#topmenu ul {
text-align:right;
list-style-type:none;
padding:0; margin:5px;
}

#topmenu ul li {
display:inline;
padding: 0 10px;
}

#topmenu ul ul { display:none;}

#topmenu ul li a {
color:white;
font: normal 10px Georgia;
text-decoration:none;
text-transform:uppercase;
}

/* Main Navigation Menu */
#navigation {
	width:100%;
	
	background: -webkit-linear-gradient(#d61e1e,#e52e2e); /* For Safari */
	background: -o-linear-gradient(#d61e1e,#e52e2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d61e1e,#e52e2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d61e1e,#e52e2e); /* Standard syntax */
	
	
}


nav {font: normal 12px Georgia,Arial; margin-left:30px; border-radius:5px; width:90%;}
nav ul{ margin:0px; padding:0px;} 
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 -3px}
nav ul li a{ display:block; color:#fff;text-decoration:none; text-transform:uppercase; padding:20px 25px; }
nav ul li:hover>a{ background:#fff}
/*...First-Level...*/
nav ul li ul li:first-child a{border-top:solid 5px #fff}
nav ul li ul li:last-child a{border-bottom:solid 5px #fff}
nav ul li ul{position:absolute; display:none; width:140px; margin:0;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block; position:relative; border:none}
nav ul li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:5px solid #fff; border-left:5px solid #fff; border-radius:0px!important; background:#666;  margin:0px; padding:10px}

/*...Second-Level...*/
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}
/*...Third-Level...*/
nav ul li ul li ul{display:none; background:#fff; position:absolute; top:-10%; left:145px; width:140px;}






#main {
overflow: auto;

}


/* Main Post content */

#content .post, #fullwidthcontent .post,#content .page,#fullwidthcontent .page {

margin: 10px auto;
border: 1px solid #e5e4d0;
padding: 10px;
background: #fff;
overflow:hidden;

	
}

	

.smallcontent,.maincontent {
font-size:14px;
line-height: 170%;
}



.postmetadata  {

padding:10px;;
float:left;
display:block;

font-size:10px;
text-transform:uppercase;
}

 .postmetadata a {
background: #f8f8f1;
border:1px solid #e5e5d0;
font-size:10px;
padding:10px;
text-transform:uppercase;	
color: #999;
text-decoration:none;
}
.postmetadata span { display:none; }


 .featured-thumb {float:left; margin-right:10px; border:1px solid #e5e5d0; }
.post .featuredimage {margin-top:10px;}

#post-author-info {
position:relative;
background: #fff;
border: 1px solid #e5e5d0;
padding:5px;
}
#post-author-info . avatar {
position:absolute;
left:10px;
width:100px;
}
#post-author-info .authorname {
position:absolute;
left: 140px;
top:5px;
font: normal 26px Georgia,Tahoma;
margin:10px;
}

#post-author-info p {
display block;
position:absolute;
top: 40px;
margin-left: 140px;

}


/* Comments */

#comments {
overflow:auto;
float:left;

}





.commentlist, .commentlist .children {
list-style-type:none;
margin:0;
padding:0;

}

.commentlist article {
margin: 10px 0;
float:left;
width:100%;
height:100%;
}

.commentlist article header img {
float:left;
clear:left;
}


.commentlist article header .fn {
float:left;
clear:left;
text-align:center;
font: normal 16px arial;
padding: 5px 0;

}

.commentlist .reply {
float:right;
text-transform: uppercase;
font-size:10px;
}

.commentslist .edit-link {

float:right;
}

.commentlist article header time {
float:left;
clear:left;
font-size:10px;
text-decoration:none;
color: #666;
}

.commentlist article  a {
text-decoration:none;
color: #333;
}

.commentlist article section {
margin-left: 200px;
padding: 10px;
border: 1px solid #eee;
background: #fff;
font-size: 12px;
line-height: 150%;


}

/* Comment form */

#comment-form {
	
	
	float:left;
	border: 1px solid #e5e4d0;
	padding:5px;
	list-style-type:none;
	margin:10px 0;
	
}

#respond {
	margin-top: 10px;
    padding:5px;
}
#respond h3 {

margin:0; padding:0;
}

#respond h3#reply-title {
	float:right
    font-size: 12px;
	line-height: 1.5;
   
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 20px;
	font-weight: normal;
	font-size: 10px;
}
#respond form {
	margin: 10px 0;
}
#respond form p {
	margin: 11px 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
}
#respond form label {
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	padding: 5px;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}



.sidebar {
	float:left;
	margin: 10px 0 0 10px;
	width: 30%;
	list-style-type:none;
		
}

/* Widgets */

.widget a {
text-decoration:none;
}

.widget {
	
	padding: 10px;
	margin: 10px 0;
	
	background: -webkit-linear-gradient(#f7f7f6,#fff); /* For Safari */
	background: -o-linear-gradient(#f7f7f6,#fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f7f7f6,#fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f7f7f6,#fff); /* Standard syntax */
	
	border: 1px solid #e5e4d0;
	
}

.widget_search {
	padding: 10px;
}
.widget_search input[type="text"] {
border:1px solid #e5e4d0;
padding: 10px;
}

.widget_search label {
	display:none;
}

.widget_search input[type="submit"] {

	background: -webkit-linear-gradient(##333,#666); /* For Safari */
	background: -o-linear-gradient(#333,#666); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#333,#666); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#333,#666); /* Standard syntax */	
	
color: #fff;
width:100px;
padding: 10px;
border:1px solid #222;
}

.widget .textwidget {
border-top: 1px solid #e5e4d0;
padding:10px 0;

}

.widget ul {
list-style-type:none;
margin:0;
padding:0;
}

.widget .widgettitle {
font-size:16px;
text-transform:uppercase;
color: #333;

}

.widget ul li {
border-top: 1px solid #e5e4d0;
padding: 10px 0;
}


/* Footer */


#footer {
    color: #fff;
	padding: 10px;
	background: #0c0c0c;
	border-top: 1px solid #000;
	text-align:center;

	
}

#footer-widgets {
overflow:hidden;
background:#2a2928;
border-top: 1px solid #fff;
border-bottom:#fff;
}

#footer-widgets .widget {
float:left;
background: #2a2928;
width:30%;
border:1px solid #2a2928;
}

#footer-widgets .textwidget {
	border-top:1px solid #666;
	color: #fff;
}

#footer-widgets .widget ul li {
border-top:1px solid #666;

}

#footer-widgets h3 {
font-size:20px;
color: #fff;
}

#footer-widgets li a {
color: orange;
}