/*
Theme Name: Corpocrat
Theme URI: http://corpocrat.com/2014/01/01/corpocrat-free-stylish-personal-blog-wordpress-theme/
Author: Prabhu Balakrishnan
Author URI: http://corpocrat.com
Description: Sleek simple, lightweight wordpress theme with 5 colors with 3D look and for excellent readability. It has 2 column fluid layout, supporting widgets, sidebars and social icons.
Version: 2.4
License: GPL license
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, red, blue,black, two-columns, right-sidebar, fluid-layout, full-width-template,theme-options
Text Domain: corpocrat


*/


/* Link color */

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

a img {
	border:0; /* IE Fix */
}

table {
	
	
	border-collapse:collapse;
	border:1px solid #999;
	
	
}


.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.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;
}

.round-image {
	border-radius: 50%;
	float:left;
	margin: 2px 10px 10px 2px;
}

pre {
display:block;
width: 90%; 
white-space:pre-wrap; 
word-wrap: break-word;
margin:10px; 
padding: 20px; 
background: #eee; 
border:1px solid #cdcdcd; 
font: normal 13px Monaco,courier; 
}

blockquote {
 white-space:pre-wrap;
display:inline-block; padding: 10px; background: #ebebe8; border:1px solid #cdcdcd; 
font-size:18px;
padding:20px; line-height: 150%;
color:#333;

}

/* Header reset and is incomplete */

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

h1,h1 a {
	font-family: 'Oswald','News Cycle',Tahoma, sans-serif;
	font-size: 60px;
	font-weight:bold;
	color: #333;
	
	
}

h2,h2 a {
	font-family: 'Oswald','News Cycle',Tahoma, sans-serif;
	font-size:50px;
	
	text-decoration:none;
	color:#333;
}

h3,h3 a {
	font-family: 'Oswald','News Cycle',Tahoma, sans-serif;
	text-decoration:none;
	font-size:40px;
	text-decoration:none;
	color:#333;
	margin:0;
	}

/* Background applied in Body */

body {
margin:0; padding:0;

font: normal 14px 'News Cycle',sans-serif,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 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#f5f5f5');


}

/* Site Fluid Layout */

#wrapper {
width:100%;


}

/* Pagination */


#pagination {
	margin:20px;
	padding:20px;
	text-align:center;
	overflow:hidden;
}


#pagination a {
	background-color: #fff;
	border:1px solid #e0e0e0;
	cursor: pointer;
	font-size:20px;	
	color:#444;
	padding: 15px 30px ;
	text-decoration:none;
	}

#pagination  a:hover {
	background-color: red;
	color:#fff;
}
#pagination .current {
	background:red;
	padding:15px 30px;
	font-size:20px;
	color:#fff;
}
#page-links {
text-align:center;	
font-size:25px;	
margin:20px;
	
}
#page-links a {
	background:#f5f5f5;
	border:1px solid #e0e0e0;
	padding:10px 30px;
	text-decoration:none;
	margin:10 10px;
}

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

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


#content {
	float:left;
	width: 65%;
	padding: 10px;
	
	
	
}
#fullwidthcontent {
	width: 90%;
	margin: 5px auto;
	padding: 0px;
	
	
	
}
#fullwidthcontent h3 {
	font-size: 36px;
}
#fullwidthcontent .page {
	
font-size:22px;	
}
	

/* Header */
/* Look in the /css folder for the background color implentation colors */

#header {
	min-height:90px;
}

#header #logo {
	
	
	margin-top:10px;
	margin-left:20px;
    
}

#header #searchform {

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

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

}

#searchform label {
display:none;
}

/* Top Ads */

#top-ads {
overflow:hidden;
width:90%;
margin-top:20px;
text-align:center;
}



/* Top menu */

#topmenu {
position:absolute;
top:43%;
left:30%;
overflow:hidden;
text-align:center;
margin: 0 auto;
width:50%;
max-height:20px;
overflow:hidden;
}
#topmenu ul {
list-style-type:none;
padding:0; margin:auto auto;

}

#topmenu ul li {
float:left;
}

#topmenu ul ul { display:none;}

#topmenu ul li a {
display:block;
padding:0 12px;
color:white;
font: normal 11px 'Oswald',Georgia,sans-serif;
text-decoration:none;
text-transform:uppercase;
text-shadow:1px 1px #444;


}

/* 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 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61e1e', endColorstr='#e52e2e');

	overflow:hidden;
	
}


nav {font: normal 12px 'News Cycle',Tahoma,sans-serif,Georgia,Arial; margin-left:30px; border-radius:5px;max-height:60px;}
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 1px #fff}
nav ul li ul li:last-child a{border-bottom:solid 1px #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:1px solid #fff; border-left:1px 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 */

/* 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, 
#fullwidthcontent .post,
#content .page,
#fullwidthcontent .page {
font:normal 25px 'News Cycle',Tahoma,Helvetica,Arial,Helvetica, Georgia, sans-serif;
color:#333;
margin: 15px auto;
border: 1px solid #e5e4d0;
padding: 10px 30px;
background:rgba(255,255,255,0.8);
overflow:hidden;
text-shadow:5px 5px 5px #e0e0e0;

	
}

.post h2 a, .page h2 a {
display:block;
font: normal 50px 'Oswald',sans-serif, arial, Georgia;	
color:#333;	
line-height:140%;
margin-left:190px;
overflow:hidden;
}	
.smallcontent{
margin-left:190px;	
}

.post h3,.page h3 {
font: normal 40px 'Oswald',sans-serif, arial, Georgia;	
color:#222;	
line-height:140%;
}



.postmetadata  {

padding:10px;
font-size:16px;
text-align:center;
display:block;
overflow:hidden;
width:95%;
margin: 10px auto;
border-top:1px solid #eee;
}

 .postmetadata a {
padding:5px;
text-decoration:none;
}
.postmetadata span { display:none; }


 .featured-thumb {float:left; margin-top:20px;margin-right:10px;  }
.post .featuredimage {margin-top:10px;}


/* Post Author Info */

#post-author-info {
overflow:hidden;
position:relative;
background: #fff;
border: 1px solid #e5e5d0;
min-height:130px;
padding:15px;
margin:20px 0;




}
#post-author-info .avatar {
position:absolute;
top:10px;
left:10px;
border-radius:50%;
box-shadow:1px 1px 5px #e0e0e0, -3px 0 5px #e0e0e0;
-moz-box-shadow:3px 1px 5px #e0e0e0, -3px 0 5px #e0e0e0;
-webkit-box-shadow:3px 1px 5px #e0e0e0, -3px 0 5px #e0e0e0;

}
#post-author-info .authorname {
position:absolute;
left: 160px;
top:20px;
font: normal 45px 'Oswald',Georgia,Tahoma;
margin:10px;
}

#post-author-info p {
font-size:20px;	
padding: 90px 20px 10px 160px;
}

.post-author-social {
text-align:center;	
}
.tags {
	font-size:16px;
	text-align:center;
	}
	
.cat-header {
	margin:20px 30px 10px 40px;
	color:#444;
	font: normal 40px 'Oswald',Georgia,sans-serif;
	
	}	
	

/* Comments */

#comments {
overflow:hidden;
float:left;
position:relative;	


}





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

}

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

.commentlist article header img {
float:left;
clear:left;
border-radius:50%;
margin:0;
padding:0;

}


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

}

.commentlist .reply {
float:right;
text-transform: uppercase;
font-size:10px;
margin-top:-20px;
padding:5px;
}

.commentlist .edit-link {
position:absolute;
top:-10px; left:10px;
font-size:12px;
}

.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 {
position:relative;
min-height:160px;
margin-left: 160px;
padding: 30px;
border: 1px solid #e0e0e0;
background: #fff;
font-size: 22px;
line-height: 150%;



}
#comments .commentnavi {
	overflow:hidden;
	display:block;
	text-align:center;
}

/* Comment form */

#comment-form {
	
	
	float:left;
	border: 1px solid #e5e4d0;
	padding:20px 50px;
	list-style-type:none;
	margin:10px 0;
	background:#fff;
	overflow:hidden;
	
	
}

	
	

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

margin:0; padding:0px;
}

#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 {
	display:block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	font-size: 12px;
	padding: 5px;
	width: 50%;
}
#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 20px;
	width: 30%;
	list-style-type:none;
		
}

/* Widgets */

.widget a {
text-decoration:none;
}

.widget {
	position:relative;
	padding: 10px;
	margin: 15px 0;
	font-size:20px;
	background:rgba(255,255,255,0.8);

	overflow:hidden;
	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 {
margin:-10px -10px 0 -10px;
padding:15px 20px;	
font: bold 28px 'News Cycle',helvetica,sans-serif;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
width:100%;
display:block;
text-transform:uppercase;
color: #f9f9f9;
border-bottom:1px solid #ccc;
background:#333;


}

.sidebar .widget {
	
	
	
	
}

	
	
	
.widget ul li {
padding: 15px;

}


/* Footer */


#footer {
	position:relative;
    color: #fff;
	padding: 10px;
	background: #0c0c0c;
	border-top: 1px solid #000;
	text-align:center;
	height:40px;
	font-size:20px;
	
	
}
#footer a {
	color:orange;
}
	
.footer-attribution {
position:absolute;
top:10px;
right:10px;
}

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

#footer-widgets .widget {
color: #69605b;
	text-shadow: 0px 1px 1px #111;
float:left;
background: #2a2928;
width:30%;
border:1px solid #2a2928;
}


#footer-widgets .textwidget {
	border-top:1px solid #333;
	color: #69605b;
	text-shadow: 0px 1px 1px #111;
     
}

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

}

#footer-widgets h3 {
font-size:30px;
color: #817250;
border-bottom:1px solid #222;


}

#footer-widgets li a {
color: #69605b;
text-shadow:  0px 2px 3px #222;
}