/*
Theme Name: Giraffe
Theme URI: http://www.urbangiraffe.com/themes/giraffe
Description: Fluid theme with support for full-width 'lead' posts, several secondary posts, and summarised other posts.<br/>Configure the theme from <a href="options-general.php?page=giraffe/giraffe.php">Options/Giraffe</a> (requires an additional <a href="http://www.urbangiraffe.com/themes/giraffe">plugin</a>)
Version: 1.23
Author: John Godley
Author URI: http://www.urbangiraffe.com/
*/


/*
 * Basic styles
 *
 */

*
{
margin: 0;
padding: 0;
}

body
{
background: #eeeef5 url(green/pagebackground.png) repeat top left;
font-size: 76%;
font-family: Verdana, Sans-serif;
min-width: 700px;
max-width: 1400px;
}


/*
 * Wrapper elements - change widths here
 *
 */

#page
{
width: 85%;
margin: 0 auto;
background-color: white;
border: 1px solid #538139;
}

#wrapper
{
margin: 0; padding: 0;
margin-left: 20px;
background: white url(green/column.gif) repeat-y top left;
height: 100%;
}


#main
{
margin: 0; padding: 0;
width: 73%;
margin-bottom: 10px;
float: left;
}

.clear
{
clear: both;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
}


/*
 * widecontent is for lead articles and anything full-width
 *
 */

.widecontent
{
padding: 20px 20px 2em 20px;
text-align: justify;
background-color: white;
}

.widecontent .post
{
font-size: 1.2em;
padding: 0;
margin-bottom: 0px;
line-height: 1.6em;
}

.widecontent h2
{
border-bottom: 1px solid #9fca87;
font-size: 1.6em;
height: 1.2em;
padding: 0.2em 1em 0.1em 0px;
display: table;
width: 90%;
}

.widecontent h3 a
{
color: #334f23;
text-decoration: none;
}

.widecontent p
{
padding: 2px 1em 0.5em 0px;
}

.widecontent a
{
color: red;
}


/*
 * narrowcontents for anything in the smaller section
 *
 */

h2.narrowcorner
{
letter-spacing: 0.3em;
font-weight: bolder !important;
background: #c3deb4 url(green/blue-top-corner.gif) no-repeat top left;
margin-bottom: 0px !important;
}

h2.narrowheading
{
letter-spacing: 0.3em;
font-weight: bolder !important;
background-color: #c3deb4;
padding: 0.2em 1em 0.2em 2.5em;
color: #395827;
margin-bottom: 1em;
}

.narrowcontents
{
padding-bottom: 1.5em;
overflow: hidden;
}

.narrowcontents .post
{
padding-top: 1em;
padding-bottom: 0.5em;
}

.narrowcontents .post p
{
line-height: 1.6em;
margin-bottom: 0.8em;
}


/*
 * Styles for recentcomments
 *
 */

#recentcomments
{
padding-bottom: 2.5em;
color: #79b557;
background-color: white;
}

#recentcomments em
{
margin-left: 0.5em;
}

#recentcomments ul
{
line-height: 1.6em;
list-style-image: url(green/bullet.png);
list-style-type: circle;
}

#recentcomments h2
{
padding: 0.2em 1em 0.2em 0;
color: #395827;
}

a.author
{
color: #395827 !important;
}

#recentcomments a
{
color: red;
}



/*
 * Post content styles
 *
 */

#content .item
{
padding-left: 3em;
}

#content .post
{
padding-right: 1em;
font-size: 1em;
}


#content h2 a
{
color: #395827 !important;
}

.post
{
margin-bottom: 0.5em;
line-height: 1.5em;
}

.post ul
{
list-style-image: url(green/bullet.png);
list-style-type: circle;
}

.smallpost
{
padding-left: 1em;
margin: 0 0 0.8em 0;
}

.smallpost h2
{
font-size: 1.2em;
}

.smallpost postmetadata
{
font-size: 0.7em;
}

.postmetadata a
{
color: #79b557 !important;
}

.postmetadata
{
color: #79b557;
}

.entry
{
text-align: justify;
}

.entrytext > p:first-child:first-letter,
.entry > p:first-child:first-letter
{
font-size: 1.3em;
}

.entry p a[href ^="http://"], .entrytext p a[href ^="http://"], .commentlist p a[href ^="http://"], .entrytext ul a[href ^="http://"], .entry ul a[href ^="http://"]
{
  background: url(green/external.png) center right no-repeat;
  padding-right: 13px;
}

.entry a[href ^="http://gaymarche.com"], .entrytext a[href ^="http://gaymarche.com"], .commentlist p a[href ^="http://gaymarche.com"]
{
background: none !important;
padding-right: 0 !important;
}



/*
 * Displays a nice gradient bar at the bottom of archive/search pages
 *
 */

.mainsingle
{
padding-bottom: 150px !important;
background: transparent url(green/archive.png) no-repeat bottom left !important;
}


/*
 * The footer
 *
 */

#footer
{
width: 85%;
margin: 0 auto;
clear: both;
text-align: left;
line-height: 1.5em;
background: transparent url(green/column.gif) repeat-y 20px 0px;
padding: 20px 0;
}

#footer p
{
padding-left: 60px;
}

#footer a
{
color: #334f23;
}

/*
 * A little HR class so we get nice hard rules with CSS, but still have an ordinary HR for non-CSS
 *
 */

div.hr
{
height: 1px;
color: #c3deb4;
background-color: #c3deb4;
}

div.hr hr
{
display: none;
}



/*
 * Header section
 * The image is a background item that partially hides underneath the menu
 *
 */

#header
{
height: 8em;
font-size: 1.4em;
margin: 0 auto;
width: 85%;
border-left: 1px solid #538139;
border-right: 1px solid #538139;
background: white url(green/titlegradient.png) repeat-x top left;
}

#headerimg
{
font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
background: transparent url(logo/logo.png) no-repeat left top;
height: 100%;
text-align: center;
padding-top: 1em;
}

* html body #headerimg 
{
background: transparent url(logo/logo.gif) no-repeat left top; }

#headerimg a
{
text-decoration: none;
font-size: 1.5em;
color: #334f23;
}


/*
 * Main menu navigation
 *
 */

#pagenav
{
text-align: center;
margin: 0 auto;
width: 85%;
border-top: 1px solid #538139;
border-bottom: 1px solid #6ba549;
border-left: 1px solid #538139;
border-right: 1px solid #538139;
height: 1.8em;
background: #6ba549 url(green/grey-grad.gif) repeat-x top left;
white-space: nowrap;
overflow: auto;
}

#pagenav ul
{
padding-top: 0.3em;
}

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

#pagenav ul li a
{
color: white;
text-align: center;
font-size: 1em;
padding-left: 0.4em;
padding-right: 1em;
text-decoration: none;
}

#pagenav ul li a:hover
{
text-decoration: underline;
}


/*
 * The linkbar is displayed at the top of multiple pages, and at the bottom for the 'home' and 'top' elements
 *
 */

.linkbar
{
text-align: center;
background-color: #9fca87;
clear: both;
margin: 0;
padding: 3px 0;
}

.linkbar ul
{
text-align: center;
color: white;
}

.linkbar ul li
{
display: inline;
text-decoration: none;
}

.linkbar ul li p
{
color: #999;
display: inline;
padding: 3px 0.4em;
}

.linkbar ul li a
{
color: white;
border-right: 1px solid #b7d7a4;
border-left: 1px solid #b7d7a4;
padding: 3px 0.4em;
}

.linkbar ul li a:hover, .linkbar .active
{
background-color: #395827;
color:white;
padding-top: 3px;
padding-bottom: 3px;
}

.linkbarbottom
{
background: #9fca87 url(green/column-diff.gif) repeat-y 20px 0px; height: 1.1em; padding-bottom: 4px; }


.linkbar li.left
{
float: left;
margin-left: 24px;
width: 10em;
text-align: left;
}

.linkbar li.right
{
text-align: right;
float: right;
width: 10em
}

.linkbar li.left a, .linkbar li.right a
{
border: 0;
font-variant: small-caps;
}











.item h2 img
{
width: 1.1em;
height: 1.1em;
}

blockquote
{
margin: 1em 1.5em;
padding: 1em 1em;
background: #eff6eb url(green/quote.gif) no-repeat scroll top left;
}

.post li
{
margin-left: 20px;
}

.post ul
{
list-style-image: url(green/bullet.png);
list-style-type: bullet;
margin-bottom: 10px;
}

.commentlist p a
{
color: red;
}




/*
 * Formatting styles
 *
 */

.alignleft
{
float: left;
text-align: left;
}

.alignright
{
float: right;
text-align: right;
}

.aligncenter {
	text-align: center;
}

img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #aaa;
padding: 2px;
}

img.alignright
{
padding: 4px;
margin: 4px 0 5px 7px;
display: inline;
border: 1px solid #ddd;
}

img.alignleft
{
padding: 4px;
margin: 4px 7px 5px 0;
display: inline;
border: 1px solid #ddd;
}

img.border
{
border: 1px solid #aaa;
padding: 2px;
}

acronym, abbr, span.caps
{
cursor: help;
}

acronym, abbr
{
border-bottom: 1px dashed #999;
}

blockquote cite
{
margin: 5px 0 0;
display: block;
}

.center
{
text-align: center;
}

a img
{
border: none;
}

h2
{
font-size: 1.2em;
font-variant: small-caps;
letter-spacing: 0.1em;
font-family: verdana;
}

h3
{
font-variant: small-caps;
}

ul
{
margin-left: 20px;
}

ol
{
margin: 0 0 0.5em 1em;
}

h2 a
{
text-decoration: none;
color: #334f23 !important;
}

h3
{
margin-top: 0.5em;
font-size: 1.4em;
}

h4
{
margin-top: 1.2em;
font-size: 1.2em;
}

h5
{
margin-top: 1em;
font-size: 1em;
}

.post a
{
color: red;
}


.alignleft
{
float: left;
text-align: left;
}

.alignright
{
float: right;
text-align: right;
}

.inset
{
float: right;
border: 1px dotted #999999;
padding: 5px;
margin-top: 5px;
color: #555555;
margin-left: 10px;
}

.inset ul
{
margin-top: 0 !important; padding-top: 0 !important;
}

.inset li
{
margin-left: 5px !important;
}


/*
 * Sidebar
 *
 */

#sidebar
{
color: #395827;
width: 25%;
overflow: hidden;
margin-bottom: 2em;
float: right;
margin-top: 0;
}

#sidebar ul
{
list-style-type: none;
}

#sidebar ul li
{
padding-bottom : 0.5em;
margin-bottom: 1em;
background: #dfedd7 url(green/sidebar-bottom-corner.gif) no-repeat bottom left;
}

#sidebar ul ul
{
padding: 0.2em 1em 0.6em 0.2em;
line-height: 1.6em;
list-style-image: url(green/bullet.png);
list-style-type: circle;
}

#sidebar ul ul li
{
background: none;
margin-bottom: 0;
padding-bottom: 0;
}

#sidebar dl
{
padding: 0.6em 1em 0.2em 1em;
}

#sidebar dl img
{
vertical-align: middle;
padding-right: 0.5em;
}

#sidebar dt
{
font-weight: bold;
}

#sidebar dd
{
margin-left: 1.8em;
margin-bottom: 0.3em;
}

#sidebar dt img
{
width: 1.3em;
height: 1.3em;
}

#sidebar h2
{
background: #9fca87 url(green/sidebar-top-corner.gif) no-repeat top left;
padding: 0.2em 1em 0.2em 0.8em;
color: #395827;
}

#sidebar a
{
color: #395827;
}

#sidebar p
{
padding: 0.6em 1em 0.2em 1em;
text-align: justify;
word-wrap: break-word;
}


#searchform
{
color: #395827;
padding: 1em 0;
margin: 0 auto;
text-align: center;
width: 95%;
}

#searchsubmit
{
color: #395827;
border: 1px solid #999;
width: 20%;
}

#s
{
color: #395827;
width: 60%;
}

#wp-calendar
{
text-align: center;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
background-color: #dfedd7;
}

#wp-calendar caption a, #wp-calendar caption a:hover
{
background: transparent;
color: #395827;
}

#wp-calendar th
{
background-color: #b7d7a4;
padding: 2px 0;
}

#wp-calendar td
{
padding: 2px 0;
}

#wp-calendar a
{
border: 1px solid #9fca87;
background-color: #b7d7a4;
text-decoration: none;
display: block;
color: black;
}

#wp-calendar a:hover
{
background-color: #395827;
color: #b7d7a4;
}

#prev a, #next a, #next a:hover, #prev a:hover, #showit a, #showit a:hover
{
border: 0;
text-decoration: underline;
display: inline;
background-color: transparent;
color: black;
}

#wp-calendar caption
{
background: #9fca87 url(green/sidebar-top-corner.gif) no-repeat top left;
font-variant: small-caps;
letter-spacing: 0.1em;
padding: 0.2em 1em 0.2em 0.8em;
color: #395827;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

#wp-calendar-split
{
border-top: 4px double #999;
margin-top: 4px;
}

/*
 * Comments
 *
 */

#commentform
{
margin-top: 1em;
}

#commentform p
{
margin-bottom: 0.5em;
}

#commentform textarea
{
width: 95%;
}

#commentform a
{
color: #334f23;
}

#submit
{
border: 1px solid #999;
}

ol.commentlist
{
margin: 0;
list-style-type: none;
}
ol.commentlist li
{
margin-bottom: 1.5em;
}

#commentslist
{
margin-top: 1em;
}

.commentlist cite
{
font-style: normal;
}

code
{
font-size: 1.2em;
}

a.java
{
color: red;
padding: 1em 1em 1em 0px;
margin-bottom: 1em;
display: block;
font-size: 1.2em;
}


.gravatar
{
width: 3.2em;
height: 3.2em;
margin-right: 1em;
margin-bottom: 0.5em;
padding: 3px;
border: 1px solid #c3deb4;
}

.commentinfo h4
{
display: inline;
}


img.author
{
border: 1px solid red;
}

ol.commentlist li.notlast
{
border-bottom: 1px solid #79b557;
padding-bottom: 0.5em;
}

.commentmetadata
{
color: #79b557;
display: block;
padding-top: 0.5em;
font-size: 0.9em;
}

.commentmetadata a
{
color: #79b557;
}

.commentlist h4
{
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0.1em;
font-size: 1.2em;
color: #395827;
}

.commentlist h4 a
{
color: #395827;
}

.commentlist p
{
line-height: 1.4em;
margin-bottom: 1em;
}

#giraffe
{
float: right;
color: #999;
}

#giraffe a
{
color: #999;
}