/*
----------------------------------------------------------
   Theme Name:  bbrs-2009
    Theme URI:  http://www.bbrs.us
  Description:  The theme for bbrs.us
      Version:  0.001
         Tags:  Tag, tag, tag
       Author:  josipa Safradin
   Author URI:  http://www.josaf.com
----------------------------------------------------------*/



/*
----------------------------------------------------------
      Section:  Universal Styles
  Description:  Describe the norm for commonly used HTML 
                elements, e.g. styles applied to HTML tag 
                selectors only
----------------------------------------------------------*/
body {
  font:76%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
  color:#666633;
  margin:0;
  text-align:center;
}

* {
  margin:0 0 0 5px;
  padding:0;
}

code {
  font:120% "Courier New", "Lucida Console", Arial;
}

img {
 	border:none;
 	float:left;
 	padding:5px 0 0 0;
}

p {
	padding: 0 0 9px 0;
}
/*
----------------------------------------------------------
      Section:  Library Styles
  Description:  Style commonly used classes of elements
                Used to bring consistency to commonly used 
                elements that may vary by location.
----------------------------------------------------------*/
.clear {
  clear:both;
}

/*
--------------------------------------------------
  Library: Metadata Sidebar ('about this post')
--------------------------------------------------*/
p.news {
  color:#999966;
  font-size:120%;
  border-bottom:1px solid #999966;
  border-top:1px solid #999966;
  margin:10px 0 28px;
  padding:10px;
}


/*
--------------------------------------------------
  Library: Post Metadata
--------------------------------------------------*/
.post {
  margin:10px 0 50px 0;
  text-align:left;
}

  .post img {
    float:left;
    margin:0px 10px 50px 0;
  }

  .post .info {
    border-bottom:1px solid #999966;
    font-size:1em;
    color:#333;
    padding:2px 3px 3px 8px;
    margin: 25px 0;
  }
  
  .post small {
    margin-top:25px;
  }

.date {
  margin: 0 0 15px 0;
}



/*
--------------------------------------------------
  Library: Blockquote + Links
--------------------------------------------------*/
blockquote {
  background:#cc9900;
  border:1px solid #999966;
  margin:10px 0;
  padding:5px 15px;
}

a:hover {
  color:#000;
  text-decoration:none;
  background-color:none;
}

a.more {
  display:block;
  text-align:right;
  color:#2F460D;
  text-decoration:none;
  margin:10px 0 0;
}

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


/*
--------------------------------------------------
  Library: Input
--------------------------------------------------*/
input {
  border:1px solid #999966;
  font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
  padding:3px;
}

input:hover {
  border:1px solid #262626;
}

input:focus {
  border:1px solid #262626;
  color:#333;
}

/*
--------------------------------------------------
  Library: Wordpress Specific
--------------------------------------------------*/
.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.alignleft {
  float:left;
}

.alignright {
  float:right;
}

.navigation {
  text-align:center;
  font-size:120%;
}

.wp-caption {
  border:1px solid #ddd;
  text-align:center;
  padding:4px 0 0 0;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  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;
}

#header h1 a:hover,#footer a:hover {
  text-decoration:none;
  color:#333300;
  background: none;
}

#content li,#content_wrapper li {
  border-bottom:1px solid #666633;
  padding:10px;
}

a,#sidebar li a,#footer a {
  color:#666633;
  text-decoration:none;
}


/*
----------------------------------------------------------
      Section:  Template Layout Styles
  Description:  Template elements wrap the content of the 
                site and are common to almost all site 
                pages (consider indentation).
----------------------------------------------------------*/
#wrapper {
  text-align: left;
  width:800px;
  margin:0 auto;
}

/* 
--------------------------------------------------
  Template Layout: Header
--------------------------------------------------*/
#header {
}
  #header p, h1 {
  	display: inline;	
  }
  
  #header .description {
    float:left;
    color:#CC0000;
    margin:45px 0 30px 0;
    font-size:14px;
  
  }
  
  #header h1 {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    font-size:3.8em;
    font-weight:400;
    color:#333300;
    letter-spacing:1px;
    margin:20px 0;
  }
    #header h1 a {
      text-decoration:none;
      color:#333300;
    }

/*
--------------------------------------------------
  Template Layout: Navigation
--------------------------------------------------*/
#nav {
  height:25px;
  margin:0 0 0 12px;
  padding:0;
  clear:both;
}

#nav li {
  float:left;
  list-style:none;
  padding:0 10px 0 0;
}
  #nav li a {
    color:#cc0000;
    background:#fff;
    font:1.3em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    font-weight:400;
    text-decoration:none;
    display:block;
    margin:1px 2px 0 0;
    padding:5px 5px 5px 0;
  }
    #nav li a:hover {
      color:#000;
      text-decoration:none;
    }
    #nav li a.active {
      color:#666633;
      text-decoration:none;
    }
    
  #nav li.current_page_item a {
   	color: #666633;
  }


/* 
--------------------------------------------------
  Template Layout: Content Containers
--------------------------------------------------*/
div#container_parent {  
  float: left;
  width: 100%;
  position: relative;
  min-height: 400px;
}
  div#container_parent div#container_child1 {
    float: left;
    width: 630px;
    overflow: hidden;
    position: relative;
  }


/*
--------------------------------------------------
  Template Layout: Content
--------------------------------------------------*/
#content {
}
  #content a,#content_wrapper a {
    text-decoration:none;
    color:#333300;
  }

  #content a:hover,#content_wrapper a:hover {
    background-color:#cc9900;
    color:#000;
  }

  #content h1,#content h2,#content h3,#content h4,#content h5{
  font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
  
  }
  #content h1,#content h3,#content h4,#content h5{
    color:#222;
    margin:10px 0;
  }
  
  #content h1 {
    font-size:3em;
  }
  
  #content h2,#content_wrapper h2 {
    font-weight:400;
    color:#333300;
    margin:15px 0;
    padding:5px 0;
  }
    #content h2 a,#content_wrapper h2 a {
      text-decoration:none;
      border:none;
    }

  #content h3 {
    font-size:2em;
  }
  
  #content h4 {
    font-size:1.8em;
  }
  
  #content h5 {
    font-size:1.6em;
  }

  #content ul, #content ol {
    font-size:120%;
    margin:10px 10px 10px 25px;
  }


/*
--------------------------------------------------
  Template Layout: Comments
--------------------------------------------------*/
#comments {
  font-size:0.9em;
}

#commentlist li {
  margin-bottom:1.5em;
  padding-bottom:1em;
}

#commentform {
  background:#fff;
  width:450px;
  text-align:right;
  margin:0 15px 15px 0;
}
  #commentform textarea {
    background:#f8f7f6;
    border:1px solid #666633;
    width:500px;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
  }
  
  #commentform #email,#commentform #author,#commentform #url {
    font-size:1.1em;
    background:#ffffff;
    border:1px solid #666633;
    width:350px;
  }
  
  #commentform input {
    margin-bottom:3px;
  }

#gravatar {
  align:left;
}


/*
--------------------------------------------------
 Contact Form
--------------------------------------------------*/

#wpcf {
	width:500px;
	margin: 40px 0 0 0;
}


#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	margin: 0px 5px 2px 0;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	border:1px solid #cc0000;
	margin: 0px 5px 10px 0px;

}
#wpcf textarea {
	width: 200px;
	height: 100px;
	padding: 1px;
	margin: 0px 5px 10px 0px;
	border:1px solid #cc0000;
}
#wpcf #contactsubmit {
	float: left;
	color: #cc0000;
	background-color:#ffffff;
	border: none;
	margin: 0 5px 10px 0px;
	display: block;
	width: 150px;
	text-align:left;
}


/*
--------------------------------------------------
  Template Layout: Sidebar
--------------------------------------------------*/


/*
--------------------------------------------------
  Template Layout:  Footer
--------------------------------------------------*/
#footer {
  position: relative;
  float: left;
  color:#666633;
  margin:0 0 0 15px;
}



/*
----------------------------------------------------------
      Section:  Individual Page Styles
  Description:  Page elements that are used on specific 
                pages
----------------------------------------------------------*/

/*
--------------------------------------------------
  Individual Page Style:  Gallery
--------------------------------------------------*/




/*
----------------------------------------------------------
      Section:  Debug
  Description:  Page elements for debugging / testing
----------------------------------------------------------*/