/*
Theme Name: apollo
Theme URI: http://www.thematology.com/
Description: 2/3 columns, with 1/2 widget-enabled sidebars
Version: 1.3
Author: Thematology
Author URI: http://www.thematology.com/
*/


body {
margin: 20px 0 20px 0;
padding: 0;  
color: #333;
text-align:center;
font-size: 100.1%;
background: #D9E7CA url(images/bg-green.jpg) repeat-y;
}

td {
	padding: 10px;
	border-bottom: 1px solid #cfefbf;
	border-top: 3px solid #FCFCFC;

}
#video-left {float:left; margin:0px 20px 0px 0px}
#video-right {float:right; margin:0px 0px 0px 20px}


#wrapper{
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 84%;
line-height:20px;
border: 8px solid #ffffff;

}

#header{
height: 150px;
margin: 0;
}	

#main{
padding: 0 0 0 0;
}

#footer {
clear: both;
margin: 0;
padding: 0px;
text-align: center;
font-size: 85%;
background: #ffffff;
}

#footer-inner{
height: 50px;

}

#footer-inner p{
padding:0 0 0 0;
margin:0;
}

#navigation{
padding: 5px 15px;
}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#credit{
text-align:left;
font-size: 80%;
background: #ffffff; 
}

#credit p{
	margin: 0px 10px;
	padding: 3px;
	}
#credit p a{
	color: #665599;
	font-weight:100;
	text-decoration:underline;
}
#credit p a:hover{
	color: #777;
}

hr {
  border: 0;
  width: 100%;
  color: #f4f4f4;
  background-color: #f4f4f4;
  height: 1px;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;

}

h1{
	font-size: 190%;
}
h2{
	font-size: 160%;
}
h3{
	font-size: 120%;
	font-family: Helvetica, sans-serif;
	color: #009999;
	text-transform:capitalize;
}

h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 90%;
}

a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}	

a img{
border:0px;
}

hr{
height: 2px;
margin: 5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
padding: 10px;
margin: 0px;
background: #ddffff;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666;
font-size:12px;
font-style:italic;
}

form{
margin: 0;
padding: 0;
}

fieldset{
padding: 10px;
margin: 0;
border: none;
}

legend{
font-weight: 800;
}

code{
font-size: 90%;
font-family: 'Courier New', Courier, monospace;
white-space: pre;
}

td{
 vertical-align:top;
}

style14{
color:#FFFFFF;
font-weight:200;}
/* Header */

form#searchform2{
display: block;
float:right;
margin: 65px 15px 0 10px;
}

form#searchform2 input.text{
background:#777;
border:1px solid #999;
width:160px;
color:#fff;
}

form#searchform2 input.submit{
vertical-align:bottom;
}

#rssblock{
float:right;
padding: 3px 10px 1px 0;
margin: 0;
}

/*  Tabs  */

#tabs {
font-size:90%;
line-height:18px;
border-bottom: 1px solid #aaa;
}

#tabs ul {
margin: 0;
padding: 4px 15px 4px 0;
list-style: none;
}
				
#tabs li {
display:inline;
margin:0;
padding:0 10px;
border-right: 1px solid #aaa;
}
			
#tabs a {
margin:0;
padding:0;
text-decoration:none;
color: #555;
}
			
#tabs a:hover {
color: #000;
}

		

/* Headings */ 
#header h2{
margin: 0px;
padding: 0px;
font-weight:800;
font-size: 200%;
}

#header h2 a{
font-weight:100;
color: #fff;
text-decoration: none;
}

#header h2 a:hover{
color: #fff;
}

#header h1{
margin: 0;
letter-spacing:1px;
padding: 7px 0 15px 0px;
font-weight:100;
color: #fff;
font-size: 100%;
}

h2#sectiontitle{
font-size:140%;
font-weight: 100;
padding:6px 6px 10px 0px;
margin:8px 0px;
background: #f8f8f8;
border: 1px solid #eee;
color: #187976;
}


/* IMAGES */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 5px;
}

.entry{
margin: 0;
padding: 5px 10px 8px 10px;
}

.post h2 {
color: #222;
font-size: 150%;
font-weight:100;
border-bottom: 1px solid #eee;
padding: 2px 0 2px 0px;
margin: 0 0 15px 0;
}

.post h2 a{
color: black;
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
color: black;
}

.postmetadata{
font-size:80%;
border-top: 1px solid #ddd;
background:#f2f2f2;
padding: 1px 0 1px 5px;
margin: 0 5px;
}

.postmetadata p{
line-height: 14px;
padding: 0;
margin: 3px 0;
}

.authormeta{
font-size:90%;

}

/*  Comments   */

fieldset#commentset{
background: #f2f2f2;
border-top: 1px solid #ccc;
}


h3#comments, h3#postcomment{
	font-size: 100%;
}	

ol#commentlist{
padding: 0 0 0 0px;
font-size: 90%;
list-style-type:none;
}

ol#commentlist li{
	padding: 0px 4px;
	margin: 0 0 0 15px;
}

ol#commentlist li p.commentheader{
margin: 0;
}



ul#commentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
	display: block;
	padding: 4px 0px;
	margin: 0 15px;
	font-size:90%;
	border: 4px solid white;
}


ul#commentlist li div.gravatar {
	width:40px;
	float:left;
	text-align: center;
	padding: 5px 0 0 5px;
}

ul#commentlist li div.gravatar img{
border: 1px solid #ccc;
margin: 10px;
}

ul#commentlist li p.commentheader{
font-size:100%;
font-weight: 800;
color: #666;
}



ul#commentlist li div.commenttext{
background: #F5F5F5;
margin:0;
padding: 8px 15px 8px 0;
border-top: 1px solid #ccc; 
}



ul#commentlist li div.commenttext p{
margin: 2px 0 5px 0;
}


/*  sidebar styles */


.menu{
padding:10px 5px 15px 5px;
font-size:90%;
height:100%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu a:active{
text-decoration:underline;
}

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

.menu ul li.widget{
padding:2px;
margin:0 0 7px 0px;
}

.menu ul li.widget ul{
	margin: 0;
	padding:0;
}

.menu ul li.widget ul li{
padding: 2px 0 2px 12px;
margin:0;
}

.menu ul li.widget ul li ul li{
border-bottom: none !important;
padding: 0 0 0 10px;
}

.menu ul li.widget h3{
font-size: 100%;
text-transform:lowercase;
font-size:14px;
color:#fff;
background: url(images/sb-but-bg.png) no-repeat;
padding: 8px 6px 8px 12px;
margin: 0;
}

.menu ul li h3 a{
color: #fff;
font-weight: 800;
}

.menu ul li h3 a:hover{
color: #000;
text-decoration: none;
font-weight: 800;
}

.menu form{
display: block;
margin: 0px;
padding: 4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
padding: 2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#footer a{
font-weight: 100;
}

/* Dropdown Page Navigation */
#navi
{
height:40px;
background:#D9E7CA url(images/menu-bg.jpg) no-repeat;
display:block;
padding:0;
font:normal 10px;
font-weight:lighter; 
font-style:normal;
}
#menu ,#menu ul {margin: 0;padding: 0;list-style: none;height:40px;}
#menu a {
color:#fff;
display: block;
padding: 10px;
border-right:solid 1px #fff;

}
 /* Design for links when the mouse is over them */
#menu a:hover {
color: #fff;
display:block;
text-decoration: none;
background:#116622;
}

#menu li {float: left;margin: 0;padding: 0;width: 150px;}
#menu li li {float: left;margin: 0 0 0 0px;padding: 0;width: 100px;}

#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#99bb77;
width: 150px;
float: none;
margin: 0;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom: solid 1px #fff;
}

#menu li li a:hover, #menu li li a:active {background:#229944;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#D9E7CA;} /* hover in children*/
#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
#menu li.current_page_item a{background:#116622;color:#ffffff;} /* Design for the link to whatever page the user is currently on (if applicable) */
#menu li.current_page_item a:hover{background:#229944;color:#5ab5ab;text-decoration:none;}