/*
	Theme Name: SympalPress-Lite
	Theme URI: http://themefurnace.com/blog/portfolio/sympalpress
	Description: A Simple and Clean Personal Blogging Theme with Post Formats. SympalPress is responsive so it will look good on desktop, tablets and mobile devices. It uses the theme 				    customizer so you can alter the colors, backgrounds. This is the Lite version, Full version has theme options panel, slider, social media, dark version + more features. See this page for		    more details : http://themefurnace.com/blog/portfolio/sympalpress
	Author: ThemeFurnace
	Author URI: http://themefurnace.com
	Tags: light, gray, white, two-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready,    flexible-width
	Text Domain: themefurnace
	Version: 1.0
	License: GPLv2 or later
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	                                     
                 M                      
                 MM                     
                 MMM                    
                 DMMM                   
             M    MMMM                  
            .M     MMMMM                
            ~MM    ?MMMMM7              
            +MM.    ~MMMMMM             
             MMM     .MMMMMMD           
        M    MMMM~     MMMMMMM          
        M     MMMMM     ~MMMMMM         
        MM    ,MMMMMI     MMMMM.        
        MM?     MMMMMM     MMMMM        
        .MMO     MMMMMMM    MMMM        
         MMMM     .MMMMMM   .MM,        
          MMMMM     7MMMM    MM         
           .MMMMM     MMM:  .M          
             .MMMM8    MM   M           
                MMM    M   I            
                 OM   M. D              
                  M  , :                
                 ? .  

*/

/* Import Reset and Defaults */
@import url("css-inc/defaults.css");

/* Import Buttons */
@import url("css-inc/nav-icons.css");

/* Import Widgets */
@import url("css-inc/widgets.css");

/* 
	Headings
	Links
	Theme Layout
	Interior
	Sidebar
	Slider
	Footer
	Navigation
	Comments
	Pagination
	Responsive
*/

/* Headings */

#content h1 {
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	line-height: 30px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both
}

#content h2 {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 18px;
	line-height: 22px;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both
}
#content h3 {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 18px;
	line-height: 20px;
	border-bottom:1px solid #ECECEC;
	font-weight:300;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}
#content h4 {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 16px;
	line-height: 18px;
	border-bottom:1px solid #ECECEC;
	font-weight:300;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both
}
#content h5 {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 16px;
	border-bottom:1px solid #ECECEC;
	font-weight:300;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both
}
#content h6 {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 12px;
	line-height: 14px;
	border-bottom:1px solid #ECECEC;
	font-weight:300;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both
}
.insidetitle{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 25px;
	line-height: 30px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	margin-left:35px;
	margin-top:20px;
}


/* Links */

a {
	color: #ff0000;
	text-decoration: none;
}
a:visited {
	color: #DD0101;
	text-decoration: none;
}
a:hover {
	color:#474747;
	text-decoration: none;
}


/* Theme Layout */

#container {
	width:860px;
	margin: 0 auto;
	background-color:white;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, .05);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, .05);
}
#main {
	width:600px;
	float:left;
	background-color:#FDFDFD;
}
.post {
	padding-left:35px;
	padding-right:35px;
	margin-bottom:50px;
	padding-bottom:25px;
	margin-top:25px;
	border-bottom:1px dotted #E8E8E8;
}
.postformat {
	float:left;
	background-color:#FF0000;
	margin-left:-88px;
	margin-top:0px;
}
.posttitle {
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	line-height:30px;
	color:#010101;
	font-weight: 300;
	padding: 0;
}
.footerwidgettitle {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:30px;
	color:#C0C0C0;
	font-weight: 700;
	text-transform:uppercase;
	padding: 0;
}
.postcontent {
	margin-top:20px;
	line-height:20px;
}
.postthumb {
	margin-top:20px;
}
.posttitle a {
	color:#010101;
}
.posttitle a:visited {
	color:#010101;
}
.posttitle a:hover {
	color:red;
}
.postmeta {
	font-size:13px;
	color:#666666;
	margin-top:10px;
	text-align:center
}
.postmeta a {
	color:#666666;
}
.postmeta a:visited {
	color:#666666;
}
.postmeta a:hover {
	color:red;
	border-bottom:1px dotted red;
}
.quote {
	background-color:#FAFAFA;
}
.link {
	background-color:#FAFAFA;
}
.link p {
	
}
.linklink {
	padding-top:20px;
}
.video {
}
.vid {
	margin-bottom:20px;

	overflow:hidden
}
.phot {
	margin-bottom:20px;
}
.permalink {
	display:inline;
	margin-right:6px;
}
#sidebar {
	width:260px;
	float:right;
	background-color:white;
}
#header {
	width:960px;
	margin: 0 auto;
/*	height:135px; */
}
.logo {
	margin-top:30px;
/*	float:left; */
	margin-left:50px;
}

#logo_text{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size: 25px;
	margin:0px;
	padding:0px;
	color:#474747;
/*	float:left; */
	margin-left:0px;
	margin-top:20px;
	margin-right:10px;
}

#logo_text a{
	color:#474747;
}

.tagline {
/*	float:left; */
	margin-top:55px;
	margin-left:10px;
}

.posticon {
	padding-left:35px;
}


/* Interior */

#content {
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}
#content p {
	margin-bottom:20px;

}

body.page-template-page-full-width-php #main {
	width:100%;
	overflow: inherit;
}

body.page-template-page-left-sidebar-php #main {
	float:right;
}


/* Sidebar */

#sidebar {
	overflow:auto
}
.sidebartitle {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:30px;
	color:#C0C0C0;
	font-weight: 700;
	text-transform:uppercase;
	padding: 0;
	border-bottom:1px solid #F5F4F4;
	padding:15px;
}
.sidebarwidget {
	margin-bottom:0px;
	font-size:13px;
}
.sidebarwidget .textwidget {
	padding:10px;
	font-size:13px;
}
.sidebarwidget ul {
	padding:20px;
}
.sidebarwidget li {
	margin-bottom:5px;
	padding-bottom:5px;
	list-style-type:circle;
	margin-left:15px;
	color:#FF0C0C;
	font-size:14px;
}
.sidebarwidget li a {
	color:#959595;
}
.sidebarwidget li a:hover {
	color:#333333
}
.sidebarwidget p {
	padding:10px;
}


/* Slider */

.slidetitle { 
	max-width: 500px;
	display: block;
	padding: 10px;
	font-family: 'Bitter', serif;
	font-size:30px;
	line-height:40px;
	color:white;
	position: absolute;
	left:40px;
	bottom: 100px;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
	
}

.slidetitle  span {
	text-decoration: none;
	padding: 5px;
	background-color: red;
}

h2.slidetitle a{
color:white;
}

.slidemeta{
	position:absolute;
	bottom:79px;
	left:50px;
	background-color: #58C0E6;
	padding:5px;
	color:white;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}



/* Footer */

#footer {
	clear:both;
	overflow:auto;
/*	padding-top:30px; ç/
	background-color:white;
/*	border-top:1px dotted #CCCCCC; */
}
.footerwidget {
	margin-bottom:30px;
	margin-left:20px;
	float:left;
	width:190px;
	font-size:12px;
	display:inline-block
}
.footerwidget a {
	color:black;
}
.footerwidget a:hover {
	color:red;
}
.footerwidgettitle {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:30px;
	color:#C0C0C0;
	font-weight: 700;
	text-transform:uppercase;
	padding: 0;
	margin-bottom:15px;
}
.footerwidget .textwidget {
	padding:10px;
	font-size:13px;
}
.footerwidget ul {
}
.footerwidget li {
	margin-bottom:0px;
	padding-bottom:10px;
	list-style-type:circle;
	margin-left:15px;
	color:#FF0C0C;
}
.footerwidget li a {
	color:#959595;
}
.footerwidget li a:hover {
	color:#333333
}
.footerwidget p {
	margin-bottom:15px;
}
#footertext {
	clear:both;
	border-top:1px dotted #CCCCCC;
	margin-top:20px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
}

#footertext  a {
	color: #757575;
}
#footertext  a:visited {
	color: #757575;
}
#footertext  a:hover {
	color:red;
}


/* Navigation */

#navbar select {
	display: none;
}
#navbar {
	font-size: 12px;
	margin:0 auto;
	z-index:999;
	background-color: #363636;
}
#main-nav {
	min-height: 56px; /* set to the height you want your menu to be */
	font-size: 11px;
	font-weight: bold;
}
#main-nav ul {
	margin: 0;
	padding: 0; /* only needed if you have not done a CSS reset */
	min-height:56px;
	border-bottom:2px solid #808080;
	padding-left:10px;
}
#main-nav li {
	display: block;
	display:inline-block;
	line-height: 56px; /* this should be the same as your #main-nav height */
	height: 56px; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a {
	display: block;
	height: 56px;
	line-height: 56px;
	padding: 0 25px;
	border:0px;
	color: #eee;
}
#main-nav li a:hover {
	color:red;
	border-bottom:2px solid red;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, .selected {
	color:white!important;
	border-bottom:2px solid red;
}
#main-nav ul ul a {
	color: #CACACA;
}
#main-nav ul ul a:hover {
	color:#FFFFFF;
}
#main-nav ul ul { /* this targets all sub menus */
	display:none;
	position: absolute;
	top: 56px; /* this should be the same height as the top level menu -- height + padding + borders */
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	z-index:9999;
	font-size:12px;
	font-weight:normal;
	border-bottom:0px solid #808080;
	padding-left:0px;
}
#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	min-width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	border-bottom:1px solid #555555;
	background-color:#343434;
	z-index:9999;
}
#main-nav ul ul li a { /* target all sub menu item links */
}
#main-nav ul ul li a:hover { /* target all sub menu item links */
	border-bottom:1px solid red;
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	background-color:white;
}
#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
	z-index:9999;
}


/* Comments */

#comments{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

.comments {
	background-color: white;
	width:100%;
	margin-top:40px;
	position:relative;
	-webkit-box-shadow: 0px 0px 3px 0px #CCCBCB;
	box-shadow: 0px 0px 3px 0px #CCCBCB;
	moz-box-shadow: 0px 0px 3px 0px #CCCBCB;
	margin-left:40px;
	margin-bottom:40px;
	padding-bottom:20px;
}

.commentclosed{
	margin-top:20px;
}

.comments ol {
}
#commentsform {
	padding-right:10px;
	position:relative;
	margin-bottom:0px;
}
#comments p {
}
.commentstop {
	border-bottom:1px solid #ececec;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	clear:both
}
.yours {
	float:right;
	margin-top:20px;
}
.comment {
	padding-bottom:20px;
}
.avatar {
	float:left;
	margin-right:10px;
	padding: 2px;
	border: 1px solid #C8C8C8;
}
.comment-author {
	font-size: 12px;
	color:#010101;
	margin-top:40px;
	clear:both
}
.comment-author a {
	border-bottom:0px;
	color:#000000;
}
.bypostauthor {
}
.comment-meta {
	font-size: 11px;
}
.comment-meta a {
	border-bottom:0px;
}
.comment-meta a:visited {
	border-bottom:0px;
}
.comment-body {
	margin-left:70px;
}
.comment-body p {
	margin-top:10px;
	line-height:20px;
}
.comment li {
	margin-top:20px;
}
.comment {
	list-style-type:none;
}
.children ul {
}
.depth-1 {
	margin-top:20px;
}
.depth-2 {
	margin-top:20px;
	margin-left:10%;
}
.depth-3 {
	margin-top:20px;
	margin-left:10%;
}
#comments .comment:last-child.depth-2 {
}
#comments .comment:first-child.depth-2 {
}
#comments .comment:last-child.depth-3 {
}
.comment-author-admin {
}
#comments ul.children {
}
.reply {
	float: right;
	position:relative;
	border-bottom:1px solid #ECECEC;
	width:100%;
	margin-bottom:25px;
	padding-bottom:25px;
}
.comment-reply-link {
	display: block;
	background-color: #464646;
	color:white;
	border:0px;
	font-size: 11px;
	padding:1px 10px;
	width:35px;
	text-align:center;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
}
a.comment-reply-link {
	color:white;
	border:0px;
}
a.comment-reply-link:visited {
	color:white;
}
a.comment-reply-link:hover {
	color:white;
	background-color: #5E5E5E;
}
.commentinput {
	width:50%;
	margin-bottom:20px;
	margin-top:10px;
}
.commentbox {
	width:70%;
	height:150px;
	margin-top:10px;
	margin-bottom:10px;
}
.commentinfo {
	font-size: 11px;
	margin-top:20px;
}
.commentsubmit {
	margin-top:20px;
	display: block;
	background-color: #464646;
	color:white;
	border:0px;
	font-size: 11px;
	padding:5px 15px;
}
.commentsubmit:hover {
	background-color: #5E5E5E;
	cursor: pointer;
}
.commentsubmit:focus {
	border: 0px solid #d7d7d7;
	-webkit-box-shadow: 0px 0px 0px 0px #CCCBCB;
	box-shadow: 0px 0px 0px 0px #CCCBCB;
	moz-box-shadow: 0px 0px 0px 0px #CCCBCB;
}
.cancelcomment {
	margin-bottom:10px;
}
.loggedinauthor {
}



/* Pagination */

.pagination {
	position:relative;
	padding:0px 0;
	font-size:11px;
	line-height:13px;
	height:50px;
	border-top:1px solid #EDEDED;
	display:block;
	margin-bottom:20px;
	padding-top:15px;
	padding-left:20px;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#444;
	border:1px solid #EDEDED;
}
.pagination a:hover {
	background: #24221D;
	color:#fff;
	text-decoration: none;
}
.pagination a:visited {
	text-decoration: none;
}
.pagination .current {
	padding:6px 9px 5px 9px;
	background: #24221D;
	color:#fff;
}


/* Responsive*/

img {
	max-width: 100%;
	height:auto;
}


/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 #container, #header {
 width:680px;
}
#main {
 width:420px;
}

.logo {
	margin-top:30px;
	float:left;
	margin-left:0px;
}
#logo_text{
	margin-left:0px;
}
}


/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
 #container, #header {
 width:290px;
}
#main {
 width:290px;
}
 #navbar ul {
display: none;
}
 #navbar select {
position:absolute;
display: inline-block;
position:absolute;
top:18px;
left:45px;
width:195px;
}
 #navbar {
 position: relative;
}

.postformat {
display:none;
}
.logo {
	margin-top:30px;
	float:left;
	margin-left:0px;
}
#logo_text{
	margin-left:0px;
}
.slidetitle { 
	bottom: 50px;
}
}


/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #container, #header {
 width:380px;
}
 #main {
 width:380px;
}
 #navbar ul {
display: none;
}
 #navbar select {
position:absolute;
display: inline-block;
position:absolute;
top:18px;
left:45px;
width:290px;
}
 #navbar {
 position: relative;
}
.logo {
	margin-top:30px;
	float:left;
	margin-left:0px;
}
#logo_text{
	margin-left:0px;
}
}


em {
	font-style: italic;
}

/* Modifications by ATC */

#image-post {
float: none;
margin: .5em 10px .5em 0;
overflow: hidden;
height: 200px;
}

#image-post img {
margin: -20px 0px -40px 0px;
max-width: 550px;
}