/*

  Copyright 2008 Mahesh Asolkar

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

*/

@import "../reset.css";

/* Style for PHP Labs */
body {
  font-family : Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  font-size : small;
  line-height : 1.7em;
  margin : 0 0 0 0;
  top: 0px;
  overflow : auto;
  width : 100%;
  height : 100%;
}

#shrink_wrapper_shell {
  display: block;
  /*position : fixed;*/
  margin : 0 auto;
  text-align : center;
  background-color : white;
  background : url(images/back.png) top center no-repeat;
}
#shrink_wrapper {
  position : relative;
  display : block;
  width : 720px;
  margin : 0 auto;
  margin-left : auto;
  margin-right : auto;
  padding-bottom : 10px;
  border-bottom : thin solid #eeeeee;
}

br.clear {
  clear : both;
  padding : 3px;
}

a, a:visited {
  text-decoration : none;
  color : #558855;
  background-color : #eeeeee;
}
a:hover {
  text-decoration : underline;
}

.entry_list {
  width : 720px;
  margin : 0 auto;
  border-top : 3px solid #eeeeee;
  text-align : left;
  padding : 10px;
  border-bottom : thin solid #eeeeee;
  background : white;
}

/* Header formatting */
#page_header a,
#page_header h1 {
  font-family : "Trebuchet MS", sans-serif;
  text-align : left;
  font-size : xx-large;
  font-weight : bold;
  line-height : 1.8em;
  color : white;
  text-decoration : none;
  background : transparent;
}
#page_header h2 {
  font-family : "Trebuchet MS", sans-serif;
  text-align : left;
  font-size : medium;
  font-weight : bold;
  font-style : italic;
  line-height : 1.5em;
  color : white;
}

#page_header {
  display : block;
  margin-bottom : 10px;
}

.entry_header {
  font-family : "Trebuchet MS", sans-serif;
  /*border-bottom : thin solid #eeeeee;*/
  overflow : auto;
  margin : 0 auto;
  padding-bottom : 10px;
}

.header_title,
.header_author,
.header_tags,
.header_other {
  display : inline;
}
.header_type {
  display : none;
}
.header_value {
  display : inline;
}

.header_title {
  display : block;
  width : 99%;
}
/*.header_title .header_value,
.header_title .header_value h3,*/
.header_title .header_value a {
  color : #aa4400;
  display : block;
  font-size : 1.5em;
  font-weight : bold;
  line-height : 1.0em;
  text-decoration : none;
  background-color : transparent;
  vertical-align : bottom;
}
.header_title .header_value a:hover {
  text-decoration: underline;
}

.header_author {
  float : left;
  height : 20px;
  padding-left : 20px;
  background : url(icons/user.png) no-repeat;
}
.header_author .header_value a {
  text-decoration : none;
  background-color : transparent;
  color : #77aa77;
}
.header_author .header_value a:hover {
  text-decoration : underline;
}
.header_time {
  font-size : x-small;
  color : #cccccc;
}
.header_tags {
  float : right;
  height : 20px;
  padding-left : 20px;
  background : url(icons/tag_green.png) no-repeat;
}
.header_tags .header_value {
  padding-right : 10px;
}
.header_tag {
  display : inline;
  color : #aaaaaa;
}
.header_tag a {
  text-decoration : none;
  background-color : transparent;
  color : #aaaaaa;
}
.header_tag a:hover {
  text-decoration : underline;
}

.header_body_separator {
  clear : both;
  padding : 1px;
  border : none;
  border-top : thin solid #ececec;
}

/* Page navigation */
.page_nav {
  width : 99%;
  display : block;
  margin : 0px 0px 20px 0px;
}

.page_nav_newer,
.page_nav_home,
.page_nav_older {
  float : left;
  display : inline;
}

.page_nav_newer {
  width : 40%;
  text-align : right;
}
.page_nav_home {
  width : 20%;
  text-align : center;
}
.page_nav_older {
  width : 40%;
  text-align : left;
}

/* Entry formatting */
.entry {
  padding-top : 10px;
}
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
  font-family : "Trebuchet MS", sans-serif;
  margin-bottom : 0.5em;
  margin-top : 0.5em;
  font-weight : bold;
}
.entry h2 {
  font-size : 150%;
}
.entry h3 {
  font-size: 140%;
}
.entry h4 {
  font-size: 130%;
}
.entry h5 {
  font-size: 120%;
}
.entry ul {
  list-style : disc;
  padding : 1em;
  margin : 0.5em;
}
.entry ol {
  list-style : decimal;
  padding : 1em;
  margin : 0.5em;
}
.entry blockquote {
  font-family : "Trebuchet MS", sans-serif;
  border-left : 5px solid #cccccc;
  margin : 10px;
  padding : 5px 10px 5px 10px;
}
.entry h2 {
  font-family : "Trebuchet MS", sans-serif;
  text-align : left;
  font-size : medium;
  font-weight : bold;
  font-style : italic;
  line-height : 1.5em;
}
.entry p {
  padding-top : 1em;
}
.entry strong {
  font-weight : bold;
}
.entry em {
  font-style : italic;
}

.entry ul,
.entry ol {
  list-style-position : outside;
  margin-left : 1.4em;
}

.entry li {
  padding-left : 0.2em;
  padding-bottom : 0.5em;
}

.entry ul {
  list-style-type : disc;
}
.entry ol {
  list-style-type : decimal;
}

pre {
  font-family : monospace;
  border : thin dashed #cccccc;
  background-color : #eeeeee;
  margin : 10px;
  padding : 5px 10px 5px 10px;
}

code {
  font-family : monospace;
}

/* Serene theme related formatting */
#page_footer {
  font-family : "Trebuchet MS", sans-serif;
  font-size : 0.8em;
  text-align : center;
}

/* Image display */
.img_container {
  display : table;
  margin : 0 auto;
  border : thin solid #cccccc;
  padding : 3px;
  text-align : center;
  background-color : #eeeeee;
}

.img_container .caption {
  font-family : "Trebuchet MS", sans-serif;
  font-size : x-small;
  color : #777777;
}

a img {
  border : none;
}

/* Search box */
#ob_search {
  position : absolute;
  top : 0px;
  right : -10%;
  width : 250px;
  height : 30px;
  background : url(images/search_bar.png) no-repeat;
}

#ob_search #search_text {
  background : transparent;
  padding-left : 6px;
  padding-top : 6px;
  border : none;
  color : white;
}

#ob_search #search_button {
  background : url(icons/magnifier.png) bottom right no-repeat;
  border : none;
}

.obs_highlight {
  background : yellow;
}