/*---------------------------
Styles for Hijabman
Author: Destry Wion
Modified: Fathima Cader
Created: 11 May 2006
Last Revised: March 2009
---------------------------*/

/*______________BASE RULES______________
---------------------------------------------------------*/

body {
        font-size: 80%;
        color: #333;
	margin: 0;
        padding: 0;
        background: url(../images/bg4.gif) top left repeat;
        }

#accessibility {display: none;}

#container {
	margin: 0 auto 0 auto;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
	padding: 0;
	max-width: 80em;
        min-width: 765px;
        }

#container { background: #fff; }


/*______________BANNER RULES______________
-----------------------------------------------------------*/
#barlinks {
	background: #C90;
	padding: 10px;
	margin: 0;
	text-align: right;
	}
	#barlinks li {
		list-style: none;
		text-align: right;
		display: inline;
		padding: 0;
		margin: 0;
		font: bold 0.9em helvetica, verdana, tahoma, sans-serif;
		}
		#barlinks a {
			background: #930;
			padding: 0.4em 0.8em;
			color: #FFF;
			text-decoration: none;
			}
			#barlinks .hm a {
				background: #C65600;
				}				
			#barlinks .hmf a {
				background: #683000;
				}				
				#barlinks a:hover {
					background: #960;
					}

#header {
	height: 400px;
	background: #C90 url(../images/headerbg/rotate.php) 0 70px no-repeat;
	position: relative;
	}
#headerinner {
	border-bottom: 3px solid #C90;
	height: 80px;
	background: #FFF;
	position: relative;
	}
	#header #intro {
		width: 350px;
		position: absolute;
		left: 10px;
		bottom: 5px;
		}
		#header #intro p {
			font: 0.9em tahoma, verdana, helvetica, sans-serif;
			margin: 0;
			color: #852B00;
			font-weight: bold;
			}
	#header #newsletter {
		text-align: right;
		width: 230px;
		padding: 10px;
		background: #C90;
		position: absolute;
		right: 0;
		bottom: 0;
		}
		#header #newsletter p {
			font: 0.9em tahoma, verdana, helvetica, sans-serif;
			margin: 0;
			text-align: right;
			color: #FFF;
			}
		#header #newsletter input {
			display: inline;
			text-align: right;
			}
				
	#header #nav {
		list-style: none;
		margin: 0;
		padding: 0 0 20px 0;
		text-align: center;
		position: absolute;
		border-bottom: 3px solid #C90;
		width: 100%;
		bottom: 0;
		}
		#header #nav li {
			text-align: center;
			display: inline;
			padding: 0 0.8em;
			text-transform: uppercase;
			height: 50px;
			font: bold 1.8em helvetica, verdana, tahoma, sans-serif;
			}
			#header #nav li a {
				text-decoration: none;
				color: #FFF;
				position: relative;
				z-index: 24;
				}
				#header #nav li a:hover {
					color: #C90;
					z-index: 25;
					}
			#header #nav li a span{
					display: none;
					}
			#header #nav li a:hover span{
				display:block;
				position:absolute;
				bottom:2.4em; 
				left:-4em; 
				font-size: 0.6em;
				width:15em;
				padding: 1em;
				border: 1px solid #FFF;
				background-color:#C90; 
				color: #FFF;
				text-align: center;
				text-transform: none;
				}

/*__________MAIN CONTENT AREA___________
----------------------------------------------------------*/

#mainwrap,
#mcaarch {
        width: auto;
	margin: 0;
        border: 0;
	padding: 0 2em 2em 2em;
        background: transparent;
        clear: both;
        }

/*
** Common Across All Framework
*/

#mca, #mcahalf {
        float: left;
	margin: .5em 0 2em 0;
        border: 0;
        padding: 0;
	}

#side, #sidehalf {
        float: right;
	margin: 1em 0 2em 0;
        border-left: 1px dotted #5a5d3e;
        padding-left: 2em;
        padding-bottom: 305px;
        background: url(../images/28.png) bottom center no-repeat;
        }

/*
** Most Section Framework
*/

#mca  { 
        width: 62.5%;       /* 46.5em */
        margin-right: 1em;
        } 

#side { width: 31.5%; } /* 25em */

.a, .b, .c, .d {
        margin: 0;
        border-bottom: 1px dashed #ddccc6;
        padding: .5em 0 .5em 0;
        background: transparent;
        width: auto;
        }

.d { border-bottom: none; }

/*
** Split Framework
*/

#mcahalf { width: 51%; } /* 38em */
#sidehalf { width: 43%; } /* 34em */
#brief { width: auto; }
#sidehalf-a, #sidehalf-b { width: 45%; }

#sidehalf-a {
        float: left; 
        }

#sidehalf-b {
        float: right; 
        }

#ads {
        border-top: 1px dashed #ddccc6;
        clear: both; /* Clears double column floats. */
        }

/*
** Archive Framework
*/

.archcols {
        float: left;
        width: 30%;
        margin: 0 .2em 0 .2em;
        padding: .7em 0 .7em 0;
        }

.archcols ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }

.archcols ul li {
        margin: 0;
        padding: 0;
        }

/*__________FOOTER RULES___________
--------------------------------------------------*/

#foot {
        text-align: center;
	margin: 0;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        padding-left: 1em;
        width: auto;
        background: #50543c;
        clear: both; /* clears mainwrap floats */
        }

.footnotes {
        font: normal .85em verdana, tahoma, helvetica;
        margin: .8em 0 .8em 0;
        color: #cccc99;
        text-align: left;
        }

/*__________STANDARD TEXT RULES_____________
--------------------------------------------------------------*/

h1, h2, h3, h4 { 
        font-family: tahoma, verdana, helvetica, sans-serif;
        letter-spacing: 1px;
        }

h1, h2, h3, h4, p {
        text-align: left;
        padding: 0;
        }

h1 {
        font-size: 1.5em;
        margin: 1em 0 0 0;
        }

h2 { font-size: 1.3em; }

h3 {
        font-size: 1.1em;
        margin-bottom: .5em;
        }

h4 {
        font-size: 1em;
        margin-bottom: .5em;
        }

ol, ul { }

p, li, blockquote {
	font-size: 1em;
        font-family: tahoma, helvetica, verdana, sans-serif;
        line-height: 1.5; 
        }

li { padding: .3em 0 .3em 0;  }

blockquote {
        font: italic normal .95em georgia, times, serif;
        letter-spacing: 1px;
        color: #800000;
	text-align: left;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 90%
        }

.bqsource {
        font: normal .9em georgia, times, serif;
        letter-spacing: normal;
        color: #000;
	line-height: 1;
        margin-left: 25%;
        }

pre {
        font-size: 1.1em;
        color: #000;
        margin-left: 10px;
        border-left: 2px solid #999;
        padding-left: 5px;
        }

code {
     font-size: 1.2em;
     background: #efefef;
     }


/*__________COLUMN RULES_____________
------------------------------------------------------*/

#brief p {
        font-size: .9em;
        font-family: tahoma, helvetica, arial, sans-serif;
        letter-spacing: 1px;
        line-height: 1.3;
        padding: 0;
        }

#side h3, #sidehalf h3,
.archcols h3 {
	font-size: 1.1em;
        margin: .3em 0 .3em 0;
        }

#side ul, #sidehalf ul {
        margin: 0;
        padding: 0 0 .5em 0;
        }

#side li, #sidehalf li {
        list-style: none;
        font-size: .9em;
        font-family: tahoma, helvetica, arial, sans-serif;
        letter-spacing: 1px;
        line-height: 1.2em;
        margin: 0
        padding: 0; 
        }

li a.floral {
        display: block;
        font-weight: bold;
        text-decoration: none;
        padding-left: 19px;
        background: url(../images/lst-floral.png) left .2em no-repeat;
        }

div.a li, div.b li, div.c li, div.d li {
        margin-bottom: 0;
        }

#side .a p, #side .b p, #side .c p, #side .d p,
#sidehalf-a p { margin: .1em 0 0 19px; }

.listdate {
        font-size: .85em;
        color: #999;
        }

.tonedown, .toneup { letter-spacing: 0; }
.tonedown { color: #a5b0a2; }
.toneup { color: #666; }

#sidehalf a.title,
.archcols li a.title, {
	font-size: .95em;
        font-weight: bold;
        text-decoration: none;
        margin: .2em 0 .2em 0;
        }

.archcols li p {
        font: normal .85em tahoma, helvetica, arial, sans-serif;
        letter-spacing: normal;
        margin: .1em 0 0 0;
        }

/*________________IMAGE RULES_______________
--------------------------------------------------------------*/

img {
        margin: 0;
        border: 0;
        padding: 0;
        background: transparent;
        }

div.cent { /* used to center certain graphics, not pictures */
        text-align: center;
        margin: 0 auto 0 auto;
        }

.pixinflow { border: 1px solid #000; }

.pixnorm { /* pix box not floated. */
        margin: 0;
        }

.pixleft { /* pix box floated left. */
        float: left;
        margin: .5em 1.5em 0 0;
        }

.pixright { /* pix box floated right. */
        float: right;
        margin: .5em 0 0 1.5em;
        }

.pixnorm, .pixleft, .pixright { 
        border: 1px solid #000;
        padding: 0;
        }

#sidehalf-b img {
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #999;
        width: 13em;
        height: 13em;
        }

/*________________LINKS RULES_______________
--------------------------------------------------------------*/

/*
***********  Common Link Rules
*/

a, a:visited { color: #488214; }

a:hover, a:active { color: #669966; }

/*
***********  Text Header Mods
*/

h1 a, h2 a, h3 a, h4 a, h5 a,
.archcols li a { text-decoration: none; }

h2 a { border: 0px; }

/*
***********  Footer Mods
*/

#foot a, #foot a:visited {color: #669966; }
#foot a:active, #foot a:hover {color: #FFF; }


/*________________FORM RULES________________
--------------------------------------------------------------*/

form {
        margin: 0;
        border: 0;
        background: transparent;
        }

fieldset {
        margin-bottom: 2em;
        padding-left: 1em;
        background: url(../images/bg-contactform.png) top right repeat-y;
        }

fieldset, legend, input, textarea {
        border: 1px solid #cccc66;
        }

legend {
        font: bold 100% "trebuchet ms", verdana;
        margin: 1em 0 1em 0;
        padding: .2em;
        background: #fff;
        }

input, select, textarea {
        margin: 0;
        }

p.formlabels {
	font-size: 1em;
        line-height: 1.4em;
        }

.commess { /* defines text above comments form */
        font-style: italic;
        color: #666;
        }

#usersquak { 
        width: 55%;
        border-top: 1px single #ccd7c1;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        background: transparent;
        }

#usersquak input, 
#usersquak select, 
#usersquak textarea {
        margin: 0;
        border: 2px single #a3b78e;
        }

/*________COMMENTS OUTPUT RULES____________
--------------------------------------------------------------*/

.comments { 
        font-size: .85em;
        font-family: tahoma, helvetica, arial, sans-serif;
        line-height: 1.5;
        }

/*
********* Contact Form Specific
*/

.selectcontrol, .emailcontrol, 
.txtareacontrol, .txtcontrol {
        font-family: tahoma, helvetica, verdana, sans-serif;
        }

label.zemRequired {
        font-weight: bold;
        }

p.formnote {
        font: 80% verdana, helvetica, sans-serif;
        }

/*___________MISCELLANEOUS RULES___________
--------------------------------------------------------------*/

/*
****** Article Metadata Rules
*/

.articlemeta, 
.tagline {
       font-size: .85em;
       line-height: 25px;
       margin-top: 0;
       padding: 0 0 0 25px;
       background: #fff url(../images/bg-artmeta.png) top left no-repeat; 
       }

.articlemeta { color: #a5b0a2; }

.brightner,
.tagline { color: #505b4d; }

/*
****** Notebox Rules
*/

div.notebox {
        margin-left: auto;
        margin-right: auto;
        border-top: 2px solid #c5c58b;
        border-bottom: 2px solid #c5c58b;
        background: #d6d6ad;
        width: auto;
        }

p.notes {
        font: normal .9em verdana, helvetica, tahoma, sans-serif;
        line-height: 1.5;
        margin-left: 1em;
        margin-right: 1em;
        }

/*
****** Plugin Definition List Rules (Technics Page)
*/

dl.plugins-list dt {
        font: bold .9em tahoma, helvetica, arial, sans-serif;
        letter-spacing: 1px;
        line-height: 1.2em;
        list-style: none;
        margin: .8em 0 0 0;
        padding: 0 0 0 19px;
        background: url(../images/lst-floral.png) left .3em no-repeat;
        }

dl.plugins-list dd {
        font: normal .9em tahoma, helvetica, arial, sans-serif;
        letter-spacing: normal;
        line-height: 1.5;
        margin-left: 15px;
        }

/*_____________STORE RULES______________
---------------------------------------------------------*/

.storeitem {
        float: left;
        width: 30%;
        margin: 1em .75em;
        border-bottom: 1px solid #999;
        padding: 0 0 1em 0;
        }

.storeitem img {
        width: 175px;
        height: 190px;
        margin: 0;
        border: 0;
        padding: 0;
        }

.ppbuttonbox { margin: 0 .25em 0 .25em; }

p.ppbutton { margin: .4em 0 .4em 0; }

form.cart input { border: 0; }

.storeitem ul {
        list-style-type: circle;
        list-style-position: inside;
        margin: .3em 0 0 .5em;
        padding: 0;
        }

.storeitem p,
.storeitem li {
        font-size: .8em;
        font-family: verdana, arial, sans-serif;
        }

p.storedesc { margin-bottom: 0; }

#clearit { clear: both; }



/*___________FLICKR GALLERY RULES___________
--------------------------------------------------------------*/

.setpreview {
        margin: 0 2em 1em 2em;
        }

.setpreview .thumbnail {
        float: left;
        margin-right: 1em;
        }

.flickrset a {
        border:  2px solid #999900;
        width: 75px;
        height: 75px;
        background: #e8fcc9;
        float: left;
        margin: 10px;
        padding: 5px;
        }

.flickrset a:hover {
        background: #999900;
        }

.flickrset img {
        border: 0;
        }

.pages_nav {
        clear: both;
        }

.individual {
        padding: 0 2em;
        }

.individual .image {
        margin: 0.5em auto;
        text-align: center;
        }

.individual .image img {
        }

.individual .flickrsetnav {
        text-align: center;
        }

.individual .flickrsetnav a,
.individual .flickrsetnav a:link,
.individual .flickrsetnav a:visited {
        text-decoration: none;
        }

.individual .setname {
        display: inline;
        }