/*  
Theme Name: Doorbin
Theme URI: http://niloodesign.com
Description: قالب دوربین ساخته شده برای سایت خبری دوربین دات نت...
Version: 1.0
Author: Niloo Design
Author URI: http://niloodesign.com

*/

/*----- Scroll Last News ---------*/
#scroll
{
margin-top: 4px;
margin-bottom: 7px;
border: 1px solid #bbb;
width: 99.5%;
background: #E7E7E7;
}

#pscroller2{
width: 520px;
height: 15px;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

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

.btn-slide {
	height: 31px;
	padding: 0 10px 0 0;
	margin: 0 auto;

}

body, h1, h2, h3, h4, h5, h6, address, dd, dl, hr, p, form
{
margin : 0;
padding : 0;
}

blockquote
{
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
font-size: 12px;
line-height: 16px;
}

img
{
border:0;
}

img.aligncenter,img.alignleft,img.alignright,img.alignnone
{
border : 1px dotted #dddddd;
padding : 3px;
margin: 5px;
}

.alignleft
{
float: left;
}

.alignright
{
float: right;
}

.clear
 {
 clear: both
 }

body
{
margin : 0;
font-family: Tahoma,Arial,Helvetica,Georgia,Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: url(images/bg-top.jpg) repeat-x top #D2D2D2;
color:#111111;
border-top: 2px solid #fff;
}

h1
{
font-family : Georgia, Sans-serif;
font-size : 24px;
padding : 0 0 10px 0;
}

a:link ,a:visited
{
text-decoration : none;
color : #336699;
}

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

p
{
padding : 10px 0 0 0;
}

#wrapper
{
margin : 0 auto 0 auto ;
padding: 0;
width : 968px;
text-align : right;
direction: rtl;
background: url(images/bg2.png) repeat-x top center;
}

#header
{
/*
border-left: 1px solid #d25a0b;
border-right: 1px solid #d25a0b;
*/
height: 100px;
}

#header-pic
{
float: right;
background: url(images/header.jpg) no-repeat center center;
height:85px;
width: 250px;
}

#big-ads
{
float: left;
margin-left: 10px;
}

#big-ads img
{
margin-right: 4px;
}


#middle-ads
{
margin-bottom: 5px;
}

#middle-ads img
{
border: 1px solid #cccccc;
}

#middle-ads1
{
margin-left: 7px;
margin-right: 9px;
}

/*************** Menu Bar ***********/
#top
{
background: url(images/menu-bg.png) repeat-x bottom center #ffffff;
height: 37px;
border: 1px solid #cdcdcd;
margin-bottom: 10px;
}

#dropmenu, #dropmenu ul {
margin:0;
padding:0;
float: none;
font-size: 13px;
list-style-type:none; 
list-style-position:outside; 
line-height:1.5em; 
z-index:300; 
font-weight:bold;
} 

#dropmenu a {
display:block;
padding:0.5em 1em; 
color: #888;
border-left:1px solid #c8c8c8; 
text-decoration:none;
height: 24px;
} 

#dropmenu a:hover {
background: url(images/menu-bg-hover.png) repeat-x top; 
color:#666;
} 

#dropmenu li {
float: right;
position:relative;
} 

#dropmenu ul {
position:absolute;
display:none; 
width:12em; 
right:-1px;
} 

#dropmenu ul a {
border-left:1px solid #c8c8c8;
} 

#dropmenu li ul {
border-top:1px solid #c8c8c8; 
width:12em;
} 

#dropmenu li ul a {
margin: 0;
padding: 0;
width:12em; 
padding-right: 10px;
height:25px; 
float: right;
border-bottom:1px solid #c8c8c8;
background: #fff;
} 

#dropmenu ul ul {
top:auto;
} 

#dropmenu li ul ul {
left:12em; 
margin:0px 0 0 10px;
} 

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
} 

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
} 

/*----------- Search Form ---------*/
#search{
position: relative;
float: left;
right: 45px;
top: 1px;
margin: 0;
margin-top: 2px;
margin-left: 50px;
padding: 0;
padding-left: 10px;
}

.textinput{
font : tahoma, "Georgia", Times, serif;
height: 17px;
width: 190px;
border: 1px solid #bbb;
margin-top: 2px;
padding-top: 2px;
margin-left: -4px;
font-family: tahoma;
color: #888;
}

#searchsubmit
{
position: relative;
background: none;
right: 194px;
top: 5px;
}

/*----- Finish Search ------*/

#container
{
background: none;
margin-left: 5px;
margin-right: 3px;
margin-bottom: 5px;
width : 664px;
float: right;
}

/* Index Main Masthead
-------------------------------------------------------------- */

#slider-index
{
margin: 0;
padding: 0;
background: url(images/con-bg.png) repeat-x bottom  #ffffff;
border: 1px solid #bdbcbd;
height: 200px;
margin-bottom: 10px;
direction: ltr;
}


#slider-index h2
{
background: url(images/list-h2.png) no-repeat top left #ffffff;
height: 32px;
color: #666;
font-size: 13px;
padding-right: 6px;
padding-top: 5px;
margin-top: -1px;
margin-left: -1px;
}

#masthead {
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#myController
{
margin: 0;
padding: 0;
position: relative;
	top: 5px;
	left: 10px;
	width: 150px;
	z-index: 10;
	float: left;
}

.jFlowControl{
	margin: 0;
	padding: 0;
	background: url(images/cir.png) no-repeat top center;
	float: left;
	margin-right: 8px;
	padding: 5px;
	cursor: pointer;
}

.jFlowSelected
{
background: url(images/cir-s.png) no-repeat top center;
}

#jFlowSlide{ float: left;}

#myController span.jFlowSelected {
}

.jFlowPrev{
	float: left;
	width: 45px;
	height: 47px;
	margin: 20px 0 0 70px;
	cursor:pointer;
	background: transparent url(images/topslideleft.png) top left no-repeat;
}

.jFlowNext{
	float: left;
	width: 45px;
	height: 47px;
	margin: 20px 0 0 130px;
	cursor:pointer;
	background: transparent url(images/topslideright.png) top left no-repeat;
}

.masthead_lft{
	float:left;
	margin:	0 0 0 30px;
	width:380px;
	padding: 5px;
}

.masthead_lft h2 a{
	color:#158BB7;
	text-decoration: none;
	}

.masthead_lft h2 a:hover{
	color:#484848;
	text-decoration: none;
}

.masthead_lft h2{
	background: url(images/slide-h2.png) no-repeat top left #ffffff !important;
	color:#B71517;
	font-size: 1.3em !important;
	font-family: Georgia;
	direction: rtl;
	}
.masthead_lft p{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	line-height: 1;
	direction: rtl;
	}

.mh_contact{
	float:right;    
	background:transparent url(images/mh_contact.png) no-repeat;
	display:block;
	margin:8px 0 0 12px;
	height:30px;    
	width:130px;   
	text-indent:-9999px;    
	overflow:hidden;
	}
	
a.mh_contact:hover{
	background:transparent url(images/mh_contact.png) 0 -30px no-repeat;    
	display:block;    
	height:30px;    
	width:130px;    
	text-indent:-9999px;    
	overflow:hidden
	}

.masthead_rgt{
	margin: 0;
		border: 1px solid #ccc;
	float:right;
	margin-top:0;
	padding: 0 0 0 0;
	width:200px;
	height:120px;
	background:transparent url(images/msthdframe.png) top left no-repeat;
	
	}

.masthead_rgt img{
	margin-right: 44px;
	width: 200px;
	height: 120px;
	border: none;
	}
	
/**************** All Cat ***************/
.list-post
{
background: url(images/con-bg.png) repeat-x bottom  #ffffff;
border: 1px solid #bdbcbd;
min-height: 10px;
width: 100%;
margin-bottom: 10px;
}

.list-post h2
{
background: url(images/list-h2.png) no-repeat top left #ffffff;
height: 32px;
color: #666;
font-size: 13px;
padding-right: 6px;
padding-top: 5px;
margin-top: -1px;
margin-left: -1px;
}

.list-post ul
{
margin: 0;
padding: 0;
margin-right: 15px;
margin-left: 15px;
list-style: none;
}

.list-post ul li
{
margin: 0;
padding: 0;
background: url(images/h.gif) no-repeat right center;
padding-right: 15px;
list-style: none;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px solid #eee;
width: 96%;
}

/*********** list post 2  **********/

.list-post2
{
background: url(images/con-bg.png) repeat-x bottom  #ffffff;
border: 1px solid #bdbcbd;
min-height: 10px;
width: 100%;
margin-bottom: 10px;
}

.list-post2 h2
{
background: url(images/list-h2-small.png) no-repeat top left #ffffff;
height: 32px;
color: #666;
font-size: 13px;
padding-right: 6px;
padding-top: 5px;
margin-top: -1px;
margin-left: -1px;
}

.list-post2 ul
{
margin: 0;
padding: 0;
margin-right: 3px;
list-style: none;
}


.list-post2 ul li
{
margin: 0;
padding: 4px 3px 4px 3px;
list-style: none;
border-bottom: 1px solid #eee;
width: 95%;
}

.title-mag
{
background: url(images/tik.png) no-repeat top right #ffffff;
padding-right: 12px;
}

.writer-article
{
color: #767676;
font-size: 12px;
}

.commnet-recent-post
{
font-size: 10px;
color: #888;
}

.see-all
{
float: left;
margin: 7px;
margin-left: 15px;
}

.see-all a
{
color : #d34136;
font-weight:bold;
}

/**************** small-post-cat *********************/

.small-post-cat
{
float: none;
padding: 7px;
color: #555;
font-size: 12px;
}

.goldar
{
margin: 0;
padding: 0;
height: 1px;
margin-top: 2px;
border-bottom: 1px solid #eee;
}

.small-post-cat h2
{
margin: 0;
padding: 0;
background: url(images/tik.png) no-repeat top right;
font-family: arial,tahoma;
font-size: 16px;
padding-right: 12px;
height: auto;
padding-bottom: 8px;
}

.subject-post-cat
{
}

.small-pic-cat
{
float: right;
padding-left: 6px;
}

.small-pic-cat img
{
padding: 3px;
border: 1px solid #c0c0c0;
}

/*************** Cat1 ***************************/

#list1
{
float:right;
list-style: none;
}

.small-pic-mag
{
float: right;
width: 64px;
}

.small-pic-mag img
{
width: 50px;
height: 58px;
padding: 3px;
border: 1px solid #c0c0c0;
}

/*************** Cat2 ***************************/

#list2
{
float:left;
list-style: none;
}

/*************** Cat3 ***************************/

#list3
{
float:right;
list-style: none;
}

/*************** Cat4 ***************************/

#list4
{
float:left;
list-style: none;
}


/*********************** list-right ****************/

#list-right
{
float: right;
width: 29%
}

/********************* list-Left *********************/

#list-left
{
float: left;
width: 69%
}

/*------------------------------------*/

.post
{
padding : 5px 0 5px 0;
margin-bottom: 7px;
border: 1px solid #cbcbcb;
background: url(images/con-bg.png) repeat-x bottom #ffffff;
width: 99.5%;
}

.post h2
{
font : 300 170%/135% "Times New Roman", "Georgia", Times, serif;
margin-bottom: 5px;
padding-top: 4px;
padding-right: 20px;
padding-left: 11px;
}

.post h2 a
{
color: #632f2f;
}

.post h2 a:hover
{
color: #321010;
}

.con-post
{
margin-right: 15px;
text-align: center;
width: 100px;
background: #e2eef9;
font-size: 13px;
padding-top: 3px;
padding-bottom: 3px;
font-weight:bold;
}

.con-post:hover
{
background: #fff;
}

.edit
{
font-family: georgia;
font-size: 16px;
text-align: center;
background:#f5f5f5;
border: 1px solid #cfcfcf;
padding-bottom: 2px;
font-weight:bold;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
color: #555;
}

#postmetadate
{
border: 1px solid #bbb;
background: #fff;
height: 20px;
margin-bottom: 10px;
}

span.date-author
{
background: url(images/time.png) no-repeat center right;
font-size: 10px;
color: #888;
float: right;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 2px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 19px;
}

span.date-author a:link,span.date-author a:visited
{
color: #3ba4fd;
}

span.date-author a:hover
{
color: #0079df;
}


.visit
{
background: url(images/visit.png) no-repeat center right;
font-size: 10px;
color: #888;
float: right;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 85px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 19px;
}

.print
{
background: url(images/print.png) no-repeat center right;
font-size: 10px;
color: #888;
float: right;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 85px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 19px;
}

.print a
{
color: #777;
}

.send2other
{
background: url(images/send.png) no-repeat center right;
font-size: 10px;
color: #888;
float: right;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 85px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 19px;
}

.send2other a
{
color: #777;
}

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

.entry
{
padding-right: 7px;
padding-left: 7px;
padding-top: 1px;
padding-bottom: 4px;
line-height: 18px;
}

.postmetadata-bottom
{
min-height: 17px;
padding-bottom:10px;
padding-top:5px;
margin-bottom:10px;
margin-top:-12px;
padding-right:15px;
}

.category
{
background: url(images/category.png) no-repeat right top;
padding-right: 20px;
padding-bottom: 4px;
margin-right: 20px;
}

#code-place
{
float:left;
width: 570px;
}

/*---------------- Lasted News Slide -----------*/
.accordion {
	border-bottom: solid 1px #c4c4c4;
	margin-bottom: 10px;
}
.accordion h3 {
	background: #F2F1F1 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 33px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #BFBAA9;
	border-bottom: none;
	cursor: pointer;
	color: #444;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #BFBAA9;
	border-right: solid 1px #BFBAA9;
	border-top: solid 1px #BFBAA9;
	line-height: 22px;
	font-size:13px;
	color: #888;
}

.accordion a:link,.accordion a:visited
{
color: #555;
}

.accordion a:hover
{
color: #222;
}

.last-news
{
background:url(images/note-icon.png) no-repeat right center;
padding-right: 15px;
}

/*----------------- Navigation -------------*/
#pagenavi
{
height:18px;
margin-top: 5px;
padding : 1px 2px 7px 2px;
background: url(images/navigation.png) #eee ;
border: 1px solid #bbb;
text-align: center;
}

#pagenavi a:link,#pagenavi a:visited
{
color: #777;
}

/*
.navigation
{
padding : 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
*/

.navigation
{
padding : 3px 2px 18px 2px;
font-size: 14px;
font-weight: bold;
}

.navigation a:link,.navigation a:visited
{
color: #3e97b8;
}

.navigation a 
{
font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
}

.previous 
{
float: left;
}

.next 
{
float: right;
}

/*--------------- Page Navi -----------*/
.wp-pagenavi
{
padding-top: 3px;
}

span.pages
{
}

span.current
{
}
/* ----------------- Finish Navigation ------------- */

/**************** Page Navi ****************/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
background: none !IMPORTANT;
border: 1px solid #868686 !IMPORTANT;
}
.wp-pagenavi a:hover {
background: #ccc !IMPORTANT;
border: 1px solid #444 !IMPORTANT;
}
.wp-pagenavi span.pages {
background: none !IMPORTANT;
border: 1px solid #868686 !IMPORTANT;
}
.wp-pagenavi span.current {
background: #bbb !IMPORTANT;
border: 1px solid #444 !IMPORTANT;
}
.wp-pagenavi span.extend {
background: none !IMPORTANT;
border: 1px solid #868686 !IMPORTANT;
}
/***************** Finish Page Navi ******************/

/*----------- Feed ---------------*/
#email-form
{
width: 200px;
border: 1px solid #ccc;
background: #eee;
color: #888;
font-size: 14px;
font-family: tahoma;
text-align: left;
padding: 2px;
}

#subscribe-email
{
font-size: 12px;
}

#form-rss
{
padding-left: 5px;
padding-right: 5px;
text-align: center;
color: #777;
}

#feed-h2
{
margin-right: 0px;
background: url(images/feed-h2.png) no-repeat top center;
color: #6b830c;
}

#feed img
{
padding-top: 5px;
padding-bottom: 5px;
}

#subscribe-rss-icon
{
margin: 0;
padding: 4px 19px 1px 0;
margin-top: 8px;
border-top: 1px solid #ccc;
background:url(images/subscribe_16.png) no-repeat right center;
text-align: right;
font-size: 12px;
}

/*-------- Finish Feed ---------*/
/*----------- All Sidebar ---------*/

/**************** Tab ***********************/


#tabs
{
margin-bottom: 10px;
}

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

table#wp-calendar
{
width : 100%;
}

#advertising
{
margin: 0;
padding: 0;
float: left;
background: #eee;
border: 1px solid #c0bfc0;
margin-bottom: 10px;
padding-bottom: 8px;
height: 390px;
}

#advertising img
{
margin: 0;
padding: 0;
border: 1px solid #ccc;
margin-right: 5px;
margin-top: 5px;
}

#ads
{
margin: 0;
padding: 0;
height: auto;
}

#ads img
{
width: 275px;
height: 60px;
}

#ads li
{
padding: 0;
margin: 0;
height: 50px;
}

#top-sidebar
{
float: left;
width: 290px;
display: inline;
}

#top-sidebar ul
{
list-style: none;
margin: 0;
padding: 0;
}

#top-sidebar ul li
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 15px;
margin-top: 0;
float:right;
}

#top-sidebar ul ul li
{
padding:0;
line-height : 24px;
}
/*----------- Sidebar left ------------*/
#all-sidebar
{
width: 290px;
float:left;
display: inline;
}

.textwidget
{
padding-bottom: 8px;
line-height: 18px;
}

.sidebar-box
{
background: #eee !important;
border-right: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 10px;
padding-right: 3px;
width: 282px;
}

.sidebar-box h2
{
background: url(images/sidebar-h2.jpg) no-repeat top center;
height: 40px;
margin-right: -4px;
margin-left: -1px;
padding-right: 18px;
padding-top: 20px;
color: #777;
font: 400 155%/100% Georgia, "Times New Roman", Times, serif;
}

.sidebar
{
float: left ;
width: 290px;
display: inline;
}

.sidebar ul
{
width: 99%;
list-style: none;
margin: 0 0 0 0;
padding-top: 0;
padding-bottom:5px;
padding-right: 0;
padding-left: 0;
}

.sidebar ul li
{
margin-right: 5px;
margin-left: 5px;
margin-top: 0;
color: #588bc7;
font-size: 12px;
}

/*
.sidebar ul li li
{
background: #eef4fb;
margin-right: -1px;
margin-left: -1px;
border-bottom: 1px solid #cddff4;
border-right: 1px solid #cddff4;
border-left: 1px solid #cddff4;

}
*/

.sidebar ul li ul li {
	margin-bottom: 0;
	padding-right: 13px;
	margin-right: 2px;
}

.sidebar ul li ul li a 
{
	display: block;
	color: #4a82b9;
	padding: 3px 0px 4px 0;
	margin: 0 3px 0 2px;
	line-height: normal;
}

.sidebar ul li li:hover
{
padding-right: 13px;
margin-right: 2px;
}

.sidebar ul li table
{
}

.sidebar ul li caption
{
}

.sidebar ul ul li
{
padding:0;
line-height : 24px;
}

.sidebar select
{
font-family: tahoma;
color: #4B4A4C;
width: 258px;
margin: 10px;
}

.sidebar div
{
}
/*------------------ Finish Sidebars -----------*/

#last-images
{
margin-top: -1px;
margin-right: -1px;
}

/*------------- Footer -----------*/

#footer
{
background: #ffffff;
border: 1px solid #bdbcbd;
padding: 3px;
clear: both;
float: left;
width: 100%;
line-height : 18px;
color: #777;
}

#footer-menu
{
margin: 0;
padding: 0;
margin-right: 20px;
}

#footer-menu li
{
float: right;
margin-left: 20px;
}

#footer-menu li a
{
color: #777;
}

#copyright {
	font-size: 12px;
}

.left
{
float: left;
margin-left: 7px;
margin-right: 7px;
}

/*------------ Finish Footer ----------*/

/* -------------- Comment ----------------*/
#comments-template
{
	margin: 0px 0 0;
	padding: 0 10px 0 10px;
	background: #f4f4f4;
	border: 1px solid #dedede;
}

#comments-template ol
{
	margin: 0;
	padding: 0 0 15px;
	list-style-type: none;
}

#comments-template ol li
{
border: 1px solid #dcdada;
	margin: 10px 0 0 0;
	line-height: 18px;
	padding: 10px;
	padding-bottom:10px;
	font-size: 11px;
	color: #555;
}

#comments-template ol li p
{
width: 462px;
}

.alt
{
background: #eee;
}

#comments-template h2, #comments-template h3
{
	padding-left: 21px;
	margin-top: 4px;
	margin-bottom: 2px;
	font-family: ,tahoma,Georgia, Sans-serif;
	font-size: 14px;
	color: #555;
}

#comments
{
background: url(images/comments.jpg) no-repeat top right;
padding-right: 20px;
padding-left: 7px;
padding-top: 10px;
padding-bottom: 7px;
}

.commentmetadata
{
height: 23px;
margin: 0;
padding: 0;
background: url(images/comment-h2.jpg) no-repeat right top;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 35px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 12px;
	color: #666;
}

.commentmetadata a
{
color: #333;
}

#comments-template p.nocomments
{
	padding: 0;
}

#write-comment
{
padding: 3px;
padding-right: 8px;
}

#comments-template textarea
{
	font-family: tahoma,Arial, Helvetica, Georgia;
	font-size: 12px;
}

.comment_author_link
{
max-width: 510px;
}

img.avatar 
{
border: 1px solid #ddd;
padding: 2px;
float:left; 
margin-right:5px;
}


#submit
{
}

#sub-comment
{
float: right;
margin-left: 20px;
}

#author
{
font-family: tahoma, Arial, Helvetica, Georgia;
border: 1px solid #d4d4d4;
color: #555;
background: url(images/comment-bg.png) repeat-x top #fff;
width: 50%;
}

#email
{
font-family: tahoma, Arial, Helvetica, Georgia;
border: 1px solid #d4d4d4;
color: #555;
background: url(images/comment-bg.png) repeat-x top #fff;
width: 50%;
}

#url
{
font-family: tahoma, Arial, Helvetica, Georgia;
border: 1px solid #d4d4d4;
color: #555;
background: url(images/comment-bg.png) repeat-x top #fff;
width: 50%;
}

#comment
{
font-family: tahoma, Arial, Helvetica, Georgia;
border: 1px solid #d4d4d4;
color: #555;
background: url(images/comment-bg.png) repeat-x top #fff;
width: 100%;
}