/*



Theme Name: EFC Journal

Theme Date: 20092009

Version: 1.0

Theme URI: http://incsub.com/

Description: Customize EFC Journal WordPress Theme

Author: incsub

Author URI: http://www.incsub.com/



Tags: Two Columns, Right Sidebar, Fixed Width, Custom Colors, Custom Header, Theme Options, Threaded Comments



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/







body {

	font-family: Georgia, serif;

	font-size: 100%;

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

}

h1, h2, h3, h4, h5, h6 {

	line-height: 1em;

	font-family: Cambria, Georgia, serif;

}



img, img.wp-smiley {

	border-width: 0px;

	border-style: none;

}



#top-bar {

	background: #660000;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 15px;

	width: 100%;

}



#wrapper {

	margin: 0px auto;

	padding: 0px;

	width: 900px;

	font-size: 0.6875em;

}

#container {

	margin: 0px;

	padding: 0px;

	width: 100%;

	float: left;

}

#header {

	margin: 0px;

	padding: 0px;

	width: 100%;

	float: left;

	border-bottom: 1px solid #ededed;

}

#header #site-title {
	display: block;
	margin: 0px;
	padding: 20px 0px 15px;
	float: left;
	width: 200px;
	overflow: hidden;

}

#header #site-nav {
	display: block;
	margin: 0px;
	padding: 20px 0px 0px;
	float: right;
	width: 680px;

}
#header #site-nav img {
	float: right;
}


#rss-feed {

	margin: 0px;

	padding: 0px;

	float: right;

	background: #660000;

	-moz-border-radius-bottomleft: 6px;

	-moz-border-radius-bottomright: 6px;

    -khtml-border-radius-bottomleft: 6px;

	-khtml-border-radius-bottomright: 6px;

   	-webkit-border-radius-bottomleft: 6px;

	-webkit-border-radius-bottomright: 6px;

    border-radius-bottomleft: 6px;

	border-radius-bottomright: 6px;

	display: block;

}

#rss-feed a {

	background: url(images/rss.png) no-repeat center center;

	text-align: center;

	height: 35px;

	width: 40px;

	display: block;

	color: #F28300;

	text-decoration: none;

}



#site-nav #navigation {
	margin: 0px;
	padding: 5px 0px 0px;
	float: right;
	border-bottom: 5px solid #ddd;
	height: 60px;
	position: relative;
	width: 100%;

}

#navigation .page-nav {

	margin: 0px;

	padding: 0px;

	float: left;

	position: absolute;

	top: 35px;

	width: 100%;

}

.page-nav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	width: 100%;

}

.page-nav ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	display: inline;
	font-size: 16px;
}

.page-nav ul li a {

	margin: 0px;

	padding: 0px 12px;

	float: left;

	list-style-type: none;

	display: inline-block;

	height: 30px;

	border-bottom: 5px solid #ddd;

	line-height: 30px;

	color: #222;

	text-decoration: none;

}

.page-nav ul li a:hover {

	margin: 0px;

	padding: 0px 12px;

	float: left;

	list-style-type: none;

	display: inline-block;

	height: 30px;

	border-bottom: 5px solid #660000;

	line-height: 30px;

	color: #660000;

	text-decoration: none;

	background: url(images/stripe.png) repeat;

}

.page-nav ul li#home a {

	margin: 0px;

	padding: 0px 12px;

	float: left;

	list-style-type: none;

	display: inline-block;

	height: 30px;

	border-bottom: 5px solid #660000;

	line-height: 30px;

	color: #660000;

	text-decoration: none;

}

.page-nav ul li.current_page_item a {

	margin: 0px;

	padding: 0px 12px;

	float: left;

	list-style-type: none;

	display: inline-block;

	height: 30px;

	border-bottom: 5px solid #660000;

	line-height: 30px;

	color: #660000;

	text-decoration: none;

}

#site-nav #site-description {
	margin: 0px;
	padding: 20px 0px;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 16px;
}

#custom-img-header {

	margin: 0px;

	padding: 0px;

	float: left;

	height: 125px;

	width: 900px;

}

#intro-box {

	margin: 0px;

	padding: 20px 0px;

	float: left;

	width: 100%;

	border-bottom: 1px solid #eee;

}

#intro-box .main-intro {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 550px;

}

.main-intro .welcome-text {

	margin: 0px;

	padding: 0px 0px 10px;

	float: left;

	width: 100%;

	font-size: 14px;

	text-transform: uppercase;

	color: #660000;

}

h1#welcome-title {

	margin: 0px 0px 24px;

	padding: 0px;

	float: left;

	width: 100%;

	font-size: 42px;

	font-weight: 400;

	line-height: 47px;

}

#welcome-box {

	background: #660000;

	margin: 0px;

	padding: 3%;

	float: left;

	width: 94%;

}

#welcome-box p {

	font-size: 22px;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	color: #FFFFFF;

}

#welcome-box .click-link {

	margin: 0px;

	padding: 10px 0px 0px;

	float: left;

	width: 100%;

}

.click-link a {

	color: #000000;

	text-decoration: underline;

	background: #f0f25e;

	display: block;

	padding: 6px 15px;

	margin-right: 15px;

	float: left;

	font-size: 16px;

	font-weight: bold;

}

.click-link a:hover {

	text-decoration: none;

}

#xtra-content {

	margin: 0px;

	padding: 0px;

	float: right;

	width: 320px;

}

#xtra-content object, #xtra-content embed {

	margin: 0px;

	padding: 0px;

	width: 320px;

	float: left;

	height: 245px;

}

#content {

	margin: 0px;

	padding: 20px 0px 0px;

	float: left;

	width: 100%;

}

.content-box a {

	color: #660000;

	text-decoration: underline;

}

.content-box a:hover {

	text-decoration: none;

}





#entry {

	margin: 0px;

	padding: 0px 0px 25px;

	float: left;

	width: 550px;

}

h2#headline {

	font-size: 14px;

	margin: 0px 0px 15px;

	padding: 0px 0px 5px;

	float: left;

	width: 100%;

	border-bottom: 1px solid #eee;

}

#sidebar {

	margin: 0px;

	padding: 0px 0px 25px;

	float: right;

	width: 320px;

}

.post, .page {

	margin: 0px 0px 25px;

	padding: 2%;

	float: left;

	width: 96%;

	border-bottom: 1px solid #eee;

}

.sticky {

	background: url(images/stripe.png) repeat;

	width: 95%;

	border-top: 1px solid #eee;

	border-right: 1px solid #C7C7C7;

	border-bottom: 1px solid #CDCDCD;

	border-left: 1px solid #eee;

}



h1.post-title {

	font-size: 28px;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

}

h1.post-title a {

	color: #660000;

	text-decoration: none;

}

h1.post-title a:hover {

	color: #000000;

	text-decoration: underline;

}





.post-time {

	font-size: 11px;

	margin: 0px;

	padding: 8px 0px;

	float: left;

	width: 100%;

	font-weight: normal;

	color: #444;

	font-style: italic;

}

.post-time a {

	text-decoration: none;

}



.post-content {

	font-size: 12px;

	margin: 0px;

	padding: 8px 0px;

	float: left;

	width: 100%;

	line-height: 19px;

	overflow: hidden;

}

.post-content img {

	max-width: 95%;

}

#wp-calendar {

	text-align: center;

	margin: 0px;

	padding: 0px;

	width: 100%;

	float: left;

}

#searchform #s {

	background: #FFFFFF;

	padding: 2px;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	border-left: 1px solid #CCCCCC;

}





ul.sidebar_list {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

ul.sidebar_list select {

	font-size: 12px;

	background: #FFFFFF;

	margin: 8px 0px;

	padding: 3px;

	width: 95%;

	border-top: 1px solid #eee;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #eee;

}

ul.sidebar_list li {

	margin: 0px 0px 20px;

	padding: 15px 5%;

	float: left;

	width: 90%;

	background: url(images/stripe.png) repeat;

	border-bottom: 1px solid #eee;

	font-size: 12px;

	line-height: 16px;

}

ul.sidebar_list li h2 {

	font-size: 16px;

	margin: 0px 0px 15px;

	padding: 0px;

	float: left;

	width: 100%;

	text-transform: uppercase;

}



ul.sidebar_list li ul {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

ul.sidebar_list li ul li {

	margin: 0px 0px 8px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

	border-width: 0px;

	border-style: none;

}

ul.sidebar_list li ul li ul {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

ul.sidebar_list li ul li ul li {

	margin: 8px 0px 0px;

	padding: 0px 0px 0px 15px;

	float: left;

	width: 90%;

	list-style-type: none;

	border-width: 0px;

	border-style: none;

}



#twitter-box {

	margin: 0px 0px 20px;

	padding: 15px 5% 40px;

	float: left;

	width: 90%;

	background: #F0F25E url(images/twitter.png) no-repeat 95% 95%;

}

#twitter-box h2 {

	margin: 0px 0px 15px;

	padding: 0px;

	float: left;

	width: 100%;

}



#twitter_update_list {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

#twitter_update_list li {

	margin: 0px 0px 15px;

	padding: 0%;

	float: left;

	width: 100%;

	list-style-type: none;

	font-size: 12px;

	display: block;

}

#twitter_update_list span {

	display: block;

}

ul.button .facebook {

	background: url(images/icons/facebook.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

ul.button .twitter {

	background: url(images/icons/twitter-icon.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

ul.button  .youtube {

	background: url(images/icons/youtube.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

ul.button .flickr {

	background: url(images/icons/flickr.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

ul.button .lastfm {

	background: url(images/icons/lastfm.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

ul.button .myspace {

	background: url(images/icons/myspace.png) no-repeat left center;

	padding-left: 20px;

	width: 90%;

}

#post-navigator {

	margin: 0px 0px 25px;

	padding: 2%;

	float: left;

	width: 96%;

	background: url(images/stripe.png) repeat;

	display: block;

}

#post-navigator .wp-pagenavi {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#post-navigator  .wp-pagenavi  .pages {

	font-size: 13px;

	font-style: italic;

	margin-right: 40px;

}

#post-navigator .wp-pagenavi .current {

	padding: 2px 5px;

	color: #FFFFFF;

	text-decoration: none;

	background: #333333;

	margin-left: 10px;

}



#container #post-navigator .wp-pagenavi a {

	padding: 2px 5px;

	margin-left: 10px;

	background: #CCCCCC;

	color: #333333;

	text-decoration: none;

}

#container #post-navigator .wp-pagenavi a:hover {

	padding: 2px 5px;

	margin-left: 10px;

	background: #333333;

	color: #FFFFFF;

	text-decoration: none;

}

#post-navigator .alignleft {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 45%;

}

#comments-template {

	margin: 0px;

	padding: 20px 2%;

	float: left;

	width: 96%;

}

#comments-template h4 {

	font-size: 18px;

	font-weight: normal;

	margin: 0px 0px 8px;

	padding: 0px 0px 8px;

	float: left;

	width: 100%;

	line-height: 25px;

	border-bottom: 1px solid #eee;

}

#comments-template h4 small {

	font-size: 12px;

}

#post-navigator .alignright {

	margin: 0px;

	padding: 0px;

	float: right;

	width: 45%;

	text-align: right;

}

ol.commentlist {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

ol.commentlist li {

	margin: 0px 0px 10px;

	padding: 2%;

	float: left;

	width: 96%;

	list-style-type: none;

	background: url(images/stripe.png) repeat;

}

.comment-meta-list {

	float: left;

	width: 96%;

	margin-bottom: 10px;

	padding: 2%;

}

.comment-meta-avatar {

	margin: 0px 15px 0px 0px;

	padding: 0px;

	float: left;

	width: 55px;

	height: 55px;

}

.comment-meta-avatar img {

	border: 5px solid #eee;

	margin: 0px;

	padding: 0px;

	float: left;

}

.comment-meta-post {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 80%;

}

.comment-author {

	font-size: 14px;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

}

.comment-author small {

	font-size: 10px;

	color: #666666;

	line-height: 16px;

	font-style: normal;

}

.comment-content {

	margin: 0px;

	padding: 10px 0px 0px;

	float: left;

	width: 100%;

	font-size: 11px;

	line-height: 18px;

	overflow: hidden;

}

.commentlist .alt {

	background: url(none);

	border: 1px solid #eee;

}

.commentlist .children {

	margin: 0px;

	padding: 0px 0px 0px 15%;

	float: left;

	width: 85%;

}

.commentlist li .children li {

	background: #FFFFFF;

}

.commentlist li.alt .children li {

	background: #eee;

}

.children  .children .comment-meta-post {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 75%;

}

#container div.reply a {

	color: #FFFFFF !important;

	text-decoration: none;

	background: #660000;

	padding: 2px 5px;

	font-size: 10px;

}

#container div.reply a:hover {

	color: #FFFFFF !important;

	text-decoration: underline;

	background: #660000;

	padding: 2px 5px;

	font-size: 10px;

}

ul.pinglist {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

ul.pinglist li {

	margin: 0px 0px 12px;

	padding: 0px 0px 12px;

	float: left;

	width: 100%;

	list-style-type: none;

	border-bottom: 1px solid #eee;

}

ul.pinglist li h6 {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

	font-size: 14px;

	font-weight: normal;

	line-height: 20px;

}

ul.pinglist li p {

	margin: 0px;

	padding: 5px 0px 0px;

	float: left;

	width: 100%;

	list-style-type: none;

	font-size: 11px;

	line-height: 16px;

}

#respond {

	margin: 0px;

	padding: 1em 0px 0px;

	float: left;

	width: 100%;

}

#respond .cancel-comment-reply {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

p.logged {

	font-size: 12px;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	line-height: 20px;

}

#commentform {

	margin: 0px;

	padding: 3%;

	float: left;

	width: 90%;

	background: #FFFFFF;

	border-top: 1px solid #ddd;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #ddd;

}

#commentform p {

	margin: 0px;

	padding: 0px;

}

#commentform label {

	display: block;

	font-size: 12px;

	line-height: 18px;

}

#commentform label small {

	font-size: 12px;

}



#commentform .cfield {

	background: #F7F7F7;

	width: 60%;

	border-top: 1px solid #C0C0C0;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-left: 1px solid #C0C0C0;

	margin-bottom: 25px;

	padding: 3px;

}

#commentform .carea {

	background: #f7f7f7;

	width: 90%;

	border-top: 1px solid #C0C0C0;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-left: 1px solid #C0C0C0;

	margin: 5px 0px 15px;

	padding: 3px;

	height: 150px;

}

#commentform .cfield:focus, #commentform .carea:focus {

	background: #FFFFFF;

}

#commentform .cinput {

	padding: 2px 5px;

	margin: 0px;

	color: #FFFFFF;

	font-size: 12px;

	text-decoration: none;

	font-family: Arial, Tahoma, "Lucida Sans";

	line-height: 18px;

	overflow: visible;

	background: #660000;

	border-width: 0px;

	border-style: none;

}

#commentform .cinput:hover {

	padding: 2px 5px;

	margin: 0px;

	color: #FFFFFF;

	font-size: 12px;

	text-decoration: underline;

	font-family: Arial, Tahoma, "Lucida Sans";

	line-height: 18px;

	overflow: visible;

	background: #660000;

	border-width: 0px;

	border-style: none;

}

#footer {

	margin: 0px;

	padding: 25px 0px;

	float: left;

	width: 100%;

	border-top: 1px solid #eee;

}

#footer a {

	color: #666666;

	text-decoration: none;

}



#footer .alignleft {
	font-size: 11px;
	float: left;
	width: 50%;
	line-height: 20px;
}

#footer .alignright {
	font-size: 11px;
	float: left;
	width: 40%;
	text-align: right;
	line-height: 20px;
}

#footer .alignright a {

	background: url(images/rss_small.png) no-repeat left center;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 15px;

}