<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title><%= yield(:title) || t('socialstream') %></title>

        <%= stylesheet_link_tag "base", :media => "screen, projection" %>
        <%= stylesheet_link_tag "header", :media => "screen, projection" %>
        <%= stylesheet_link_tag "index", :media => "screen, projection" %>
        <%= stylesheet_link_tag "activities", :media => "screen, projection" %>
        <%= stylesheet_link_tag "right", :media => "screen, projection" %>
        <%= stylesheet_link_tag "home", :media => "screen, projection" %>
        <%= stylesheet_link_tag "browse", :media => "screen, projection" %>
	      <%= stylesheet_link_tag "social_stream", :media => "screen, projection" %>
        <%= stylesheet_link_tag "boxy", :media => "screen, projection" %>
        <%= stylesheet_link_tag "middle", :media => "screen, projection" %>
        <%= stylesheet_link_tag "menu", :media => "screen, projection" %>  
        <%= stylesheet_link_tag "carousel", :media => "screen, projection" %>
        <%= stylesheet_link_tag "smoothness/jquery-ui-1.8.4.custom", :media => "screen, projection" %>
        <%= stylesheet_link_tag "ui.dropdownchecklist", :media => "screen, projection" %>
				<!-- datepicker css -->
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <%= stylesheet_link_tag "edit_user", :media => "screen, projection" %> 


        <%= javascript_include_tag :defaults %>
       
        <%= javascript_include_tag 'jquery', 'jquery-ui.min', 'jquery.livequery',
                                   'jquery.boxy', 'menu','ui.dropdownchecklist' %>


        <% if protect_against_forgery? %>
          <%= csrf_meta_tag %>
        <% end %>				

        <script type="text/javascript" charset="utf-8">
          $(document).ready(function() {
            <%= yield :javascript %>
          })
        </script>

        <%= yield :head %>
    </head>
    <body>
        <div id="wrapper">
            <%= render :partial => "layouts/header" %>
            <div id="wrapper_body">
                <div id="content">
                	<%= yield %>
                </div>
                <div id="middle">
                  <div id="middleContent">
                    <div class="space_profile">
                    </div>
                    <div class="space_profile">
                    </div>
                    <div class="space_profile">
                    </div>
                      <%=  yield :middle %>
                  </div>
                </div>
                <div id="right">
                  <div id="rightContent">
                    <div class="space_center">
                    </div>
                    <div class="space_center">
                    </div>
                    <div class="space_center">
                    </div>
                      <%= yield :right %>
                  </div>
                </div>
                <br class="clearfloat" />
            </div>
            <%= render :partial => "layouts/footer" %>
        </div>

    </body>
</html>