/*

Elgg general CSS

CSS last updated 16/01/07

Theme adapted from:

Theme Name: Light

Theme URI: http://vaguedream.com/wordpress-themes/

Description: A theme created by Stephen Reinhardt.

Version: 1.0	

Author: Stephen Reinhardt

Author URI: http://vaguedream.com/

*/



/*

	GLOBALS: used to set all the general elements

*/



body {

	color:#697C83;
  font-family: 'lucida grande',?tahoma,?verdana,?arial,?sans-serif;
/*	font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;*/

	text-align:left;

	margin:0 auto;

	padding:0;

	font-size: 90%;

	line-height:1.6em;

}



/*

div {

	border: 1px solid red;

}

*/



p {

	color:#555;

	margin:0 0 10px 0;

}



a {

	text-decoration:none;

	color:#336699;

}



ol, ul {

	color:#697C83;

}



h1 {

	font-size:130%;

}



h2, h3, h4, h5 {

	font-size:100%;

}



blockquote{

	background: #EEE url(http://www.reciperate.com/mod/template/templates/Default_Template/images/blockquote.png) no-repeat bottom left;

	padding: 10px;

	padding-bottom: 40px;

	margin: 1em;

}



/*

	TABLES IN ELGG

*/



td {

	border:1px solid #eee;

	padding:0;

	margin:0;

}

td.tdrecipeform {
  border : 0px;

}

td.logintd {
  border : 0px;
  color : white;;
  padding:5px;;

}

td h4, h3, h5 {

	padding:0;

	margin:0;

}



/*

	CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR

*/



div#container {

	width:940px;
	padding:0;
	background:#fff;
  margin-top: 80px;
  padding-top:5px;

}



/*

	HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR

*/

div#header-inner {
  position: relative;
  width: 940px;

}

div#header {

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #4D5B76;
    background: -moz-linear-gradient(center bottom , #4D5B76 0%, #6C7A95 100%) repeat scroll 0 0 padding-box transparent;
    border-color: -moz-use-text-color;
    box-shadow: 0 4px 2px -2px gray;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0 0 medium;
    margin: 0;
    padding: 0 1em;
z-index:10;
	margin:0;

	padding:0;

	border-bottom:1px solid #eee;

  
	text-align:left;


	position:fixed;
  top:0px;
	width:100%;

	height:80px;
  
  
}



/*

	LOGO: LOCATED WITHIN HEADER

*/



div#header #logo{

	margin: 0px;

		padding:5px;
		padding-top:20px;
		font-family: georgia, serif;
		color: white;
		font-weight: bold;
		font-size: 50px;

}

div#header #logo a{
text-decoration: none;
color: white;
}

div#header #logo a.visited{
text-decoration: none;
color: white;
}


div#header #logo img {

  border: 0;
}

div#header #logo h1 {

	font-size:30px;

	padding:0;

	margin:10px 0 6px 0;

}



div#header #logo h1 a{

	color:#fff;

	font-family:Helvetica, "Myriad Web", Arial, sans-serif;

}



div#header #logo h2{

	color:#f17d00;

	padding:0;

	margin:0;

	font-size:1.2em;

}

div#header #pic-header {
  float:right;
  position:absolute;

	top:5px;

	right:300px;
  margin:2px;

}

div#header #gsearch {
  position:absolute;
	top:5px;
	left:100px;
  margin:2px;

}

div#header #logo-pic {
  float:left;
  margin:0px;
  border:0;
}
div#header #login-header {

	float:right;

	margin:0;

	padding:0;

	position:absolute;

	top:5px;

	right:10px;

}

div#header #tagline-header {

	margin:0;

	padding:0;

	position:absolute;

	top:85px;

	right:400px;

}
div#header #tagline-header h2{

	color:#f17d00;

	padding:0;

	margin:0;

	font-size:1.4em;

}

div#header #login-header a {
  color:white;
  text-decoration:underline;
}


/*

	SEARCH BAR: LOCATED WITHIN HEADER

*/

div#header #search-header {

	float:right;

	background:url(http://www.reciperate.com/mod/template/templates/Default_Template/images/search_icon.gif) no-repeat left top;

	width:330px;

	margin:0;

	padding:0;

	position:absolute;

	top:10px;

	right:0;

}



div#header #search-header img {

	margin:0 0 0 10px;

}



div#header #search-header p {

	padding:0 0 0 15px;

	margin:0;

}



div#header #search-header span a {

	color:#fff;

}



/*

	CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE

	THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR)

*/



#content-holder {

	padding:0px;

	margin:0px;

	width:100%;

	min-height:800px;

	overflow:hidden;

	position:relative;

}



div#content-holder a:hover {

	text-decoration:underline;

}


div#nounderline a:hover {

	text-decoration:none;

}

div#content-holder h1 {

	font-size:150%;

}



div#content-holder h2 {

	border:0;

	border-bottom:1px solid #eee;

	padding:0;

	margin:0 0 10px 0;

	color:#666;

	font-size:1.1em;

}



/*

	VARIOUS LAYOUTS WITHIN CONTENT-HOLDER

*/



/*

	THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR

*/



div#single-page {

	margin: 0;

	padding: 0 15px 0 0;

	width:900px;

	text-align: left;

	border:1px solid #eee;

}



/*

	THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE

*/



div#splitpane-content {

	margin: 0;

	padding: 0 0 0 10px;

	width:690px;
  
	text-align: left;

	color:#000;

	overflow:hidden;

	min-height:500px;
	margin-left: 220px;

}



/*

	SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE

*/



div#splitpane-sidebar {

	width: 220px;

	margin:0;

	padding:0;

	background:#EEEEEE;

	margin:0;

	position: fixed;
	top: 85px;

}



/*

	THE SIDEBAR CONTENTS

*/



div#splitpane-sidebar td {

	width: 200px;

	margin:0 0 0 20px;

}



div#splitpane-sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



div#splitpane-sidebar ul li {

	margin-bottom:10px;

	padding-left: 5px;

	border-bottom:1px dashed #eee;

}



div#splitpane-sidebar ul li ul li a {

	padding:0 0 0 5px;

}



div#splitpane-sidebar h2 {

	text-align:left;

	border-bottom:1px solid #ccc;

	color:#777;

	font-size:0.9em;

	width:200px;

}



/*

	FOOTER

*/



div#footer {

	clear: both;

	position: relative;

	background:url(http://www.reciperate.com/mod/template/templates/Default_Template/images/footer.gif) repeat-x top;

	text-align: center;

	padding:10px 0 0 0;

	font-size:1em;

	height:80px;

	margin:0;

	color:#fff;

	width:100%;

}



div#footer a {

	color:#fff;

}

div#footer img {

	margin:20px 0 0 0;

}



div#footer a:hover {

	text-decoration:underline;

}



div#footer a:link, div#footer a:visited {

	text-align:right;

}



/*

	SYSTEM MESSAGES

*/



div#system-message{

	border:1px solid #D3322A;

	background:#F7DAD8;

	color:#000;

	padding:3px 50px;

	margin:20px 20px 0 20px;

}



div#system-message p{

	padding:0px;

	margin:2px;

}



/*

	CLEAR BOTH

*/



.clearing {

	clear:both;

}



/*

	THIS IS THE END OF THE MAIN PAGE COMPONENTS - EVERYTHING BELOW THIS IS ASSOCIATED WITH VARIOUS ELEMENTS

	WITHIN ELGG, THIS INCLUDES THE BLOG CLASSESS, PROFILE, FILES, SIDEBAR WIDGETS, PROFILE WIDGETS ETC.

*/



/*

	BLOGGING ENGINE

*/



.weblog-post {

	margin:20px 0 10px 0;

}

.weblog-post-small {

	margin:5px 0 5px 0;

}

.small-recipe {
  min-height:110px;
  height:auto;
  height:110px;
  background:url(http://www.reciperate.com/mod/template/templates/Default_Template/images/infoholder_bg.gif) left repeat-y;
  border:1px solid #eee;

}

.user {

	float:left;

	margin:5px 10px 10px 0;

	width:105px;

}



.user img {

	border:1px solid #eee;

	padding:2px;

}

div.recipe {

	float:right;

	width:205px;
  margin-right: 200px;
  margin-left: 10px;

}

.joinup {
  margin:3px;
  padding:5px;
  border:1px solid #24618E;
}

.joinup h3 {
    font-size:2em;
    font-weight:bold;

}

.joinup a:hover {
  text-decoration:none;
  color:white;
  background:#24618E;

}


.recipe img {

	border:1px solid #eee;

	padding:2px;

}

.weblog-keywords p a {

	margin:20px 0 0 0;

	padding:0;

	clear:both;

}



.weblog-title {

width: 470px;

}



.post {

	margin:10px 0 10px 115px;

	background:url(http://www.reciperate.com/mod/template/templates/Default_Template/images/infoholder_bg.gif) left repeat-y;

}

.recipepost {

	width: 470px;

	

}

.recipeinfo {

	border:1px solid #ccc;



	clear:both;

}



.recipeinfo p {

	padding:0 0 0 10px;

	margin:0;

	color:#990000;

}



.recipeinfo p a {

	font-size:0.9em;

	color:#555;

}

.info {

	border:1px solid #ccc;

	margin:10px 0 10px 115px;

	clear:both;

}



.info p {

	padding:0 0 0 10px;

	margin:0;

	color:#990000;

}



.info p a {

	font-size:0.9em;

	color:#555;

}



/* this is the thin line between the actual post and comments */



#comments-divide {

	height:1px;

	background:#ccc;

}



.comment-owner {

	border:1px solid #eee;

	background:#f2f7fb;
  
	padding:5px;

	margin:5px 0 5px 0;

	height:auto;

	width:550px;

}



.comment-owner img {

	margin:0px 5px 0px 5px;

	text-align:left;

}



.comment-owner a {

	background:#f2f7fb;

}



.comment-owner p {

	padding:0;

	margin:0;

}



/* END OF BLOGGING ENGINE */



/*

	SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY

*/



div#sub-menu p {

	margin:10px 0 10px 0;

	padding:3px;

	background:#efefef;

	border:1px solid #ccc;

}



/* END OF SUB-MENU DIV */



/*

	INFOHOLDER: this holds profile data, account settings and administration content

*/



.infoholder {

	margin:5px 0 10px 0;

}



.infoholder p {

	padding:5px 0 5px 10px;

}



/* the end of INFOHOLDER */



#tagcloud {

	padding: 15px;

	border: solid 1px #eee;

	background: #f5f5f5;

	line-height:2.9em;

}

	

#tagcloud a {

	text-decoration: none;

}



/*

 PROFILE WIDGETS STUFF

*/



img.profile-photo {

   border:1px solid #eee;

   padding:2px;

}



.profile_main p {

   color:#000;

}



.profile_main p a {

	text-decoration: underline;

}



.profile_main_bottom {

	clear: both;

}



.profile_primary {

	float: left;

	width: 270px;

	margin-top: 10px;

	margin-left: 10px;

}



.profile_secondary {

	float: right;

	width: 400px;

	margin-top: 10px;

	color:#000;

}



.profile_bio {

	padding-top: 10px;

	background:#efefef;

}



.profile_widgets {

	clear: both;

    width: 760px;

	/*background: #004995;*/

}



.profile_icon img {

	border:1px solid #eee;

	padding:2px 2px 2px 2px;

}



.profile_widgets_left {

	float: left;

	width: 330px;

}



.profile_widgets_right {

	float: right;

	width: 330px

}



/* profile - widgets */



#profile_widgets {

   position:relative;

}



.profile_bio {

   width:244px;

   padding:2px;

}



.widgets_even {

   float:left;

   width:340px;

   margin:0;

   padding:0;

}



.widgets_odd {

   float:right;

   width:340px;

   margin:0;

   padding:0;

}



.widget {

    border: 1px solid #BBDCE9; /*#95BDCD;*/

    margin-bottom: 15px;

    padding: 0;

}



.widget .widget_content {

    padding: 4px 10px 4px 10px;

}



.widget .widget_content h3 {

    padding:0;

    margin:0;

}



.widget .widget_bottom {

     display: block;

     background-color: #E2F0F6; /*#CBE5EF;*/

     margin: 0px;

     padding-left: 10px;

     border-top: 1px solid #BBDCE9;

     font-size:0.8em;

}



.widget .widget_menu ul {

    margin:0 0 0 5px;

	padding:0;

}



.widget .widget_menu ul li {

     list-style:none;

}



.widget .widget_menu ul li a {

     text-decoration:underline;

}



.widget .widget_admin_menu {

    background-color: #E2F0F6;

    padding:2px 0 0 5px;

}



#hidden3, #hidden2, #hidden4, #hidden5 {

  height:20px;

}



.widget .widget_title {

          border:0;

          border-bottom:1px solid #cdcdcd; /*#BBDCE9;*/

          padding:0 2px 0 2px;

          margin:0 0 10px 0;

          color:#000;

	      font-size:1.2em;

	     font-weight:bold;

}



.widget  .widget_content h2 a {

    background:url(http://www.reciperate.com/mod/template/images/icons/arrow.gif) no-repeat left;

    padding:0 0 0 10px;

    font-weight:normal;

}

/*- Menu Tabs--------------------------- */ 

    #tabmenu {
 
      font-size:100%;
      line-height:normal;
      position: absolute;
      top: 62px;
      left: 218px;
      }

    #tabmenu ul {
	margin:0;
	padding:2px 2px 0 2px;
	list-style:none;
      }
    #tabmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabmenu a {
      float:left;
      margin:0 5px 0 0;
      text-decoration:none;
      }
    #tabmenu a span {
      float:left;
      display:block;
      background: white;
      padding:1px 7px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabmenu a span {float:none;}
    /* End IE5-Mac hack */
    #tabmenu a:hover span {
      color: black;
      background: #EEEEEE;
      }

a.LeftMenu {
display: block;
text-decoration: none;
width: 100%;
}

a.LeftMenu:hover {
text-decoration: none !important;
background: white;
}