/*
Theme Name: Aleem 2.0
Theme URI: http://aleembawany.com/
Description: Aleem Version 2.0
Version: v2
Author: Aleem Bawany
Author URI: http://aleembawany.com/
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);


/***** COMMON *****/
body { margin-top:30px; }

.left {float:left;}
.right {float:right;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
pre { margin:0; font-size:12px; }

h1, h2, h3, h4 {
	font-family:"Open Sans", Verdana, "Trebuchet MS", sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	clear:both;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
input.button {
	background: url('i/submitbg.gif');
	border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc;
	padding:1px 5px;
	margin:5px 0 0 0;
}
input.button:hover, input.button:focus {
	background: #ccc;
}
input.text {
	margin:1px 0 0 0;
}
textarea {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
input {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
label {
	margin:0 0 0 0;
}
#banner {
	margin:0 0 10px 0;
	text-align:right;
}

/* BANNER */
#banner img {
	margin:0 20px 0 0;
}
#banner h1 {
	font-weight:bold;
	font-size:2.2em;
}
#banner h1 span {
	font-size:0;
	height:0;
	width:0;
}
#banner h1 b {
	color:#acf;
}
#banner h1 a {
	text-decoration:none;
	color:#ccc;
}
#banner h1 a:hover b, #banner h1 a:focus b {
	color:#bdf;
}
#banner h1 a:hover, #banner h1 a:focus {
	color:#ddd;
}
p.subtitle {
	font-family:"Open Sans", Verdana, "Trebuchet MS", sans-serif;
	font-size:1.3em;
	margin:0;
	color:#d2aa33;
	margin-left:3px;
}




#searchmenu {
	text-align:right;
	padding-top:50px;
}
#searchmenu input.text {
	background-image:none !important;
	width:145px;
}

#quote
{
	color:#977;
	font-size:10px;
	line-height:120%;
	font-family:Verdana;
	text-align:right;
	margin:20px 0 30px 4px;
}

.toc {
	width:300px;
	float:right;
	padding:4px 10px;
	margin:10px 0 30px 30px;
	border:1px solid #f0f0e0;
	background-color:#f9f9ec;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.blogentrycontent .toc {
	background-color:#fff;
}
div.toc ol {
  padding:0 0 0 20px;
  margin:0;
}

div.googlesearchresults iframe {
	width:100%;
}


/***** NAVIGATION *****/
#navcontainer {
	position:fixed;
	top:30px;
	left:0;
	margin-left:30px;
}
#navcontainer ul {
	list-style-type:none;
	padding:0;
	margin:5px 0 0 0;
}
#navcontainer a:hover, #navcontainer a:focus {
	background:#acf;
	color:#fff;
}
#navcontainer ul li#homelink {
	margin:0;
}

/* <A> */
#navcontainer ul a {
	display:block;
	padding:2px 2px 2px 5px;
	text-decoration:none;
	letter-spacing:1px;
	font-family: 'Open Sans',Verdana,"Trebuchet MS", sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	color:#9be;
	color:#99b;
}

#navcontainer ul ul a {
	padding:4px 2px 4px 5px;
	font-size:13px;
	color:#aaa;
	display:block;
	font-weight:normal;
}

#navcontainer ul ul ul a {
	padding:2px 2px 2px 5px;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	text-transform:none;
}

/* <LI> */
#navcontainer li {
	border-bottom:1px dotted #ddd;
	border:0;
}
#navcontainer .menu li {
	text-align:right;
}
#navcontainer ul ul li {
	font-size:10px;
	line-height:140%;
	border-color:#ddd;
}
#navcontainer ul ul ul li {
	font-size:11px;
	margin:0 0 5px 6px;
	padding:0;
	border:0;
}

/* CURRENT <LI> */
#navcontainer .current_page_item {
	margin:0 0 10px 0;
}
#navcontainer ul ul .current_page_item {
	margin:0;
	border:0;
}
#navcontainer ul ul ul .current_page_item {
	margin:0 0 0 6px;
	border:0;
	/* list-style-image: url('i/dot.gif'); */
}
/* LAST <LI> */
#navcontainer ul ul .last {
	border-bottom:0;
}
#navcontainer ul ul ul .last {
	margin-bottom:10px;
}


/* CURRENT <A> */
#navcontainer .current_page_item>a {
	color:#0bf;
	background:#fff;
}
#navcontainer ul ul li.current_page_item>a {
}
#navcontainer ul ul ul li.current_page_item>a {
}


/***** TWITTER *****/
#navcontainer .widget_twitter {
	margin:30px 0 0 0;
	padding:5px 0 0 0;
}

#navcontainer .widget_twitter .title a {
	background:url('i/twitter_48.gif') 100% 100% no-repeat;
	background:none;
	text-align:left;
	margin:0 0 0 5px;
	padding:0;
}

#navcontainer .widget_twitter ul li {
	font:12px/160% 'Open Sans', Verdana;
	color:#977;
	padding:0;
	margin:0 0 15px 5px;
	border:0;
}

#navcontainer .widget_twitter .title a:hover {
	color:#e60;
}

#navcontainer .widget_twitter .tweets a {
	font-size:10px;
	line-height:160%;
	text-transform:none;
	display:inline;
	padding:0;
}
#navcontainer .widget_twitter .tweets a:visited {
	color:#a09;
}
#navcontainer .widget_twitter .tweets a:hover {
	color:#e60;
	background:none;
}
#navcontainer .widget_twitter a.timesince {
	margin:2px 0 0 0;
	display:block;
	text-align:right;
	clear:both;
}
#navcontainer .widget_twitter p {
	padding:0 0 0 5px;
	color:#666;
	font-family:'Open Sans', Verdana;
}

/***** CONTENT *****/
#content {
	margin-left:310px;
}

/***** BLOG ENTRY *****/
.blogentry {
	padding:0;
	margin:0 0 35px 0;
}
.blogentry h2, .blogentry h3, .blogentry h4 {
	color:#ca3;
}
.blogentry h3, .blogentry h4 {
	letter-spacing:5px;
}

.blogentrycontent .more {
	font-style:italic;
}
.blogentrycontent p {
	margin-bottom:0.875em;
}
.blogentrycontent {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px 10px 0 0;
	margin-top:4px;
	border:1px solid #ffffe8;
}
.blogentry h1, .blogentry h1 a, .blogentry h1 a:visited, .page h1, .postcalendar h1 {
	text-decoration:none;
	color:#7ae;
}
.blogentrycontent img, .page img {
	margin:15px 15px 15px 0;
}

.blogentry h1 a:hover, .blogentry h1 a:focus {
	color:#ea0;
}
.blogentry h1, .page h1 {
	margin:0 0 10px 0;
	font-size:30px;
	line-height:37px;
}
.page h1 {
	margin-bottom:30px;
}

h2, h3, h4 {
	letter-spacing:1px;
	color:#000;
	margin:10px 0;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.2em;
	color:#000;
}
.blogentry img, .page img
{
	border:1px solid #aaa;
}
.blogentry img.noborder, .page img.noborder
{
	border-width:0;
}

.cap {
	color:#888;
	float:left;
	font-size:3.5em;
	text-transform:uppercase;
	margin:7px 6px 0 0;
	line-height:0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.blogentry p, .blogentry li, .comments li, .comments p, .comments textarea, .related p, .comments input, .comments label, .page p, .page li, #footer p {
	font-family:'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	color:#666;
	line-height:1.9em;
	word-spacing:1px;
}
/* use higher specificity for .comments .commentmetadata a to override li.comments a */
.blogentry a, .page a, .comments .commentmetadata a, .postmeta a {
	text-decoration:none;
	color:#00d;
}
.blogentry p a, .page p a, .blogentry li a, .page li a, .comments .commentmetadata a {
	border-bottom:1px dotted #7ae;
}
.blogentry a:visited, .page a:visited, .comments .commentmetadata a:visited, .postmeta a:visited {
	color:#709;
}
.blogentry li, .page li {
	margin:0 0 10px 10px;
}
.blogentry ul li, .page ul li {
	list-style-type:disc;
}
.blogentry blockquote {
	color:#700;
	font-style:normal;
	border-left:4px solid #d2aa33;
	padding-left:15px;
}

p.end {
	text-align:center;
	font-size:2.5em;
	line-height:8px;
	color:#000;
	margin:50px 0;
	color:#ccc;
	border-bottom:1px solid #ddd;
}
p.end span {
	background:#fff;
	padding:0 10px;
}
.postmeta {
	font-family:"Open Sans", sans-serif;
	font-size:14px;
	margin-top:5px;
	color:#aaa;
}
.posttime {
	float:left;
	margin-bottom:0;
}
.category {
	float:right;
	margin-right:10px;
	color:#aaa;
}


code {
	font-size:0.9em;
	color:green;
	font-family:Courier New;
}


/* IG SYNTAX HIGHLIGHTER */
div div .igBar {
	width: 98%;
	text-align:right;
	font-family: Verdana;
	font-size:10px;
	line-height:1.2em;
	background-color:inherit;
	padding:5px 0;
	border:0;
	margin:0;
}
div.igBar a {
	font-weight:normal;
	color:blue;
	letter-spacing:1px;
	border:0;
}
div.igBar a:hover, div.igBar a:focus {
	font-weight:normal;
}
#content .syntax_hilite {
	padding:0;
}

.syntax_hilite .langName {
	display: none;
	font-size: 1.5em;
}

div div.syntax_hilite {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #f0f0e0;
	width: 98%;
	font-size:0.8em;
	background-color:#fff;
	padding-top:0;
	padding-bottom:0;
	margin:0 0 30px 0;
}
.syntax_hilite ol
{
	padding:10px 0;
	margin-bottom:0;
}
.syntax_hilite li {
	font-weight:normal !important;
	font-family:'Courier New' !important;
	margin-left:30px;
	font-size:12px;
	border-left:2px solid #f0f0e0;
}
.syntax_hilite li div
{
	background:#fff;
	padding:0 0 0 10px;
}
.syntax_hilite li div:hover, .syntax_hilite li div:focus
{
	background:#f0f0e0;
}


.postcalendar {
	margin-top:20px;
}
	/* override for class="page postcalendar" */
.page {
	margin-top:0;
}

.postcalendar table th {
	text-align:right;
	width:100px;
}
.postcalendar table {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:15px;
	color:#000;
	line-height:1.75em;
	word-spacing:1.6px;
}
.postcalendar table td, .postcalendar table th {
	padding:0 10px;
	vertical-align:top;
	color:#999;
	font-weight:normal;
}
.postcalendar a, .category a {
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	color:#78d;
}
.category a {
	border-bottom:0;
}
.postcalendar a:visited, .category a:visited {
	color:#95d;
}
.postcalendar a:hover, .postcalendar a:focus, .category a:hover, .category a:focus {
	color:#ea0;
}
/***** RELATED *****/

.related {
	margin:40px 0 0 0;
	text-align:right;
	float:right;
}
.related h3 {
	color:#aaa;
}

.related ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.related ul li {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
	line-height:1;
}

.related a {
	text-decoration:none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color:#69e;
	font-size:15px;
	padding-bottom:2px;
	margin-bottom:10px;
}
.related a:visited {
	color:#b8f;
}
.related a:hover, .related a:focus {
	color:#fa0;
}

/***** COMMENTS *****/
.comments ul.commentlist
{
	list-style-type:none;
	margin:0 0 60px 0;
	padding:0;
}
.comments ul.children
{
	list-style-type:none;
}
li.comment li, div.wmd-preview li
{
	margin:10px 0;
	padding:0 10px;
}

li.comment ul, div.wmd-preview ul
{
	list-style-type:circle;
}

li.comment hr {
	width:98%;
	height:1px;
	margin:1% 1%;
}

.commentmetadata
{
	text-align:right;
}
.commentmetadata span {
	margin-right:150px;
}
.comments li
{
	margin:40px 0 0 0;
	padding:2px 10px 10px 10px;
	/* background-color:#f9f9ec; */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.comments li.pingback {
	color:#888;
	border:1px solid #eee;
}
li.pingback p, li.pingback a {
	font-size:14px;
}
.comments li.comment {
	border:1px solid #cdf;
	background-color:#ffffff;
}
.comments li.bypostauthor {
	border:1px solid #fff;
	background-color:#ffffcc;
}

li.comment p, li.comment a {
	font-size:1em;
	color:#000;
}

.comments li p
{
	margin:15px 0 0 0;
	padding:0;
}
.comments h3, .related h3 {
	margin:0 0 20px 0;
	font-size:24px;
	text-transform:uppercase;
}
.comments textarea {
	width:98%;
}
.comments label {
	margin:0 0 0 10px;
	color:#666;
	font-weight:normal;
}
li.comments a {
	text-decoration:none;
	color:#77a;
}
/* hide wmd logo */
#commentform fieldset div div a {
	display:none!important;
}
#commentform code {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
#commentPreview ul li {
	margin:4px 0;
	border-width:0;
	background-color:#eef;
}
#commentPreview ul
{
	margin:10px 0;
}
div.wmd-preview {
	padding:10px;
	margin:0 0 20px 0;
	background-color:#e0eaf1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
div.wmd-preview p {
	margin:0 0 15px 0;
}
h2.previewtitle {
	margin:10px 0 5px 5px;
	color:#aaa;
}
input#subscribe:focus {
	outline:blue solid thin;
}
p.subscribe-to-comments {
	margin:0;
}

.blogentry p a:hover, .blogentry li a:hover, .page p a:hover, .page li a:hover, .comments .commentmetadata a:hover,
.blogentry p a:focus, .blogentry li a:focus, .page p a:focus, .page li a:focus, .comments .commentmetadata a:focus,
.postmeta a:hover, .postmeta a:focus
{
	color:#ea0;
}

.num .comment, .num .pingback
{
	font-size:1.2em;
	float:left;
	color:#ddd;
}
.num .bypostauthor {
	color:#ed6;
}
#cancel-comment-reply a {
	color:#00f;
}
#respond {
	margin:0 0 0 0;
}
li#comment-preview {
	border:1px dashed #ccc;
}

/***** FOOTER *****/
#footer {
	margin-top:30px;
	padding-top:10px;
}
#footer {
	text-align:center;
}
#footer p {
	line-height:22px;
	font-size:14px;
	color:#bbb;
}
#footer a {
	text-decoration:none;
	color:#8ad;
}
#footer a:hover, #footer a:focus {
	color:#fa0;
}