/*
Theme Name:		zced-4.0
Theme URI:		http://www.Asif2BD.info
Description:	Build this theme for webmasters who want to run a CSS or web showcase.
Version:		4.0
Author:			Asif
Author URI:		http://www.Asif2BD.info/

*/

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#474848;
	margin:0;
	padding:0;
}

/**

img {

	border:0;
}

**/


a {

  color:#0066cb;
  text-decoration:none;
}



a:hover {
	color:#474848;
	text-decoration:underline;
}

a img {
	border:0px;
}

#wrapper {
	width:995px;
	margin:0 auto;
	padding:0 auto;	
}


#header {
        height:115px;
	padding:0;
	margin:0 auto;
	text-align:left;
}


#header h1 {
	margin: 0;
	padding:0;
}


#logo {
	background:url('images/logo.png') no-repeat;
	width:231px;
	height:106px;
	display: block;
}


#main_bar {
	padding:0;
	height:25px;
	background:#e43b05;
	color:#ffffff;
}



#main_bar h3 {
	margin:0;
	float:left;
	padding:3px 0 0 20px;
	font-size:1.0em;
	height:22px;
}



#main_bar p {
	margin:0;
	float:right;
	padding:3px 10px 0 0;
}


#main_bar a {
	color:#ffffff;
	text-decoration:none;
}



#main_bar a:hover {
	text-decoration:underline;
}


#footer {
	width:995px;
	height:70px;
	margin:0 auto;
	padding:9px 0 0 0;
	background:url('images/footer.gif') no-repeat top center;
}



#footer p {
	padding-top:20px;
	text-align:center;
	font-size:11px;
	margin:0;
}


#footer a {
	color:#474848;
	text-decoration:none;
}

#footer a:hover {
	color:#0066cb;
}



.page {
	width:995px;
	margin:0 auto;
}



#content {
	width:690px;
	padding:0;
	overflow:hidden;
	float:left;
}



#bgtop {
	height:20px;
}



.sidebar {
	width:300px;
	float:right;
}



.sidebar h2 {
    width:294px;
	letter-spacing:-1px;
	font-size:1.2em;
	margin:2px 3px 10px 2px;
	border:#666666 1px solid;
	background:#666666;
	color:#FFFFFF;
}



.popupar{
		width:300px; 
		float:left; 
		border:#666666 1px solid;
		}

.popupar ul{
		list-style-type: square;
		padding-left:14px;
		}

.popupar li a:link,.popupar li a:visited{
		height:16px;
		overflow:hidden;
		line-height:22px;
		color:#111;
		font-size:12px;
		font-family:'Helvetica Neue',Arial,sans-serif;
		}


.popupar li a:hover {
	color:#336699;
	text-decoration:none;
	}

	
.free_pre{
		width:300px; 
		float:left; 
		border:#666666 1px solid;
		}

.free_pre ul{
		list-style-type: square;
		padding-left:14px;
		}

.free_pre li a:link,.popupar li a:visited{
		overflow:hidden;
		line-height:2px;
		color:#111;
		font-size:12px;
		font-family:'Helvetica Neue',Arial,sans-serif;
		}


.free_pre li a:hover {
	color:#336699;
	text-decoration:none;
	}

.featured {
        width:300px; 
		float:left; 
		border:#666666 1px solid;
}


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


.featured li {
	float:left;
	margin:0;
	padding:3px 8px 3px 7px;
	list-style-type:none;
}


#nav {
	background: #f4f4f4;
	height:37px;
	margin:0px 0 0 0;
}

.rss {
	float:right;
	margin:0;
	padding:0;
}


.rss a {
	width:38px;
	height:37px;
	display:block;
}


.rss a:hover {
	width:38px;
	height:37px;
	display:block;
}


#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:37px;
}



#nav li {
	padding:0;
	margin:0;
	height:37px;
	float:left;
	list-style-type:none;

}



#nav li a {
	display:block;
	height:27px;
	padding:10px 15px 0 15px;
	text-decoration:none;
	color:#474848;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	float: left;
}


#nav .main {
 color:#006600;
}


#nav .main a {
	font-weight:bold;
	color:#474848;
}

#nav .main a:hover {
	font-weight:bold;
	color:#000000;
}



#nav .main #current {
  color:#000000;
}



#nav .main #current a {
   font-weight:bold;
	color:#474848;
}


#nav .main #current a:hover {
	font-weight:bold;
	color: #000000;
}


#nav .normal {
	color:#006600;
	font-weight:bold;
}



#nav .normal a {
	color:#474848;
}


#nav .normal a:hover {
	color:#000000;
}


#nav .normal #current {
	color:#000000;
}

#nav .normal #current a {
	color:#474848;
}

#nav .normal #current a:hover {
	color: #000000;
}

.break {
	clear:both;
	padding:0;
	margin:0 0 10px 0;
}



.clear {
	clear:both;
	padding:0;
	margin:0;
}



.item {
	padding:5px 5px 5px 5px;
	width:150px;
	height:170px;
	float:left;
	margin:0 10px 25px 0;
	background:#ffffff;
	border:1px solid #CCCCCC;
}


.item h2 {
	font-size:1.2em;
	margin:2px 2px 0px 0;
	width:148px;
	height:21px;
	padding:0;
	border:#666666 1px solid;
	background:#666666;
	overflow:hidden;
}



.item h2 a {
	color:#ffffff;
	font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



.item h2 a:hover {
	color:#474848; 
    font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



.item p {
	margin:0 0 4px 0;
	border:#e5e5e5 1px solid;
}

.item2 {
	padding:5px 5px 5px 5px;
	width:150px;
	height:170px;
	float:left;
	margin:0 10px 25px 0;
	background:#ffffff;
	border:1px solid #cce0f5;
}



.item2 h2 {
	font-size:1.2em;
	width:148px;
	height:21px;
	margin:2px 2px 0 0;
	padding:0;
    border:#666666 1px solid;
	color:#ffffff;
	background:#666666;
	overflow:hidden;
}



.item2 h2 a {
	color:#ffffff;
    font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



.item2 h2 a:hover {
	color: #CCCCCC;
    font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



.item2 p {
	margin:0 0 4px 0;
	border:#838383 1px solid;
}


.news_h {
	padding:5px 5px 5px 5px;
	width:662px;
	height:auto;
	float:left;
	margin:0 10px 25px 0;
	background:#ffffff;
	border:1px solid #CCCCCC;
	overflow:hidden;
}



.news_h h2 {
	font-size:1.2em;
	margin:2px 2px 0px 0;
	width:660px;
	height:21px;
	padding:0;
	border:#b1afaf 1px solid;
	background:#b1afaf;
	overflow:hidden;
}



.news_h h2 a {
	color:#ffffff;
	font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



.details {
    padding:8px;
	margin:0 15px 15px 0;
	background:#ffffff;
	border:1px solid #e5e5e5;
}


.details ul {
	margin:5px 0 5px 15px;
	list-style-type:none;
}


.details li {
	padding:3px 0 3px 0;
	list-style-type:square;
}



.details h2 {
	font-size:1.2em;
	color:#0066cb;
	margin:0 0 3px 0;
}



.details p {
	margin:0 0 15px 0;
}



.details p img {
	padding:0;
	border:#e5e5e5 1px solid;
}


.details2 {
	padding:8px;
	margin:0 15px 15px 0;
	background:#ffffff;
	border:1px solid #e5e5e5;
}



.details2 ul {
	margin:5px 0 5px 15px;
	list-style-type:none;
}


.details2 li {
	padding:3px 0 3px 0;
	list-style-type:square;
}



.details2 h2 {
	font-size:1.2em;
	color:#474848;
	margin:0 0 3px 0;

}



.details2 p {
	margin:0 0 15px 0;

}



.details2 p img {
	padding:0;
	border:#838383 1px solid;
}


.tags {
	margin:0;
	padding:15px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}


.post-ratings span {
	float:right;
	font-size:11px;
	padding:3px 0 0 0;
}

.navbottom {
    width:995px;
    height:21px;
    margin:1px 0 0 0;
}

.tag{

  width:524px;

  float:left;

  }

.tag a, .tag a:link, .tag a:visited  {

        font-size:11px;

	text-transform:capitalize;

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

 	color: #000000;

        font-weight:bold;
	}

	

.tag a:hover  {	
   color: #336699;
	}



.Nav {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	color:#838383;
}



.Nav a {
	padding:4px 8px 4px 8px;
	background:#fff;
	border:1px solid #e5e5e5;
	color:#838383;
	font-size:10px;
	margin:0 5px 0 0;
}



.Nav a:hover {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	text-decoration:none;
	font-size:10px;
	margin:0 5px 0 0;
}



.Nav .on {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	font-size:10px;
	margin:0 5px 0 0;
}



.Nav span {
	padding:4px 8px 4px 8px;
	border:1px solid #e5e5e5;
	font-size:10px;
	margin:0 5px 0 0;
}



#ads {
	border:1px solid #cdcdcd;
	clear:both;
	width:280px;
	padding:9px;
}


#ads ul {
	margin:0;
	padding:0;
	list-style-type:none;
}


#ads li {
	float:left;
	margin:0;
	padding:3px 8px 3px 7px;
	list-style-type:none;

}



.singleads {
	background:#ffffff;
	padding:9px;
	margin:0 15px 15px 0;
	border:1px solid #e5e5e5;
}



.singleads h2 {
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#474848;

}



.tabberlive .tabbertabhide {
	display:none;

}



.tabber {
	padding:0;

}



.tabberlive {
	margin:1px 0 10px 0;
}



ul.tabbernav {
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #666666;

}



ul.tabbernav li {
	list-style:none;
	margin:0;
	display:inline;
}



ul.tabbernav li a {
	padding:3px 0.5em;
	border-bottom:none;
	text-decoration:none;
}



ul.tabbernav li a:link {
	color:#313062;
}



ul.tabbernav li a:hover {
	color:#CC0000;
}



ul.tabbernav li.tabberactive a {
	background:#666666;
	color:#ffffff;
	border:1px solid #666666;
	border-bottom:1px solid #666666;
	text-decoration:none;
	font-weight:bold;

}



ul.tabbernav li.tabberactive a:hover {
	color: #CCCCCC;
	background:#666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
}



.tabberlive .tabbertab {
	background:#fff;
	padding:5px 10px 10px 10px;
	border-top:0px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}



.tabberlive .tabbertab h2 {
	display:none;
	color:#313062;

}



.tabberlive .tabbertab h3 {

	display:none;
}



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


.tabbertab ul {
	margin:5px 0 5px 15px;
	padding:0;
	list-style-type:none;
}



.tabbertab li {
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:square;
}



.wp-smiley {
	border:none !important;
	padding:0 !important;
	margin:0 !important;

}



#comment_form .text_input {
	width:191px;
	padding:3px;
	color:#444;
	border:1px solid #696969;
}



#comment_form .text_area {
	width:321px !important;
	border:1px solid #696969;
}



ul#comment_list {
	list-style-type:none;
	margin:0;
	padding:0;

}



ul#comment_list li.comment {
	margin:0 0 10px 0;

}



ul#comment_list li.trackback {
	padding:1.2em 15px 0 15px;

}



.comment_meta {
	margin:0 30px 15px 0;
	font-size:11px;
}



.comment_num {

	padding:0 8px 0 0;
	font-weight:bold;
	font-size:1.3em;
	float:right;

}



.trackback .comment_num {
	padding:0 0 0 20px;
}



.comment_num a,.comment_num a:visited {
	color:#888;
	text-decoration:none;

}



.comment_num a:hover {
	color:#303030;
	text-decoration:none;
}



.comment_meta strong {
	font-size:1.2em;

}



.comment_time {
	font-size:1em;
	color:#888;
}



blockquote {
	font-style:italic;
	font-size:11px;
	color:#888888;
	margin:0 0 5px 20px;
	padding:0 0 0 10px;
	border-left:4px solid #0066cb;
}



abbr,acronym {
	border-bottom:1px dotted #0066cb;
	text-transform:uppercase;
}



code {
	color:#474848;
	font-family:Courier,monospace;
	margin:0 0 5px 5px;
}



pre {
	margin:0 0 1.5em 0;
	overflow:auto;
	font-size:1.3em;
	clear:both;

}


form {

	margin:0;
	padding:0;

}



.searchbox {

	margin:0 0 20px 0;
	width:300px;

}



.search {

	background:url('images/input.gif') no-repeat;
	height:19px;
	padding:8px 5px 5px 8px;
	width:255px;
	color:#444;
	border:none;
	margin:0;
	float:left;

}



.find {
	background:url('images/find.gif') no-repeat;
	border:none;
	height:32px;
	width:32px;
	margin:0;
	float:right;

}



.os {
	color:#3d4c53;
	font-weight:bold;
}



.os a {
	color:#3d4c53;
	font-size:11px;
	text-decoration:none;
}



.os a:hover {

	text-decoration:underline;
}



.designer {
	color:#982a05;
	font-weight:bold;
}



.design a {
	color:#982a05;
	font-size:11px;
	text-decoration: none;

}



/** START slide **/



.stepcarousel{

position:relative; /*leave this value alone*/

overflow:scroll; /*leave this value alone*/

width:940px; /*Width of Carousel Viewer itself*/

height:184px; /*Height should enough to fit largest content's height*/

margin:0 auto;

background: transparent;

}



.stepcarousel .belt{

position:absolute; /*leave this value alone*/

left:0;

top:0;

}



.stepcarousel .panel{

float:left; /*leave this value alone*/

overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin-right:5px ; /*margin around each panel*/

width:198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:174px;

padding:4px;

background-color: transparent;

}

.stepcarousel .panel p{

text-align:left; /*leave this value alone*/

overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin:5px 5px ; /*margin around each panel*/



}



.stepcarousel .panel h2{

text-align:left; /*leave this value alone*/

height:20px;

overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin:2px 5px ; /*margin around each panel*/

font-size:16px;

font-weight:bold;

text-align:center;

font-family:Georgia,century gothic,Arial,verdana, sans-serif;

}



.stepcarousel .panel titl{

font-size:12px;

font-weight:bold;

text-align:center;

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

color:#000

}



.stepcarousel .panel h3 a:hover{

font-size:12px;

font-weight:bold;

text-align:center;

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

color:#ff0000;

}



.stepcarousel .panel img{

float:left; /*leave this value alone*/

margin:0; /*margin around each panel*/

padding:0;

border: 3px solid #333333;

}

/** END slide **/



/*Page menu*/

#foxmenucontainer{	

    height:33px;
	display:block;
	padding:0px 0 0px 0px;
	font-size:12px;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-weight:bold;
	text-transform: capitalize;
	border-bottom:1px solid #CFCFCF;
	background:#990000;
	}



#menu{
    margin: 0px;
	padding: 0px;
	width:995px;
	background:#666666;
	height:33px;
	}



#menu ul {	
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
	}



#menu li {	
    float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}



#menu li a, #menu li a:link, #menu li a:visited {
    color: #fff;
	display: block;
	margin: 0px;
	padding: 9px 14px 9px 5px;
	}



#menu li a:hover, #menu li a:active {
    color: #fff;
    margin: 0px;
	padding: 9px 14px 9px 5px;
	text-decoration: none;
	background: #999999;
	}



#menu li li a, #menu li li a:link, #menu li li a:visited {
	width: 150px;
	color: #fff;
	font-weight: bold;
	float: none;
	margin: 0px;
	padding: 8px 10px 7px 10px;
	background:#666666;
	}



#menu li li a:hover, #menu li li a:active {
	background: #999999 ;
	color: #fff;
	padding: 8px 10px 7px 10px;
	}


#menu li ul {
    z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}



#menu li li { 	}



#menu li ul a { 
    width: 140px;
	}



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



#menu li ul ul {
    margin: -31px 0 0 170px;
	}



#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;


	}



/* Category menu*/	



#catmenucontainer{
    height:33px;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Georgia,Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	background:#ffffff;
	border-top:0px solid #CFCFCF;
	}



#catmenu{	
    margin: 0px;
	padding: 0px;
	width:995px;
	background:#fff;
	height:33px;
	}



#catmenu ul {
    float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}



#catmenu li {
    float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}



#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
    color: #747474;
	display: block;
	margin: 0px;
	padding: 9px 10px 10px 10px;
	}



#catmenu li a:hover, #catmenu li a:active {	
    color: #fff;
    margin: 0px;
	padding: 9px 10px 10px 10px;
	text-decoration: none;

	}



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

	width: 150px;
	color: #3F3F3F;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-weight: normal;
	float: none;
	margin: 0px;
	padding: 9px 10px 10px 10px;
	border-bottom:1px solid #CFCFCF;
	background:#ff0000;
	}



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

	background: #ff0000 ;
	color: #000;
	padding: 9px 10px 10px 10px;
	}



#catmenu li ul {
    z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}



#catmenu li li { 	}



#catmenu li ul a { 
   width:140px;
	}



#catmenu li ul a:hover, #catmenu li ul a:active { 	}



#catmenu li ul ul {	margin: -34px 0 0 170px;


	}



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

  left: -999em;

	}



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

    left: auto;

	}



#catmenu li:hover, #catmenu li.sfhover {
    position: static;

	}

	

/**start**/


.footertop{

width:995px; 

height:220px; 

margin-top:45px; 

border:#666666 0px solid;

}



.footertop h2 {

	font-size:1.2em;

	margin:4px 2px 0px 4px;

	width:300px;

	padding:0;

	border:#B1AFAF 1px solid;

	background:#B1AFAF;

	color:#ffffff;

}



.footertop h2 a {

	color:#ffffff;

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

	text-decoration:none;

}



.footertop h2 a:hover {

	color:#474848; 

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

	text-decoration:none;
}



.footertop h3 {
	font-size:1.2em;

	margin:4px 2px 0px 4px;

	width:325px;

	padding:0;

	border:#B1AFAF 1px solid;

	background:#B1AFAF;

	color:#ffffff;

}


.footertop h3 a {
	color:#ffffff;
	font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;

}


.footertop h3 a:hover {
	color:#474848; 
    font-family:'Helvetica Neue',Arial,sans-serif;
	text-decoration:none;
}



/** End **/


.play_button {

position: absolute;
width: 80px;
height: 78px;
background: url(images/play.png) 0 -250px no-repeat;
z-index: 10000;
margin:35px 0 0 40px;

}



.play_button:hover {
background: url(images/play.png) 1px 0px no-repeat;

}



.play_button_slide {
position: absolute;
width: 80px;
height: 78px;
background: url(images/play.png) 0 -250px no-repeat;
z-index: 10000;
margin:60px 0 0 60px;

}



.play_button_slide:hover {
background: url(images/play.png) 1px 0px no-repeat;

}

.heart a, .heart a:link, .heart a:visited  {
	width:50px;
    height:50px;
	}



.heart:hover{
   width:50px;
   height:50px;

}