/*
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");
@import url("/wp-content/themes/malikaholic/standard.css");

/*-------------------------------------------------------------------RESET STYLES*/
* {
	margin:0;
	padding:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
}
a {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}
.container_12 .grid_2 {
	width:140px;
}
.container_12 .grid_3 {
	width:220px;
}
.container_12 .grid_4 {
	width:300px;
}
.container_12 .grid_5 {
	width:380px;
}
.container_12 .grid_6 {
	width:460px;
}
.container_12 .grid_7 {
	width:540px;
}
.container_12 .grid_8 {
	width:620px;
}
.container_12 .grid_9 {
	width:700px;
}
.container_12 .grid_10 {
	width:780px;
}
.container_12 .grid_11 {
	width:860px;
}
.container_12 .grid_12 {
	width:940px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}
.container_12 .prefix_2 {
	padding-left:160px;
}
.container_12 .prefix_3 {
	padding-left:240px;
}
.container_12 .prefix_4 {
	padding-left:320px;
}
.container_12 .prefix_5 {
	padding-left:400px;
}
.container_12 .prefix_6 {
	padding-left:480px;
}
.container_12 .prefix_7 {
	padding-left:560px;
}
.container_12 .prefix_8 {
	padding-left:640px;
}
.container_12 .prefix_9 {
	padding-left:720px;
}
.container_12 .prefix_10 {
	padding-left:800px;
}
.container_12 .prefix_11 {
	padding-left:880px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}
.container_12 .suffix_2 {
	padding-right:160px;
}
.container_12 .suffix_3 {
	padding-right:240px;
}
.container_12 .suffix_4 {
	padding-right:320px;
}
.container_12 .suffix_5 {
	padding-right:400px;
}
.container_12 .suffix_6 {
	padding-right:480px;
}
.container_12 .suffix_7 {
	padding-right:560px;
}
.container_12 .suffix_8 {
	padding-right:640px;
}
.container_12 .suffix_9 {
	padding-right:720px;
}
.container_12 .suffix_10 {
	padding-right:800px;
}
.container_12 .suffix_11 {
	padding-right:880px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}
.container_12 .push_2 {
	left:160px;
}
.container_12 .push_3 {
	left:240px;
}
.container_12 .push_4 {
	left:320px;
}
.container_12 .push_5 {
	left:400px;
}
.container_12 .push_6 {
	left:480px;
}
.container_12 .push_7 {
	left:560px;
}
.container_12 .push_8 {
	left:640px;
}
.container_12 .push_9 {
	left:720px;
}
.container_12 .push_10 {
	left:800px;
}
.container_12 .push_11 {
	left:880px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}
.container_12 .pull_2 {
	left:-160px;
}
.container_12 .pull_3 {
	left:-240px;
}
.container_12 .pull_4 {
	left:-320px;
}
.container_12 .pull_5 {
	left:-400px;
}
.container_12 .pull_6 {
	left:-480px;
}
.container_12 .pull_7 {
	left:-560px;
}
.container_12 .pull_8 {
	left:-640px;
}
.container_12 .pull_9 {
	left:-720px;
}
.container_12 .pull_10 {
	left:-800px;
}
.container_12 .pull_11 {
	left:-880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Standard
----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------WEB STANDARD STYLES*/
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { font-size: 62.5%}
h1              { font-size: 3.2em; margin: 1.1em 0 }
h2              { font-size: 2.4em; margin: 1.2em 0 }
h3              { font-size: 1.9em; margin: 1.3em 0 }
h4              { font-size: 1.6em }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.8em 0 }
h5              { font-size: 1.3em; margin: 2.4em 0 }
h6              { font-size: 1.2em; margin: 2.7em 0 }
p				{ font-size: 1.4em }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.9em }
small, sub, sup { font-size: 1.3em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/*-------------------------------------------------------------------STANDARD FONTS*/
.ari { font-family:Arial, Helvetica, sans-serif; }
.geo { font-family:Georgia, "Times New Roman", Times, serif; }
.luc { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.pal { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.con { font-family:"Lucida Console", Monaco, monospace; }
.tah { font-family:Tahoma, Geneva, sans-serif; }
.tre { font-family:"Trebuchet MS", Helvetica, sans-serif; }
.ver { font-family:Verdana, Arial, Helvetica, sans-serif; }

/* Contents Styles
----------------------------------------------------------------------------------------------------*/
body { background-color:black; margin:30px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
.round, .round2 { width:8px; height:8px }
.rite { float:right }
.left { float:left }

/* Header
----------------------------------------------------------------------------------------------------*/
#header { background: white url(/wp-content/themes/malikaholic/images/logo.gif) center center no-repeat; height:92px }
#header .round.rite { background:url(/wp-content/themes/malikaholic/images/header_tr.gif) no-repeat  }
#header .round.left { background:url(/wp-content/themes/malikaholic/images/header_tl.gif) no-repeat  }

/* Nav-Bar
----------------------------------------------------------------------------------------------------*/
#nav-bar { background-color:white; border-top:1px solid #f0f0f0 }
#nav-bar ul { margin:0;}
#nav-bar li {display:inline;  padding:.8em; margin:0; font-size:1.2em; }
#nav-bar :link, #nav-bar :visited { text-decoration:none; color:#999 }
#nav-bar :hover { color:black }
#nav-bar li.current-cat a, #nav-bar li.current_page_item a, #nav-bar li.current-cat-parent a{ color:orange }
#nav-bar .thumb { display: table; height: 33px; width: 100%; #width: 210px; #position: relative; overflow: hidden; text-align:center; } 
#nav-bar .middle { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } 
#nav-bar .inner { #position: relative; #top: -50%; } 

/* Front Page
----------------------------------------------------------------------------------------------------*/
#front-page { background-color:#111 }
#front-page .round.rite { background:url(/wp-content/themes/malikaholic/images/content_br.png) no-repeat;left: 932px; top:588px; position:absolute; z-index:2000; }
#front-page .round.left { background:url(/wp-content/themes/malikaholic/images/content_bl.png) no-repeat;left: 0px; top:588px; position:absolute; z-index:2000; }
#front-page p { margin:0; }
/* content
----------------------------------------------------------------------------------------------------*/
#content { background-color:#111; padding:20px 10px 0; min-height:490px;}
#content p {margin:0 }

#bottom { background-color:#111; height:8px;}
#bottom .round.rite { background:url(/wp-content/themes/malikaholic/images/content_br.png) no-repeat  }
#bottom .round.left { background:url(/wp-content/themes/malikaholic/images/content_bl.png) no-repeat  }

#bottom2 { background-color:#f8f8f8; height:8px;}
#bottom2 .round2.rite { background:url(/wp-content/themes/malikaholic/images/btm_br.gif) no-repeat  }
#bottom2 .round2.left { background:url(/wp-content/themes/malikaholic/images/btm_bl.gif) no-repeat  }

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer { font-size:9px; color:#333; margin-bottom:30px; }
#footer :link, :visited { color:#666; text-decoration:none }
#footer :hover { color:white }

/* Thumbnails
----------------------------------------------------------------------------------------------------*/
.thumbnails { border:1px solid #282828; width:210px;float:left; margin:9px; background-color:#0e0e0e;}
.thumbnails p { font-size:11px; color: #CCCCCC }
.thumbnails .thumb { display: table; height: 210px; width: 210px; #width: 210px; #position: relative; overflow: hidden; text-align:center; } 
.thumbnails .middle { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } 
.thumbnails .inner { #position: relative; #top: -50%; } 
.thumbnails .input-box { text-align:center; font-size:24px; border:0; height:30px; margin:3px 0; padding:0 20px; background:url(/wp-content/themes/malikaholic/images/input_bg.gif) center center no-repeat  }
.thumbnails .caption { padding:5px; position:absolute; display:block; margin-top:-40px; width:200px; color:white; font-size:12px }
.thumbnails span {width:200px; height:100px; background-color:#006600; position:absolute; margin-top:100px; background:url(/wp-content/themes/malikaholic/images/lock.png) center top no-repeat  }

/* Nav List
----------------------------------------------------------------------------------------------------*/
#nav-list { text-align:center; padding:5px 0; font-size:11px; }
#nav-list :link, #nav-list :visited { padding:0 5px; text-decoration:none; color:#666 }
#nav-list :hover { text-decoration:underline; color:white }

/* Category: Clients
----------------------------------------------------------------------------------------------------*/
.clients { padding:0; margin:0 }
.clients li a{ border:1px solid #282828;width:150px; padding:110px 30px 0; height:100px;float:left; margin:9px; background:#0e0e0e url(/wp-content/themes/malikaholic/images/lock.png) center 30% no-repeat; text-align:center; display:block; font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; color:white;  }
.clients li :hover { border:1px solid #666; background-color:#222; color:white }

/* Form
----------------------------------------------------------------------------------------------------*/
#content-page2 { background-color:#f8f8f8; color:black;padding:20px 40px 30px; min-height:490px; }
fieldset { background-color:#fff; border:1px solid #ccc; width:475px; color:#444; padding:0 20px; margin-left:auto; margin-right:auto; }
.form-fields { margin:0 20px; background-color:#fefefe; }
fieldset p { font-size:12px; }
legend { font-size:16px; padding:5px 10px; }
.input { padding:10px; clear:both; border-bottom:1px dotted #ccc; }
label { font-size:11px; line-height:25px; float:left; margin-left:15px; }
#content-page2 small { font-size:9px; line-height:25px; font-style:italic; color:#FF6600; margin-left:5px; }
#content-page2 .input input { height:25px; width:230px; float:right; background-color:#f8f8f8; border:1px solid #ccc; }
#content-page2 .button input { padding:10px 20px; }
#content-page2 textarea { width:230px; height:100px; float:right; background-color:#f8f8f8; border:1px solid #ccc; }
#content-page2 .button { padding:10px 0 20px; }
#content-page2 .clr { height:0; clear:both; }
input:focus, textarea:focus{
background-color: lightyellow;
}