/*

Theme Name:		zced-3.0

Theme URI:		http://www.Asif2BD.info

Description:	Build this theme for webmasters who want to run a CSS or web showcase.

Version:		3.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;

	background:url('images/corner.gif') no-repeat;

	height:22px;

}

#main_bar p {

	margin:0;

	float:right;

	padding:3px 10px 0 0;

	background:url('images/corner.gif') no-repeat right -25px;

}

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

	height:21px;

	margin:1px 0 0 0;

}

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

}