/* 	LONDONI
	WWW.LONDONI.CO
    	Copyright of Londoni Worldwide Limited

	Designed by Londoni Digital Agency

	November 2019


	COLOUR
	link blue #2361a1


	LAYOUT
    	main content 			65% (margin 100px 3% 60px 5%)
	secondary content		22% (margin 100px 5% 60px 0)

	TOC
	=====================================================
	=	1. Paragraph & generals			    =
	=	2. Header				    =
	=	3. Table				    =
	=	4. List					    =
	=	5. Form					    =
	=	6. Layout				    =
	=		6.1 Core layout 		    =
	=		6.2 Site options (e.g. close book)  =
	=		6.3 Search			    =
	=						    =
	=	7. Links				    =
	=	8. Responsive				    =
	=====================================================

*/


* {margin: 0; padding: 0;}

body { margin: 0; padding: 0; color: #333; font-size: 62.5%; }

body, p, ul li, ol li, tr td, tr th, blockquote {
	font: 0.95em/1.5em "lucida ms", helvetica, arial, verdana, sans-serif;
}

article, aside, figure, figcaption, footer, header, hgroup, nav, section { display: block; }





/* 1. PARAGRAPH & GENERALS
=================================================================== */

p {  text-align: left; margin-bottom: 1.5em; }

.clear, .clr { clear: both; }

hr {
	color: #57886A;
	border: 0;
	height: 1px;
	background: #497359;
	margin-bottom: 1em;
}

.error { color: #f00; font-weight: bold; }

.enable-javascript {
	color: #fff;
	background: #0086d0;
	padding: 30px 50px;
}

acronym { cursor: help; border-bottom: none; }

img { max-width: 100%; height: auto; }

a img { border: none; background: none; }

figure { margin-bottom: 10px; }
figcaption { color: #6b634e; font-size: 90%; font-style: italic; }

.float-left { float: left; margin: 0 20px 15px 0; display: inline; }
.float-right { float: right; margin: 0 0 15px 20px; display: inline; }

blockquote  {
	border-top: 4px double #ddd;
	border-bottom: 4px double #ddd;
	margin-bottom: 1em;
	padding: 15px 0 0;
	width: 100%;
}

blockquote p, blockquote ul li, blockquote ol li  {
	color: #444;
	font: 1.35em/1.4em adrianne-1, georgia, garamond, "times new roman", serif;
	font-style: italic;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 15px !important;
}
blockquote ul, blockquote ol  {	padding: 0 30px; }
blockquote ul li, blockquote ul li  { margin-bottom: 5px !important; padding: 0 7px;}
blockquote p cite {
	color: #777;
	font-size: 75%;
	font-style: italic;
	text-align: right;
	padding-top: 7px;
}

blockquote p cite a  {
	color: #2361a1;
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
}

cite .author a  { color: #888; }

.written-by { color: #555; font-size: 75%; letter-spacing: 2px; margin-top: -1.5em; margin-bottom: 3.5em; }
.written-by p { margin-bottom: 5px; }

.intro { font-size: 115%; font-weight: bold; text-align: center; }
.intro:last-of-type { margin-bottom: 2.5em; }
.summary h1, .summary h3, .summary h4, .summary p, .summary ul, .summary ol { text-align: center; padding-left: 7%; padding-right: 7%; }
.summary h1 { margin-top: 1.25em; margin-bottom: 0.5em; }
.summary p, .summary ul li, .summary ol li { font-style: italic; }
.summary ul, .summary ol { margin: auto; margin-bottom: 1.5em; }

.centralise {margin-left: auto; margin-right: auto; text-align: center;}
.right-align {text-align: right !important;}

.increase-top-margin { padding-top: 1.5em; }
.no-top-margin { padding-top: 0 !important; margin-top: 0 !important; }
.no-right-margin { margin-right: 0 !important;}
.no-left-margin { margin-left: 0 !important;}
.no-bottom-margin { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.go-to-top {
	font: 85% georiga, garamond, "times new roman", serif;
	text-align: right;
	background: url(../images/article-go-to-top.jpg) no-repeat right center;
	padding-right: 20px;
	text-transform: capitalize;
}

.col-2, .col-3, .col-4 { float: left; width: 48%; margin-right: 2%; margin-left: 0; }
.col-3 { width: 31.75%; }
.col-4 { width: 23.5%; }
.col-2:last-of-type, .col-3:last-of-type, .col-4:last-of-type { margin-right: 0; }

.inner-content {padding: 0 10px;}

.bigger-font {font-size: 125%;}
.smaller-font, small {font-size: 85%;}

.external {background: url(../images/external-icon.jpg) no-repeat right top; padding-right: 9px;}

.external-sites {font-size: 75%; font-weight: bold; padding-top: 15px !important;}


.tips { background: url(../images/tips-bg.jpg) no-repeat center top; width: 100%; padding-top: 65px; margin-bottom: 3em;}
.tips p, .tips ul, .tips ol {font: 0.85em/1.6em georgia, garamond, "times new roman", serif; text-align: center; margin-bottom: 0.6em;}


a.read-more { font-size: 90%; font-weight: bold; font-style: italic; padding-top: 15px; }
a:link.read-more, a:hover.read-more { color: #000; text-decoration: underline; }
a:hover.read-more { text-decoration: none; }

.author, .last-updated {
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 2em;
}
.author p, .last-updated p { margin-bottom: 0.5em; }
.last-updated span { margin-left: 5px; padding-left: 10px; border-left: 1px solid #ddd;}


/* 2. HEADER
=================================================================== */

h1, h2, h3, h4, h5 {
	color: #000;
	font-family: georgia, garamond, "times new roman", serif;
	line-height: 135%;
	margin-bottom: 0.75em;
}

h1, h2 { color: #222; font-size: 175%; font-weight: normal; margin-bottom: 1em; padding-top: 1.5em; }
h1 { font-size: 235%; }
h1.prominent { font-size: 150%; text-transform: uppercase; }
h1:first-of-type { padding-top: 0; }

h3, h4, h5 { font-family: "calibri", verdana, arial, sans-serif; }

h3 { color: #222; font-size: 140%; margin-bottom: 0.5em; }
h4 {font-size: 135%; font-weight: normal; padding-top: 0.75em; margin-bottom: 0.5em; }
h5 {font-size: 110%; font-weight: normal; margin-bottom: 0.2em; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color: #000; }
h1 a:hover, h2 a:hover { color: #2361a1; }

main h3 { padding-top: 2em; margin-bottom: 1.25em; }
main .featured h3 { padding-top: 0; margin-bottom: 0.75em; }


.hide,
.mobile-hide,
header h1,
nav h2,
footer h2 {
	display: none;
}



/* 3. TABLE
======================================================================== */

table {	margin: 0; margin-bottom: 1em; 	padding: 0; text-align: left; border: 0; }

caption {
	color: #666;
	font-size: 75%;
	line-height: 170%;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 2px;
	margin: 0;
	padding: 0 0 5px;
}

/* E.g. report video error */
.caption {
	color: #222;
	font: italic 0.85em/2em georgia, garamond, "times new roman", serif;
	padding: 3px;
	margin: 3px 0;
	border-bottom: 3px double #555;
}

tr { vertical-align: top; }
tr tr {	font-size: 100%; }

th, td { text-align: left; padding: 3px 5px; }




/* data table e.g. event listing, education syst in BD
-------------------------------------------------------------------------- */
.data-table {
    	font-size: 90%;
	border-collapse: collapse;
    	border-right: 1px solid #ccc;
    	margin-top: 1.5em;
	margin: 1.5em auto 1em;
}

.data-table th {
    	color: #aaa;
    	font-size: 85%;
    	font-weight: bold;
    	text-transform: uppercase;
    	border: 1px solid #ccc;
}

.data-table td { border: 1px solid #ccc; }
.data-table tr.even-row { background: #f4f4f4; }
.data-table tr.highlight-row { color: #fff; background: #ccc; }
.data-table .no-border { border: none !important; }
.data-table tr.total { background: #ddd;}



/* table of content - dataesque table e.g. bangladesh history of government
-------------------------------------------------------------------------- */
.table-of-content {
	border: 1px dotted #555;
	font-size: 90%;
	margin-bottom: 1em;
}

.table-of-content h4 {
	color: #fff;
	font-size: 90%;
	background: #CE4543;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 25px;
	margin: 0;
	margin-bottom: 10px;
}

.table-of-content h4 a { color: #fff; }
.table-of-content ul, .table-of-content ol { text-align: center; }
.table-of-content ul.no-bullet li, .table-of-content ol li {
	text-align: center;
	padding: 12px 0 10px;
	background: url(../images/buttons/toc-dot.jpg) no-repeat center top;
	list-style-position: inside;
}




/* 4. LIST
=================================================================== */
ul {
	margin: 0;
	margin-left: 15px;
	margin-bottom: 1.5em;
	padding: 0;
	list-style: disc;
	text-align: left;
}

li {
	margin: 0;
	padding: 3px 0 2px;
	line-height: 120%;
}


aside ul {
	margin-bottom: 1em;
	margin-left: 0;
	list-style: none;
}

aside li {
	padding: 8px 0;
	line-height: 1.2em;
	list-style: none;
	border-bottom: 1px dotted #999;
}

aside .no-border li { padding-bottom: 0; border-bottom: none; }

ul li ul { margin-bottom: 0; }

ol { margin: 0 0 1.5em 20px; padding: 0; }
ol li { margin: 0; padding: 3px 0 2px; list-style: decimal; }

dl {margin: 0; margin-bottom: 1em;}
dl dt {color: #a98415; font: bold 1.15em/1.3em arial, verdana, sans-serif; margin-bottom: 3px; }
dl dd {color: #555; font: 0.9em/1.5em arial, verdana, sans-serif; margin-bottom: 2em;}

ul li br, ol li br { clear: both; }
ul li li, ol li li, td ul li, td ol li { font-size: 100%; }

ul.no-bullet, ol.no-bullet { margin: 0; margin-bottom: 1em; list-style: none; }
ul.no-bullet li, ol.no-bullet li { padding: 1px 0 2px; margin-bottom: 3px; }

.border-list {list-style: none; margin: 0; margin-bottom: 1.5em; }
.border-list li {list-style: none; padding: 0 0 4px; margin-bottom: 2px; border-bottom: 1px dotted #999;}

.column-list { width: 100%; }
.column-list li { width: 15%; }

.quicklink { width: 100%; }
.quicklink li { width: 20%; margin: 0 5% 15px 0; }
.quicklink li a { width: 100%; background: url(../images/right-chevron.png) no-repeat right center; display: block; }
.quicklink li a span { padding-right: 30px; display: block; }

.float-list {float: left; margin: 0; margin-bottom: 1.5em; list-style: none;}
.float-list li {float: left; margin: 0 15px 5px 0; list-style: none; display: inline;}


/* table of content inside page e.g. seerah of Prophet (pbuh) - wives
-------------------------------------------------------------------------- */
.toc-section {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b1b4b6;
    position: relative;
    right: auto;
    top: auto;
}

.toc-section h2 {
    margin: 0;
    color: #0b0c0c;
    font-family: "lucida ms", helvetica, arial, verdana, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
}

.toc-section ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #0b0c0c;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
}

.toc-section li.dashed {
    position: relative;
    margin: 0;
    padding: 7.5px 25px 0 25px;
    line-height: 1.3;
    list-style-type: none;
    float: none;
    display: block;
}

.toc-section li.dashed::before {
    content: "—";
    position: absolute;
    left: 0;
    width: 20px;
    overflow: hidden;
}

.toc-section li.dashed a {
	color: #2361a1;
	padding: 0;
	display: inline;
}


/* 5. FORM
======================================================================== */

form { margin-bottom: 1em; }

.form-background {
	padding: 10px 0;
	border: 1px solid #ccc;
	background: #fff url(../images/form-background.jpg) repeat-x left bottom;
}


.form-background h1, .form-background h2 { font-size: 120%; padding: 0 10px; }
.form-background p {padding: 0 10px; margin-bottom: 0.75em;}
.inner-content {padding: 0 10px;}

.form-background .inner-content h1, .
form-background .inner-content h2,
.form-background .inner-content p {padding: 0;}

fieldset { border: 0; margin: 0; padding: 0; }
fieldset + fieldset, #searchForm fieldset + fieldset { padding-top: 15px; }

fieldset ol { margin-left: 0; margin-bottom: 1em; list-style: none; }
fieldset li { font-size: 85%; padding: 0.3em; padding-left: 0; list-style: none; }

fieldset li br { clear: both; }

legend, .h2-legend {
	color: #000;
	font: 160%/200%  arial, helvetica, "trebuchet ms", verdana, sans-serif;
	padding: 0;
	margin: 0;
	_margin-left: -7px;
	margin-bottom: 0.3em;
}

label, .label-deco {
	font: bold 95%/110% arial, helvetica, "trebuchet ms", verdana, sans-serif;
	padding-top: 2px;
	margin-right: 7px;
	vertical-align: top;
}

.label, .label-deco {
	float: left;
	width: 170px;
	font-weight: bold;
	text-align: right;
	display: inline;
}

label span, .mandatory { color: #b4b429; font-size: 145%; font-weight: bold; padding-left: 1px; }

.form-hint { color: #999; font-weight: normal; font-style: italic; padding-top: 3px; }
label span.form-hint {font-size: 1em;}

input, textarea, select {
	font: 0.9em/1.2em "lucida ms", helvetica, arial, "trebuchet ms", verdana, sans-serif;
	padding: 6px;
	margin-right: 2px;
	vertical-align: top;
	background: #fcfcfc;
	border: 1px solid #e2e2e2;
}

select { padding: 2px 0 2px 3px; }

option {
	font: normal 0.9em/1.2em "lucida ms", helvetica, arial, "trebuchet ms", verdana, sans-serif;
	border: 0;
	padding: 1px 2px;
	vertical-align: top;
}

.link-input {color: #2361a1;}
input:focus, textarea:focus { background-color: #ffc; }
:focus { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

form fieldset p { margin-bottom: 0.5em; }
form input, form select, form select options { font-size: 90%; }




/* 6. LAYOUT
=================================================================== */

header {
	position: fixed;
	width: 100%;
	height: 60px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06), 0 4px 5px 0 rgba(0,0,0,0.06);
	z-index: 9998;
}

header div { margin: 8px; margin-left: 25px; }

#full-width, #main, .like-main { float: left; width: 90%; margin: 100px 5% 60px; position: relative; }
#main { width: 65%; margin: 100px 3% 60px 5%; }
.like-main { width: 65%; margin: 0; margin-right: 3%; }

aside {	float: right; width: 22%; font-size: 90%; margin: 100px 5% 60px; margin-left: 0; position: relative; }
#full-width aside { width: 24%; margin: 0; }

footer { clear: both; width: 100%; padding: 25px 0 5px; border-top: 1px solid #ddd; position: relative; }
footer .inner-content { padding: 0 25px; position: relative; }
footer a:link, footer a:visited, footer a:hover { color: #000; }
footer p { color: #888; font-size: 85%; margin: 0 10px 10px 0; }
.mod-google-translate { margin: 0 150px 10px 0; }
.mod-google-translate a { font-size: 90%; padding: 0 5px 5px 0; margin: 0 5px 5px 0; display: inline-block; }
.footer-logo { position: absolute; top: 0; right: 20px; }
.footer-logo a:hover { text-decoration: none; }
.footer-logo .float-list li { margin: 3px 5px; }


/* 6.1 module - global settings
-------------------------------------------------------------------------- */

.mod { margin-bottom: 2.5em; }


#full-width .mod h3, #main .mod h3, .mod h3 {
	color: #222;
	font: bold 125% georgia, garamond, "times new roman", serif;
	text-align: center;
	padding: 7px 5px;
	margin-bottom: 15px;
	background: #fefed3;
	border: 1px solid #444;
}

.mod li a { display: block; }



/* accordion e.g. travel - sylhet
-------------------------------------------------------------------------- */
.accordion .tab { position: relative; margin-bottom: 1px; width: 100%; overflow: hidden; border-bottom: 1px solid #dedede; }
.accordion input { position: absolute; opacity: 0; z-index: -1; }
.accordion label {
	position: relative;
	color: #444;
	font-size: 165%;
	line-height: 135%;
	font-weight: normal;
	padding-top: 0.75em;
	padding-right: 25px;
	margin: 0;
	margin-bottom: 0.75em;
	cursor: pointer;
	display: block;
}
.accordion label:hover { color: #222; }
.tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; }
section .tab-content p:last-of-type { margin-bottom: 1em; }
.accordion input:checked ~ .tab-content { max-height: 5000em; }
.accordion label::after {
  	position: absolute;
  	right: 6px;
  	top: 27px;
  	display: block;
  	width: 14px;
  	height: 14px;
  	line-height: 3;
  	text-align: center;
  	-webkit-transition: all .35s;
  	-o-transition: all .35s;
  	transition: all .35s;
}
.accordion input[type=checkbox] + label::after {
  	content: "";
	background: url(../images/arrow-pointing-down.svg) no-repeat center center;
    	background-size: 14px 6px;
}
.accordion input[type=checkbox]:checked + label::after {
    	content: '\00d7';
    	position: absolute;
    	display: block;
    	right: 5px;
    	top: -6px;
    	font-size: 20px;
    	color: #aaa;
    	transition: .2s top ease;
	background: none;
}


/* 6.2 homepage
-------------------------------------------------------------------------- */
.frontpage-headline { margin-bottom: 4em; }
.frontpage-headline h1 {color: #c65212; font-size: 650%; font-style: italic; text-transform: lowercase; text-align: center;  padding: 0 20px; margin-bottom: 40px; word-break: break-all; }
.frontpage-headline h1 a {color: #999; text-decoration: none; }
.frontpage-headline h2 span a {color: #111; font: bold 1.25em/1.1em "lucida ms", helvetica, arial, verdana, sans-serif; font-style: none; padding-top: 7px; display: block;}
.frontpage-headline p { color: #888; font-size: 115%; margin-bottom: 0.5em;}

.home-articles h2 {
	font: 1.25em/1.1em "lucida ms", helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.home-articles .icons li a { color: #333 !important; font-size: 90%; }


/* 6.3 about us
-------------------------------------------------------------------------- */

.about-us {
	width: 100%;
	background: url(../images/founder-abdus-samad.jpg) no-repeat right top;
}

.about-us blockquote { width: auto; margin-right: 250px; border-top: none; }
.about-us blockquote p { color: #666; font-size: 1.1em; line-height: 1.6em; }
.about-us blockquote p cite { font-size: 80%; }


/* 6.4 featured
-------------------------------------------------------------------------- */
.featured {
	float: left;
	width: 100%;
	color: #56626f;
	background: #f3f9fe url(../images/featured.jpg) no-repeat 5px 5px;
	border: 1px solid #ced7e0;
	padding: 20px 0;
	margin-bottom: 1em;
}

.featured p:last-of-type { margin-bottom: 0; }

.mone-reko {background: #f3f9fe url(../images/mone-reko.jpg) no-repeat 5px 5px; padding-top: 30px; }


/* 6.5 aajker taza khobor
-------------------------------------------------------------------------- */
.latest, .latest-news {background: url(../images/aajker-taza-khobor.jpg) no-repeat right bottom; min-height: 25px;
 margin-bottom: 25px; border-bottom: 1px solid #222; text-indent: -9000px;}

 /* latest news on village pages */
.latest-news { border-bottom: 1px solid #ccc; }


/* 6.6 table of content e.g. Muktijuddho
-------------------------------------------------------------------------- */
.toc-title { margin-top: 2em; }
.toc li { color: #999; margin-bottom: 5px; }
.toc a { padding: 3px; display: block; }



/* 6.3b list of articles e.g. Gono Juddho stories
-------------------------------------------------------------------------- */
.article-list li {
	width: 200px;
	background: url(../images/missing-londoni-medium.jpg) no-repeat left top;
	text-align: center;
	margin-bottom: 20px;
}

.article-list li a, .article-list-big li { color: #111; font-size: 85%; line-height: 150%; font-style: italic; }
.article-list li img { display: block; }
.article-list li strong {
	width: 200px;
	font-weight: normal;
	padding-top: 7px;
	display: block;
}

.article-list li span { padding: 0 35px; display: block; }
.article-list-big li { width: 450px; }
.article-list-big li img { border: 1px solid #ddd; }
.article-list-big li strong { width: 450px; background: none; }

.timeline { margin: 2em 0; }


.icons li a {
	font-size: 125%;
	line-height: 150%;
	padding: 9px 0 3px 60px;
	margin-bottom: 7px;
	background: url(../images/contributors.png) no-repeat left top;
	min-height: 50px;
	display: block;
	cursor: pointer;
	overflow: hidden;
}




/* itihash - icons */
.icons a.ancient, .icons a:hover.ancient, .icons a:active.ancient {background: url(../images/icons/history/ancient-bangladesh.png) no-repeat left top;}
.icons a.islam, .icons a:hover.islam, .icons a:active.islam {background: url(../images/icons/history/muslim-bangladesh.png) no-repeat left top;}
.icons a.mughal, .icons a:hover.mughal, .icons a:active.mughal {background: url(../images/icons/history/mughal-bangladesh.png) no-repeat left top;}
.icons a.portuguese, .icons a:hover.portuguese, .icons a:active.portuguese {background: url(../images/icons/history/portuguese.png) no-repeat left top;}
.icons a.nawabs, .icons a:hover.nawabs, .icons a:active.nawabs {background: url(../images/icons/history/nawabs.png) no-repeat left top;}
.icons a.british, .icons a:hover.british, .icons a:active.british {background: url(../images/icons/history/british-bangladesh.png) no-repeat left top;}
.icons a.monnontor, .icons a:hover.monnontor, .icons a:active.monnontor {background: url(../images/icons/history/chhiattorer-monnontor.png) no-repeat left top;}
.icons a.renaissance, .icons a:hover.renaissance, .icons a:active.renaissance {background: url(../images/icons/history/bengal-renaissance.png) no-repeat left top;}
.icons a.bongabongo, .icons a:hover.bongabongo, .icons a:active.bongabongo {background: url(../images/icons/history/bengal-partition.png) no-repeat left top;}
.icons a.bengal-famine, .icons a:hover.bengal-famine, .icons a:active.bengal-famine {background: url(../images/icons/history/bengal-famine.png) no-repeat left top;}
.icons a.east-pakistan, .icons a:hover.east-pakistan, .icons a:active.east-pakistan {background: url(../images/icons/history/east-west-pakistan.png) no-repeat left top;}
.icons a.bhasha-andolon, .icons a:hover.bhasha-andolon, .icons a:active.bhasha-andolon {background: url(../images/icons/history/bhasha-andolon.png) no-repeat left top;}
.icons a.six-point, .icons a:hover.six-point, .icons a:active.six-point {background: url(../images/icons/history/six-point.png) no-repeat left top;}
.icons a.agartala, .icons a:hover.agartala, .icons a:active.agartala {background: url(../images/icons/history/mujib-agartala.png) no-repeat left top;}
.icons a.bhola, .icons a:hover.bhola, .icons a:active.bhola {background: url(../images/icons/history/bhola-cyclone.png) no-repeat left top;}
.icons a.muktijuddho, .icons a:hover.muktijuddho, .icons a:active.muktijuddho {background: url(../images/icons/history/mukhtijuddho.png) no-repeat left top;}
.icons a.election, .icons a:hover.election, .icons a:active.election {background: url(../images/icons/history/bd-first-election.png) no-repeat left top;}
.icons a.bd-famine, .icons a:hover.bd-famine, .icons a:active.bd-famine {background: url(../images/icons/history/bd-famine.png) no-repeat left top;}
.icons a.mujib-murder, .icons a:hover.mujib-murder, .icons a:active.mujib-murder {background: url(../images/icons/history/mujib-murder.png) no-repeat left top;}
.icons a.zia-murder, .icons a:hover.zia-murder, .icons a:active.zia-murder {background: url(../images/icons/history/murder.png) no-repeat left top;}
.icons a.ershad, .icons a:hover.ershad, .icons a:active.ershad {background: url(../images/icons/history/ershad.png) no-repeat left top;}
.icons a.tornado, .icons a:hover.tornado, .icons a:active.tornado {background: url(../images/icons/history/bd-tornado.png) no-repeat left top;}
.icons a.cyclone, .icons a:hover.cyclone, .icons a:active.cyclone {background: url(../images/icons/history/bd-cyclone.png) no-repeat left top;}
.icons a.ganges, .icons a:hover.ganges, .icons a:active.ganges {background: url(../images/icons/history/ganges.png) no-repeat left top;}
.icons a.cht, .icons a:hover.cht, .icons a:active.cht {background: url(../images/icons/history/chittagong-hill-tract.png) no-repeat left top;}
.icons a.jmb, .icons a:hover.jmb, .icons a:active.jmb {background: url(../images/icons/history/jmb.png) no-repeat left top;}
.icons a.grameen, .icons a:hover.grameen, .icons a:active.grameen {background: url(../images/icons/history/grameen-bank.png) no-repeat left top;}
.icons a.khaleda-hasina, .icons a:hover.khaleda-hasina, .icons a:active.khaleda-hasina {background: url(../images/icons/history/khaleda-hasina.png) no-repeat left top;}
.icons a.sidr, .icons a:hover.sidr, .icons a:active.sidr {background: url(../images/icons/history/cyclone-sidr.png) no-repeat left top;}
.icons a.bangabandhu, .icons a:hover.bangabandhu, .icons a:active.bangabandhu {background: url(../images/icons/history/bangabandhu-case.png) no-repeat left top;}
.icons a.cricket, .icons a:hover.cricket, .icons a:active.cricket {background: url(../images/icons/history/bd-cricket.png) no-repeat left top;}

/* bd full history - cricket wc knockout */
.icons .cricket-knockout {background: url(../images/history/cricket-wc-knockout.jpg) no-repeat center top; height: 430px; text-indent: -9000px;}


/* biography */
.icons a.awami-league, .icons a:hover.awami-league, .icons a:active.awami-league {background: url(../images/icons/logo/awami-league.png) no-repeat left top;}
.icons a.bnp, .icons a:hover.bnp, .icons a:active.bnp {background: url(../images/icons/logo/bnp.png) no-repeat left top;}
.icons a.jamaat-e-islami, .icons a:hover.jamaat-e-islami, .icons a:active.jamaat-e-islami {background: url(../images/icons/logo/jamaat-e-islami.png) no-repeat left top;}
.icons a.jatiya-party, .icons a:hover.jatiya-party, .icons a:active.jatiya-party {background: url(../images/icons/logo/jatiya-party.png) no-repeat left top;}

.icons a.imam-khwarizmi, .icons a:hover.imam-khwarizmi, .icons a:active.imam-khwarizmi {background: url(../images/icons/people/imam-khwarizmi.png) no-repeat left top;}
.icons a.imam-kindi, .icons a:hover.imam-kindi, .icons a:active.imam-kindi {background: url(../images/icons/people/imam-kindi.png) no-repeat left top;}
.icons a.imam-razi, .icons a:hover.imam-razi, .icons a:active.imam-razi {background: url(../images/icons/people/imam-razi.png) no-repeat left top;}
.icons a.imam-farabi, .icons a:hover.imam-farabi, .icons a:active.imam-farabi {background: url(../images/icons/people/imam-farabi.png) no-repeat left top;}
.icons a.imam-khazin, .icons a:hover.imam-khazin, .icons a:active.imam-khazin {background: url(../images/icons/people/imam-khazin.png) no-repeat left top;}
.icons a.imam-haytham, .icons a:hover.imam-haytham, .icons a:active.imam-haytham {background: url(../images/icons/people/imam-haytham.png) no-repeat left top;}
.icons a.imam-biruni, .icons a:hover.imam-biruni, .icons a:active.imam-biruni {background: url(../images/icons/people/imam-biruni.png) no-repeat left top;}
.icons a.imam-sina, .icons a:hover.imam-sina, .icons a:active.imam-sina {background: url(../images/icons/people/imam-sina.png) no-repeat left top;}
.icons a.imam-ghazali, .icons a:hover.imam-ghazali, .icons a:active.imam-ghazali {background: url(../images/icons/people/imam-ghazali.png) no-repeat left top;}
.icons a.imam-idrisi, .icons a:hover.imam-idrisi, .icons a:active.imam-idrisi {background: url(../images/icons/people/imam-idrisi.png) no-repeat left top;}
.icons a.imam-jazari, .icons a:hover.imam-jazari, .icons a:active.imam-jazari {background: url(../images/icons/people/imam-jazari.png) no-repeat left top;}
.icons a.salahuddin, .icons a:hover.salahuddin, .icons a:active.salahuddin {background: url(../images/icons/people/salahuddin.png) no-repeat left top;}
.icons a.mowlana-rumi, .icons a:hover.mowlana-rumi, .icons a:active.mowlana-rumi {background: url(../images/icons/people/mowlana-rumi.png) no-repeat left top;}
.icons a.imam-khaldun, .icons a:hover.imam-khaldun, .icons a:active.imam-khaldun {background: url(../images/icons/people/imam-khaldun.png) no-repeat left top;}
.icons a.sultan-fatih, .icons a:hover.sultan-fatih, .icons a:active.sultan-fatih {background: url(../images/icons/people/sultan-fatih.png) no-repeat left top;}


.icons a.ak-fazlul-huq, .icons a:hover.ak-fazlul-huq {background: url(../images/icons/people/ak-fazlul-huq.png) no-repeat left top;}
.icons a.amir-ul-islam, .icons a:hover.amir-ul-islam {background: url(../images/icons/people/amir-ul-islam.png) no-repeat left top;}
.icons a.farrukh-ahmed, .icons a:hover.farrukh-ahmed {background: url(../images/icons/people/farrukh-ahmed.png) no-repeat left top;}
.icons a.fazlur-khan, .icons a:hover.fazlur-khan {background: url(../images/icons/people/fazlur-rahman-khan.png) no-repeat left top;}
.icons a.hason-raja, .icons a:hover.hason-raja {background: url(../images/icons/people/hason-raja.png) no-repeat left top;}
.icons a.humayun-ahmed, .icons a:hover.humayun-ahmed {background: url(../images/icons/people/humayun-ahmed.png) no-repeat left top;}
.icons a.huseyn-suhrawardy, .icons a:hover.huseyn-suhrawardy {background: url(../images/icons/people/huseyn-suhrawardy.png) no-repeat left top;}
.icons a.jahanara-imam, .icons a:hover.jahanara-imam {background: url(../images/icons/people/jahanara-imam.png) no-repeat left top;}
.icons a.kazi-nozrul, .icons a:hover.kazi-nozrul {background: url(../images/icons/people/kazi-nozrul.png) no-repeat left top;}
.icons a.khudiram, .icons a:hover.khudiram {background: url(../images/icons/people/khudiram.png) no-repeat left top;}
.icons a.mag-osmani, .icons a:hover.mag-osmani {background: url(../images/icons/people/mag-osmani.png) no-repeat left top;}
.icons a.maulana-bhashani, .icons a:hover.maulana-bhashani {background: url(../images/icons/people/maulana-bhashani.png) no-repeat left top;}
.icons a.md-ibrahim, .icons a:hover.md-ibrahim {background: url(../images/icons/people/mohammad-ibrahim.png) no-repeat left top;}
.icons a.md-shahidullah, .icons a:hover.md-shahidullah {background: url(../images/icons/people/muhammad-shahidullah.png) no-repeat left top;}
.icons a.md-yunus, .icons a:hover.md-yunus {background: url(../images/icons/people/muhammad-yunus.png) no-repeat left top;}
.icons a.md-zafar-iqbal, .icons a:hover.md-zafar-iqbal {background: url(../images/icons/people/md-zafar-iqbal.png) no-repeat left top;}
.icons a.mr-khan, .icons a:hover.mr-khan {background: url(../images/icons/people/mohammad-rafi-khan.png) no-repeat left top;}
.icons a.munir-chowdhury, .icons a:hover.munir-chowdhury {background: url(../images/icons/people/munir-chowdhury.png) no-repeat left top;}
.icons a.muzharul-islam, .icons a:hover.muzharul-islam {background: url(../images/icons/people/muzharul-islam.png) no-repeat left top;}
.icons a.pritilata-waddedar, .icons a:hover.pritilata-waddedar {background: url(../images/icons/people/pritilata-waddedar.png) no-repeat left top;}
.icons a.rashid-talukder, .icons a:hover.rashid-talukder {background: url(../images/icons/people/rashid-talukder.png) no-repeat left top;}
.icons a.robindronath, .icons a:hover.robindronath {background: url(../images/icons/people/rabindranath-tagore.png) no-repeat left top;}
.icons a.roquia-begum, .icons a:hover.roquia-begum {background: url(../images/icons/people/begum-rokeya.png) no-repeat left top;}
.icons a.sheikh-mujib, .icons a:hover.sheikh-mujib {background: url(../images/icons/people/sheikh-mujibur-rahman.png) no-repeat left top;}
.icons a.shahidullah-kaiser, .icons a:hover.shahidullah-kaiser {background: url(../images/icons/people/shahidullah-kaiser.png) no-repeat left top;}
.icons a.shykh-seraj, .icons a:hover.shykh-seraj {background: url(../images/icons/people/shykh-seraj.png) no-repeat left top;}
.icons a.sufia-kamal, .icons a:hover.sufia-kamal {background: url(../images/icons/people/sufia-kamal.png) no-repeat left top;}
.icons a.tajuddin-ahmad, .icons a:hover.tajuddin-ahmad {background: url(../images/icons/people/tajuddin-ahmad.png) no-repeat left top;}
.icons a.ziaur-rahman, .icons a:hover.ziaur-rahman {background: url(../images/icons/people/ziaur-rahman.png) no-repeat left top;}
.icons a.zohra-kazi, .icons a:hover.zohra-kazi {background: url(../images/icons/people/zohra-begum-kazi.png) no-repeat left top;}


.icons a.ruhul-amin, .icons a:hover.ruhul-amin, .icons a:active.ruhul-amin {background: url(../images/icons/people/ruhul-amin.png) no-repeat left top;}
.icons a.nur-md, .icons a:hover.nur-md, .icons a:active.nur-md {background: url(../images/icons/people/nur-mohammad.png) no-repeat left top;}
.icons a.munshi-abdur-rouf, .icons a:hover.munshi-abdur-rouf, .icons a:active.munshi-abdur-rouf {background: url(../images/people/munshi-abdur-rouf.png) no-repeat left top;}
.icons a.matiur-rahman, .icons a:hover.matiur-rahman, .icons a:active.matiur-rahman {background: url(../images/icons/people/matiur-rahman.png) no-repeat left top;}
.icons a.mostafa-kamal, .icons a:hover.mostafa-kamal, .icons a:active.mostafa-kamal {background: url(../images/icons/people/mostafa-kamal.png) no-repeat left top;}
.icons a.mohiuddin-jahangir, .icons a:hover.mohiuddin-jahangir, .icons a:active.mohiuddin-jahangir {background: url(../images/icons/people/mohiuddin-jahangir.png) no-repeat left top;}
.icons a.hamidur-rahman, .icons a:hover.hamidur-rahman, .icons a:active.hamidur-rahman {background: url(../images/icons/people/hamidur-rahman.png) no-repeat left top;}

.icons a.ma-rab, .icons a:hover.ma-rab, .icons a:active.ma-rab {background: url(../images/icons/people/ma-rab.png) no-repeat left top;}
.icons a.cr-dutta, .icons a:hover.cr-dutta, .icons a:active.cr-dutta {background: url(../images/icons/people/cr-dutta.png) no-repeat left top;}
.icons a.km-shafiullah, .icons a:hover.km-shafiullah, .icons a:active.km-shafiullah {background: url(../images/icons/people/km-shafiullah.png) no-repeat left top;}
.icons a.khaled-mosharraf, .icons a:hover.khaled-mosharraf, .icons a:active.khaled-mosharraf {background: url(../images/icons/people/khaled-mosharraf.png) no-repeat left top;}
.icons a.ak-khandker, .icons a:hover.ak-khandker, .icons a:active.ak-khandker {background: url(../images/icons/people/ak-khandker.png) no-repeat left top;}
.icons a.ar-chowdhury, .icons a:hover.ar-chowdhury, .icons a:active.ar-chowdhury {background: url(../images/icons/people/ar-chowdhury.png) no-repeat left top;}
.icons a.rafiqul-islam, .icons a:hover.rafiqul-islam, .icons a:active.rafiqul-islam {background: url(../images/icons/people/rafiqul-islam.png) no-repeat left top;}
.icons a.atm-haider, .icons a:hover.atm-haider, .icons a:active.atm-haider {background: url(../images/icons/people/atm-haider.png) no-repeat left top;}
.icons a.anm-nuruzzaman, .icons a:hover.anm-nuruzzaman, .icons a:active.anm-nuruzzaman {background: url(../images/icons/people/anm-nuruzzaman.png) no-repeat left top;}
.icons a.mir-shawkat-ali, .icons a:hover.mir-shawkat-ali, .icons a:active.mir-shawkat-ali {background: url(../images/icons/people/mir-shawkat-ali.png) no-repeat left top;}
.icons a.khademul-bashar, .icons a:hover.khademul-bashar, .icons a:active.khademul-bashar {background: url(../images/icons/people/khademul-bashar.png) no-repeat left top;}
.icons a.nazrul-huq, .icons a:hover.nazrul-haq, .icons a:active.nazrul-haq {background: url(../images/icons/people/nazrul-haq.png) no-repeat left top;}
.icons a.qazi-nuruzzaman, .icons a:hover.qazi-nuruzzaman, .icons a:active.qazi-nuruzzaman {background: url(../images/icons/people/qazi-nuruzzaman.png) no-repeat left top;}
.icons a.abu-osman-chowdhury, .icons a:hover.abu-osman-chowdhury, .icons a:active.abu-osman-chowdhury {background: url(../images/icons/people/abu-osman-chowdhury.png) no-repeat left top;}
.icons a.ma-manzoor, .icons a:hover.ma-manzoor, .icons a:active.ma-manzoor {background: url(../images/icons/people/ma-manzoor.png) no-repeat left top;}
.icons a.ma-jalil, .icons a:hover.ma-jalil, .icons a:active.ma-jalil {background: url(../images/icons/people/ma-jalil.png) no-repeat left top;}
.icons a.joynul-abedin, .icons a:hover.joynul-abedin, .icons a:active.joynul-abedin {background: url(../images/icons/people/joynul-abedin.png) no-repeat left top;}
.icons a.abu-taher, .icons a:hover.abu-taher, .icons a:active.abu-taher {background: url(../images/icons/people/abu-taher.png) no-repeat left top;}
.icons a.m-hamidullah-khan, .icons a:hover.m-hamidullah-khan, .icons a:active.m-hamidullah-khan {background: url(../images/icons/people/m-hamidullah-khan.png) no-repeat left top;}

.icons a.abbasuddin, .icons a:hover.abbasuddin, .icons a:active.abbasuddin {background: url(../images/icons/people/abbasuddin-ahmed.png) no-repeat left top;}
.icons a.abdul-alim, .icons a:hover.abdul-alim, .icons a:active.abdul-alim {background: url(../images/icons/people/abdul-alim.png) no-repeat left top;}

.icons a.bangladesh, .icons a:hover.bangladesh, .icons a:active.bangladesh {background: url(../images/icons/travel/bangladesh.png) no-repeat left top;}
.icons a.dhaka, .icons a:hover.dhaka, .icons a:active.dhaka {background: url(../images/icons/travel/dhaka.png) no-repeat left top;}
.icons a.liverpool, .icons a:hover.liverpool, .icons a:active.liverpool {background: url(../images/icons/travel/liverpool.png) no-repeat left top;}
.icons a.shaharpara, .icons a:hover.shaharpara, .icons a:active.shaharpara {background: url(../images/icons/travel/shaharpara.png) no-repeat left top;}
.icons a.syedpur, .icons a:hover.syedpur, .icons a:active.syedpur {background: url(../images/icons/travel/syedpur.png) no-repeat left top;}
.icons a.sylhet, .icons a:hover.sylhet, .icons a:active.sylhet {background: url(../images/icons/travel/sylhet.png) no-repeat left top;}

.icons a.weight-loss, .icons a:hover.weight-loss, .icons a:active.weight-loss {background: url(../images/icons/lifestyle/health/weight-loss.png) no-repeat left top;}
.icons a.diabetes, .icons a:hover.diabetes, .icons a:active.diabetes {background: url(../images/icons/lifestyle/health/diabetes.png) no-repeat left top;}
.icons a.clubfoot, .icons a:hover.clubfoot, .icons a:active.clubfoot {background: url(../images/icons/lifestyle/health/clubfoot.png) no-repeat left top;}
.icons a.over-50, .icons a:hover.over-50, .icons a:active.over-50 {background: url(../images/icons/lifestyle/health/over-50-sport.png) no-repeat left top;}

.icons a.tarka, .icons a:hover.tarka, .icons a:active.tarka {background: url(../images/icons/lifestyle/rannaghor/tarka.png) no-repeat left top;}
.icons a.mas, .icons a:hover.mas, .icons a:active.mas {background: url(../images/icons/lifestyle/rannaghor/mas.png) no-repeat left top;}
.icons a.janwar, .icons a:hover.janwar, .icons a:active.janwar {background: url(../images/icons/lifestyle/rannaghor/janwar.png) no-repeat left top;}
.icons a.shobji, .icons a:hover.shobji, .icons a:active.shobji {background: url(../images/icons/lifestyle/rannaghor/shobji.png) no-repeat left top;}
.icons a.fol, .icons a:hover.fol, .icons a:active.fol {background: url(../images/icons/lifestyle/rannaghor/fol.png) no-repeat left top;}



/* 6.4 banner & spotlight e.g. places
-------------------------------------------------------------------------- */

.banner-box, .spotlight {font-size: 80%; width: 43%; background: #f3ffeb; border: 1px dashed #b5c4ab; padding: 8px 0; margin: 0;}
.banner-box { position: absolute; top: 170px; }
.banner-box li {margin: 0 10px;}

.spotlight {width: 100%; padding: 10px 0; margin-bottom: 2em;}

.banner-box .external, .spotlight .external {background-image: url(../images/external-icon-spotlight.jpg);}
.banner-box a, .spotlight a {color: #000 !important; border-bottom: 1px dotted #000;}
.banner-box a:hover, .spotlight a:hover {border-bottom: 1px solid #000; text-decoration: none !important;}
.spotlight h4 a, .spotlight h4 a:hover {border-bottom: none;}
.spotlight ul { margin-left: 20px; }
.spotlight .col-2 { width: 47%; margin-right: 10px; }


.brief-info h4 {font-size: 110%; text-align: center;}
.brief-info h4 span {color: #888; font-weight: normal;}
.brief-info p {color: #666; font-size: 80%; text-align: center;}


/* e.g. Iman-e-Mufassal, national anthem */
.recite {float: left; color: #fff; background: #2A2122; padding: 10px 0 20px; margin: 10px 0 15px; width: 100%; }
.recite .num1 {background: url(../images/places/num-1.gif) no-repeat left top; padding-left: 50px; margin-left: 50px;}
.recite .num2 {background: url(../images/places/num-2.gif) no-repeat left top; padding-left: 50px;}
.recite .num3 {background: url(../images/places/num-3.gif) no-repeat left top; padding-left: 50px;}
.recite h4 {color: #fff; }
.recite p {margin-bottom: 0; }


/* important info */
.impt-info { padding: 1em 0; }
.impt-info h4 {	color: #aaa; font-weight: bold; margin: 0; margin-bottom: 10px; padding: 10px 0; border-bottom: 1px dotted #999; }
.impt-info ul li, .impt-info ol li, .impt-info p {font-size: 85%; padding-bottom: 3px;}

/* other content you may be interested in */
.read-more-articles { float: left; width: 100%; border-top: 1px solid #e7e4da; margin: 35px 0; padding-top: 7px; }
.read-more-articles h3 { color: #7a7764; font-size: 130%; background: #f7f7ef; padding: 7px !important; }
.read-more-articles p {padding: 0 7px; margin-bottom: 0.75em;}
.read-more-articles ul { color: #888; float: left; margin: 0; list-style: none; }
.read-more-articles ul li {
	float: left;
	width: 290px;
	font-size: 85%;
	line-height: 1.3em;
	background: url(../images/grey-bullet.jpg) no-repeat left 6px;
	margin-right: 20px;
	list-style: none;
	display: inline;
}
.read-more-articles ul li a { display: block; }
.read-more-articles ul li span { padding-left: 15px; }



/* 6.5 biographies & famous people within articles
-------------------------------------------------------------------------- */
.notaries-list ul {margin-left: 0;}
.notaries-list li {
	float: left;
	width: 100%;
	padding: 25px 0;
	display: inline;
}

.notaries-list li img {	float: left; width: 20%; margin-bottom: 15px; }
.notaries-list li .content { float: right; width: 77%; }

.notaries-list li h4 {
	color: #333;
	font: 1.45em/1.2em "lucida ms", helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	padding: 0;
}


.notaries-list li p {
	color: #555;
	font: 0.9em/1.25em arial, helvetica, verdana, sans-serif;
	margin-bottom: 7px;
}

.bio-data { width: 100%; padding: 0; padding-bottom: 10px; margin-bottom: 0.75em; }
.bio-data li {font-size: 85%; font-style: italic; border-bottom: 1px dotted #ccc; width: 47%; margin-bottom: 5px; }
.bio-data li span {font-family: georgia, garamond, "times new roman", serif; font-size: 85%; font-weight: bold; display: block;}



/* list of articles e.g. Gono Juddho stories
-------------------------------------------------------------------------- */
.article-list li {
	width: 200px;
	background: url(../images/missing-londoni-medium.jpg) no-repeat left top;
	text-align: center;
	margin-bottom: 20px;
}

.article-list li a, .article-list-big li {
	color: #111;
	font-size: 85%;
	line-height: 150%;
	font-style: italic;
}

.article-list li img {
	display: block;
}

.article-list li strong {
	width: 200px;
	font-weight: normal;
	padding-top: 7px;
	display: block;
}

.article-list li span {
	padding: 0 35px;
	display: block;
}

/* Big article list e.g. rannaghor - shobji */

.article-list-big li {
	width: 450px;
}
.article-list-big li img {
	border: 1px solid #ddd;
}

.article-list-big li strong {
	width: 450px;
	background: none;
}



/* 6.6 Noble Quran
-------------------------------------------------------------------------- */
.Quran-toc table { padding-top: 1em; }

.Quran-toc table th {
	font-size: 1.25em;
	line-height: 1em;
	font-weight: bold;
	padding-bottom: 10px;
}

.Quran-toc table td { padding: 4px 5px; border-top: 1px solid #777; }
.quran-surah li { padding: 5px 0; border-bottom: 1px solid #999; }

.quran-arabic, .quran-arabic-number {
	color: #000;
	font: 3.25em/1.5em _PDMS,_PDMS_Saleem_QuranFont,numbersa766,traditional arabic,times new roman;
}

.quran-arabic-number { font-family: Fajer Noori Nastalique,traditional arabic,times new roman; }

.quran-transliteration {
	color: #999;
	font: 1.75em/1.4em adrianne-1, georgia, garamond, "times new roman", serif;
	font-style: italic;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 15px !important;
}

.translation { font-size: 80%; font-style: italic; letter-spacing: 1px; text-align: center; margin-bottom: 2.5em; }

.Quran-table td {font-size: 120%;}

/* basics of Islam */
.basics-Allah { background: url(../images/islam/basics/Allah.jpg) no-repeat right top; min-height: 410px; padding-right: 335px;}
.basics-world-religions { background: url(../images/islam/basics/world-religions.jpg) no-repeat right top; min-height: 500px; padding-right: 380px;}
.basics-muslim-world { background: url(../images/islam/basics/muslim-world-map.jpg) no-repeat center top; padding-top: 350px;}



/* 6.7 rannaghor
-------------------------------------------------------------------------- */
.ingredient {
	color: #5f6870;
	font-size: 90%;
	border: 1px dotted #9dabb7;
	background: #f0f7fd;
	padding: 10px;
    	margin-bottom: 2em;
}

.ingredient h4 {
	color: #647788;
	background: url(../images/buttons/ranna-icon.jpg) no-repeat left top;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	padding-left: 65px;
	padding-top: 10px;
}

.ingredient ul { margin-bottom: 0;}

.cooking-instruction li {
	color: #444;
	font-family: Monaco,"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace,serif;
	font-size: 85%;
}




/* 7. LINKS
=================================================================== */

a:link, a:visited { color: #2361a1; text-decoration: none; }
a:hover { color: #2361a1; text-decoration: underline; }


/* 7.1 search
-------------------------------------------------------------------------- */
#search {
	clear: both;
	position: fixed;
	left: 170px;
	top: 10px;
	width: 45%;
	height: 40px;
	max-width: 550px;
	z-index: 9999;
}

#search .pull-left { float: left; }
.search .searchintro { color: #888; font-size: 85%; }
.search dl dt { color: #333; margin-bottom: 3px; }
.search dl dd.result-category { color: #006621; font-size: 90%; margin-bottom: 3px; }
.search .result-text .highlight { color: #333; font-weight: bold; }


/* 7.2 nav
-------------------------------------------------------------------------- */

nav {
	clear: both;
	position: fixed;
	right: 25px;
	top: 15px;
	z-index: 9999;
}

nav a {
	color: #777;
	padding: 7px 3px;
	display: block;
}

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

nav .active a:link, nav .active a:visited, nav .active a:hover {
	color: #000;
	font-weight: bold;
}

nav ul { float: right; margin: 0; list-style: none; }
nav li { float: left; padding: 0; margin: 0 10px; display: inline; }
nav li:last-of-type { margin-right: 0; }

.sub-nav-container {
	float: left;
	width: 100%;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
	border-bottom: 1px dotted #bbb;
}
.sub-nav { float: left; position: relative; /* right: -50%; */ }
.sub-nav ul { margin-bottom: 0; position: relative; /* right: 50%; */ }
.sub-nav li { margin-right: 30px; }
.sub-nav li:last-of-type { margin-right: 0; }
.sub-nav h4 { padding-top: 0; }
.sub-nav .icons li a, .sub-nav .icons li a:hover { color: #333 !important; font-size: 90%; background-position: top center; padding: 55px 0 0 0; text-align: center; min-width: 50px; }
/* .sub-nav a { font-size: 115%; } */




/* 8. RESPONSIVE
============================================================================= */

@media only screen and (max-width: 700px) {

	body { width: 100%; background: #fff; }
	img { max-width: 100%; }

	.mobile-hide, .notaries-list li span:nth-child(2), #search { display: none; }

	.col-2, .col-3, .col-4 { width: 100% !important; margin-right: 0 !important; }

	blockquote  { width: auto; border: none; border-left: 3px solid #999; padding: 0; padding-left: 15px; }
	blockquote p, blockquote ul li, blockquote ol li  {
		font-size: 1.1em;
		line-height: 1.75em;
		text-align: left;
		padding: 0;
	}
	blockquote p cite { font-size: 85%; }

	h1, h2, h3, h4, h5 { font-family: arial, verdana, sans-serif; line-height: 150%; }
	h1 { font-size: 165%; margin-bottom: 0.5em; }

	header { width: 100%; height: 90px; background: #fff; }
	header div { margin-left: 15px; }

	header h1 a {
		background: #fff url(../images/londoni-small.jpg) no-repeat left top;
		width: 100px;
		height: 34px;
	}


	.frontpage-headline { margin-bottom: 3em; }
	.frontpage-headline h1 { font-size: 450%; margin-bottom: 10px; }
	.home-articles .icons li a { font-size: 100%; }


	#full-width, #main, .like-main, aside, #full-width aside { float: left; width: auto; min-height: 0; margin: 0 15px 15px; }
	#full-width, #main, .like-main { margin-top: 110px; }

	footer { clear: both; float: none; width: 100%; text-align: left; }
	.mod-google-translate { margin: 0 125px 15px 0; }
	.mod-google-translate a { font-size: 100%; padding-bottom: 7px; margin-bottom: 5px; }
	.footer-logo { right: 15px; }

	nav { top: 50px; width: 95%; }

	.banner-box { position: static; width: 100%; }


	.notaries-list { float: left; width: 100%; padding: 15px 0 30px; }
	.notaries-list li { float: left; width: 100%; padding: 0 0 15px; }
	.notaries-list li:last-of-type { padding-bottom: 0; }
	.notaries-list li img { float: none; width: auto; margin: 0; margin-bottom: 7px; height: 250px;}
	.notaries-list li .content { float: none; width: 100%; display: block; }
	.notaries-list li h4 { font: bold 1em/1.2em arial, verdana, sans-serif; }
	.notaries-list li p:last-of-type { display: none; }

	.accordion label { font-size: 125%; font-weight: bold; line-height: 150%; padding-right: 30px; }

	.icons li a { font-size: 100%; padding-top: 3px; }

	ul.quicklink li { width: 100%; margin-bottom: 15px; }

	.about-us blockquote { margin-right: 0; }

}