/**
  Theme Name: Khawar's Portfolio
  Theme URI: http://www.wirepaq.com/worpdress
  Version: 1.0
  Author: Sajid Iqbal
  Author URI: http://www.wirepaq.com
  Tags: custom, portfolio 
  Description: A custom theme for Khawar Bilal Portfolio.
*/



body {
	background: transparent;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: rgb(105,105,105);
}

#container {	
	margin: 0 auto;
	padding: 0 25px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

.index-container{
	width: 607px !important;
}

a {
	color: rgb(95,85,125);
	text-decoration: underline;
}

a:hover {	
	text-decoration: none;
}

a img, img {
	border: none;
	outline: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.clear {
	clear: both;
	display: block;
}

#wpcf {
	width: 425px;
}

input[type=checkbox] {
	position: relative;
	top: 2px;
	margin: auto 5px auto 0;
}

input[type=text], #wpcf_email, #wpcf_name, #wpcf_website, textarea {
	background: #f2f2f2;
	border: 1px solid #cdcdcd;
	padding: 6px;
	font-family: arial, inherit;
	font-size: 13px;
	color: 4d4948;
	margin: 0 0 5px;
	width: 400px;
	line-height: 22px;
}

.direct-contact {
	margin: 45px 0 0;
}

.direct-contact h2{
	background: none !important;
	padding: 0 !important;
	margin: 0;
	color: rgb(105,105,105) !important;
}

.direct-contact ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.direct-contact ul li {
	background: url(images/bullet_small.gif) no-repeat left;
	padding: 0 0 0 14px;
}

.direct-contact ul li a {
	text-decoration: none;
}

.direct-contact ul li a:hover {
	text-decoration: underline;
}

/*HEADER*/
#header {
	clear: both;
	background: rgb(95,85,125);
	overflow: hidden;
	height: 170px;
	margin: 0 0 70px;
}

#header-wrapper {
	text-align: left;
	margin: 0 auto;
	width: 760px;
	color: #fff;
	text-transform: uppercase;
}

#header-wrapper a {
	text-transform: uppercase;
	color: #fff;
}

.topnav {
	padding: 0; margin: 10px 0 0;
	list-style: none;
}

.topnav li{
	display: inline;	
}

.topnav li a{
	float: left;
	margin: 0 0 0 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.topnav li a:hover {
	text-decoration: underline;
}

.topnav .current_page_item a,
.topnav li.current_page_item a:visited {
	color: #FF693b !important;
}

.nav {
	padding: 0; margin: 90px 0 0;
	list-style: none;
}

.nav li{
	display: inline;	
	float: left;
}

.nav a{
	margin: 0 20px 0 0;
	text-decoration: none;
}

.nav a:hover{
	text-decoration: underline;
}

/*CONTENT*/
#content {
	clear: both;
	overflow: hidden;
}

#content h2,
h2#recent {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: url(images/bullet.gif) left center no-repeat;
	padding: 0 0 0 18px; 
	color: rgb(95,85,125);
}

.index {
	margin: 160px auto 100px auto;
	width: 607px;
	height: 243px;
	background: #ededed;
	font-family: georgia, times, serif;
}

.index .wrapper{
	overflow: hidden;
}

.index .intro {
	width: 365px;
	padding: 21px 0 0px 25px;
}

.index .intro h2{
	color: #ff693b!important;
	font-size: 20px!important;
	text-transform: capitalize!important;
	margin: 0 0 4px!important;
	padding: 0!important;
	background: none !important;
	letter-spacing: 0px !important;
}

.index .intro p{
	margin: 0 !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	line-height: 21px;
	font-size: 13px;
	color: #77787b;
}

.index .work{
	margin: 28px 0 0 90px;
}

.index .work a{
	color: #fff;
	text-decoration: none;
	width: 45px;
	height: 187px;
	text-indent: -9999px;
	background: url(images/work.gif) no-repeat top left;
	display: block;
}

.index .work a:hover {
	background-position: top right;
}

.index .contact{
	margin: 28px 35px 0 0;
}

.index .contact a{
	background: #FF693b url(images/contact.gif) no-repeat;
	display: block;
	width: 22px; height:79px;
	text-indent: -9999px;
	margin: auto 0;
	border: 0 none;
	vertical-align: middle;
}

.index .contact a:hover {
	background-position: top right;
}

.galleries {
	padding: 0;
	margin: 0 0 40px;
	list-style: none;
	overflow: hidden;
}

.galleries li{
	display: inline;
	float: left;
	margin-bottom: 26px;
}

.galleries li.odd {
	margin-left: 23px;
	margin-right: 23px;
}

.galleries li.orange .ngg-gallery-thumbnail a:hover .ngg-caption {
	background: rgb(255,105,69) !important;
}

.stimuli_caption {
	display: none;
}

.grey {
	background: #e5e5e5;
	padding: 20px 0 35px 0;
	overflow: hidden;
}

.grey h2 {
	background: url(images/bullet_greybg.gif) no-repeat left !important;
}

.grey .galleries {
	margin: 0;
}

/*FOOTER*/
#footer {
	clear: both;
	overflow: hidden;
}

.footer-links {
	list-style: none;
	padding: 0;	
	margin: 0 0 30px;
}	

.footer-links li {
	background: url(images/bullet.gif) no-repeat left center;
	padding-left: 18px;
}

.footer-links li a{
	padding-right: 5px;
}


#contactsubmit {
	background: #FF693b url(images/submit.gif) no-repeat;
	display: block;
	width: 67px; height:25px;
	text-indent: -9999px;
	margin: 15px 0 0;
	border: 0 none;
	cursor: pointer;
}

.top {
	background: #FF693b url(images/top.gif) no-repeat;
	display: block;
	width: 105px; height:25px;
	text-indent: -9999px;
	border: 0 none;
	margin: 10px 0 20px 0;
}


#contactsubmit {
	margin: 10px 10px 0;
}