/*  

Theme Name: Maslow Project

Theme URI: http://www.maslowproject.com

Description: Maslow Project is a theme based upon Vladimir Prelovac's Amazing Grace theme, it is a lightweight, super-optimized WordPress theme packed with features (SEO, Adsense & Widget Ready). <p>  <a href="http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace">Amazing Grace</a> is created by <a href="http://www.prelovac.com/vladimir/">Vladimir Prelovac</a></p>

Version: 1.0

Tags: fixed width, widgets, valid CSS, valid XHTML, SEO, SEO friendly, adsense, custom header, three columns, right sidebar, gray, green, brown, photoblogging, widget ready

Author: John Fitzpatrick

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

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/



/*************************************

 +Containers

 *************************************/

body

{

  background: #E5F5FE url(images/bg.png) repeat-x top left;

  color:#000000;

  font-family:Verdana, Georgia, "Times New Roman", Times, serif;

  font-size:80%;

  line-height:1.2;

  text-align:left;

  margin:0;

  padding:0;

}



img {

  border: none;

}



#wrap

{

  position:relative;

  padding-top:0em;

  text-align:left;

  width:1004px;

  margin:0 auto;

}



#header

{

  text-align:left;

  height: 225px;

  width:1004px;

  padding:0;

}

#header-rss {
  background: url(images/mp_rss.png) no-repeat;
  height: 38px;
  width: 290px;
  position: absolute;
  top: 50px;
  left:  250px;
  padding-top: 12px;
  padding-left: 45px;
  color: #fff;
}

#header-rss a {
  color:#70aabf;

}

#header-rss a:hover {
  color:#e5f5fe;
  text-decoration: underline;
}


#header input {
  position: absolute;
  top: 120px;
  right: 330px;
}

#portrait-bg

{

  position:absolute;

  width:319px;

  height:223px;

  right:0;

  top:0;

}



#logo-img {

  position:relative;

  width:240px;

  height:121px;

  top: 10px;

  float: left;

}



#content

{

  font-size:1em;

  float:left;

  width:590px;

  padding:0 1em 0 1em;

}



/*************************************

 +Search form

 *************************************/

.search-form {

	font-size:1.1em;

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

	position:relative;

	width:149px;

	height:45px;

	margin-bottom:10px;

}

.search-form input{

	width:125px;

	margin:14px 0 0 10px;

	border:0px;

	color: #454545;

	background: none;

}



/*************************************

 +Footer

 *************************************/

#footer

{

  background:url(images/footer.png) repeat-x bottom left;

  color:#e6e6e6;

  font-size:1em;

  clear:both;

  text-align:center;

  padding:1em;

  height: 90px

}



#credits

{

  margin: 75px 0 -10px;

}



#footer a

{

  color:#70aabf;

}



#footer a:hover

{

  color:#e5f5fe;

  text-decoration: underline;

}



.rss

{

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

  padding-bottom:6px;

  padding-left:20px;

}



/*************************************

 +Hn, a and p

 *************************************/

a

{

  color:#1e4260;

  text-decoration:none;

}



a:hover

{

  color:#2e3192;

  text-decoration:underline;

}



h1,h2,h3,h4

{

  font-weight:bold;

  letter-spacing:-.1px;

  margin:0;

}



h2 {

  font-size:2em;

}



h3 {

  font-size:1.4em;

}



h4 {

  font-size:1.2em;

}



#header h1

{

  font-size:4em;

  margin-left:.5em;

}



#header h1 a

{

  color:#ffffff;

}



#header p

{

  color:#ffffff;

  font-size:1.3em;

  text-align:left;

  width: 250px;

  float: left;

  padding: 70px 0 0 10px;

}



#header p a

{

  color:#ffffff;

  font-style:italic;

  font-weight:bold;

}



.entrytitle

{

  text-align:left;

}



.entrytitle h3

{

  font-size:1.5em;

  color:#6F6F6F;

}



.entrytitle h1 a,.entrytitle h2 a

{

  color:#000;

}



.entrytitle h1,.entrytitle h2

{

  font-size:2em;

  text-align:left;

}



#rss-big a

{

  display:block;

  width:110px;

  height:64px;

}



.btitle

{

  font-weight:400;

  letter-spacing:-.1px;

  font-size:4.6em;

  font-family:times New Roman;

  font-style:italic;

  margin:0 0 0 .5em;

}



.btitle a

{

  color:#333;

}



blockquote

{

  display:block;

  background:#F0F0E0 none repeat scroll 0 0;

  border:2px dashed #DCD8A8;

  padding:2px 10px;

}



pre

{

  max-width:580px;

  font-size:1.2em;

  padding:10px;

}



code

{

  font-size:1.2em;

  max-width:580px;

  padding:10px;

}



/*************************************

 +Entry

 *************************************/

.entry

{

  margin-bottom:0;

  text-align:justify;

}



.entry a:hover

{

  background-color:#c8e9fb;

  text-decoration:underline;

}



.entry p

{

  margin:0;

  padding:0 0 10px;

}



.entry h3

{

  font-size:1.5em;

  padding-bottom:.3em;

}



.entry img

{

  max-width:580px;

  margin-left:5px;

  margin-right:5px;

  border:0;

}



.entrybody

{

}



.entrybody a

{

}



.entry code

{

  font-size:1.1em;

  text-align:left;

  padding:.2em;

}



.entrymeta

{

  padding-top:.5em;

  color:#2d6491;

  margin-bottom:3em;

  clear:both;

}



.postedby

{

  background:url(./images/user.gif) no-repeat;

  padding:2px 3px 3px 20px;

}



.filedto

{

  background:url(./images/post.gif) no-repeat;

  padding:2px 3px 3px 20px;

}



.commentslink

{

  background:url(./images/packaged.gif) no-repeat;

  padding:1px 2px 2px 21px;

}



.btitle

{

  font-weight:400;

  letter-spacing:-.1px;

  font-size:4.6em;

  font-family:times New Roman;

  font-style:italic;

  margin:0 0 0 .5em;

}



.btitle a

{

  color:#2d6491;

}



.postinfo

{

  margin-top:3px;

}



.postinfo img

{

  border:2px solid #F8F8EC;

  margin:0;

  padding:0;

}



.entrydate .dateMonth

{

  font-size:10px;

  text-align:center;

  color:#FFF;

  margin:0;

  padding:3px 0 0;

}



.entrydate .dateDay

{

  font-family:Times New Roman,Helvetica,Sans-Serif;

  font-size:21px;

  font-weight:700;

  text-align:center;

  color:#4698c1;

  margin:0;

  padding:3px 0 0;

}



.entrydate .dateYear

{

  font-size:9px;

  padding:0 0 0 1pt;

}



.entrydate

{

  background:transparent url(images/date.png) repeat scroll 0 0;

  float:right;

  height:53px;

  margin-left:5px;

  margin-top:5px;

  width:49px;

}



.entrytitle_wrap

{

  padding-bottom:1.8em;

}



.gravatar

{

  background-color:#FFF;

  color:#FFF;

  clear:right;

  float:left;

  margin:0 15px 0 0;

  padding:2px;

}



img.centered

{

  display:block;

  margin-left:auto;

  margin-right:auto;

}



img.alignright

{

  display:inline;

  margin:0 0 2px 7px;

  padding:4px;

}



img.alignleft

{

  display:inline;

  margin:0 7px 2px 0;

  padding:4px;

}



.alignleft

{

  float:left;

}



.aligncenter

{

  margin-left:auto;

  margin-right:auto;

}



.wp-caption

{

  border:1px solid #ddd;

  text-align:center;

  background-color:#f3f3f3;

  padding-top:4px;

  border-radius:3px;

  margin:10px;

}



.wp-caption img

{

  border:0 none;

  margin:0;

  padding:0;

}



.wp-caption-dd

{

  font-size:11px;

  line-height:17px;

  margin:0;

  padding:0 4px 5px;

}



.socbook,.alignright

{

  float:right;

}



/*************************************

 +Sidebar

 *************************************/

#sidebar-left

{

  background:#FCFCFC url(images/sidebarbg.png) repeat-x top;

  font-size:1em;

  float:left;

  margin-top: 1px;

  width:200px;

  padding:0 1em 2em 1em;

  border:1px solid #dddddd;

}



#sidebar-right

{

  font-size:1em;

  float:left;

  margin: 15px 0 0 10px;

  width:145px;

  padding:0 .0em 2em .3em;

}



#sidebar ul

{

  list-style-type:none;

  clear:both;

  margin:0 0 1em;

  padding:0;

}



#sidebar ul li,

#sidebar ul li a

{

  padding-top:.2em;

  padding-bottom:.2em;

  padding-right:.2em;

}



#sidebar ul li:hover,

#sidebar ul li a:hover

{

    background:#b3e1fb;

}



#sidebar h2

{

  color:#6F6F6F;

  font-size:1.5em;

  margin-top:1em;

}



#sidebar h4

{

  color:#151515;

  font-size:1.5em;  

}



#sidebar-left,

#cat

{



}



#sidebar-right,

#cat

{

}



#sidebar img

{

  max-width:140px;

  border:0;

}



/*************************************

 +Menu

 ************************************/

#menu

{

  position:absolute;

  width:620px;

  margin:0;

  padding:0;

}



#menu ul

{

  font-size:1.2em;

  list-style:none;

  margin:0;

  padding:0;

}



#menu li

{

  float:left;

  border-bottom:0;

}



#menu li a

{

  color:#fff;

  margin-left:.5em;

  display:block;

  padding:.6em .6em .3em;

}



#menu li a:hover

{

  background:#e6e2af;

  color:#424242;

}



#menu ul li ul

{

  display:none;

}



/*************************************

 +Menu Categories

 *************************************/

#catmenu

{

  position:absolute;

  width:540px;

  left:160px;

  top:148px;

  margin:0;

  padding:0;

}



#catmenu ul

{

  font-size:1.2em;

  list-style:none;

  margin:0;

  padding:0;

}



#catmenu li

{

  float:left;

  border-bottom:0;

}



#catmenu li a

{

  background:#bfbc94;

  color:#000;

  margin-left:.5em;

  display:block;

  padding:8px 10px 5px;

}



#catmenu li.current-cat a

{

  background:#a7a37e;

  color:#fff;

  margin-left:.5em;

  display:block;

  padding:8px 10px 5px;

}



#catmenu li a:hover

{

  background:#a7a37e;

  color:#fff;

}



#catmenu ul li ul

{

  display:none;

}



/*************************************

 +Comments

 *************************************/

.commentsblock,

.contactform

{

  font-size:1em;

  clear:both;

  padding-top:20px;

}



.commentsblock textarea,

.contactform textarea

{

  width:44em;

}



.commentsblock input,

.commentsblock textarea,

.contactform input,

.contactform textarea

{

  border:1px solid #d1d1d1;

}



.commentauthor

{

  display:block;

  font-size:1.5em;

}



ol.commentlist

{

  color:#505247;

  font-size:1em;

  list-style-type:none;

  margin:1.5em 0 0;

  padding:0;

}



ol.commentlist a

{

  color:#2e6491;

}



ol.commentlist a:hover

{

  color:#4698c1;

}



.commentlist li

{

  margin-bottom:.5em;

  padding:.8em;

}



.commentlist p

{

  text-transform:none;

  font-size:1em;

  margin:10px 5px 10px 59px;

}



.commentlist blockquote p

{

  margin:10px 5px;

}



.commentlist blockquote

{

  margin:10px 0 10px 59px;

}



.alt

{

  background:#bce5fb;

}



.comment_headings

{

  font-size:1.3em;

  color:#6C6C6C;

}



.commentmeta

{

  font-size:1em;

}



.commentmeta cite

{

  font-weight:700;

  font-size:16px;

}



.commentsblock textarea:focus,

.contactform textarea:focus,

.commentsblock textarea:focus,

.commentsblock input:focus,

.contactform textarea:focus,

.contactform input:focus

{

  background:#eee;

  border:1px solid #a1a1a1;

}



/*************************************

 +Misc

 *************************************/

img.left

{

  float:left;

  margin-right:15px;

  margin-bottom:10px;

}



img.right

{

  float:right;

  margin-left:15px;

  margin-bottom:10px;

}



/***** MULTI-LEVEL NAVIGATION PLUGIN STYLES *****/

#suckerfishnav {

	background: url(images/top_menu_bg.png) repeat-x;

	font-size:1.2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	width:100%;

}



#suckerfishnav, 

#suckerfishnav ul {

	float:left;

	list-style:none;

	line-height: 39px;    /* Main Menu Height   */

	padding:0;

	border-left: 1px solid #000000;

	border-left: 1px solid #000000;

	margin:0;

    width: 100%;      /* Main Menu Width, auto to fill space  */

	z-index: 100;

}



#suckerfishnav a {

	display:block;

	color:#ffffff;    /* Main Menu Font Color  */

	text-decoration:none;

	padding: 0px 11px;

}



#suckerfishnav li {

	float:left;

	padding:0;

	border-right: 1px solid #000000;

}



#suckerfishnav li:hover a, 

#suckerfishnav li.sfhover a {

	color:#eeeeee;

	text-decoration:underline;

/*	background:url(images/top_menu_bg_hover.png) repeat-x; */

}



#suckerfishnav ul {

	position:absolute;

	left:-999em;

	height:29px;    /* DropDown Options Height  */

	width:151px;

	font-weight:normal;

	margin:0;

	line-height:1;	

	border:0;

	border-top:1px solid #000000;

}



#suckerfishnav li li {	

	width:149px;

	border-bottom:1px solid #000000;

	border-left:1px solid #000000;

	border-right:1px solid #000000;

	text-decoration:none;

    font-size: .8em;    /* Lower Menu Font Size  */

}



#suckerfishnav li li a {

	padding:4px 10px;

	width:130px;

	font-size:12px;

	text-decoration:none;

	color:#eeeeee; /* Lower Menu Font color  */

    background:#b3e1fb url(images/menu_bg.png) repeat-x;  /* Lower Menu BG Color or image  */

}



#suckerfishnav li li li a {

	padding:4px 10px;

	width:130px;

	font-size:12px;

	text-decoration:none;

	color:#eeeeee; /* Lower Menu Font color  */

    background:#b3e1fb url(images/menu_bg.png) repeat-x;  /* Lower Menu BG Color or image  */

}



#suckerfishnav li ul ul {

	margin:-21px 0 0 150px;

}



#suckerfishnav li li:hover {

 text-decoration: none;

}

	

#suckerfishnav li ul li:hover a, 

#suckerfishnav li ul li li:hover a, 

#suckerfishnav li ul li li li:hover a, 

#suckerfishnav li ul li li li:hover a  {

	color:#eeeeee; 

    background:#30518b url(images/menu_bg_hover.png) repeat-x;  /* Lower Menu BG Color or image  */	

}

	

#suckerfishnav li:hover ul ul, 

#suckerfishnav li:hover ul ul ul, 

#suckerfishnav li:hover ul ul ul ul, 

#suckerfishnav li.sfhover ul ul, 

#suckerfishnav li.sfhover ul ul ul, 

#suckerfishnav li.sfhover ul ul ul ul  {

	left:-999em;

}



#suckerfishnav li:hover ul, 

#suckerfishnav li li:hover ul, 

#suckerfishnav li li li:hover ul, 

#suckerfishnav li li li li:hover ul, 

#suckerfishnav li.sfhover ul, 

#suckerfishnav li li.sfhover ul, 

#suckerfishnav li li li.sfhover ul, 

#suckerfishnav li li li li.sfhover ul  {

	left:auto;

}



#suckerfishnav li:hover, 

#suckerfishnav li.sfhover {

    text-decoration: none;

}



.sfhover ul, 

#suckerfishnav li li li li.sfhover ul  {

	left:auto;

}

#suckerfishnav li:hover li a, 

#suckerfishnav li li:hover li a, 

#suckerfishnav li li li:hover li a, 

#suckerfishnav li li li li:hover li a {

	color:#555555;

    text-decoration: none;

    background:#b3e1fb url(images/menu_bg.png) repeat-x;  /* Lower Menu BG Color or image  */

}



#suckerfishnav li:hover ul ul, 

#suckerfishnav li:hover ul ul ul, 

#suckerfishnav li:hover ul ul ul ul, 

#suckerfishnav li.sfhover ul ul, 

#suckerfishnav li.sfhover ul ul ul, 

#suckerfishnav li.sfhover ul ul ul ul  {

	left:-999em;

}



#suckerfishnav li:hover ul, 

#suckerfishnav li li:hover ul, 

#suckerfishnav li li li:hover ul, 

#suckerfishnav li li li li:hover ul, 

#suckerfishnav li.sfhover ul, 

#suckerfishnav li li.sfhover ul, 

#suckerfishnav li li li.sfhover ul, 

#suckerfishnav li li li li.sfhover ul  {

	left:auto;

}



#suckerfishnav li:hover, 

#suckerfishnav li.sfhover {

    text-decoration: none;

}



.sfhover ul, 

#suckerfishnav li li li li.sfhover ul  {

	left:auto;

}