/*
Theme Name: Gray Journal Theme
Theme URI: https://www.assembla.com/spaces/gray-journal
Description: A simple and aesthetic theme for my personal blog, inspired by some other simple and elegant themes.
Version: 0.1
Author: Zafar Iqbal
Author URI: http://ziqbalbh.com/
Tags: gray, two columns, widgets

      Gray Journal Theme
      https://www.assembla.com/spaces/gray-journal

	This theme was designed and built by Zafar Iqbal,
	whose blog you will find at http://ziqbalbh.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


.alignright 
{
	float: right;
}

.alignleft 
{
	float: left
}

/* HEADER */
#header
{
	background: #333333;
	color: #ffffff;
	margin-bottom: 15px;
}
#headerimg
{
	height: 150px;
	background: url(images/header3.jpg) top left no-repeat;
}
h1.blogtitle
{
	margin-top: 20px;
	margin-left: 20px;
}
h1.blogtitle a
{
	font-family: Lucida Handwriting, Cursive;
	color: #ffffff;
	text-decoration: none;
}
p.blogdesc
{
	margin-left: 20px;
}

#headermenu
{
	border-top: solid 5px #666666;
}
/*#CB2E0D*/
ul.menubar
{
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}
ul.menubar li
{
	float: left;
	list-style: none;
	border-collapse:collapse;
	border-right: solid 1px #666666;
}
ul.menubar li:hover, ul.menubar li.current_page_item
{
	background: #666666;
	color: #ffffff;
}

ul.menubar li a
{
	color: #ffffff;
	text-decoration: none;
}
ul.menubar li a span
{
	padding: 6px 10px;
	display: inline-block;
}
dl#searchbar
{
	float: right;
	margin: 0;
	padding: 0;
}
dl#searchbar input.text
{
	width: 200px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	padding: 2px;
}
dl#searchbar input.button
{
	display: none;
}

/* CONTENT */

/*
.section-top
{
	background: #e8eeee;
	color: #222222;
}
.section-single
{
	background: #ffffff;
	color: #222222;
}
.section-inner
{
    padding: 15px 15px 0 15px;
}
.section-tabs ul
{
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
	background: #993333;
}
.section-tabs li
{
	float: left;
	list-style: none;
	border-collapse:collapse;
	border-right: solid 1px #e12200;
}
.section-tabs li:hover
{
	background: #ffffff;
}
.section-tabs li a 
{  
	color: #ffffff;
	text-decoration: none;  
	text-transform: uppercase;  
}  
.section-tabs li a:hover 
{  
	color: #993333;
	text-decoration: none;  
	text-transform: uppercase;  
}  
.section-tabs li a span
{
	padding: 6px 10px;
	display: inline-block;
}
.ui-tabs-hide 
{ 
	display: none !important; 
}
.sub-section
{
	background: #ffffff;
 	border: solid 1px #222222;
	padding: 15px;
}
.sub-section a
{
	color: #e12200;
	text-decoration: none;
}
.sub-section a:hover
{
	text-decoration: underline;
}
*/

.section-main
{
	color: #222222;
	background: #ffffff;
}
.section-single
{
	color: #222222;
	background: #ffffff;
}
.section-inner
{
    padding: 15px 15px 0 15px;
}
.post, .page
{
	border: solid 1px #cccccc;
}
.postheader
{
	border-bottom: solid 1px #CB2E0D;
	padding:5px;
}
.postheader h2
{
	margin-bottom:0.4em;
}
.postheader a
{
	text-decoration: none;
	color: #CB2E0D;
}
.postheader a:hover
{
	text-decoration: underline;
}

.search-excerpt
{
	background: #fff4b3;
}
.postentry
{
	padding: 5px;
}
.postentry .wp-caption
{
	background: #dddddd;
	border: solid 1px #666666;
}
.postentry .wp-caption img
{
	padding: 0;
	border: none 0;
	margin: 5px;
}
.postentry .wp-caption p.wp-caption-text
{
	margin: 0;
	text-align: center;
}
.postentry img
{
	background: #bbbbbb;
	padding: 5px;
	border: solid 1px #666666;
}
.postentry img.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.postentry img.alignright 
{
	margin: 0 0 2px 5px;
	display: inline;
}
.postentry img.alignleft 
{
	margin: 0 5px 2px 0;
	display: inline;
}
.postentry blockquote {
	background:#F4F5F7 url(images/blockquote.gif) no-repeat scroll 3px 3px;
	border:1px dashed #cccccc;
	margin:5px 0;
	padding:8px 12px 8px 36px;
}
.postentry .more-link
{
    color: #CB2E0D;
}
.postfooter
{
	padding: 5px 15px 0 5px;
	margin: 0;
	border-top: solid 1px #cccccc;
}
.postfooter a
{
	text-decoration: underline;
	color: #e12200;
}
.postfooter a:hover
{
	text-decoration: underline;
	color: #333333;
}

.navigation a
{
	padding: 5px 10px 5px 10px;
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
}
.navigation a:hover
{
	background: #999999;
	color: #333333;
}

/* COMMENTS 
#comments
{
	background: #963;
}
*/
#comments h3
{
	color: #CB2E0D;
}
#comments ol
{
	list-style: none;
}
#comments li.comment
{
	margin-bottom: 5px;
	padding: 10px;
	border: solid 1px #333333;
	background: #f3f3ef;
}
#comments li.byuser
{
	background: #ffcccc;
}
#comments div.reply
{
	padding: 5px;
}
#comments a.comment-reply-link
{
	color: #ffffff;
	background: #933333;
	padding: 5px;
}
#comments li.comment ul.children
{
	list-style: none;
	margin-top: 5px;
}
#comments ul.children li.comment
{
	border-left: solid 5px #333333;
}
#comments .navigation
{
	padding-left: 18px;
	padding-right: 18px;
}
#comments .navigation a
{
	padding: 5px 0 5px 0;
	background: transparent;
	color: #921700;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	text-align: center;
}
#comments .navigation a:hover
{
	background: transparent;
	color: #222222;
}

#respond h3
{
	color: #CB2E0D;
}
#respond form
{
	padding: 0 1.5em 0 1.5em;
}
#respond form fieldset
{
	background: #cccccc;
	border: solid 1px #333333;
}
#respond p
{
	margin-bottom: 5px;
}

/* SIDEBAR */
#sidebar ul
{
	list-style: none;
	margin: 0;
}
#sidebar .widget, #sidebar .pagenav, #sidebar .categories, #sidebar .linkcat
{
	background: #999999;
	color: #ffffff;
	margin-bottom: 10px;
}

#sidebar .widget h2, #sidebar .pagenav h2, #sidebar .categories h2, #sidebar .linkcat h2
{
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	background: #333333;
	color: #ffffff;
	border-bottom: dotted 1px #921700;
	margin-bottom: 0.2em;
}
#sidebar .widget ul, #sidebar .pagenav ul, #sidebar .categories ul, #sidebar .linkcat ul
{
	list-style: none;
	padding: 10px;
}
#sidebar .widget ul li, #sidebar .pagenav ul li, #sidebar .categories ul li, #sidebar .linkcat ul li
{
	padding: 5px;
	border-bottom: dotted 1px #cc3333;
}
#sidebar .widget ul li:hover, #sidebar .pagenav ul li:hover, #sidebar .categories ul li:hover, #sidebar .linkcat ul li:hover
{
	border-bottom: dotted 1px #ffffff;
}
#sidebar .widget ul li a, #sidebar .pagenav ul li a, #sidebar .categories ul li a, #sidebar .linkcat ul li a
{
	color: #ffffff;
	text-decoration: none;
}
#sidebar .widget .textwidget
{
	padding: 5px 10px;
}
#sidebar #calendar_wrap
{
	padding: 5px 10px;
}
#sidebar #calendar_wrap thead th 
{
	background: #921700 none repeat scroll 0% 0%;
	color: #ffffff;
}
#sidebar #calendar_wrap caption
{
	background: #921700 none repeat scroll 0% 0%;
	color: #ffffff;
	text-align: center;
	border-bottom: solid 1px #ffffff;
}
#sidebar #wp-calendar a
{
	color: #921700;
	text-decoration: none;
}
#sidebar #wp-calendar a:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* SEARCH */
#searchform fieldset
{
	padding:1.4em;
	margin:0 0 1.5em 0;
	border: none;
}

#searchform .submit
{
	border:1px solid #bbb;padding:4px 10px 4px 10px;margin:0.5em 0;
}

/* FOOTER */

#footer
{
	background: #666666;
	color: #ffffff;
	margin-top: 1.5em;
}
#footer .column
{
	margin-top: 15px;
}
#author img
{
	background: #fdfdfd;
	padding: 5px;
	margin: 0 5px 0 0;
	float: left;
}
#author p
{
	text-align: justify;
}

#copyright
{
	background: #333333;
}
#copyright a
{
	color: #ffffff;
}
#copyright p
{
	float: left;
	margin: 7px 0 7px 10px;	
}
#copyright p#powered
{
	float: right;
	margin: 7px 10px 7px 0;	
}