/*

Theme Name: wasif

Author: wasif

Author URI: http://www.competingdesigns.com/

*/



* {

	margin: auto; padding: 0;

}



body {

	background: #F7F6F6 url(images/colors/bluebg.png) repeat;

	margin: auto auto;

}



img {

	border: 0;

}



/***** Main Table *****/

.aniColors{

	background-image:url(images/colors/bluebg.png);

	border: solid 1px #0066CC;

}

/***** Company Name "Competing Designs" *****/

.cName{

font:Arial, Helvetica, sans-serif;

font-size:26px;

font-weight:600;

color:#0066CC;

}

/***** Company Slogan "Web Development & Graphic Design Solutions" *****/

.cSlogan{

font:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:200;

color:#0066CC;

}

/***** Menu Buttons *****/

.button{

background-image:url(images/buttons/blue.png);

background-repeat:no-repeat;

background-position:top;

border:none;

}

/***** Main Table *****/

.mTable{

background-color:#FFFFFF;

border: 1px solid #CCCCCC;

}



/************************ LINKS *************************************/

a:link {color:#000000;  text-decoration: none;}

a:visited {color:#000000; text-decoration: none;}

a:hover {color:#0066CC; text-decoration: none;}





/************************ TEXT *************************************/

.heading{

	font-family: tahoma;

	font-size: 12px;

	font-weight: normal;

	color:#000000;

	line-height:10pt;

	}

	

.heading2{

	font-family: tahoma;

	font-size: 15px;

	color:#000000;	

	line-height:15pt;

	}



.text{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color:#000000;

	line-height:10pt;

	}

	

/***** Arrow *****/

.arrow{

background-image:url(images/colors/blue_arrow.png);

background-repeat:no-repeat;

}



/***** Tick *****/

.tick{

background-image:url(images/colors/blue_tick.png);

background-repeat:no-repeat;

}



/***** Box *****/

.squares{

border: solid 1px #0066CC; 

}


.ToolTips

{

background-color:#ffffff;

border: solid 1px #0066CC; 

}



search {

		float:right;

		width: 270px;

		height: 52px;

		background: url(images/search.gif) no-repeat 0px 13px;

		margin-right: 70px;

		padding-top: 1px;

		color: #993300;

		font-size: 1.5em;	

	}



	#header .ad {

		padding:20px 20px 20px;

	}



	#header .pages {

		list-style-type: none;

		clear: both;

		height: 22px;

		overflow: hidden;

	}



		#header .pages li {

			padding-right: 2px;

			background-image:url(images/colors/bluebg.png);

			font-family:Arial, Helvetica, sans-serif;

			font-size: 1em;

			font-weight:bolder;

			text-transform:uppercase;

		}



		#header .pages li a {

			color: #ffffff;

			text-decoration: none;

			display: block;

			padding: 7px 14px;

		}



		#header .pages li a:hover {

			text-decoration: underline;				

		}


#slideshow {
    position:relative;
    height:180px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** END header **/



/** BEGIN content **/

#content {

	width: 700px;

	float: left;

	padding: 0px 0 10px;

}



	#content h2 {

		color: #ffffff;

		text-transform: uppercase;

		margin-bottom: 20px;

	}



	#content .post {

		color: #000000;

		width: 620px;

		float: left;

		padding: 10px 10px 15px;

		border: 1px solid #0066CC;

		background-image:url(images/colors/bluebg.png);

		margin-bottom: 10px;

		margin-left: 20px;

	}



		#content .post h3 {
			margin-bottom: 10px;
			font-size: 1.2em;

		}
			#content .post h3 a {
				color: #0066cc;
			}

			#content .post h3 a:hover {
				color: #ffffff;
			}

		#content .post h4 {
			float:right;
			text-decoration:underline;
			margin-right:20px;
			font-size: .9em;
		}
			#content .post h4 a {
				color: #0066cc;
			}

			#content .post h4 a:hover {
				color: #ffffff;
			}


		#content .post img {

			padding: 2px;

			border: 1px solid #0066CC;

			float: left;

			margin: 5px 40px 5px 0;

		}

		#content .post p {

			line-height: 1.5em;

			font-size: .9em;

		}


		#content .post .category {

			clear: both;

			font-weight: bold;

			font-size: 0.9em;

			padding-top: 10px;

		}



		#content .post .comments {

			font-weight: bold;

			float: right;

			font-size: 0.9em;

			padding-top: 10px;

		}



	#content .uneven {

		float: left;

		clear: both;

	}



	#content .postnav {

		clear: both;	

		padding: 10px 0;

	}



		#content .postnav ul {

			list-style-type: none;

			padding: 10px;

		}



			#content .postnav ul li {

				float: left;

				color: #B5B4BC;

				padding: 4px;

			}



			#content .postnav ul li a {

				color: #636363;

				text-decoration: none;

				display: block;

				padding: 2px 6px;

				border: 1px solid #0066CC;

			}



			#content .postnav ul li a:hover {

				border-color: #0066CC;

			}


			#wp_page_numbers {

				background-color: #ffff99;

			}



			#wp_page_numbers ul {

				border-top: 0 !important;

				background-color: #ffff99;

			}





			#wp_page_numbers li {

				border-color: #0066CC;

				background-color: #ffff99;

			}			





			#wp_page_numbers .page_info {

				padding: 3px 6px !important;

				background-color: #ffffff;

				margin-right: 2px;

				border: 1px solid #0066CC !important;

				margin-top: 2px;

			}



			#wp_page_numbers .active_page a {

				background-color: #ffff99 !important;

				border: 1px solid #0066CC !important;

			}



/** END content **/



/** BEGIN sidebar **/

#sidebar {

	width: 240px;

	float: right;

	padding: 20px 0 10px;

	margin-right: 1px;

}



	#sidebar ul {

		color: #993300;

		font-weight:bold;

		list-style-type: none;

		margin-bottom: 2px;

	}



		#sidebar ul li {

			line-height: 1.5em;

			background-color:#FFFFFF;

			padding: 2px 15px;

			background: url(images/line.gif) repeat-x 0 0;

		}



		#sidebar ul li a {

			color: #000000;

			text-decoration: none;

		}



		#sidebar ul li a:hover {

			color: #CA5518;

			text-decoration: underline;

		}



	#sidebar .box {

		background-color: #ffffff;

		margin-bottom: 10px;

	}



		#sidebar .box h2 {

			background-image:url(images/colors/bluebg.png);

			color: #ffffff;

			padding: 10px 10px;

			font-size: 0.9em;

			text-transform: uppercase;

		}



		#sidebar .box .popular {



			list-style-type: none;



			padding: 14px;



		}



			#sidebar .box .popular li {



				line-height: 1.4em;



				padding: 4px 0;



			}



			#sidebar .box .popular li a {



				font-weight: bold;



				color: #CA5518;



				text-decoration: underline;



			}



			#sidebar .box .popular li p {



				padding: 4px 0;



			}





		#sidebar .box .tags {



			padding: 15px;



		}



			#sidebar .box .tags a {



				color: #000000;



				text-decoration: none;



			}



			#sidebar .box .tags a:hover {



				color: #CA5518;



				text-decoration: underline;



			}





	#sidebar .box .half {



		padding: 20px 45px 20px;



	}





		#sidebar .featured {

		color:#993300;

		height: 400px;

		margin-bottom: 10px;

		vertical-align:top;

	}



		#sidebar .featured h2 {

			background-image:url(images/colors/bluebg.png);

			color: #ffffff;

			padding: 10px 10px;

			font-size: 0.9em;

			text-transform: uppercase;

			margin-top: 3px;

			margin-bottom: 20px;

		}



		#sidebar .featured img {

			float: none;

			margin: 0 10px 10px 0;

			border: 1px solid #0066CC;

			padding: 5px;

		}



		#sidebar .featured h3 {

			font-size: 1em;

			margin-bottom: 5px;

		}



			#sidebar .featured h3 a {

				color: #0066cc;

				text-decoration: none;

			}



		#sidebar .featured .details {

			font-size: 0.9em;

			margin-bottom: 15px;

		}



		#sidebar .featured p {

			line-height: 1.4em;

		}



		#sidebar .featured .fpost {

			height: 300px;

		}

	#sidebar .post {

		color: #000000;

		width: 288px;

		float: right;

		padding: 10px 10px 15px;

		border: 1px solid #0066CC;

		margin-bottom: 10px;

	}



		#sidebar .post h3 {

			margin-bottom: 10px;

			font-size: 1.2em;

		}



			#sidebar .post h3 a {

				color: #FFFFFF;

				text-decoration: none;

				margin-bottom: 10px;

			}



		#sidebar .post img {

			width: 90px; height: 90px;

			padding: 4px;

			border: 1px solid #0066CC;

			float: left;

			margin: 0 10px 15px 0;

		}



		#sidebar .post p {

			line-height: 1.4em;

			font-size: 0.9em;

		}



		#sidebar .post .category {

			clear: both;

			font-weight: bold;

			float: left;

			font-size: 0.9em;

			padding-top: 10px;

		}



		#sidebar .post .comments {

			font-weight: bold;

			float: right;

			font-size: 0.9em;

			padding-top: 10px;

		}

/** END sidebar **/





/** BEGIN footer **/



#footer {

	float: none;

	background-image:url(images/colors/bluebg.png);

	padding: 15px 0;

	height: 5px;

	font-size: 0.9em;

}



	#footer .wrapper {

		width: 970px;

		margin: auto auto;

		text-align:center;

	}



	#footer p {

		color: #ffffff;

	}



	#footer a {

		color: #000000;

	}



	#footer a:hover {

		color: #0066cc;

	}



	#footer p.l {

		float: left;

	}



	#footer p.r {

		float: right;

	}



/** END footer **/



/** BEGIN miscellaneous **/

#content .single {

	margin-bottom: 10px;	
}

	#content .single a {
	color:#CA5518;
	}

	#content .single h2 {

		background-image:url(images/colors/bluebg.png);

		padding:10px;

		font-size: 0.9em;

		text-transform: uppercase;

		margin-bottom: 30px;

	}

	#content .single p {

		line-height: 1.5em;
		margin-bottom: 10px;
	}

	#content .single ul, #content .single ol {

		list-style-position: inside;

		margin-bottom: 10px;

	}

	#content .single li {

		line-height: 1.5em;

		padding: 2px 0;

	}



	#content .single blockquote {

		padding: 10px 10px 5px;

		margin-bottom: 10px;

		background-color: #eeeeee;

		border-width: 1px 0;

		border-style: solid;

		border-color: #0066CC;

	}



	#content .single h3, #content .single h4, #content .single h5, #content .single h6 {

		font-size: 1.2em;

		margin-bottom: 10px;

	}



	#content .single img {
			width:150;
			
			height:150;

			border: 2px solid #ffffff;

			padding: 2px;

			margin-bottom:10 px;

		}



#content .ad {

	background: #ffffff url(images/featured.gif) repeat-x 0 0;

	padding: 12px;

	border: 1px solid #bbbbbb;

	margin-bottom: 10px;

}



	#content .ad h2 {

		font-size: 0.9em;

		text-transform: uppercase;

		margin-bottom: 20px;

	}



	#content .ad ul, #content .ad ol {

		list-style:none;

		margin-bottom: 10px;

	}



	#content .ad li {

		line-height: 1.5em;

		list-style:none;

		padding: 2px 0;

	}







#comments {

	background: #ffffff url(images/featured.gif) repeat-x 0 0;

	padding: 12px;

	border: 1px solid #bbbbbb;

	margin-bottom: 10px;

}



	#comments a {

		text-decoration: none;

	}



	#comments h2 {

		font-size: 0.9em;

		text-transform: uppercase;

		margin-bottom: 20px;

		clear: both;

	}



	#comments p {

		margin-bottom: 10px;

		line-height: 1.6em;

	}



	#comments form {



	}



	#comments form p {

		margin-bottom: 5px;

	}



		#comments form input {

			margin-right: 5px;

		}



		#comments form input, textarea {

			border: 1px solid #cccccc;

			font-size: 0.9em;

			font-family: Verdana;

			padding: 4px;

			background-position: 4px 4px;

			background-repeat: no-repeat;

		}



		#comments form input {

			width: 240px;

			border: 1px solid #cccccc;

		}



		#comments form textarea {

			width: 350px;

			padding: 4px 4px !important;

			border: 1px solid #cccccc;

		}



		#comments form button {

			border: 1px solid #a0a0a0;

			font-size: 1em;

			font-family: Verdana;

			padding: 2px 6px;

		}



	.commentdetails {

		margin-top: 25px;

	}



	.commentauthor {

		margin-bottom: 5px !important;

		font-weight: bold;

	}



	.commentdate {

		font-size: 0.8em;

		margin-bottom: 5px;

		color: #909090;

	}



	.required {

		color: #ff0000;

	}



h2.title {

	font-size: 1em !important;

	color: #ffffff;

	background-image:url(images/colors/bluebg.png);

	padding: 9px 10px;

	font-size: 0.9em;

	text-transform: uppercase;

	margin-bottom: 10px;

}



.notfound {

	padding: 40px;

}



	.notfound h2 {

		font-size: 18px;

		font-weight: normal;

		margin-bottom: 10px;

	}



/** END miscellaneous **/



/** BEGIN wordpress 2.7 comments **/

#comments ol {

	list-style-type: none;

	clear: both;

	padding: 0;

	margin: 0;

}



	#comments .buffer {

		padding: 10px;

	}



	#comments ol li {



		margin-bottom: 10px;



	}



	#comments ol li ul li {



		border: 1px solid #e0e0e0;



		padding: 10px;



	}



	#comments ol li .avatar {



		float: right;



	}



	#comments ol li .comment-author {



		



	}



		#comments ol li .comment-author .fn {



			font-weight: bold;



			font-size: 1.2em;



		}



	#comments ol li .comment-meta {



		font-size: 0.9em;



		color: #999999;



		margin: 5px 0 10px;



	}



	#comments ol li .reply {



		font-size: 0.9em;



		font-weight: bold;



		padding-bottom: 10px;



	}



	#comments .children {



		list-style-type: none;



	}



#comments .navigation {



	padding: 0 0 40px;



	font-size: 0.9em;



}



	#comments .navigation a {



		color: #999999;



		padding: 3px 8px;



		border: 1px solid #cccccc;



	}



	#comments .navigation a:hover {

		color: #000000;

		border-color: #000000;

		text-decoration: none;

	}



#comments .says {

	display: none;

}



/** END wordpress 2.7 comments **/



/******************

 *	MENU		  *

 ******************/ 

#menu {

	background: url(images/colors/bluebg.png);

	color:#fff;

	height: 32px;

	margin: 3px 0 0 0;

	padding: 0;

	border: 1px solid #0066cc;

}



#menu .current a {

	color: #fff !important;

}



#menu ul {

	float: left;

	list-style: none;

	margin: 0 0 0 1px;

	padding: 0;

}



#menu li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	border-right: 1px solid #ddd;

}



#menu ul li {

	margin: 0 0 0 -1px;

	padding: 0;

	list-style: none;

	border-right: 1px solid #045;

}



#menu li a, #menu li a:link, #menu li a:visited {

	margin: 0;

	padding: 7px 12px 7px 12px;

	color: #000;

	display: block;

	font-size: 14px;

	font-weight: bold;

}



#menu li a:hover, #menu li a:active {

	background: url(images/colors/bluebg.png);

	margin: 0;

	padding: 7px 12px 7px 12px;

	color: #fff;

	display: block;

	text-decoration: none;

	border-bottom: none;

}



#menu li li a, #menu li li a:link, #menu li li a:visited {

	background: url(images/colors/bluebg.png);

	width: 230px;

	float: none;

	margin: 0;

	padding: 7px 12px 7px 12px;

	color: #000;

	border-top: 1px solid #0066cc;

	border-bottom: 1px solid #0066cc;

	border-left: 1px solid #0066cc;

	border-right: 1px solid #0066cc;

}



#menu li li a:hover, #menu li li a:active {

	background: url(images/colors/bluebg.png);

	color: #fff;

	padding: 7px 12px 7px 12px;

}



#menu li ul {

	z-index: 9999;

	position: absolute;

	height: auto;

	width: 155px;

	margin: 0;

	padding: 0;

	left: -999em;

}



#menu li li {

	border: none;

}



#menu li ul a {

	width: 120px;

}



#menu li ul a:hover, #menu li ul a:active {

}



#menu li ul ul {

	margin: -29px 0 0 156px;

	border: none;

}



#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {

	left: -999em;

}



#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {

	left: auto;

}



#menu li:hover, #menu li.sfhover {

	position: static;

}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 2px;
left: -1000px;
border: 0px solid #0066CC;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 5px; /*position where enlarged image should offset horizontally */

}