@charset "UTF-8";
/* CSS Document */


/* ............................................................ */
/*   				--  Salman Hashmi  --
/* ............................................................ */

{
	margin:0px;
	padding:0px;
}


ol,ul {
	list-style:none;
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 

font-family: helvetica, arial, sans-seriff;
font-size: 12px;
}

h1 {

font-family: arial, helvetica, sans-seriff;
font-size: 20px;
font-weight: 100; 
color: #ff9933; 
text-align: left;
letter-spacing: 1px;

margin-top: 10px;
margin-bottom: 10px;

}


p {

font-family: arial, helvetica, sans-seriff;
font-size: 11px;
font-weight: 100; 
color: #CCCCCC; 
text-align: left;
letter-spacing: 1px;

}





/* .................LINKAGE.................. */

a:link { text-decoration: none; font-size: 12px; color: #CCCCCC; }
a:hover { text-decoration: none; font-size: 12px; color: #FFFFFF;}
a:active{ text-decoration: none; font-size: 12px; color: #CCCCCC; }
a:visited { text-decoration: none; font-size: 12px; color: #CCCCCC; }

/* .................NAV MENU.................. */

.categorylinks{
margin: 5px auto 5px 18px;
padding: 0;

}

.categorylinks li{
padding-bottom: 5px;
padding-right: 5px;
}

.categorylinks li a{
margin-left: -3px;
padding: 3px 1px;
padding-right: 10px;
font-size: 12px;
display: block;
color: #333333;
text-decoration: none;
background-color: #ff9933;
}

.categorylinks a:hover { color: #ff9933; text-decoration: none; background:none; }


/* ...........LAYOUT.............. */

#nav { 
margin-right: 30px;
line-height: 15px;
width: 150px;
height: 900px;
color:#ff9933;
float: left;
text-align: right;
}


#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 200px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ff9933;
color: white;
}

#framecontent img {margin-left: 50px; border: 0px;}

#maincontent{
position: fixed;
top: 0; 
left: 200px; /*Set left value to WidthOfFrameDiv*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
right: 0;
bottom: 0;
overflow: auto; 
background-image: url(../img/bak2.gif);
background-repeat: repeat;
color:#CCCCCC;
background-color: #333333;
line-height: 14px;
}



#toptitle {
margin: 0px;
padding: 0px;
width: 500px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
float: left;
} 

#title {
margin: 0px;
padding: 0px;
width: auto;
float: left;
}


#feature {
margin-top: 10px;
height: auto;
width: 500px;
overflow: hidden; 

float: left;
}

#feature a { border: 0px; margin: 0px 1px 0 0;}
#feature a:hover { border-bottom: 1px solid #ff9933; margin: 0px 1px 0 0;}

#dynamic_feature {
margin-top: 10px;
height: auto;
width: 500px;
float: left;
}

#form {
margin: 10px;
height: auto;
width: 350px;
float: left;

font-family: arial, helvetica, sans-seriff;
font-size: 16px;
font-weight: 100; 
color: #ff9933; 
text-align: left;
letter-spacing: 1px;

}

#form a:link { text-decoration: none; font-weight: 100; font-size: 16px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}
#form a:hover { text-decoration: none; font-weight: 100; font-size: 16px; color: #CCCCCC; background: none; font-family: arial, helvetica, sans-seriff;}
#form a:active { text-decoration: none; font-weight: 100; font-size: 16px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}
#form a:visited { text-decoration: none; font-weight: 100; font-size: 16px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}

#bottomtitle {
margin-top: 10px;
padding: 0px;
width: 500px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
float: right;
}

#cats {
margin: 0px;
padding: 0px;
width: auto;
float: right;
} 

#cats a:link { text-decoration: none; font-weight: 100; font-size: 20px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}
#cats a:hover { text-decoration: none; font-weight: 100; font-size: 20px; color: #CCCCCC; background: none; font-family: arial, helvetica, sans-seriff;}
#cats a:active { text-decoration: none; font-weight: 100; font-size: 20px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}
#cats a:visited { text-decoration: none; font-weight: 100; font-size: 20px; color: #ff9933; background: none; font-family: arial, helvetica, sans-seriff;}


#subfeature {
margin-top: 10px;
height: 150px;
width: 500px;
float: right;
}

#subfeature a { text-decoration: none; font-size: 12px; color: #ff9933; background: none;}
#subfeature a:hover { text-decoration: none; font-size: 12px; color: #CCCCCC; background: none;}

.innertube{
margin: 25px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-left: -20px;
overflow: hidden; 
position: relative;
width: 680px;
top: 10%;
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/* .............................. */
/* Dynamic Image Navigation */
/* .............................. */

#image-navigate {
	padding-top:10px;
	height:auto;
	width:100%;
	margin:0px auto;
	}
	
#image-navigate a  { text-decoration: none; font-size: 12px; color: #ff9933; background: none;}
#image-navigate a:hover { text-decoration: none; font-size: 12px; color: #CCCCCC; background: none;}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}
	
/* .............................. */
/* Dynamic Pages */
/* .............................. */

#page {
	border:1px solid #ccc;
	padding:20px;
	text-align:left;
	width:65%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	}

#page a {
    font-weight:bold;
	}
	
#page img {
	background:#ffffff;
    padding:0px;
	border:0px solid #ccc;
	}
	
.column{
	width:48%;
	text-align:left;
	vertical-align:top;
	padding:5px;
	}
	
.thumbnails {
	border:0px solid #666666;
	padding:0px;
	margin-top: 3px;
	}