/*
Theme Name: EMIYC Theme
Theme URI: http://emiyc.org
Description: Theme for emiyc.org
Version: 2 (WP2.6.2)
Author: Paul Davis
Author URI: http://pdwd.net
*/

/*****
	CSS RESET - MODIFIED YAHOO YUI
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}

body						{background: url(images/body_bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #444;}

/*****
	MAIN DIVS
*****/
#wrap						{width: 950px; margin: 0 auto; background: #fff; margin-bottom: 20px;
							 -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);}
#head						{background: url(images/emiyc-top.png) no-repeat bottom right; width: 950px; height: 200px; margin: 20px auto 0;}
#nav						{padding: 0 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #D8E6BF; overflow: hidden;}
#main						{width: 620px; float: left; padding: 5px 20px 20px;}
#sidebar					{width: 260px; float: right; padding: 17px 20px 17px 0;}
#footer						{}

/***** HEAD *****/
#head-text					{padding: 111px 0 0 20px;}
#countdown					{background: #E6E3BF; text-align: center; padding: 10px 0; border-bottom: 1px solid #ccc; -webkit-text-size-adjust: none;}
#countdown p .number		{color: #000; font-size: 1.2em; font-weight: bold;}
#countdown .none			{color: #444; font-weight: normal;}

/***** NAV *****/
#nav ul li					{list-style: none; float: left;}
#nav ul li a:link, #nav ul li a:visited	{color: #000; font-weight: bold; display: block; padding: 10px 10px 10px 5px; margin: 0 10px 0 0;}
#nav ul li a:active, #nav ul li a:hover	{color: #4B88A3; font-weight: bold; text-decoration: none !important;}
#nav ul.left				{float: left;}
#nav ul.left li				{}
#nav ul.right				{float: right; color: #f00; font-weight: bold; padding: 10px 0;}

#subNav						{background: #EAEFE0; padding: 0 20px; overflow: hidden; border-bottom: 1px solid #ccc;}
#subNav ul li				{float: left;}
#subNav ul li a:link, #subNav ul li a:visited	{color: #000; font-weight: bold; display: block; padding: 10px 10px 10px 5px; margin: 0 10px 0 0;}	
#subNav ul li a:active, #subNav ul li a:hover	{color: #4B88A3; font-weight: bold; text-decoration: none !important;}

/***** MAIN *****/
#main img					{max-width: 580px; max-height: 580px;}
.main-news img				{float: left; padding: 0 20px 20px 0;}

/***** SIDEBAR ****/
#sidebar ul, #sidebar ol, #sidebar li	{list-style: none;}
#sidebar li					{background: #eee; border: 1px solid #ccc; margin: 0 0 5px 0;}
#sidebar li:hover			{background: #ddd;}
#sidebar li a				{display: block; padding: 5px;}

input.email-sub				{border: 1px solid #ccc; padding: 5px; background: #eee; color: #444; width: 248px;}
.email-submit				{border: 1px solid #ccc; padding: 5px; background: #eee; margin: 5px 0 0 0; font-weight: bold; width: 100%; font-family: Arial, sans-serif; font-size: 1em; color: #444; text-align: left;}
.email-submit:hover			{color: #4B88A3; cursor: pointer;}

/***** POSTS *****/
.post-news					{padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; margin: 0 0 10px 0; position: relative;}
.post-news h2				{line-height: 1em;}
.post-news img				{max-width: 200px; max-height: 200px;}
.post-date					{font-size: 80%; color: #ccc; margin: -5px 0 10px 0 !important;}
.post ul, .post ol			{margin: 10px 0 10px 30px;}
.post ul li, .post ol li	{color: #888; margin: 3px 0;}

.post-list					{margin: 0 0 10px 25px;}
.post-list li				{}

.home-post-left				{width: 299px; float: left; margin: 0 0 20px 0;}
.home-post-right			{width: 280px; float: right; margin: 0 0 20px 0; padding: 0 0 0 20px; border-left: 1px dashed #ccc;}

.home-post-left h4 a:link, .home-post-left h4 a:visited, .home-post-right a:link, .home-post-right h4 a:visited		{color: #67AFCF !important;}
.home-post-left h4 a:active, .home-post-left h4 a:hover, .home-post-right a:active, .home-post-right h4 a:hover		{color: #000 !important;}

/***** COMMENTS *****/
h3.comments					{margin: 20px 0 10px 0;}
.comment					{list-style: none !important; border-bottom: 1px solid #ccc; padding: 10px 0;}
.comments-list li			{list-style: none !important;}
.comment-gravatar			{position: absolute; width: 50px; height: 50px; float: left;}
.comment-right				{width: 560px; float: right;}
.comment-meta				{font-size: 80%; color: #bbb;}
.comment-data				{}
#ajax_comments_wrapper ol li	{list-style: none;}

/***** FORM *****/
#commentform				{}
#commentform input			{margin: 0 0 5px 0;}
#commentform label			{font-size: 80%; vertical-align: top;}
h3.form-reply				{margin: 20px 0 5px 0;}
.form-author				{padding: 5px; width: 300px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form-email					{padding: 5px; width: 300px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form-url					{padding: 5px; width: 300px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form-comment				{padding: 5px; width: 300px; height: 80px; border: 1px solid #ccc; margin: 0 0 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form-submit				{width: 130px; height: 25px; text-align: center; vertical-align: middle; background: #4B88A3; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.form-submit:hover			{color: #ccc;}	

/***** HELPERS *****/
#helpers					{}
#helpers p					{font-weight: bold; text-align: left !important;}
#helpers em					{font-weight: normal !important; color: #999 !important;}
#helpers img				{max-width: 100px; max-height: 200px;}
#helpers tr td				{padding: 0 10px 10px 0;}

/***** Gallery *****/
#gallery					{}
.gallery-section			{}

/***** Contact *****/
#formcontainer				{}
.form-label					{margin: 0 0 5px 0;}
.form-input input			{border: 1px solid #ccc; padding: 5px; margin: 0 0 10px 0; width: 300px; font-family: 'Arial' !important; font-size: 1em;}
.form-textarea textarea		{border: 1px solid #ccc; padding: 5px; margin: 0 0 10px 0; width: 300px; height: 80px; font-family: 'Arial' !important; font-size: 1em;}
.form-option				{margin: 0 0 10px 0;}

p.error						{color: #f00; font-weight: bold;}
p.success					{color: #060; font-weight: bold;}

.comment-views				{position: relative;}

.views						{position: absolute; top: 65px; right: 0; height: 450px; width: 280px;}
.view-1						{position: absolute; top: 0;}
.view-2						{position: absolute; top: 200px;}

/*****
	TYPOGRAPHY
*****/

@font-face 					{font-family: 'AndikaBasicRegular'; src: url('fonts/AndBasR.eot');
							 src: local('Andika Basic Regular'), local('AndikaBasic'), url('fonts/AndBasR.ttf') format('truetype');}


h1, h2, h3, h4, h5, h6		{font-family: AndikaBasicRegular, Arial, sans-serif;}
h1							{font-size: 3em;}
h2							{font-size: 2.4em;}
h3							{font-size: 2em;}
h4							{font-size: 1.6em;}
h5							{font-size: 1.4em;}
h6							{font-size: 1.2em;}
p							{font-size: 1em; line-height: 1.6em; color: #444;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span 	{color: #4B88A3;}
p span						{color: #f00; font-weight: bold;}

a:link, a:visited			{color: #4B88A3; text-decoration: none;}
a:active, a:hover			{color: #000; text-decoration: none;}

strong, b					{font-weight: bold;}

/*****
	SELECTIVE TYPOGRAPHY
*****/
#main p						{text-align: justify; margin: 0 0 10px 0;}
#main h2					{margin: 10px 0;}
#footer p					{text-align: center; font-size: 80%; padding: 0 0 15px 0; color: #000;}
#footer p a					{color: #000;}
.red						{color: #f00 !important;}
.post h3					{margin: 0 0 10px 0;}

#main a:hover, #main a:active	{background: #E0EAEF;}

h1, h2, h3, h4, h5, h6		{text-shadow: 1px 1px 4px rgba(0,0,0,0.2);}


/*****
	CLASS
*****/
.clear						{clear: both;}

.list						{margin: 10px 0 10px 30px;}
.list li					{color: #888; margin: 3px 0;}
li.pink {color: #D33F55 !important;}

.table tr td				{padding: 0 10px 7px 0;}

::selection                 {background: #D8E6BF; color: #000;}
::-moz-selection            {background: #D8E6BF; color: #000;}