/*

Theme Name: MassDiGI
Theme URI: http://www.massdigi.org
Description: MassDiGI WordPress Theme. Please do not deactivate this theme.
Version: 3.0
Author: Lycos & Eri Design Studio
*/

/* HTML resets */
body, h1, h2, h3, h4, form, fieldset, p, ul, li, img, blockquote{border:0; font-family: Tahoma, Geneva, sans-serif; font-size:100%; font-weight:normal; list-style:none; margin:0; outline:none; padding:0}
body {
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}

input, textarea {border:solid 1px #999; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
:focus{outline:none}
section, article, aside, header, footer, nav{display:block}

nav ul, nav ul li, .headerNav li{margin:0; list-style:none}
a, .link{color:#0e6280; text-decoration:none;}

h3, h4{color:#222; margin-bottom:15px; text-transform:uppercase}
p, li{color:#333; font-size:0.9em; line-height:1.4em; margin-bottom:15px}

h1 { font-family:'billa' Tahoma; color:#222; font-size:3.3em; margin-bottom:15px; text-transform:normal}
.post h1 { font-family:'billa' Tahoma; color:#222; font-size:2.0em; margin-bottom:15px; text-transform:normal}
h2 { font-family:'billa' Tahoma; color:#222; font-size:2.4em; margin-bottom:15px; text-transform:normal}

h5 {
	font-family: "Arial" Tahoma;
	color:#222;
	font-size:1.3em;
	margin:20px 0px 5px 0px;
	text-transform:normal;
	font-weight:normal;
}

.alignleft {float:left; margin-right:10px; margin-bottom:10px; padding:5px; border:solid 1px #CCC;}
.addthis_toolbox {padding:5px 0 0 5px; border-top:solid 1px #ccc; background-color:#F1F1F1; margin-top:10px;}

#breadcrumbs{padding:5px 0 5px 5px; border-top:solid 1px #ccc; background-color:#F1F1F1; margin-top:10px;}


form{margin:0 0 25px}

/* fonts */
@font-face{
    font-family:'billa';
    src:url('fonts/billabong-webfont.eot');
    src:url('fonts/billabong-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/billabong-webfont.woff') format('woff'),
        url('fonts/billabong-webfont.ttf') format('truetype'),
        url('fonts/billabong-webfont.svg#BillabongRegular') format('svg');
    font-weight:normal; font-style:normal}
.billa{font-family:'billa', "MS Serif", "New York", serif; font-size:4em; line-height:.85em; padding-top:6px; text-transform:none}
.billaSmall{font-family:'billa', "MS Serif", "New York", serif; font-size:1.5em; line-height:.85em; padding-top:5px; text-transform:none}

/* generic classes */
.float_left{float:left}
.float_right{float:right}
.clr{clear:both}
.nextrow{clear:both}
.clr-right{clear:right}
.overflow{overflow:hidden}
.hide, .mobileShow{display:none}
.txt_center{text-align:center}
.txt_left{text-align:left}
.txt_right{text-align:right}
.pad{padding:15px}
.boxPad{-moz-box-sizing:padding-box; -webkit-box-sizing:padding-box; box-sizing:padding-box}

.maxWidth{max-width:100%}
.greyBG{background:#333}

.ltBlueBG{background:#daffff}
.blueBG{background-color: #80D9CF;}
.blueBG h2{background:#66AEA6; color:#fff; margin:0; padding:5px 10px; font-size:2.0em;}
.greenBG{background:#b9ebb2}
.greenBG h2{background:#9fca99; color:#fff; margin:0; padding:5px 10px; font-size:2.0em;}

.holder{margin:0 auto; max-width:1060px; width:80%}
.news-holder{margin:0 auto; max-width:1010px; width:80%}

.btn{background:#eb646e; border:1px solid #a43e45; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; cursor:pointer; font-size:18px; letter-spacing:.02em; padding:5px 10px; text-decoration:none; -webkit-appearance:none}
.btn:hover{background:#a43e45; border-color:#eb646e}

.register{width:6.5em; background:#eb646e; border:1px solid #a43e45; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; cursor:pointer; font-size:18px; letter-spacing:.02em; padding:5px 10px; text-decoration:none; -webkit-appearance:none; margin-bottom:1em; text-align: center;}
.register:hover{background:#a43e45; border-color:#eb646e; color:#FFF;}
.register a {color:#fff;}

.readMore {display:inline-block; float:right; margin-bottom:15px; font-size:12px !important;}

.label{display:block; padding:15px 0 5px}
.inputArea{background:#e0e0e0; border:1px solid #c2c2c2; font-size:16px; padding:10px; -webkit-appearance:none}
.inpuArea:focus{color:#333}
textarea.inputArea{min-height:100px; resize:vertical}

.sprite{background:url(images/sprite.png) no-repeat}


.testimonials_widget {padding:10px;}

/* layout rules */
#page{padding-top:20px; position:relative}
header{background:url(images/header-tile.jpg) right top; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.headerNav{border-top:1px solid #292929; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; padding:0 15px}
.headerNav li, .socialBtns li{float:left}
.headerNav li a{border:1px solid #333; border-left:1px solid #292929; border-right:1px solid #393939; display:block; color:#eee; font-size:17px; padding:6px 10px; text-decoration:none}
.headerNav li a:hover{background-color:#FFA900; border-color:#111; color:#222;}
.headerNav li a.selected{background-color:#eb646e; border-color:#a43e45}
.headerNav #menu-item-413 a{
	background-image: url(images/games_arcade.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-left: 33px;
}

.headerNav li:hover ul {display:block;}
.headerNav ul ul {position:absolute; display:none; z-index:999; margin:0px; padding:0px; }
.headerNav ul ul li {float:none; background-color:#292929;}
.headerNav ul ul li a{padding:5px; font-size:1.1em;}


#mdgLogo img{display:block; max-height:323px; max-width:452px; width:100%}

.sprite span{visibility:hidden}
.socialBtns{position:relative; top:5px}
.socialBtns li a{display:block; height:14px; margin-left:5px; width:4px}
.sprite.facebook{background-position:0 0; margin:0}
.sprite.twitter{background-position:-31px 0; width:12px}
.sprite.mailUs{background-position:-70px 0; width:12px}
.sprite.dlPDF{background-position:-111px 0; width:4px}

#main{padding:30px 0 20px}

.col1 .content{margin:0 20px}
.col1 .sidebar{background:#f8f8f8; border:1px solid #efefef; margin:0 20px; padding:15px}
.col2{overflow:hidden}
.col2 .news{float:left; max-width:700px;}
.col2 .content{float:left; max-width:700px; padding:0 0 0 2%; width:65%;}
.col2 .content h1{border-bottom:solid 1px #ccc;}
.col2 .content .time{
	color:#777;
	font-size:0.9em;
	font-style: italic;
	display:block;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
}
.col2 .content li {
	padding-left: 20px;
	list-style-position: inside;
	list-style-type: disc;
}
.col2 .content ol li {
	list-style-type: decimal;
}
.col2 .content .contact-form {float:right; width:50%;}
.col2 .content .contact-info {float:left; width:50%;}
.col2 .post{float:left; max-width:700px; padding:0 0 0 2%; width:100%; border-bottom:solid 1px #ccc; margin-bottom:10px;}
.col2 .sidebar{float:right; width:30%}
.sideBox{margin-bottom:15px; overflow:hidden; word-wrap:break-word}
.sideBox p{font-size:1.0em}

.col3{font-size:.9em; overflow:hidden}
.col3 .content{float:left; padding:0 2%; width:50%}
.col3 .sidebar{float:left; padding:0 2%; width:22%}
.col3 .sidebar2{float:right; padding:0; width:20%}

.quote{background:url(images/quoteShadow.png) repeat-x #daffff; border-bottom:1px solid #bbd8ed; border-top:1px solid #bbd8ed; color:#4f7189; padding:15px 0}
.qSource{float:left; font-size:18px; font-weight:bold; padding-top:25px; width:20%}

.quote blockquote{float:right; font-size:.9em; line-height:1.45em; min-height:102px; padding:10px 55px; position:relative; width:88%}
.quote blockquote .one, .quote blockquote .two{display:block; height:132px; position:absolute; top:10px; width:44px}
.quote blockquote .sprite.one{background-position:0 -43px; left:0}
.quote blockquote .sprite.two{background-position:-92px -43px; right:0}

#spotlight{background:#ffa900 url(images/newsShadow.png) 0 bottom repeat-x; color:#fff; border-bottom:1px solid #dd9200; border-top:1px solid #dd9200; padding:10px 10px 20px; position:relative}
.rss.sprite{background-position:0 -289px; color:#fff; font-size:1.25em; padding:5px 0 2px 45px; text-shadow:0 1px 1px #222}
.prev, .next{position:absolute; text-decoration:none; top:80px; z-index:99}
.sprite.prev{background-position:0 -202px; height:80px; left:25px; width:30px}
.sprite.next{background-position:-98px -202px; height:80px; right:25px; width:30px}
.newsHolder{}
.newsHolder li{background:#ffb626; border:1px solid #e3a01d; font-size:1em; float:left; margin:0 5px}
.newsHolder li p{font-size:.8em}
.newsItem{color:#333; display:block; padding:10px 15px 10px 15px; text-decoration:none; width:210px; min-height:150px;}
.newsItem a{color:#034486;}
.newsItem h4{
	color:#222;
	text-transform: capitalize;
	font-size: 0.9em;
}
.newsItem img{margin:0 10px 10px 0; border:solid 1px #E3A01D;}
.footerContactBtn{background:#e9e9e9; display:block; height:55px; padding-top:15px; position:relative; text-decoration:none}
.arrow{background-position:0 -361px; display:block; height:74px; left:45.5%; position:absolute; top:-10px; width:74px; z-index:3}
.arrow:hover{background-position:-80px -361px}
.arrow.selected{background-position:-80px -456px}
.arrow.selected:hover{background-position:-80px -456px}
.arrow span{visibility:hidden}

.fTitles{width:50%}

footer{background:#e9e9e9; padding-top:15px; position:relative}
#hideShow{display:none; overflow:hidden; padding:10px 0}
.contactArea{width:35%}
	.contactArea .inputArea{width:94%}
.supportersArea{text-align:right;; width:50%}
.supportersArea p{font-size:.8em}
	.supportLogos li{float:left; padding:15px 0 10px 2%; width:48%}
	.supportLogos li a{display:block}
	.supportLogos li a img{max-width:90%}
.mainContacts{background:#efefef; border:1px solid #ddd; overflow:hidden; padding:10px 3% 0}
.mainContacts li{float:left; margin-bottom:0; padding:0 1%; width:23%; word-wrap:break-word}
.mainContacts strong{font-size:14px}
	.mainContacts p{font-size:12px}
.bookend{background:#a5a5a5; color:#575d5c; font-size:.7em; line-height:1.4em; padding:10px 15px}

#bTT{background:#393939; background:rgba(0,0,0,.4); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; bottom:10px; color:#eee; display:block; padding:5px; position:absolute; right:10px; text-decoration:none}
#bTT:hover{background:#000; background:rgba(0,0,0,.8)}

.home-img { width:100%; min-height:252px;}

#advanced-recent-posts-2 .widgettitle {visibility: hidden;}

.advanced_recent_posts_widget ul li { border-bottom: 1px solid #fff !important;}

/* Supproter Logo */

.logo {
	float:left;
	width:220px;
	margin:5px;
	border:solid 1px #CCC;
	height: 73px;
}

/* IE 9 fixes */
.ie9 .quote blockquote{width:88%}

/* media queries for mobile layouts */
@media (max-device-width:480px), screen and (max-width:1000px){
#spotlight .holder{width:80%}
}

@media (max-device-width:480px), screen and (max-width:800px){
	#page{overflow-x:hidden}
	.socialBtns{background:#333; height:41px; position:absolute; right:0; top:0!important; width:100%}
	.facebook{position:absolute; right:122px; top:8px}
	.twitter{position:absolute; right:80px; top:8px}f
	.dlPDF{position:absolute; right:5px; top:8px}
	.mailUs{position:absolute; right:40px; top:8px}
	header.holder{border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:auto}
	.mainContacts li{width:31%}
	.mainContacts li.contactTitle{float:none; width:90%}
	.bookend{padding-bottom:20px}
	#bTT{bottom:0; padding:5px 0; right:0; text-align:center; width:100%}
}

@media (max-device-width:480px), screen and (max-width:700px){
	.float_left.contactArea, .float_right.supportersArea{float:none; text-align:left; width:auto}
	.float_right.supportersArea{border-top:1px solid #cdcdcd; padding-top:15px}
	.mobileShow{display:block}
	.mobileHide{display:none}
	
	.headerNav{padding:0}
	.headerNav li{border-bottom:1px solid #292929; float:none; width:auto}
	.headerNav li ul li{border-bottom:1px solid #292929; float:none; width:auto}
	header nav.float_left{display:none; float:none}
	.mobileMenu{left:5px; position:absolute; top:5px; z-index:99}
	.rss.sprite{font-size:1em; padding-bottom:4px; padding-top:7px}
	.arrow{left:10px; top:5px}
	.scMass{font-size:1.6em; left:94px; position:relative; top:15px}
	
	.col3 .content{width:60%}
	.col2 .content .contact-form {float:none; width:auto;}
	.col2 .content .contact-info {float:none; width:auto;}
	.col3 .sidebar{width:32%}
	.col3 .sidebar2{clear:both; float:none; padding-top:10px; width:auto}
}

@media (max-device-width:480px), screen and (max-width:660px){
	.holder{width:auto}
	.col2, .col3{overflow:visible}
	.col2 .content, .col2 .sidebar, .col3 .content, .col3 .sidebar, .col3 .sidebar2{float:none; margin:0 0 25px; padding:0; width:auto}
	.col2 .content .contact-form {float:none; width:auto;}
	.col2 .content .contact-info {float:none; width:auto;}

	
	.quote blockquote{float:none; font-style:italic; padding:0 10px 10px; width:auto}
	.quote blockquote .sprite.one, .quote blockquote .sprite.two{display:none}
	.qSource{float:none; padding:0 10px; width:auto}
}

@media (max-device-width:480px), screen and (max-width:585px){
	header{background:#333}
	#mdgLogo img{margin:0 auto; width:75%}
	.mainContacts li{width:auto}
	#spotlight .holder{width:70%}
	.newsItem{width:180px}
}

@media (max-device-width:661px), screen and (max-width:1000px){
	.holder{width:96%}
	p, li{font-size:.8em}
	.socialBtns{top:2px}
}

@media screen and (min-width:800px){
	header nav{display:block!important}
}

/* IE 6-8 Fixes */
.ieAll .quote blockquote{width:88%}

.ieAll.ie7 .footerContactBtn{height:70px}
.ieAll.ie7 .supportLogos li{width:46%}
.ieAll.ie7 .headerNav li{border-bottom:none}

@media (max-device-width:480px), screen and (max-width:660px){
	.ieAll .quote blockquote{width:auto!important}	
	.ieAll.ie7 .mainContacts li{float:none; width:auto}
}