/*  
Theme Name: GreyRounds
Theme URI: http://xp.jaliansystems.com
Description: A grey theme with round corners for Wordpress 1.5
Version: 0.1
Author: KD
Author URI: http://xp.jaliansystems.com


Copyright (C) 2005  Dakshinamurthy Karra

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

*/

/*
 * Colours used
 *
 * #c6c6c6 - grey
 * #000 - black
 * #fff - white
 * #00f - blue
*/

/*
 * Common elements
*/

/* Remove padding and margin for all elements */
* {
    margin: 0 ;
    padding: 0 ;
}

/* Default hyperlink style */
a, a:link, a:visited, a:active {
    color: #000099 ;
    text-decoration: none;
    border="0" ;
}

a:hover {
    color: #6699FF ;
    text-decoration: none;
}

/* Used for creating gap between posts and sidebar items */
.gap {
    width: 100% ;
    height:5px ;
}

/* Push stuff onto a new block element */
.clear {
    line-height:0px ;
    clear: both ;
}

.center {
    text-align: center ;
}

.align_left {
    text-align: left ;
}

.align_right {
    text-align: right ;
}

.error {
    color: red ;
}

abbr {
    border-bottom: #000 1px dotted ;
    cursor: help ;
}

body {
    padding: 10px 20px 10px 30px ;
    font-family: arial, verdana, sans-serif;
}

/*
 * Structure of the page:
 *
 * +----------------------------------------+
 * | Header Left | Tile..... | Header Right |
 * | Imag        | Tile..... | Image        |
 * +----------------------------------------+
 * |           Categories                   |
 * +----------------------------------------+
 * |             Page                       |
 * |+--------------------------+-----------+|
 * ||       Content            | Sidebar   ||
 * ||                          |           ||
 * ||                          |           ||
 * ||                          |           ||
 * ||                          |           ||
 * ||                          |           ||
 * ||                          |           ||
 * ||                          |           ||
 * |+--------------------------+-----------+|
 * +----------------------------------------+
 * |               Footer                   |
 * +----------------------------------------+
 *
*/

/*
 * Header
 * Made up of
 *   header_tile - Tiles the background
 *   header_lt - Style for left top image
 *   header_rt - Style for right top image
 *   search - search form positioned into the header image
 *
 * header_image_height is used in all the DIVs where height is needed
*/

#header {
    width: 100% ;
    height: 100px ;
}

#header_tile {
    background: #FFF url('images/header_tile.jpg') repeat-x top ;
}

#header_lt {
    background: url('images/header_lt.jpg') no-repeat left top;
}

#header_rt {
    background: url('images/header_rt.jpg') no-repeat right top;
}

#header_wording {
    position:relative;
    width: 100%;
    height: 0px;
}

#header_wording img {
    position:absolute;
    border:0;
    bottom:10px;
    right:25px;
}

#search {
    position: absolute;
    top: 25px;
    right: 35px;
    text-align: right ;
}

.searchbutton {
    font-family: tahoma, sans-serif ;
    font-size: 10px ;
    border: 1px solid #fff ;
}

#categories {
    text-align: center ;
    padding: 2px 10px 15px 10px ;
}

/*
 * List of categories as navigational menu at the top
*/

#categories li {
    list-style: none ;
    display: inline ;
}

#categories a {
    text-decoration: none ;
    border: none ;
    padding: 1px 2px 1px 5px ;
    font-size: 10px ;
    font-family: arial, verdana, sans-serif ;
    font-weight: bold ;
    background-color: #006666 ;
    text-transform: Capitalize ;
}

#categories a {
    background-color: #1E70B2 ;
    color: #000099 ;
}

#categories a:hover {
    text-decoration: none ;
    background-color: #00f ;
    color: #6699FF ;
}

#categories h2 {
    display: none ;
}

/*
 * Rounding up the categories list
*/

/* Left, Right, Tite, Left bottom and Right bottom */
#cat_l { background: #006666 url("images/cat_l.jpg") repeat-y left ; }
#cat_r { background: url("images/cat_r.jpg") repeat-y right ; }
#cat_tile { background: url("images/cat_tile.jpg") repeat-x bottom ; }
#cat_lb { background: url("images/cat_lb.jpg") no-repeat left bottom ; }
#cat_rb { background: url("images/cat_rb.jpg") no-repeat 100% 100% ; }

#page {
    position: relative ;
}

#description {
}

#sidebar_control {
    text-align:right;
    margin-right:30px;
}

#sidebar_control img {
    border: 0 ;
}

/*
 * Content. The margin-right should be inline with the width of the sidebar
*/

#content {
    width: auto ;
    margin-right: 205px ;
}

#content ul {
    line-height:1.5em;
    padding-left: 20px ;
}

.post {
    font-size: 12px;
    font-weight:normal;
}

.post_header {
    padding: 10px 15px 5px 15px ;
}

/* Rounding up post header - right, left, right top and left top */
.post_header_r { background: #006666 url("images/post_header_r.jpg") repeat-y right ; }
.post_header_l { background: url("images/post_header_l.jpg") repeat-y left ; }
.post_header_lt { background: url("images/post_header_lt.jpg") 0 0 no-repeat ; }
.post_header_rt { background: url("images/post_header_rt.jpg") 100% 0 no-repeat ; }

.post_ie_bug_fix {
    width:100% ;
}

.date
{
    font-family: garamond,times,serif;
    font-size: small;
    color: #000000 ;
    font-weight: bold;
    text-transform: capitalize;
    border-bottom-width: 0px;
    border-bottom-style: dotted;
    border-bottom-color: #000 ;
    font-style: italic;
}

.post_category {
    float: right ;
    border: #000 solid 1px ;
    font-size: x-small;
    font-style: italic;
    background: #ffffcc ;
    margin-top: 2px ;
    margin-bottom: 2px ;
}

.post_entry {
    padding: 0px 15px 5px 15px ;
}

.post_entry p {
    text-indent: 0em ;
    text-align: justify ;
    line-height: 1.8em ;
}

.post_entry > p:first-child:first-letter {
	font-size: 14pt; 
	font-weight: bold; 
	font-family: garamond, serif; 
	margin-right: 0px; 
	color: #000000 ;
	}

/* Rounding up the post - entry right and left tiling */
.post_entry_r { background: #ffffe7 url("images/post_entry_r.jpg") repeat-y right ; }
.post_entry_l { background: url("images/post_entry_l.jpg") repeat-y left ; }

.post_footer {
    padding: 10px 15px 20px 20px ;
    font-size:x-small;
    font-weight:normal;
}

/* Rounding up the post - tile (bottom), right, left, right bottom and left bottom */
.post_footer_tile { background: #006666 url("images/post_footer_tile.jpg") repeat-x bottom ; }
.post_footer_r { background: url("images/post_header_r.jpg") repeat-y right ; }
.post_footer_l { background: url("images/post_header_l.jpg") repeat-y left ; }
.post_footer_lb { background: url("images/post_footer_lb.jpg") 0 100% no-repeat ; }
.post_footer_rb { background: url("images/post_footer_rb.jpg") 100% 100% no-repeat ; }

.page_title {
    border-bottom: none ;
   color: #FFFFFF ;

}

.postmetadata {
    margin-top: 10px ;
    width: 60em ;
    font-size: x-small ;
}

.singlepostmetadata {
    margin-top: 10px ;
    margin-right: auto ;
    margin-left: auto ;
    width: 60em ;
    font-size: x-small ;
    background-color: #ffffe7 ;
}

/*
 * Side bar - the width should be inline with margin-right given for content
*/

#sidebar {
    width: 200px ;
    position: absolute ;
    top: 0px ;
    right: 5px ;
    display: none ;
}

.sidebar_header {
    position: relative ;
}

.sidebar_header img {
    cursor:pointer;
    display:inline;
    position:absolute; top:5px; right:30px;
}

.sidebar_enable {
}

.sidebar_disable {
    display: none ;
}

/* Rounding up the sidebar items. Header - right, left, left top and right top */
.sidebar_header_r { background: #006666 url("images/sidebar_header_r.jpg") repeat-y right ; }
.sidebar_header_l { background: url("images/sidebar_header_l.jpg") repeat-y left ; }
.sidebar_header_lt { background: url("images/sidebar_header_lt.jpg") 0 0 no-repeat ; }
.sidebar_header_rt { background: url("images/sidebar_header_rt.jpg") 100% 0 no-repeat ; }

.sidebar_header h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF ;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center ;
}

.sidebar_item {
    font-size: small ;
    padding: 10px 15px 2px 5px ;
text-align: center ;

}

.sidebar_item h3 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000 ;
    font-size: small;
    font-weight: bold;
}

/* Rounding up the sidebar items. Entry - right and left tile */
.sidebar_entry_r { background: #ffffe7 url("images/sidebar_entry_r.jpg") repeat-y right ; }
.sidebar_entry_l { background: url("images/sidebar_entry_l.jpg") repeat-y left ; }

.informal {
    font-family: "comic sans ms", verdana,arial,sans-serif;
    font-size: small;
text-align: center ;

   margin-right: 0px;

}

.photo {
    margin-right: 3px;
    float:left;
}

.sidebar_footer {
}

/* Rounding up the sidebar items. Footer - tile(bottom), right bottom and left bottom */
.sidebar_footer_tile { background: #006666 url("images/sidebar_footer_tile.jpg") repeat-x bottom ; }
.sidebar_footer_lb { background: url("images/sidebar_footer_lb.jpg") 0 100% no-repeat ; }
.sidebar_footer_rb { background: url("images/sidebar_footer_rb.jpg") 100% 100% no-repeat ; height: 30px;}

.credits {
    text-align: center ;
    padding-bottom: 5px ;
    border: 0 ;
}

#sidebar a img {
    border: none ;
}

#sidebar a:hover img {
    border: none ;
}

.navigation {
    padding: 0 10px 0 10px ;
    font-size: x-small ;
}

#footer {
    width: 100% ;
    clear: both ;
    color: #006666 ;
    font-size: x-small ;
    font-weight: bold ;
    text-align: center ;
}

/*
 * Theme switcher
*/

#themeswitcher li {
    list-style: none ;
}

/*
 * Calendar
*/

#calendar {
    display: none ;
    position: relative ;
}

#wp-calendar {
    width: 196px ;
    text-align: center ;
    background: #ffffe7 url("images/sidebar_entry_r.jpg") repeat-y right ;
    padding: 0 10px 0 5px ;
}

#wp-calendar caption {
    color: #000 ;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center ;
    width: 190px ;
    height: 17px ;
    background: url("images/sb_top.jpg") no-repeat left top ;
}

#prev {
    position: absolute ;
    bottom: 12px ;
    left: 10px ;
}

#next {
    position: absolute ;
    bottom: 12px ;
    right: 15px ;
}

#tfoot {
    width: 192px ;
    height: 26px ;
    background: #c6c6c6 url("images/sb_bottom.jpg") no-repeat left top ;
}