/*  







Theme Name:    eBook



Theme URI:     http://templatic.com/



Description:   Developed by Bhavesh Radadiya.



Version:       1.3



Author:        Templatic.com



Author URI:    http://templatic.com/







*/







/*



               IMPORTANT NOTE!



               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template



               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme



               without worrying about overwriting your style changes.



*/







/*=== Setup ===*/







/* Import RESET styling for grid framework*/



@import url('library/css/reset.css');







/* Import TEXT styling for grid framework*/



@import url('library/css/text.css');







/* Import GRID styling for grid framework*/



@import url('library/css/960.css');







/* Import GRID styling for grid framework*/



@import url('skins/1-default.css');











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



Global Reset - Resets all browser defaults to 0



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



html, body { margin:0; padding:0; }



h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, 		



td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; }



table { border-collapse:collapse; border-spacing:0;  }



ul { list-style:none; }



blockquote:before, blockquote:after { content:""; }







.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }



.fl, .fll, .aleft { float:left }



.fr, .frr, .aright { float:right }



.ac, span .ac{ text-align:center }



.ar, span .ar{ text-align:right }



.al, span .al{ text-align:left }







a { text-decoration:none; }



a:hover { text-decoration:underline }







.imgleft { border:2px solid #CCCCCC; float:left; margin:0 15px 15px 0;  }



.imgleft_none { float:left; margin:0 15px 15px 0; }



.imgright_none { float:right; margin:0 0 15px 15px; }



.aright { float:right; margin-bottom:15px; }







.imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; }







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



 Structure



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







#header { padding:0px 10px 28px 0px; }



.header-in { position:relative; float:left; width: 280px; z-index:9999;  } 







#banner { padding:45px 10px 20px 10px; position:relative; min-height:410px;    }



* html #banner { height:390px; }



*+html #banner { min-height:390px; }







#wrapper { padding:20px 10px; height:100%; overflow:hidden; }



#content { float:left; }



#content-in { float:left; }







#sidebar { float:right; min-height:600px; }



* html #sidebar { width:600px; }







#content-blog { float:left; }



#sidebar-blog { width:270px; float:right;   padding-left:20px;  min-height:600px;  }



* html #sidebar-blog { width:600px; }











#page_head {  font-size:28px; padding:15px 10px; margin-bottom:1px;  }



#page_head h1 { margin:0; padding:0 20px 0 10px;  }



a.post-edit-link{ color:#666 }



a.post-edit-link:hover{ color:#000 }



#footer { padding:13px 10px 15px 10px; height:100%; overflow:hidden; }











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



Header



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



h1.logo { position: relative; display: block; font-size:18px; padding:15px 0 0 10px; margin:0 0 0 0; float:left; z-index:999; }



.logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0;    }



.logo span, .logo span a { width:160px; height:28px;  }



.logo span a { display:block; cursor:pointer; }



.logo a:hover { text-decoration:none; }







#header #logo-spot{ display: block; font-size:18px; padding:0; margin:0px 0 0 0; float:left; position:absolute; top:0; left:0; z-index:9999;  }



  #header .blog-title a{ color:#eee; font:bold 33px Verdana; padding:0; margin:0 ; text-decoration:none;}



    #header .blog-title a:hover{ text-decoration:none; color:#fff }



#header .blog-description{ color:#ccc }







#top_nav { float:right; margin:0px; padding:0px 0px 0px 10px; width:620px;  position:relative; z-index:999; background:url(images/navigation-bg.png) left top no-repeat; height:41px;}







/* top navigation drop menu  ---------------------- */



#top_nav ul { float:right; margin:0px; padding:8px 0px 0px 10px; position:relative; list-style: none;  z-index:999;  }



#top_nav ul li { display: block;  float: left; margin:0; padding:0; text-transform:uppercase;  font-family:"Times New Roman", Times, serif; }



#top_nav ul li a { display: block; text-decoration: none; margin:5px 15px; padding-bottom:5px; font-size:11px; font-weight:bold; }



	



/*



SON OF SUCKERFISH DROPDOWNS



See http://www.htmldog.com/articles/suckerfish/dropdowns/



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







/* 2nd and 3rd level menus */



#top_nav ul li ul { position: absolute; z-index: 99;  left: -999em; margin: 0px 0 0 1px; padding: 0;  width:13.9em; w\idth: 13.9em; height: auto; }







/* 3rd level menus only */



#top_nav ul ul ul { margin: -1.65em 0 0 13.9em; }



#top_nav li li { padding: 2px 1em 2px 0; width: 12.9em; }



#top_nav ul ul a { width: 13em; w\idth: 9em; }



#top_nav li:hover ul ul, #top_nav li:hover ul ul ul, #top_nav li.sfhover ul ul, #top_nav li.sfhover ul ul ul { left: -999em;   }



#top_nav li:hover ul, #top_nav li li:hover ul, #top_nav li li li:hover ul, #top_nav li.sfhover ul, #top_nav li li.sfhover ul, #top_nav li li li.sfhover ul { left: auto; }











/* 2nd and 3rd level menus */



#top_nav ul ul li a, #top_nav ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; }



#top_nav h3 { display:none; }



#top_nav .widget { float:right; width:600px; overflow:visible;  }











.buynow { padding:5px 25px 5px 15px; margin-top:4px; float:right; text-indent:-9009px; position:relative; z-index:9999; }



.buynow a { width:57px; height:21px; display:block;  }



* html .buynow { margin-top:3px; }



*+html .buynow { margin-top:3px; }







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



Banner



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



#banner h2 { margin:0 0 18px 0; padding:0; font-size:38px; text-shadow:1px 1px 1px #557a99;  font-weight:bold; /*font-family:Georgia,"Times New Roman",Times,serif;*/  font-family:Arial, Helvetica, sans-serif; text-align:center;  }



#banner p { margin:0; padding:0 0 8px 0; font-size:24px; line-height:30px; }







#banner p span { font-size:14px; font-weight:bold; }







.productrays { position:absolute; left:-185px; top:-15px; width:800px; height:392px; padding:77px 0px 0 220px; z-index:0;     }



* html .productrays { top:-48px; }



*+html .productrays { top:-48px; }







.productrays img { float:left; }







.product_desc { width:580px;  position:absolute; right:20px; padding-right:10px; top:53px; z-index:9999; }



* html .product_desc {  top:120px;  }



*+html .product_desc {  top:120px;  }











#banner .buttonbar p { font-size:14px; font-weight:normal;   }



#banner .buttonbar p a { text-decoration:underline;  }



 







.i_paperpack { padding:4px 0 5px 28px; margin-left:4px; } 



.i_pdf {  padding:4px 0 5px 25px; margin-left:4px; } 











#banner #product { height:100%; overflow:hidden; text-align:center; position:relative; height:274px;   }



#banner .shadow { width:956px; text-indent:-9009px; position:absolute;  bottom:0; left:5px; z-index:1; }



#banner .buttonbar { text-align:center; margin:0 auto; padding-top:0px; padding-left:1px;   }



* html #banner .buttonbar {  padding-top:50px;  }



*+html #banner .buttonbar {  padding-top:50px;  }







.action_button { float:left; margin-top:-13px;   display:table;  text-align:center;  display:block; text-decoration:none; display:block; }



.action_button a { text-decoration:none !important;  padding:12px 0px 12px 0px; float:left;  font:bold 14px Helvetica, Arial, sans-serif;  display:block;    }











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



content



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







.feature_section { padding:15px 10px 10px 10px; margin-bottom:40px;  }







.feature_box { padding:0; margin:0;   }



.fspacer { margin-left:20px;  }



.feature_box h3 { padding:0px 5px 14px 0px; font-size:15px; line-height:normal; }







.feature_box .imgbox { float:left; padding:8px;  background:#fff; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }







.feature_box_content { width:170px; float:right; }



.feature_box_content p { margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; }







p { margin:0; padding:0 0 8px 0; line-height:18px;  }







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



#content li { margin:0 0 8px 0; padding:0 0 0 8px; line-height:18px; }







#content h2 { font-size:18px; color:#000; padding:0 0 5px 0;  border-bottom:1px solid #c4c4c4;  }







p.planprice { margin:20px 0 10px 0; padding-top:5px; text-align:center; font-size:22px; font-weight:bold; }







.startnow a { width:141px;  padding-right:10px; height:22px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;  display:block; text-decoration:none; margin-right:10px; margin-left:28px;}



.startnow a:hover {  }







.plan_spacer { margin-left:20px;  }











blockquote { clear:both; height:100%; margin:10px 0 25px 5px; overflow:hidden; padding:0 0 10px 35px; }



blockquote p { font-size:14px ; font-weight:bold; margin:0 0 5px 0; padding:0; line-height:20px; }



blockquote cite { font-size:12px;  font-weight:bold;  float:right; line-height:18px; text-align:right; display:block;   }







#wrapper .widget blockquote { margin:10px 0 0px 0; padding:0 0 0 35px; } 



#wrapper .widget blockquote p { font-size:14px ; font-weight:bold; margin:0 0 5px 0; padding:0; line-height:normal; }



#wrapper .widget blockquote cite { font-size:12px; font-weight:bold ; float:left;  display:block;   }















#wrapper .widget blockquote p { font-size:14px ; line-height:normal;  }



#wrapper .widget p.link { padding:0 0 22px 0; margin:0; text-align:right; }







.posts h1 {	font-size: 25px }



.posts h2 {	font-size: 23px }



.posts h3 {	font-size: 21px }



.posts h4 {	font-size: 19px }



.posts h5 {	font-size: 17px }



.posts h6 {	font-size: 15px }







dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }



p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }



p em { line-height:20px; } 







code { line-height:18px; background:#ccc; }







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



#content-blog



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







#content-blog .posts { margin-bottom:35px; }







#content-blog .posts h2 { margin:0; padding:0 0 5px 0; font-size:23px; } 



#content-blog .posts h2 a { }



#content-blog .posts h2 a:hover { }







#content-blog p.post_bottom { padding:5px 0 5px 0;  }



#content-blog p.post_bottom a { text-decoration:underline; }







#content-blog .posts p { line-height:22px; margin:0; padding:0 0 10px; }







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



content-in 



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



#content-in h2, #content-blog h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 



#content-in h6, #content-blog h6 { margin:12px 0 5px 0; padding:0; font-weight:bold; } 







#content-in ul, #content-blog ul { margin:0 0 15px 0; padding:0; list-style:none; }



#content-in li, #content-blog li { margin:0 0 3px 0; padding:2px 0 5px 16px; line-height:18px; }







#content-in ol, #content-blog ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }



#content-in ol li ol, #content-blog ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; background:none; }



#content-in ol li, #content-blog ol li { margin:0 0 5px 0; padding:0; background:none; font-size:13px;  }











/*---------PAGE NAVIGATION - pagination --------- */



.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }



.Navi { float: right; padding: 0 0 20px 0 }



.Navi a { color: #000; display: block; float: left; padding: 3px 8px 3px 8px; height:17px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px }



.Navi a:hover { color:#000;  }



.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 3px 9px; margin-left: 4px;  }







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



sidebar 



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



#sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } 







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



Widget 



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



#sidebar-blog .widget{ width:280px;  list-style:none; overflow:hidden; color:#382D2C;  }



.widget .more,.content .more{ color:#000; font-weight:700; margin-bottom:0 }



.widget .more span,.content .more span{ color:red; margin-right:5px }



#sidebar-blog .widget li, #wrapper .widget p { margin:0 0 8px 0; padding:0; color:#444 !important; font-size:13px; line-height:20px ;  }



#sidebar-blog .widget li{ padding:3px 0 3px 15px; line-height:25px; list-style:none;  background:url(images/bullet3.gif) no-repeat left 14px; margin:0; width:100%;  }



#sidebar-blog .widget li a, #sidebar-blog .widget li a:hover{ font-weight:normal }



.widget h2, .widget h3{ margin:0 0 10px 0; padding:0 0 3px 0; font-size:18px;   }



.widget h3 span { margin:0 0 0px 0; font-size:21px;   }







.widget {



color:#382D2C;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



overflow:hidden;



width:280px;



}







.widget_spacer { margin-left:30px;  }



.widget  .subscribe label { padding:5px 5px 0 0; }







.widget .field { padding:3px; width:195px; margin-bottom:10px; }



.widget .replace {  width:96px; height:28px; text-align:center; font-weight:bold; margin-left:50px; padding:5px 0;  line-height:18px; cursor:pointer; }







.b_downloadnow { margin-top:10px; }



.b_downloadnow a { display:block;   font-size:12px; text-align:center; width:166px; height:20px; text-decoration:none; font-weight:bold; line-height:20px; text-transform:uppercase; padding:6px 0 7px 5px; }







.widget .subscribe h3 { color:#d14a01 !important;  }







.widget img { border:2px solid #5c5c5c; padding:2px; background:#fff; float:left; margin:0 10px 2px 0; }







.flickr h3 span{ font-weight:normal; color:#0061D8 }



.flickr h3{ margin-bottom:20px }



.flickr h3 span b{ color:#FF1183 }



.flickr ul{ margin:15px 0 0; padding:0 }



.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }



.flickr img{ border:1px solid #969696; background:#F4F4F4; padding:11px; width:65px;  }



.flickr img:hover{ border-color:#333 }



#calendar_wrap{ padding:0 0 0 40px; font-size:13px }



#calendar_wrap caption{ padding:10px 0 }



li.recentcomments a{ font-style:italic }



.widget #searchform label{ display:none }



.tagcloud { background-color:#ffffff !important; color:#382D2C }



#twitter p.website{ margin:10px 0 0 0; padding:8px 0 20px 24px;  background: url(images/twitter-trans.png) left 6px no-repeat }



#twitter p.website a { font-weight:bold; }







/*---------ADVERTISING ads --------- */



.ad-box { text-align:center; background:transparent; overflow:hidden; margin-bottom:20px; }



.ad-box img { float:left; margin-right:10px; margin-bottom:10px; }



.ads123456{ height:125px; float:left; margin:0 0 10px 0; padding:0 }



.ads123456 img{ float:left; padding:0 10px 0 0; margin:0 }



#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 40px 0 }



#big_banner a:hover{ background:transparent }







#sidebar-blog .flickr img { padding:3px; margin:4px; }







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



#sidebar-blog widget 



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







#sidebar-blog .widget h2, #sidebar-blog .widget h3{ margin:0; padding:0 0 3px 0; font-size:18px; background:trasparent;  }



#sidebar-blog .widget { margin-bottom:30px; }



.subscribe { background:#f5fcdb; padding:12px; border:1px solid #dec74a; margin-bottom:20px; }











/*=== Archive ===*/







.archive-spot { padding:0 0 20px 0 }



.archive-spot h2{ width:470px }



.archive-spot p{ color:#4e4e4e }



.archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }



.archive-spot .date a{ color:#898989 }



.archive-spot .date a:hover{ color:#ffffff }



.comment-spot{ text-align:center; padding:3px 0 0 0; width:32px; height:32px; margin:-70px 0 0 0; background:#ffffff url(images/comment-bg-trans.png) no-repeat top right; }



.comment-spot a, .comment-spot a:hover{ background:none; color:#ffffff; border:none; font:bold 13px Georgia }



.archive-spot .cat-spot{ background:#e3e3e3; padding:4px 0 6px 0; }



.archive-spot .cat-spot a{ color:#000000; font:normal 11px Georgia; margin:0 0 0 10px }



.archive-spot .cat-spot a:hover{ color:#ffffff }



	  



/*---------ARCHIVE PAGE --------- */



.arclist ul{ padding:0; margin:0 }



.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }



.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }



.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }



.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }







/*---------COMMENTS --------- */



#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 }



#comments .commentlist { padding:0; margin:0 }







#comments .commentlist li p { margin:0; padding:0; }







#comments ol{padding:20px 0;}



#comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; background:none; list-style:none }



#comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 }



#comments .comment a:hover{ color:#aaaaaa }



#comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }



#comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }



#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }



#comments .comment small {font-size: 11px }



* html #comments .comment .text-right { height:70px }



#comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #c7c7c7; padding: 12px; margin-left:100px; float:none }



#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }



#comments ul.children { margin:10px 0 0 20px; padding:0 }



#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #c7c7c7 }



p.commpadd{ padding:0; margin:0 0 10px 0 }



span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }



span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#aaaaaa }



.cancel-comment-reply{ padding:0 0 10px 0 }



#respond { padding:10px 0 0 0; margin:0 }



#respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7; font:13px Arial, Helvetica, sans-serif;   }



#respond textarea { margin:0; padding:0 }



p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }



p.commpadd label{ padding:0 0 0 5px }



input#submit{ font:bold 12px Arial, Helvetica, sans-serif; color:#FFFfff; text-align:center; padding: 5px; background:#000; border:1px solid #000; margin:0; cursor:pointer; }



* html #commentform label { margin:-8px 0 0 0; 	position:relative;



top:-8px; }



*+html #commentform label { margin:-8px 0 0 0; 	position:relative;



top:-8px; }



	



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



footer 



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







#footer p { font-size:13px; padding:0; margin:0 0 8px 0;  }



#footer .designby { font-size:13px; }







#footer p a { text-decoration:none; }



#footer p a:hover { text-decoration:none; }







#footer .aright { margin-right:-12px }



#footer .aright a{ font-size:11px }



#footer .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px;  margin:-5px 0 0 10px; border-right:1px solid  }







#footer .designby { padding:5px 8px 0 0; float:left; }



#footer p span.templatic { width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }



#footer p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }



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



modified



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



.textwidget h2.maillist{ color:#3D3D3D !important; border:0; margin:0;}

.textwidget h2.maillist span{ color:#336e9c !important; font:normal 13px/20px Arial, Helvetica, sans-serif !important;}



.joinmail_box{background:#E2E9EF;

    border: 7px solid #CBDEDA; padding:5px; margin-bottom:15px; background:url(images/watermark-people.png) 160px 90px no-repeat;}

#mc_embed_signup h2{ color:#336e9c; font:bold 12px Arial, Helvetica, sans-serif !important;}

.mc-field-group{ padding-bottom:6px;}

.mc-field-group label{ font:bold 12px Arial, Helvetica, sans-serif; width:96px; float:left;}

.indicates-required{ text-align:right; padding-bottom:8px;}

span.asterisk{ color:#F30;}

#mc_embed_signup .button{ background:url("images/subscribe_btn.png") no-repeat scroll 0 0 transparent; border:0; width:113px; height:29px; color:##444444; font:bold 13px Arial, Helvetica, sans-serif; margin:6px 0 0 100px; color:#fff;}





/*	--------------------------------------------------order template-------------------------------------------------- */



#order_wrap{ width:100%; float:left;}

.bulk_block{ width:916px; float:left; height:220px;background:url("images/bulk-book-buy.png") no-repeat scroll 0 0 transparent; margin:20px 0 0 20px;}

.bulk_block .top{ width:916px; float:left; height:50px;}

.bulk_block .top .addtocart{ float:right; background:url(images/add-to-cart.png) left top no-repeat; width:150px; height:30px; text-indent:-9999px; margin:10px 15px 0 0;}

.bulk_block .top .addtocart a{ width:150px; height:30px; cursor:pointer; float:left;}

.productimg{ float:left; position:relative; margin-top:-52px;}

.producttext{ width:415px; padding-right:225px; float:right; padding-top:30px;}

.dropdwn{ clear:both;}



.shop_block{ width:916px; float:left; height:220px;background:url("images/ebook.png") no-repeat scroll 0 0 transparent; margin:20px 0 0 20px;}

.shop_block .producttext{ width:625px; padding-right:60px; float:right; padding-top:85px;}

.shop_block .producttext a{ margin-right:15px; float:left;}





.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.ebook_block{ width:916px; float:left; height:220px;background:url("images/ebook-buy.png") no-repeat scroll 0 0 transparent; margin:20px 0 0 20px;}

.ebook_block .top{ width:916px; float:left; height:50px;}

.ebook_block .top .addtocart{ float:right; background:url(images/ebook-order-btn.png) left top no-repeat; width:150px; height:30px; text-indent:-9999px; margin:10px 15px 0 0;}

.ebook_block .top .addtocart a{ width:150px; height:30px; cursor:pointer; float:left;}
.ebook_block .productimg{ float:left; position:relative; margin-top:-40px;}
.ebook_block .producttext{ width:415px; padding-right:225px; float:right; padding-top:20px;}

