/* 
    Document   : custom
    Created on : Sep 19, 2013, 11:24:13 AM
    Author     : omen
    Description:
        Purpose of the stylesheet follows.
*/


root { 
        display: block;
}

body.site{
        background: url('../images/background-slice.png');
        padding: 0 20px 20px;
        border-top: 0px;
        font-family: "Helvetica",Geogia , Arial;
        color: #4E4E4E;
}

.body .container{
        border: 0 solid rgba(0, 0, 0, 0.15);
        border-radius: 0 0 0 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

html[dir='rtl'] div#logo {         
        background: url(../images/logo.png) 0 0 no-repeat;
        float: left;
        height: 156px;
        margin-left: 0;
        margin-right: -35px;
        margin-top: 0;
        position: absolute;
        width: 165px;
        z-index: 2;
}

div#logo {                
        float: left;
        width: 170px;
        height: 156px;
        background: url(../images/logo.png) 0 0 no-repeat;
        margin-left: -35px;
        margin-top: 0;        
        position: absolute;
        z-index: 2;
}

.slicknav_menu {
        background: url(../images/logoicon.png) 5px 0px no-repeat rgba(1, 0, 0, 0.6);   
}

.body .container{
        padding: 0;
}

.phrases legend{ font-family: Arial; color: #424242;}

#searchformside .btn-toolbar .btn-group input[type="text"]{ width: 195px; height: 18px;}

#results .result-text{ font-family: Arial; font-size: 12px;}
#results dt{ font-family: Arial; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#results dd.result-created{ font-family: Arial; font-size: 12px; margin-bottom: 15px;}

input.search-query{
        border-radius: 1px;
        padding-left: 5px;
        padding-right: 5px;
}
/*
.row-fluid .span9{
        width: 100%;
}
*/
.moduletable{
        padding: 0;
}

.header{
        padding: 0 20px;
        margin-bottom: 0;
}

.item-page{
        padding: 40px 50px 20px;        
        background-color: #F8D506;
        min-height: 210px;
}

p{
        font-size: 14px;
        font-family: "Arial", regular;
}

p .highlight{
        font-size: 14px;
        font-family: "Georgia", italic;
}

#slider89 .slide-desc-text{
        text-align: right;
}

.banneritem{
        float: left;
    margin-top: -12px;
}

.bannergroup{
        margin: -40px 57px 0;
        position: relative;
}

.page-header{
        clear: both;
}

.bannergroup div.banneritem:nth-child(even) .banner-title {
        background: none repeat scroll 0 0 #4e4e4e;                
        color: #E9E9EA;
        margin-top: -26px;
        padding: 4px 4px 4px 10px;
        position: relative;
        font-size: 11px;
}

.bannergroup div.banneritem:nth-child(odd) .banner-title {
        background: none repeat scroll 0 0 #000000;
        color: #E9E9EA;
        margin-top: -26px;
        padding: 4px 4px 4px 10px;
        position: relative;
        font-size: 11px;
}

#content{
        background-color: #f8d506;
        padding-bottom: 50px;
}

h1.slider-banner-title{
  color: #f8d506;
}

h1{
        font-size: 32px;
        font-family: "Arial", bold;
}

h2{
        font-size: 24px;
        font-family: "Arial", bold;
}

.museum-opening-times{
        font-family: "Helvetica", bold;
        color: #404041;
        font-weight: bold;
}

.trline{
        border-bottom: 1px solid #d5b80f;
        color: #58595b;
}

.trline td{
        padding-top: 10px;
        padding-bottom: 10px;
        color: #58595b;
}

.customfooter{
        position: relative;
    text-align: center;    

}
/*
.customfooter ul{
        list-style: none outside none;
        margin-bottom: 0px;
		margin-top: -25px;
}

.customfooter ul li{
        display: -moz-box;
        padding: 12px 12px 12px;        
        background: rgba(1, 0, 0, 0.6);
        line-height: 18px;
}

.customfooter ul .connect{        
        background-color: #fff;
        padding: 12px 12px 14px;        
}

.customfooter ul .footer-arrow{
        padding-bottom:14px;
        padding-left: 0;
        padding-right: 0;        
}
*/
#copyright {    
        color: #000000;
        margin-left: 240px;
        overflow: hidden;
        padding: 0 0;
}

.container1 {
    margin: 0 auto;
    overflow: hidden;    
}

.well {
    border: 0px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
    background: none;
}

.content-space{
        margin: 0 50px 0;
}

.span3 ul {
    list-style: none outside none;
}

.span3 ul li{
        line-height: 25px;
}

ul, ol {
    margin: 0 0 9px;
    padding: 0;
	list-style: none outside none;
}
.latestnews li{
	margin-bottom: 20px;
}


/*** MARVIN ADDED ***/

#home-content #block1{
  padding: 15px;
}

#home-content #block1 h2{
  font-size: 21px;
  font-weight: bold;
  color: #424242;
  font-family: Arial;
}

#home-content #block2{
  padding: 15px;
}

#home-content #block2 h3{
  font-size: 13px;
  font-weight: bold;
  color: #424242;
  font-family: Arial;
}

#home-content #block2 .timings{
  height: 21px;
	padding-top: 6px;;
}
#home-content #block2 .timings, #home-content #block3 .items{
	border-bottom: 1px solid #FCE338;
}
#home-content #block2 .end{
  border: none;
}

#home-content #block2 .timings .day{ font-family: Arial; color: #424242; font-weight: bold; font-size: 12px; font-size: 12px;}
#home-content #block2 .timings .am, #home-content #block2 .timings .pm{ font-family: Arial; color: #424242; font-weight: normal; font-size: 12px; width: 80px; font-size: 12px;}


#home-content #block3{
  padding: 15px;
}
#home-content #block3 h3{
    font-size: 13px;
  font-weight: bold;
  color: #424242;
  font-family: Arial;
}

#home-content #block3 .items{
  padding: 6px 0;
  font-size: 12px;
}

#home-content #block3 #sponsor{
  margin-top: 25px;
}


#clearfloats{ clear: both;}

.copyright{
  clear: both;
padding-top: 11px;
margin: auto;
font-family: Arial;
font-size: 11px;
}

#footer-small-contents{ margin-top: 15px;}

#left-content{ width: 70%; float:left;}
#sidebar{ width: 25%; float: right; margin-top: 7px;}


#left-content h2.content-title{ font-family: Arial; font-size: 23px; font-weight: bold; color: #424242; margin: 10px 0;}

.span12 h2.page-header{ font-family: Arial; font-size: 23px; font-weight: bold; color: #424242; margin: 10px 0;}

hr.title-content-separator{ border: none; height: 1px; background: #c4ae1b; margin: 20px 0;}
#left-content p{ font-family: Arial; font-size: 12px; line-height: 20px; text-justify: auto;}
.custom strong{ font-family: Arial; font-size: 12px; font-weight: bold; color:#219190; padding-bottom: 5px; border-bottom: 1px dotted #219190;}
.custom ul{ padding: 0; margin: 0; list-style: none;}
.custom ul li{ padding: 3px 0; border-bottom: 1px solid #FCE338;}
.custom ul li a:hover{ font-weight: normal; text-decoration: underline;}
.custom ul li a{ color:#424242;}
.custom { padding-left: 15px; margin-top: 18px;}

.custom p{ 
  font-family: Arial;
  font-size: 12px;
  color: #424242;
  margin: 0px;
  width: 175px;
}


#info{ width: 40%; float: left; background: url(../images/hexagon.png) no-repeat top left; margin-bottom: 20px; padding-left: 55px; display: block; height: auto; height: 110px;}
#info #text {padding-right: 5px;}
#info #title{ font-family: Arial; font-weight: bold; color: #424242; margin-bottom: 5px;}
#info p{ font-size: 12px; font-family: Arial;}


/*.fdw-background h3{ color: #F8D506;}*/
.fdw-background h3{ color: #F8D506;}

#jform_contact_name, #jform_contact_emailmsg{
        width: 90%;
        padding: 10px;
        margin-bottom: 10px;
}

#jform_contact_email, #jform_contact_message{
        width: 95%;
        padding: 10px;
        margin-bottom: 10px;
}

.contact h3{
        display: none;
}
.slide-desc-text h2.banner-slider-h2 {
font-size: 15px !important;
}
a.hoverlink .fdw-subtitle {
  font-size: 12px;}

.span12 h2.page-header, .span9 h2.page-header, #xmap h1{ font-family: Arial; font-size: 23px; font-weight: bold; color: #424242; margin: 10px 0; text-transform: uppercase; padding-bottom: 15px;}

.span12 p{
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  text-justify: auto;
  color: #424242;
}

.span12 p a{
	color: #424242;
	text-decoration: underline;
}
.span12 p a strong{
	color: #424242;
}

.span12 p h2{
	font-family: Arial;
}

div.search{ float: right; }

.formslink a{ background: #f8e785; padding: 5px; color: #424242; font-family: Arial;}


#fieldset1 input { 
	
	padding: 10px;
border: 1px solid #eee;
border-radius: 0px;
width: 75%;
background: #eee;
	
}

#fieldset1 .jform_image1 input { 
	
	padding: 10px;
border: none;
border-radius: 0px;
width: 75%;
background: none;
	
}
#fieldset1 .jform_image2 input { 
	
	padding: 10px;
border: none;
border-radius: 0px;
width: 75%;
background: none;
	
}
#fieldset1 .jform_image3 input { 
	
	padding: 10px;
border: none;
border-radius: 0px;
width: 75%;
background: none;
	
}
#fieldset1 .jform_image4 input { 
	
	padding: 10px;
border: none;
border-radius: 0px;
width: 75%;
background: none;
	
}

#fieldset1 .jform_image1 input.invalid { 
	
	padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: none;
	
}

#fieldset1 .jform_image2 input.invalid { 
	
	padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: none;
	
}

#fieldset1 .jform_image3 input.invalid { 
	
	padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: none;
	
}

#fieldset1 .jform_image4 input.invalid { 
	
	padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: none;
	
}

#fieldset1 input.invalid{
padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: #eee;
}

#fieldset1 textarea{ 

padding: 10px;
border: 1px solid #eee;
border-radius: 0px;
width: 75%;
background: #eee;

}

#fieldset1 textarea.invalid{
padding: 10px;
border: 1px solid #a91212;
border-radius: 0px;
width: 75%;
background: #eee;
}

button.btn.btn-large, input[type="submit"].btn.btn-large{ 
	
	background: #219190;
border: none;
font-size: 15px;
font-weight: bold;
height: 30px;
font-family: Arial;
text-transform: uppercase;
border-radius: 0px;

}
.custom { width:170px; }
.nopadding .custom {padding-left: 0px;}
.span9 {margin-left: 0px !important;}


@media (min-width: 768px) and (max-width: 979px) {
	
  }

@media(max-width:767px)
{
 #content {padding-top:5px !important;}
 .slicknav_nav {font-size: 18px !important;}
}

@media(min-width:768px)
{
  #skipToContent {display: none;} 
  ul.lang-inline li a img {border: none;}
  .slicknav_nav {font-size: 18px !important;}

}
h3.general {
background-image: url(http://mia.org.qa/images/icons/general.png) !important;
background-repeat: no-repeat;
height: 95px;
background-position: -3px 8px !important;
padding-left: 95px;
padding-top: 25px;
margin: 0px;
}
.ptag {
position: relative;
top: -70px;
left: 95px;
}
h3.eduenquiry {
background-image: url(http://mia.org.qa/images/icons/education.png) !important;
margin-top: -35px !important;
}
h3.mediaenquiry {
margin-top: -65px !important;
background-image: url(http://mia.org.qa/images/icons/pr.png) !important;
}
h3.libenquiry  {
background-image: url(http://mia.org.qa/images/icons/library.png) !important;
margin-top: -35px !important;
}
h3.colenquiry  {
background-image: url(http://mia.org.qa/images/icons/collections.png) !important;
margin-top: -55px !important;padding-top: 15px !important;
}
h3.volenquiry  {
background-image: url(http://mia.org.qa/images/icons/volunteer.png) !important;
margin-top: -35px !important;
}
html[dir='rtl'] h3.general {
background-position: right 8px !important;
  padding-right: 95px;
}
html[dir='rtl'] .ptag {
left:0px !important;
right: 95px !important;
}
html[dir='rtl'] h3.colenquiry {
margin-top: -70px !important;
}
html[dir='rtl'] h3.mediaenquiry, html[dir='rtl'] h3.eduenquiry  {
margin-top: -50px !important;
}