/*
Theme Name: Malikaholic
Theme URI: http://www.malikaholic.com/
Description: Default Malikaholic Wordpress Template.
Version: 1.0
Author: Malik Mirza
Author URI: http://www.malikaholic.com/
Tags: malikaholic, simple, standard

	Malikaholic v1.0
	 http://www.malikaholic.com/

	This theme was designed and built by Malik Mirza,
	whose blog you will find at http://www.malikaholic.com/

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

*/

@import url("/wp-content/themes/malikaholic/reset.css");
@import url("/wp-content/themes/malikaholic/grid.css");

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
    margin-right: 10px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* STANDARD */
body { background-color: #fff; backgrounds: url('images/grid.gif'); font:12px "Segoe UI", Lucida Sans Unicode, Lucida Grande, sans-serif; color: #888; line-height: 20px;margin: 65px 0 30px;}
ul {margin-left: 15px;}
h1 {font: bold 60px "Segoe UI", Arial, Helvetica, sans-serif; color: #000; letter-spacing: -5px;}
h2 {font: bold 24px "Segoe UI", Arial, Helvetica, sans-serif; color: #000;line-height: 40px;}
h3 {font: 13px "Segoe UI", Arial, Helvetica, sans-serif;text-transform: uppercase;line-height: 20px;margin:30px 0 0;color: #f00;font-weight: bold; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}

a:link, a:visited {color: #000;text-decoration: none; display: inline;}
a:hover {color: #f00;text-decoration: underline;}
.lft {float: left;}
.blk {color: #000;}

/* WORDPRESS */
.wp-caption-text {text-align: center; background-color: #f8f8f8;}

/* BORDER */
.bor-top {border-top: 1px dotted #ccc;}
.bor-btm {border-bottom: 1px dotted #ccc;}
.bor-top-red {border-top: 1px dotted #f00;}
.bor-btm-red {border-bottom: 1px dotted #f00;}

/* HOME */
#home ul{margin: 0;}
#home li{border-bottom: 1px dotted #ccc; border-top: 1px solid #fff; padding: 9px 0;}
#home small {white-space: nowrap;}

#menu li {list-style: none; float: left; margin-right: 15px; font-size: 16px;}

#bookmarks a:link,
#bookmarks a:visited,
#snippets a:link,
#snippets a:visited {color: #666;}
#bookmarks a:hover,
#snippets a:hover {color: #f00;}

#tutorials {min-height: 500px;}

#bookmarks h3,
#reading h3 {margin-top: 29px;}

#reading h3 {margin-bottom: 10px}
#reading img { margin: 5px 0;max-width: 55px;height: auto;}

#latest-news img {margin:6px 10px 10px 0; max-height: 80px;width: auto;float: left;}
#category-blog #old-news img {margin:6px 10px 10px 0; max-height: 80px;width: auto;float: left;}
#latest-news h4,
#contents h4 ,
#category-blog h4 {font:bold 30px "Segoe UI", Arial, Helvetica, sans-serif; line-height: 30px; color: #f00; margin-bottom: 6px;}
#latest-news h3,
#category-blog h3 {margin-bottom: 20px;}
#latest-news strong,
#category-blog strong {font:bold 13px  "Segoe UI", Arial, Helvetica, sans-serif; display: inline; color: #f00;}
#latest-news p,
#category-blog p {display: inline; font-size: 13px; color: #666; line-height: 18px;}
#latest-news li p,
#category-blog li p {font-size: 11px; color: #888;} 
#latest-news ul,
#category-blog ul {border-top: 1px dotted #ccc;margin-top: 19px;}
#old-news img {max-height: 40px;width: auto;}

#tutorials h3,
#gear h3, #snippets h3, #photostream h3,
#column-2a h3 {line-height: 19px;}
#sidebar #column-2a h3 {line-height: 20px;}
#column-2a #bio p,
#column-2b #bio p {margin-bottom: 20px;}
#column-2a #bio strong,
#column-2b #bio strong {font-weight: normal;color: #000;} 
#bio h3 {border-bottom: 1px dotted #f00}

.portfolio {width: 220px; margin: 20px 10px 0; position: relative; float: left;}
.portfolio2 {width: 460px; margin: 20px 0 0; position: relative;}
.portfolio span { width: 100%; height: 25px; top:118px; left: 0; position: absolute; display: block; background: url('images/trans.png'); text-align: center; color: #fff;}
.portfolio2 span { width: 100%; height: 25px; top:275px; left: 0; position: absolute; display: block; background: url('images/trans.png'); text-align: center; color: #fff;}
#contents .portfolio {margin: 20px 5px 0;}
.portfolio img {max-width: 220px;height: auto; }

#contents {min-height: 800px;}
#contents p {font-size: 13px; line-height: 20px; color: #666; margin-bottom: 30px;}
#contents h4 {margin-top: 30px;}
#contents span {line-height: 30px;}

#contents.singlePost p {font-size: 13px; line-height: 20px; color: #666; margin-bottom: 10px;}
#contents.singlePost ol {margin-left:35px; margin-bottom:20px;}
#contents.singlePost ol li {list-style:decimal; border:0; margin-bottom:0; padding:0;}
#contents.singlePost strong {color:#333;}



#menu li.current-cat,
#menu li.current-cat a{color: #f00;}
#menu li.current-cat{border-bottom: 1px dotted #f00;}

#contents blockquote {padding: 20px;background: url('images/code.gif'); font-family: monospace; border: 1px solid #ddd; margin: 20px 0; }
#contents blockquote ol { margin: 0; }
#contents blockquote ol li {list-style: decimal; margin: 0 0 0 30px; line-height: 10px; border: 0px; padding: 0;}
#contents blockquote  strong {color: #000;font-weight: bold;}

#latest-news .cat-list {font-size: 11px;}

#footer {font-size: 10px;}