/*
Theme Name:Order of Malta
Theme URI:
Description:Order of Malta Wordpress Theme 
Version:1.0
Author:<a href="http://p80w.com" title="http://p80w.com">http://p80w.com</a>
Author URI:http://p80w.com
Tags:white, red, black, Worpdress 3
*/


/* http://sonspring.com/journal/clearing-floats */
.clear{ clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0; }

/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

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

a img {border: 0;}



/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 18px;
	color: #fe0000;
	margin-bottom: 20px;
}

.large, h2 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #4c4c4c;
	margin-bottom: 20px;
}

.bigger, h3 {
	font-size: 13px;
	margin-bottom: 10px;
	color: #4c4c4c;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}
h6{ color: #777; }

body {
	font: 16px/24px Georgia, serif;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


.navipagi a{ color: #FF0000; font-size:12px; }

.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
	background:#F4F4F4;
	padding-top:5px;
	border:solid 1px #E0E0E0;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	font-size:11px !important;
}

.project-feat {
display:block;
position:relative;
width:228px;
height:188px;
background:#fe0000 url(images/bg-project-side.jpg) no-repeat;
}
.project-feat h2 {
color: #FFFFFF;
font-size: 13px;
font-style: normal;
font-weight: normal;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
top: 3px;
z-index: 1;
}
.project-feat img {
position:absolute;
left:3px;
top:28px;
z-index:1;
}
.project-feat .icon {
display:block;
position:absolute;
width:53px;
height:34px;
right:3px;
top:28px;
background:url(images/icon-pro.png) no-repeat;
z-index:2;
}


.sidebar .box {
margin:0 0 20px;
}

.pro-thumb {
display:inline-block;
border:solid 2px #fe0000;
padding:2px;
}
.pro-thumb img {
display:block;
}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


body {
	background: url(images/bg.gif) top repeat-x #cecece;
	margin: 0;
	padding: 0;
	/*width: 100%;*/
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family: Tahoma;
}

img{ max-width: 100%; }

ul{ list-style: none; }
p{ margin-bottom: 20px; font-size: 12px; color: #686868; line-height: 21px; }

/* NAVIGATION */

a{ text-decoration: none; }

.main-menu li{ float: left;	margin-top: 18px; }

.menu-home{	background: url(images/btn_home.jpg) no-repeat top; display: block; width: 100px; height: 49px; }
.menu-support{	background: url(images/btn_support.jpg) no-repeat top; display: block; width: 155px; height: 49px; }
.menu-donate{	background: url(images/btn_donate.jpg) no-repeat top; display: block; width: 167px; height: 49px; }

.menu-twitter{ background: url(images/icon_twitter.jpg) no-repeat top; display: block; width: 32px; height: 32px; }
.menu-facebook{	background: url(images/icon_facebook.jpg) no-repeat top; display: block; width: 32px; height: 32px; }
.menu-youtube{ background: url(images/icon_youtube.jpg) no-repeat top; display: block; width: 32px; height: 32px; }
.menu-home:hover, .menu-support:hover, .menu-donate:hover, .menu-twitter:hover, .menu-facebook:hover, .menu-youtube:hover{ background-position: bottom; }

.social-menu{ float: right;	margin: 18px 0 0 20px; padding: 10px 20px 0 10px; background: url(images/bg_sep.gif) no-repeat left;	height: 40px; }
.social-menu li{ float: left; margin-left: 10px; }

.news li{ font-size: 11px; line-height: 18px; border-top: 1px solid #ccc; padding: 20px 0; }
.news li a{ font-size: 13px; color: #333; font-weight: bold; text-decoration: none; }

.link{ color: #fe0000; font-weight: bold; }
.news li a:hover, .link:hover{ text-decoration: underline; }

.sitemap-list{ float: left; margin-right: 50px; padding-top: 10px; }
.sitemap-list li a{ color: #2C2C2C; }
.sitemap-list li a:hover{ text-decoration:underline; }

.discover{ color: #fff; font-weight: bold; font-size: 18px; text-decoration: underline; }

.footer-media li{ float: right; margin-left: 10px; padding-top: 10px; }

.post-link{ font-size: 14px; text-decoration: underline; font-weight: bold; color: #4c4c4c; }
.post-link:hover{ color: #ff0100; }

.btn-more{ background: url(images/btn_img_readmore.jpg) no-repeat; width: 88px; height: 24px; display: block; }
.btn-donate{ background: url(images/btn_img_donate.jpg) no-repeat; width: 88px; height: 24px; display: block; }
.btn-more:hover, .btn-donate:hover{ background-position: bottom; }

.archive-list li{ font-size: 11px; color: #999; list-style: disc inside; margin-left: 20px; }
.archive-list li a{ color: #ff0000; font-size: 11px; text-decoration: underline; }
.archive-list li a:hover{ color: #4c4c4c; }

.donate-list{ margin-bottom: 20px; }
.donate-list li{ list-style: disc inside; font-size: 12px; color: #999; }
.donate-list li a{ color: #888; }
.donate-list li a:hover{ color: #ff0000; text-decoration: underline; }

.sidebar-mobile{ display: none; }
.menu-mobile li a{ display: none; }

/* WRAPPER */

.header{ width: 1066px; margin: 0 auto; }

.menu{ width: 1066px; height: 86px; margin: 0 auto; }
.menu-left{ width: 19px; float: left; }
.menu-middle{ background: url(images/bg_menu.jpg) repeat-x; width: 1008px; height: 86px; float: left; padding-left: 20px; }
.menu-right{ width: 19px; float: left; }
.sep{ margin: 0 25px; }

.container{ background: url(images/bg_content.jpg) repeat-y; width: 1066px; height: 100%; margin: 0 auto; padding: 10px 0 20px; }
.container-bottom{ width: 1066px; height: 36px; margin: 0 auto; }

.sub-menu{ width: 220px; float: left; margin-right: 3px; }
.contents{ width: 580px; float: left; padding: 5px 0 20px 0; }
.contents-inner{ width: 780px; float: left; padding: 20px; }
.sidebar{ width: 220px; float: left; margin-left: 12px; padding-top: 5px; }
.activities{ background: url(images/bg_activities.jpg) no-repeat; width: 560px; height: 33px; margin-bottom: 20px; text-align: right; padding: 7px 20px 0 0; }

.footer{ background: #CECECE; width: 100%; border-bottom: 0; margin-top: 20px; font-size: 12px; }
.footer-wrap{ width: 1030px; padding:0; margin: 0 auto; }
.seal{ width: 180px; float: left; padding-left: 20px;display:none; }
.sitemap{ width: 400px; float: left; }
.disclaimer{ width:380px;float:left;padding-top: 10px;  }
.copyright{ width: 250px; float: right; color: #2C2C2C; padding-top: 10px; text-align: right; }

.sandbox{ padding: 20px 40px; }

/* NEWS */ 
.post{ padding: 20px 0; }
.post-news{ border-bottom: dotted 1px #999; padding-bottom: 20px; }
.post-img{ float: right; margin: 0 0 20px 20px; }
.btn-more-wrap{ padding-bottom: 10px; float: right; }

/* PROJECT */
.project-title{ background: url(images/bg_project_title.gif) no-repeat; width: 565px; height: 30px; color: #545454; font-size: 14px; padding: 7px 0 0 15px; }
.project-img{ float: left; }
.project-contents{ float: right; width: 275px; }
.project-list li{ float: left; margin-right: 10px; }

/* PROJECT INSIDE */
.inside-img{ float: left; margin: 0 20px 20px 0; }

/* DONATE */
.donate-box-wrap{ width: 580px; margin-bottom: 20px; }
.donate-box{ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px#999; box-shadow: 0 0 5px #999; background: url(images/bg_box.jpg); width: 120px; height: 163px; float: left; margin-right: 8px; padding: 8px 8px 0 8px; font-size: 11px; line-height: 16px; color: #686868; }
.box-btn{ margin-bottom: 10px; }
.important{ color: #ff0000; }
.heart{ float: right; margin-top: 20px; }

.contents span.wpcf7-form-control-wrap {
    display: inline-block;
    position: relative;
}
.contents span.wpcf7-form-control-wrap input[type=email],
.contents span.wpcf7-form-control-wrap input[type=text] {
    width:130px;
}
.contents span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: red;
    font-size: 11px;
    left: 5px;
    line-height: normal;
    padding: 0;
    position: absolute;
    top: 2px;
    width: 80px;
    z-index: 100;
}
.contents span.contact-email span.wpcf7-not-valid-tip {
    left:195px;top:4px
}
.contents div.wpcf7-response-output {
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0.2em 1em;
}
#donateNow {display:none;}

/* FORM */
select{ color: #999; }

/* INNER PAGE */
.img-left{ float: left; margin-right: 20px; }
.img-right{ float: right;  margin-left: 20px; }


#leftmenu .parent {
display:block;
padding:0 10px 0 34px;
height:60px;
background:url(images/bg-left-menu.jpg) no-repeat;
color:#505050;
font-size:16px;
margin:0 0 6px;
line-height:57px;
text-shadow: 1px 1px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=-1, offy=-1);
}
#leftmenu ul {
padding:15px 0 11px 20px;
display:none;
}
#leftmenu ul li a {
display:block;
background:#a3a3a3 url(images/bg-left-bullet.jpg) no-repeat 11px 13px;
font-size:12px;
color:#fff;
padding:5px 10px 5px 26px;
margin:0 10px 1px 0;
}
#leftmenu ul li.current-menu-item a,
#leftmenu ul li.current_page_item a,
#leftmenu ul li a:hover {
background-color:#FF0000;
}

.left-side-mobile li a.parent {
font-weight:bold;
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

body{ margin: 0; padding: 0; }

ul{ list-style: none; }


/* NAVIGATION */

.social-menu{ padding: 10px 10px 0 10px; }
.footer-media{ float: left; margin-left: 320px; }

/* WRAPPER */

.header{ width: 768px; }

.menu{ width: 778px; }
.menu-middle{ width: 720px; }

.container{ width: 778px; background: url(images/bg_content2.jpg) repeat-y center; }
.container-bottom{ width: 768px; }

.contents{ width: 525px; }
.contents-inner{ width: 485px; }
.sidebar{ width: 525px; margin-left: 223px; }
.activities{ width: 510px; padding: 7px 15px 0 0; }

.footer-wrap{ width: 768px; }
.seal{ width: 100px; margin-left: 100px; padding: 0; }
.sitemap{ margin-left: 50px; width: 450px; }
.copyright{ width: 768px; color: #fff; padding-top: 20px; text-align: center; }

/* PROJECT */
.project-title{ width: 510px; border-right: 1px solid #b3b3b3; }
.project-img{ width: 235px; }

/* DONATE */
.donate-box-wrap{ width: 425px; }
.donate-box{ margin: 0 10px 10px 0; }

.sitemap {
margin:0 auto 20px auto;float:none;padding:0 0 0 100px;
}
.disclaimer {
clear:both;width:auto;float:none;text-align:center;margin:0 0 5px 0
}
.container-bottom {
padding: 0 5px;
width: 768px;
}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

	
body{ margin: 0; padding: 0; background: #cecece; }

a{ color: #777; }
a:hover{ text-decoration: underline; }
a:visited{ color: #777; }

.menu-home, .menu-support, .menu-donate, .menu-twitter, .menu-facebook,.menu-youtube{ display: none; }
.social-menu, .sep{ display: none; }

.menu-mobile li{ margin: 18px 0 0 12px; }
.menu-mobile li a{ display: inline; float: left; margin-right: 20px; font-size: 11px; color: #777;  }
.menu-mobile li a:hover{ text-decoration: underline; }

.sidebar-mobile{ display: block; margin-left: 20px; padding: 20px 10px; }
.sidebar-mobile li a{ display: block; font-size: 11px; color: #777;  }
.sidebar-mobile li a:hover{ color: #FF0000; }

.sitemap-list{ float: none; }
.footer-media{ float: left; margin-left: 60px; padding-top: 10px; }

.header{ width: 252px; }

.menu{ width: 280px; }
.menu-left{ width: 19px; }
.menu-middle{width: 222px; }
.menu-right{ width: 19px; }

.container{ width: 260px; background: url(images/bg_content3.jpg) repeat-y; padding: 0; }
.container-bottom{ width: 252px; }

.sub-menu{ display: none; }
.contents{ width: 224px; float: none; padding: 6px 10px 0 10px; margin: 0 auto; }
.contents-inner{ float: none; width: 200px; padding: 20px; margin: 0 auto; }
.sidebar{ float: none; margin: 0 auto; padding-bottom: 10px; }
.activities{ width: 222px; padding: 6px 0 0 0; background: #8d8d8d; text-align: center; }

.footer-wrap{ width: 252px;  }
.seal{ width: 252px; text-align: center; float: none; padding: 0; }
.sitemap{ width: 252px; float: none; padding: 10px 0; }
.copyright{ width: 250px; float: none; text-align: center; }

/* News */
.post-img{ float: none; margin: 0; }

/* PROJECT */
.project-title{ background: none; padding: 0; margin: 0; height: auto; font-size: 11px; width: 224px; border: none; line-height: 14px; font-weight: bold; }
.project-img{ float: none; margin: 0; padding: 0; }
.project-contents{ float: none; width: 224px; padding: 0; margin: 0; }

/* DONATE */
.donate-box-wrap{ width: 224px; }
.donate-box{ margin: 0 auto; margin-bottom: 10px; float: none;  }

/* INNER PAGE */
.img-left, .img-right{ float: none; margin: 0; padding-bottom: 10px; }

.footer {
overflow: hidden;
}

.disclaimer {
float: none;
width: auto;
}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/*body {
		width: 436px;
		padding: 36px 22px 48px;
	}*/
	
}