/*
Theme Name: Softlights
Theme URI: http://corpocrat.com/2014/01/23/softlights-free-wordpress-theme-with-unlimited-colors/
Author: Prabhu Balakrishnan
Author URI: http://corpocrat.com
Description: Fully customizable wordpress theme with unlimited colors through color picker, made for content hungry websites. It is simple, easy to use theme and doesnt dazzle you with setting hundreds of theme options. Pick the colors you want for header, background, footer, widgets, showcase box and go live within a minute. The theme comes with left and sidebar widgets, top widget, footer widget and automatically reverts to full width template layouts. This theme packed with easy to use admin panel, the theme itself is lightweight for fast loading sites. You will love this theme if you are full screen layout lover.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, one-column,two-columns,three-columns,right-sidebar,left-sidebar,threaded-comments,full-width-template,custom-header, custom-colors,custom-header,custom-menu,full-width-template,theme-options,featured-images
Text Domain: softlights

This theme is licensed under the GPL. Please spread the word by means. Thank you
*/


/***************** Initial CSS Styles *************************/


.admin-bar nav { top:129px; }
.admin-bar #wrapper {margin-top: 5px; }
.admin-bar #content {margin-top:25px; }


a,a:visited { text-decoration:none;}

.thecontent a {

}
	
a:hover {color:grey;}

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


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


hr {
	border:none;
	background:#eee;
	height:1px;
}

.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 styles ***********************/

.sticky {
position:relative;	
overflow:hidden;
padding-top:50px;
z-index:1;
}

.sticky .featured {
	float:left;
	margin:50px 40px 20px 10px;
	
}


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

 .alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

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

code {
color:brown;
background:#f3ede9;
}

pre {
display:block;
width: 90%; 
white-space:pre-wrap;
margin:10px; padding-left:15px; padding: 10px; 
color:brown;
background:#f3ede9;
font: normal 16px Monaco,courier; 
}

blockquote {
	position:relative;
 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;

}
blockquote:before {
font-family: monaco,arial;
display: block;
content: "\201C";
font-size: 100px;
position: absolute;
left: -15px;
top: 20px;
color: #7a7a7a;

}

/* Header reset and is incomplete */

h2,h3,h4,h5 {
	margin:0; padding:0;
	line-height:140%;
	font-family:'Oswald','Roboto Condensed', sans-serif;
	color:#333;
}

h1 {
	color:#222;
	font: normal 60px 'Oswald','Roboto Condensed',sans-serif;
	margin:0; padding:0;
	line-height:150%;
}
h2 { font: normal 50px 'Oswald','Roboto Condensed',sans-serif;}
h3 { font: normal 40px 'Oswald','Roboto Condensed',sans-serif;  }


.tags {
	padding:12px;
	
	font-size:14px;
	
}
.tags a {
	color:#c00;
}

.button {

padding:15px 20px;
color:#f7f7f7;
float:right;
margin-top:20px;
margin-right:150px;
font:bold 20px 'Roboto Condensed',Georgia,arial,sans-serif;
border-radius:10px;
background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );


}

.button:hover {
	background:#069;
	color:#fff;
}


/**************** Body *************************/
body {
	margin:0;
	padding:0;
	font: normal 20px 'PT Sans','Roboto',sans-serif;
	color: #333;
	line-height:150%;
}

/*************************** Main Wrapper *****************/

#wrapper {
width: 100%;	
overflow:hidden;
margin:0;
padding:0;
border-collapse:collapse;
}


#main {
	width: 100%;
	overflow:hidden;
	margin:0px auto 0px auto;
	margin-top:50px;
	
	
}

.homecontent {
	padding:0px 50px;
}
.fullpage {
	padding: 20px 100px;
}
.fullpage h1 {
	padding-bottom: 30px;
}

/*********************** Header ************************/

#header {
position:relative;
width:100%;
/*background:rgba(63,87,101,0.9);*/
height:130px;
}

.header-text {

margin:0px 20px;

}

#header .logo {
position:absolute;
top:10px; left:20px;	
width:200px;
height:90px;
}
	
#header #searchform {
	position:absolute;
	top:10px;
	right:30px;
	height:50px;
	padding:10px;

}
#searchform label, 
#searchform input[type='submit'] {
	display:none;
}
#searchform input {
	
	width:200px;
	background: #fff url(images/search.png) 10px 10px no-repeat;
	border:1px solid #e0e0e0;
	border-radius:20px;
	text-align:center;
	padding:10px;
	
}

/********************** Navigation Menu **************************/

nav { z-index:10;position:absolute;width:97%;font-size:10px; line-height: 150%; top:101px; left:20px;  margin-bottom:20px; text-align:center; border-radius:5px;max-height:60px;}
nav ul{  margin:0px auto; padding:0px; } 
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 -3px}
nav ul li a{ display:block;text-decoration:none;  text-transform:uppercase; padding:20px 25px; }
nav ul li:hover>a{ background:orange; }
/*...First-Level...*/

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; border:none}
nav ul li ul li a{ border-radius:0px!important; 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:0px; left:140px; width:140px;}

.spacer {
	 height: 50px;
    margin: 0 0 -50px 0;
    /* margin: 20px 0 -50px 0; use this if you want #container to have a 'bottom padding', in this case of 20px */
    background: transparent; 	
}



/************************ Top menu **************************************/
top {
position:absolute;
left: 50%;
top:95px;
width:600px;		
height:25px;
overflow:hidden;	
}
top ul {
	
	list-style-type:none;
	margin:0; padding:0;
}

top ul li {
	display: inline-block;
}
top ul li a {
	color:#777;
	padding: 5px 15px;
	font-size:16px;
}

top .children, top ul ul { display:none; }


/********************** Content ***********************/

#content {
	
	overflow:hidden;
	text-align:center;
	margin:0;
}

/* Fixed link color inside Post content 
   Remove this to get your theme link color from theme settings take over entire site.
  */ 


/******************** Sidebars **************************/

#left-sidebar {
	
	float:left;
	min-width:300px;
	margin: 20px;
	
	text-align:center;
	overflow:hidden;
}
#right-sidebar {
	float:right;
	min-width:300px;
	margin: 20px;
	
	text-align:center;
	overflow:hidden;
}

/**************************** Footer ************************/

#footer {
	overflow:hidden;
	position:relative;
	min-height:150px;
	background: rgba(189,212,222,1.0);
	text-align:center;
	font-size: 14px;
	color:#000;
}
#footer .copyright {
	position:absolute;
	top:50px;
	left:100px;
}

#footer .credits {
	position:absolute;
	right:100px;
	top:50px;
}
#footer .credits a {
	color:red;
}
#socialicons {
	position:absolute;
	top:30px;
	left:10px;
}
#socialicons img {
	width:60px;
	height:50px;
	border-radius:15px;
	padding:0 2px;
}

/************************ Showcasebox *************************/

.showcasebox {
	overflow:hidden;
	margin:0px;
	padding:50px 40px;
	box-sizing:border-box;
	text-align:left;
	


}

.showcasebox h2, .showcasebox p {
	overflow:hidden;
}
.showcasebox h2 {
	font: normal 45px 'Oswald','Roboto Condensed',sans-serif;
	
	
}
.showcasebox .thumb{
float:left;
margin:15px 50px 10px 20px;
}

.frontheader, .frontheader p, .frontheader h1 {
	overflow:hidden;
	
}
.frontheader .thumb {
	float:left;
	margin:30px;
}
.frontheader .showcase {
	margin:50px;
	padding:20px 50px 50px 50px;
}
	
.threecol {
		-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
overflow:hidden;
}	


/******************* Home Index Post ************************/

.post {
	position:relative;
overflow:hidden;	
display:block;
padding:50px 150px 50px 150px;
color:#444;
overflow:hidden;
vertical-align:top;
margin:0px;
border-bottom:1px solid #e0e0e0;
text-align:left;

}


.post .thumb {
	float:left;
	padding:0;
	margin-right:40px;
	margin-top:15px;
}
.post .date {
position:absolute;	
font-size:12px;
color:#c00;	
bottom: 0px;
left:40%;
}



.post h2, .post p {
	overflow:hidden;
}

.post .commentcount  {
	position:absolute;
	bottom:0px;
	left:60%;
	font-size:12px;
	color:#c00;
}


/*************************** Frontpage 1 - Posts ***********************/

.frontpage1-box {
display:block;
box-sizing:border-box;
overflow:hidden;
vertical-align:top;
text-align:center;
margin:0px 15px;
padding:30px 150px;
border-bottom:1px solid #e0e0e0;
font-size:18px;



}
.frontpage1-box h2 {
	font: normal 40px 'Roboto Condensed',sans-serif;
	
}

.frontpage1-box .thumb {
display:inline-block;
margin:10px;	
}

/*********************** Frontpage 2 Posts ***********************/

.frontpage2-box {
display:block;
box-sizing:border-box;
overflow:hidden;
vertical-align:top;
text-align:center;
padding:20px;
border-bottom:1px solid #e0e0e0;
font-size:18px;
}
.frontpage2-box:last-child {
	border-bottom:none;
}
.boxcontainer {
	overflow:hidden;
	margin:0;padding:0;
}
.frontpage2-box .thumb {
margin:20px 0px;	
	
}
.page-template-front2-page-php .showcasebox .thumb {
	float:none;
	
}

.page-template-front2-page-php .boxcontainer .showcasebox {
	text-align:center;
	margin-top:0px;
}
.frontpage2-box h2 {
	font: normal 40px 'Roboto Condensed',sans-serif;
	
}



/********************** Frontpage 3 Post ************************/

.frontpage3-box {
display:inline-block;
width:500px;
height:600px;
box-sizing:border-box;
overflow:hidden;
vertical-align:top;
margin:10px 15px;
padding:45px;
border:1px solid #eee;


}
.frontpage3-box img {
margin-bottom:20px;
}
.frontpage3-box p {
	text-align:left;
	overflow:hidden;
	}
	
.frontpage3-box #content {overflow:hidden; }	
.frontpage3-box .postmetadata {
	text-align:center;
	font-size:14px;
}

/************************** Frontpage 4 Post ***********************/

#frontpage4-box {
display:block;
font-size:14px;
box-sizing:border-box;
overflow:hidden;
vertical-align:top;
text-align:center;
margin:10px 15px;
padding:20px;
border:1px solid #eee;

-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;

}



.fourcol {
	-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
overflow:hidden;
}

/****************** Post Styles Common ***********************/

.single-post .post,
.page .post {
padding: 40px 40px;
overflow:hidden;
}

.single-post #content {
	text-align:center;
	
}
.thecontent {
	color:#222;
	text-align:left;
	font-size:20px;
	
	
}


/************************ Category and Archive Post Styles *******************/

.archive .post {
	overflow:hidden;
	padding:20px;
	margin:0px;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	
}
.archive .post .thumb {
	margin:20px 0;
}

.catdata {
	overflow:hidden;
	
}
	
.categorytitle {
	display:block;
padding:30px 20px;	
text-align:center;
border-bottom:1px solid #e0e0e0;
}
	
.postmetadata {
	font-size:12px;
	display:block;
	padding:20px 0;
	
}	
.postmetadata a {
	color:#c00;
	font-size:12px;
}

/***************** Search Page ****************************/

.search .post .thumb {
	
	padding:10px 20px;
}

.search .post {
	padding:40px;
	overflow:hidden;
	
}
	

/*************************** Pagination ******************/	
	
#pagination {
overflow:hidden;
margin:20px;
text-align:center;
}
#pagination .remove {
	display:none;
}
 .page-numbers {
	margin:10px;
	padding:10px;
	display:inline-block;
	background: rgba(255,255,255,0.5);
	font-size:26px;
	border:1px solid #e0e0e0;
}
.page-numbers:hover {
background:red;
color:white;
}
.page-numbers.current {
background:orange;
color:#fff;
border:1px dotted orange;
}

#page-links {
margin:20px;
	
}

#page-links span {
	font-size:20px;
	margin-right:20px;
}
#page-links a {
	padding:15px 20px;
	background:#eee;
	border:1px solid #e0e0e0;
}
#page-links a:hover {
	background:orange;
	color:#fff;
}

.more-link { color:#c00; }
	

/******************** Comments ***************************/

#comments, #comments .children {
	margin:20px;
	list-style-type:none;
	position:relative;
	overflow:hidden;
}
.comment-body {
	position:relative;
	margin-top:30px;
	margin-left:100px;
	margin-right:100px;
	background:#fff;
	padding:60px;
	border:1px solid #e0e0e0;
	
}

.comment-author-admin .comment-body {
	background: #f4f4f4;
	
	
}

.comment-body .avatar {
	position:absolute;
	left:-40px;
	top:5px;
	border:1px solid #c0c0c0;
	border-radius:50%;
	padding:5px;
}
.says {display:none;}

.fn {
	font: bold 40px 'Oswald','Roboto Condensed',Georgia,Helvetica,sans-serif;
	position:absolute;
	top:7px;
	left:60px;

	
}
.reply {
	
	position:absolute;
	bottom:0px;
	left:0px;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	background:#ececec;
	padding:5px 10px;
}

.comment-author {
	margin-left:-100px;
	margin-top:0;
	float:left;
}
	
	
.comment-meta {
	position:absolute;
	top:5px; right:10px;
	font-size:12px;
}
.says { margin-left:30px; }


#respond {
	width:70%;
margin:20px auto;
padding:20px;
overflow:hidden;	
}
#respond form input[type="text"],
#respond form textarea {
	display:block;
width:300px;
padding:8px 20px;
background: rgba(168, 165, 168, 0.1);
	border:1px solid rgba(0, 0, 0, 0.2);	
}

#respond input[type="submit"] {
padding:15px 20px;
background: orange;
color: #fff;
font-size:18px;
border:1px solid darkorange;
	
}


/************************** Widgets **********************/

#top-widget {
	
font-size:14px;	
overflow:hidden;	
display:table;
margin:0px 0px 0px 0px;
border-collapse:collapse;
border-spacing:0px 1px;
}
#top-widget h3 {
	padding-top:30px;
}


#homepage-widget {

font-size:14px;	
overflow:hidden;	
display:table;
margin:0px;
padding-top:10px;
border-collapse:collapse;
border-spacing:0px 0px;

}
	
#footer-widget {
	overflow:hidden;
	display:table-cell;	
	width:10%;
	border-collapse:collapse;	
}
#footer-widget h3 {
	text-align:left;
	margin-left:10px;
}

#top-widget .widget,
#homepage-widget .widget,
#footer-widget .widget {
	width:1%;
	display:table-cell;
	
	padding:10px;
	
	}

.widget {
	position:relative;
	font-size:14px;
	overflow:hidden;
	list-style-type:none;
	margin-top:0px;
	margin-bottom:10px;
	
		
}

.home #homepage-widget .widget {
	padding-top:50px;
}

#left-sidebar .widget h3,
#right-sidebar .widget h3 {
		padding-top:20px;;
}

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

.widget ul li {
	padding:10px;
}

.widget h3 {
	margin:10px 0px;
		text-align:center;

}

.textwidget {
	padding:10px;
	margin:0px;
}
	
.widget_search {
padding:40px 20px;
margin-top:20px;

}