/*
Theme Name:     Suffusion for Philosophy in Action
Theme URI:      
Description:    Child of Suffusion for Philosophy in Action 
Author:         Diana Hsieh
Author URI:     http://www.dianahsieh.com/
Template:       suffusion
Version:        0.0.1
*/

@import url("../suffusion/style.css");
@import url("style-nav.css");

@font-face {font-family: 'StMarie-Thin';src: local(StMarie-Thin), url('webfonts/StMarie-Thin.eot');src: local(StMarie-Thin), url('webfonts/StMarie-Thin.eot?#iefix') format('embedded-opentype'),url('webfonts/StMarie-Thin.woff') format('woff'),url('webfonts/StMarie-Thin.ttf') format('truetype'),url('webfonts/StMarie-Thin.svg#wf') format('svg');}

@font-face {font-family: 'StMarie-Light';src: local(StMarie-Light), url('webfonts/StMarie-Light.eot');src: local(StMarie-Light), url('webfonts/StMarie-Light.eot?#iefix') format('embedded-opentype'),url('webfonts/StMarie-Light.woff') format('woff'),url('webfonts/StMarie-Light.ttf') format('truetype');}

* {
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height:130%;
	color: #444444; 
}


html, body {
	background: #FFFFFF;
	background-image:url('http://www.philosophyinaction.com/images/design/logo-bg.gif');
	background-repeat: repeat-x;
	color: #444444;
	height: 100%;
	text-align: left;
	text-decoration: none;
}

p {
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin: 15px 0 15px 0;
	line-height:130%;
	color: #444444; 
}


.nou, .nou a {
	text-decoration: none;
	border: 1px solid #FFFFFF;
}

#header {
	padding: 0;
	margin: 0;
}

#wrapper {
	border: none;
	padding: 0 50px 20px 100px;
	margin: 0;
	float: left;
	min-width: 600px;
	max-width: 1000px;
}

.post .date {
	background: url(images/cal-orange.png) no-repeat;
	color: #ffffff;
}

.post .date span.month {
	padding-top: 3px;
}

.postdata {
	padding: 0 0 25px 0;
}

.entry a { 
	color: #444444; 
	text-decoration: none;
	border-bottom: 1px dotted #444444;
}

.entry a:hover { 
	color: #444444; 
	text-decoration: none;
	border-bottom: 1px solid #444444;
}

.entry h1, .entry h1 a {
	font-family: Arial;
	font-weight: normal;
	font-size: 32px;
	color: #bf1e2e;
	margin: 15px 0;
	padding: 0;
	text-decoration: none;
}

.entry h1 i {
	color: #bf1e2e;
}

.entry h1 a {
	color: #bf1e2e;
	text-decoration: none;
	border-bottom: 1px dotted #bf1e2e;
}

.entry h1 a:hover {
	color: #bf1e2e;
	text-decoration: none;
	border-bottom: 1px dotted #bf1e2e;
}

.entry h2, .entry h2 a {
	font-family: Arial;
	font-weight: normal;
	font-size: 20px;
	color: #bf1e2e;
	margin: 10px 0;
	padding: 0;
	text-decoration: none;
}

.entry h2 i {
	color: #bf1e2e;
}

.entry h2 a {
	color: #bf1e2e;
	text-decoration: none;
	border-bottom: 1px dotted #bf1e2e;
}

.entry h2 a:hover {
	color: #bf1e2e;
	text-decoration: none;
	border-bottom: 1px dotted #bf1e2e;
}

.entry h3, .entry h3 a {
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	color: #f48c45;
	margin: 15px 0;
	padding: 0;
	text-decoration: none;
}

.entry h3 i {
	color: #f48c45;
}

.entry h3 a {
	color: #f48c45;
	text-decoration: none;
	border-bottom: 1px dotted #f48c45;
}

.entry h3 a:hover {
	color: #f48c45;
	text-decoration: none;
	border-bottom: 1px dotted #f48c45;
}

.entry h4, .entry h4 a {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #f6bd66;
	margin: 10px 0;
	padding: 0;
	text-decoration: none;
}

.entry h4 i {
	color: #f6bd66;
}

.entry h4 a {
	color: #f6bd66;
	text-decoration: none;
	border-bottom: 1px dotted #f6bd66;
}

.entry h4 a:hover {
	color: #f6bd66;
	text-decoration: none;
	border-bottom: 1px dotted #f6bd66;
}

.entry h5, .entry h5 a {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #444444;
	margin: 10px 0;
	padding: 0;
	text-decoration: none;
}

.entry h4 i {
	color: #444444;
}

.entry h5 a {
	color: #444444;
	text-decoration: none;
	border-bottom: 1px dotted #444444;
}

.entry h5 a:hover {
	color: #444444;
	text-decoration: none;
	border-bottom: 1px dotted #444444;
}

.entry p {
	margin: 15px 0 15px 0;
	line-height:130%;
}

.entry ul {
	padding: 0 0 0 30px;
}

.entry ul li {
	padding: 3px 0 3px 0px;
}

.entry ol {
	padding: 0 0 0 30px;
}

.entry ol li {
	padding: 3px 0 3px 0;
}

blockquote {
	background: none;
	text-indent: 0;
	padding: 0 30px;
	margin: 0;
	line-height:130%;
	font-size: 100%;
}

.postdata {
	font-size: 120%;
	color: #444444;
}
.postdata a, .postdata a:visited {
	color: #444444;
	text-decoration: none;
}
.postdata a:hover {
	color: #f48c45;
	text-decoration: none;
}

div.post-footer {
	font-size: 120%;
	margin: 0;
	color: #444444;
}

div.post-footer a, div.post-footer a:visited {
	color: #444444;
	text-decoration: none;
}

div.post-footer a:hover {
	color: #f48c45;
	text-decoration: none;
}

span.author {
	color: #444444;
	max-width: 450px;
}

/* next & previous page navigation */
.page-nav {
	color: #444444;
	border: 1px solid #c0c0c0;
}
.page-nav a, .page-nav a:visited {
	color: #444444;
	text-decoration: none;
}
.page-nav a:hover,
.navigation .suf-page-nav a:hover {
	color: #f48c45;
	text-decoration: none;
}

.suf-page-nav a.page-numbers:hover {
	color: #ffffff;
}

/* next & previous post navigation */
.post-nav {
	color: #444444;
	margin: 15px 0;
	border: 1px solid #c0c0c0;
}

.post-nav a, .post-nav a:visited {
	color: #444444;
	text-decoration: none;
}
.post-nav a:hover {
	color: #f48c45;
	text-decoration: none;
}

.page-nav {
	margin: 15px 0;
	border: 1px solid #c0c0c0;
}

h1.posttitle,
h2.posttitle {
	color: #bf1e2e;
	margin: 0 0 4px;
	font-size: 160%;
	border-bottom: dotted 1px #CCCCCC;
}

h1.posttitle a,
h1.posttitle a:visited,
h2.posttitle a,
h2.posttitle a:visited {
	color: #bf1e2e;
}

h1.posttitle a:hover,
h2.posttitle a:hover {
	color: #f48c45;
}

.post, div.page {
	margin: 0 0 15px 0;
	padding: 25px;
	border: 1px solid #c0c0c0;

}

.author-profile,
.info-tag,
.info-category {
	margin: 15px 0;
	border: 1px solid #c0c0c0;
}

.entry {
	margin: 0;
	overflow: visible;
}

#sidebar, #sidebar-b,
#sidebar-2, #sidebar-2-b {
	margin: 0;
	overflow: visible;
	line-height: 130%;
	text-align: left;
}

#sidebar ul li {
	background: url(images/icons/bulletgray.png) no-repeat;
}

#sidebar a, #sidebar a i {
	color: #f48c45;
}

#sidebar a:hover, #sidebar a:hover i {
	color: #bf1e2e;
}

div.suf-widget{
	margin: 15px 0;
	border: 1px solid #c0c0c0;
}


.suf-widget h3 {
	font: normal 120%/120% Arial, Helvetica, sans-serif;
	color: #bf1e2e;
}

.flattened {
    border: none;
}

.suf-widget-1c {
	margin: 0;
	padding: 0;
}

.suf-widget-1c h1, .suf-widget-1c h1 a {
	font-family: StMarie-Light,Arial;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	color: #f48c45;
	line-height: 28px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.suf-widget-1c h2, .suf-widget-1c h2 a {
	font-family: StMarie-Light,Arial;
	font-weight: 400;
	font-style: normal;
	font-size: 58px;
	color: #bf1e2e;
	line-height: 55px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

/* Credits  */
#cred {
	color: #f48c45;
}

#page-footer, #cred {
	border-top: none;
}

#cred a {
	color: #f48c45;
}

#cred a:hover {
	text-decoration: none;
}

#cred td {
	width: 10%;
}

#cred td.cred-left {
	display: none;
}

#cred td.cred-right {
	display: none;
}

#footer {
	color: #f68c42;
	border-top: 1px solid #f68c42;
	clear: both;
	padding: 30px 0 0 0;
	padding: 60px 50px 50px 100px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
}

#smfooter a, #connect a {
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid #ffffff;
}


#footer a { 
	color: #f48c45; 
	text-decoration: none;
}

#footer a:hover { 
	color: #f48c45; 
	text-decoration: none;
	border-bottom: 1px solid #f48c45;
}

.entry label {
	font-weight: bold;
}

.entry form p {
	padding: 0 !important;
}

.entry input, .entry textarea, .entry select, #charsremain {	
	margin: 2px;
	padding: 2px;
	border: 1px solid #f48c45;
	background: #fff4de;
	color: #bf1e2e;
}

.post textarea {
	overflow: auto;
}

.post select {	
	margin: 2px 0 2px 0px;
	padding: 2px 2px;
}

.post button, .fakebutton {
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	text-decoration: none;
	border: 0;	
}

.post .fakebutton {
	padding: 6px 0 0 0;
}

.post .fakebutton a, .post .fakebutton a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 0px solid #f58c41;
	text-align: left;
}

.button100x1 {
	background: transparent url('/images/design/button-100x1.gif') no-repeat;
	width: 100px;
	height: 35px;
}

.button125x1 {
	background: transparent url('/images/design/button-125x1.gif') no-repeat;
	width: 125px;
	height: 35px;
}

.button150x1 {
	background: transparent url('/images/design/button-150x1.gif') no-repeat;
	width: 150px;
	height: 35px;
}

.button200x1 {
	background: transparent url('/images/design/button-200x1.gif') no-repeat;
	width: 200px;
	height: 35px;
}

.button100x2 {
	background: transparent url('/images/design/button-100x2.gif') no-repeat;
	width: 100px;
	height: 62px;
	padding: 9px 0 0 0;
	line-height: 22px;
}

.button125x2 {
	background: transparent url('/images/design/button-125x2.gif') no-repeat;
	width: 125px;
	height: 62px;
	padding: 9px 0 0 0;
	line-height: 22px;
}

.button150x2 {
	background: transparent url('/images/design/button-150x2.gif') no-repeat;
	width: 150px;
	height: 62px;
	padding: 9px 0 0 0;
	line-height: 22px;
}

.button200x2 {
	background: transparent url('/images/design/button-200x2.gif') no-repeat;
	width: 200px;
	height: 62px;
	padding: 9px 0 0 0;
	line-height: 22px;
}

.indent {
	margin: 0 0 0 15px;
	display: block;
}

.entry table { 
	width: 100%; 
	border-collapse: collapse; 
}

.entry th { 
	text-align: left; 
	padding: 6px;  border: none; 
}

.entry td { 
	padding: 6px; 
	border: none; 
}

