/*

Theme Name: Tofurious Soft Tofu

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

Description: A simple photographer's blog theme by <a href="http://www.tofurious.com">Tofurious</a>

Version: 2.1

Author: Lawrence Chan

Author URI: http://furiousphotographers.com/

Customization by:  Nancy of <a href="http://monkey-tails.com>Monkey Tails</a>

Tags: single column, simple, wide



	Soft Tofu 

	 http://www.tofurious.com



	This theme was developed by Lawrence Chan 

	<a href="http://twitter.com/tofurious">@tofurious</a>

	because a friend asked him to

*/



/*BACKGROUND IMAGE************/

body {

     
	font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;  background-color:#FFFFFF; /*ENTRY FONTS*/

	color:#333; 
	/*OVERALL TEXT COLOR*/

}





/*LINK STYLES****************/

a {

	text-decoration:underline;

	color:#4c4a65;

}

a:hover {text-decoration:none;}





/*LOGO IMAGE*****************/

#logo {

	height:100%;

	width:1000px;

	background:#333;	

}





/*MENU COLORS****************/

#menu {

	background:#ffffff;
	width: 1000px;

	

}



#menu li a {

	font:10px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/

	text-transform: uppercase;

	color:#e1e1e1;	/*MENU FONT COLOR*/

}



#menu li a:hover {

	color:#ffffff; /*MENU FONT COLOR WHEN HOVERING*/

} 





/*BANNER COLORS*************/

#banner {

height: 100%; /*BANNER HEIGHT in case you want to change it*/

overflow: hidden;

}





/*POSTS*******************/

.title {

	margin-top: 20px;
	background:url('images/title_img_cyan.gif') no-repeat;
	padding-left:40px;

}

	/*POST TITLE FONT STYLE**/

.ti, .title h2 {

	margin:0;

	font-size:30px;

	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-weight:normal;

	line-height:25px;
	

}

h2 {

	margin:0;

	font-size:30px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight:normal;

	line-height:25px;

	color:#c0c0c0;	

}

h3 {

	margin:0;

	font-size:14px;

	font-family: Arial, Sans-Serif;
	text-transform:uppercase;

	font-weight:normal;

	line-height:25px;

	color:#2b2b2b;

}

	/*DATE AND CATEGORY FONT STYLES*/

.title span a, .title span {

	color:#c0c0c0;

	font-size:12px;

	font-weight:normal;

	line-height:24px;

}





/* NEXT / PREVIOUS PAGE navigation*/

.navigation {

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 10px;

	text-transform: uppercase;

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

	width: 100%;

	background: #fff;

	padding: 10px 0px;

	height: 15px;

}

.navigation a {text-decoration:none;}

.navigation a:hover {text-decoration:underline;}



.navbg {background: #fff;}

/* Add image splitter between posts */
.postend {
background: url(images/mj_postdivider5.gif) no-repeat;
height: 80px;
width: 576px;


}

/*FOOTER LINKS*/

#footer {

	padding:0px 0 0;

	width:100%;

	font:10px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#b2b2b2;

	text-align:center;

}

#footer p {margin:0;}

#footer a, #footer a:hover, #footer a:visited {

	text-decoration: none;

	color: #b2b2b2;

}





.alignleft {float: left;}

.alignright {float: right;}



.clear {clear: both;}









body {

	margin:0;		

}

img {border-style:none;}

input,

textarea,

select{

	font:100% arial,sans-serif;

	vertical-align:middle;

}

form,fieldset{

	margin:0;

	padding:0;

	border-style:none;

}
#slideshow {
width:1020px;
padding-left:10px;
background:url(images/mj_blogshadow_02.gif) repeat-y}
/*main container*/
#outerwrapper {	width: 1020px;
background:url('images/mj_blogshadow_02.gif') repeat-y;
}

#main {

	margin:0 auto;

	width: 1020px;

	padding:10px 0 20px 0px;

}

/*header*/

#header img {display:block;}



#menu {

	list-style:none;

	margin:0;

	padding:0px;	

	height:1%;
	background:url('images/mj_blogshadow_02.gif') repeat-y;
	width:1020px

}

#menu:after {

	content:" ";

	display:block;

	clear:both;

}

#menu li {

	padding:0px;

	float:left;

}

#menu li a {

	height:25px;

	float:left;

	text-align:center;

	text-decoration:none;

}

#menu li.hover a,

#menu li:hover a,

#menu li.hover,

#menu li:hover {

	position: relative;

}

#menu li.hover ul,

#menu li:hover ul {

	display: block;

}

#menu ul {

	padding:0px;

	margin:0;

	list-style:none;

	width:147px;

	display: none;

	position: absolute;

	left: 0;

	top: 100%;

	background:#ffffff;

}

#menu ul li {

	padding:0 10px 0 17px;

	width:120px;

}

#menu ul li a {

	text-align:left;

	width:100%;

	background:none;

	color:#8c8c8c;

	line-height:18px;

	height:auto;

	display:block;

}

#menu ul li a:hover {color:#c8e900;}


/*MJ CUSTOM IMAGE NAVIGATION***/
#sitenav {background:#FFFFFF;
			width:1020px; list-style:none;}
#sitenav li {list-style:none}


#menu a {display: block; color:#FFFFFF
  }



 #menu .justwhite { width: 619px;
  height: 19px;
  background: url(images/blog_nav2_02.gif) no-repeat;
  float:left
 }

 #menu .website { width: 69px;
  height: 19px;
  background: url(images/blog_nav2_03.gif) no-repeat;
  float:left
 }
 #menu .website a {display: block;
  text-indent: -900%; color:#FFFFFF
  }
  
 #menu .connect { width: 69px;
  height: 19px;
  background: url(images/blog_nav2_04.gif) no-repeat;
  float:left
  }
  
 #menu .categories { width: 73px;
  height: 19px;
  background: url(images/blog_nav2_05.gif) no-repeat;
  float:left;
  list-style:none
  }
 #menu .archives { width: 74px;
  height: 19px;
  background: url(images/blog_nav2_06.gif) no-repeat;
  float:left
  }
#menu .links { width: 41px;
  height: 19px;
  background: url(images/blog_nav2_07.gif) no-repeat;
  float:left
  }
 
  #menu .connecticons {width:85px; padding:0px}
  
 

#menu .contact { width: 75px;
  height: 19px;
  background: url(images/blog_nav2_08.gif) no-repeat; float:left
  }
  #menu .contact a {display: block;
  text-indent: -999%; color:#FFFFFF
  }
/*TWITTER / SEARCH / RSS***/

.holder {

	background:#fff;

	border-bottom: 1px solid #d8d8d8;

	width:970px;

	padding: 15px;

	overflow:hidden;

}

.profile {

	width:500px;

	float: left;

}

.bio {

	padding-top: 10px;

}

.twitter {

	width: 350px;

	float: right;

	padding: 10px 5px 0px 0px;

}

.search{

	width: 350px;

	float: right;

	padding: 30px 20px 15px 0px;

}

.search label {

	color:#2b2b2b;

	font-size:10px;

	line-height:10px;

	display:block;

	text-transform:uppercase;

	padding:0 0 9px;

}

.search span {

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

	display:block;

	width:171px;

	height:33px;

	padding:6px 8px 0;

}

.search span input {

	background:none;

	border:0;

	width:171px;

}

.icons {

	float: left;

	padding: 5px 5px 0px 0px;
	

}

/*content*/

#content {

	width:969px;

	background:#fff;

	padding:17px 15px 0px 15px;
	margin:  0px 10px 0px 11px;

}

.entry {	

	overflow:hidden;

}

.entry p {

	line-height:25px;

	margin:0 0 22px;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 15px 0px;

}

.title a {

	text-decoration: none; color:#8c8c8c

}

.postmetadata {

	font-size: 10px;

	padding: 10px;

	text-transform: uppercase;

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

}

.postmetadata a {

	color:#82817d;

	text-decoration:none;

	outline:none;

}

.postmetadata a:hover {text-decoration:underline}

.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

	

.center {text-align: center;}

.center2 {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#8c8c8c

	}

.commentlist li ul li {

	font-size: 1em;

}



.commentlist li {

	font-weight: bold;

}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;
	display:none

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}

.commentlist {width: 930px;}

#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}

.comments {

	padding-bottom: 15px;

}


.breaker {height: 20px; width: 100%;}

.fl {float: left;}

.fr {float: right;}