/*



Theme Name: MassDiGI 4.0

Theme URI: http://www.massdigi.org

Description: MassDiGI WordPress Theme. Please do not deactivate this theme.

Version: 4.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:#0062af; text-decoration:none;}



h3, h4{font-family:'Archivo Narrow' Tahoma; color:#222; margin-bottom:15px; font-size:1.5em;}

p, li{color:#333; font-size:0.9em; line-height:1.4em; margin-bottom:15px}



h1 { font-family:'Archivo Narrow' Tahoma; color:#222; font-size:2.3em; margin-bottom:15px; text-transform:normal}

.post h1 { font-family:'Archivo Narrow' Tahoma; color:#222; font-size:1.8em; margin-bottom:15px; text-transform:normal; border-bottom: 1px #ccc solid; padding-bottom: 5px;}

h2 { font-family:'Archivo Narrow' Tahoma; color:#222; font-size:1.9em; 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; border-top:solid 1px #ccc; background-color:#F1F1F1; margin-top:10px; margin-bottom:15px;}



#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}

.navyblueBG {background:#005097;}



.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{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; cursor:pointer; font-size:18px; letter-spacing:.02em; padding:5px 10px; text-decoration:none; -webkit-appearance:none; margin-bottom:1.0em; margin-right:1.0em; text-align: center;}

.blue {background:#05529B; border:1px solid #04417a;}

.dark {background:#333; border:1px solid #222;}

.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{

	display:block;

	color:#eee;

	font-size:17px;

	padding:8px 10px;

	text-decoration:none;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #292929;

	border-left-color: #393939;

}

.headerNav li a:hover{background-color:#FFA900; border-color:#666; 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; min-width:9.0em; }

.headerNav ul ul li {float:none; background-color:#292929;}

.headerNav ul ul li a{padding:5px; font-size:1.1em;}



.headerNav ul ul li ul {

  display: none;

  position: absolute;

  width: 200px;

  top: 100%;

  left: 0;}







#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; border:none;}

.socialBtns li a:hover {background-color:#333 !important;}



.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:65%;}

.col2 .content{float:left; max-width:700px; padding:0; width:67%;}

.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 .content .greybox {width:100%; height:auto; padding:15px !important; margin-bottom:10px !important; background-color:#CCC !important; border:1px solid #999 !important;}



.col2 .post {float: left; padding: 2%; width: 100%; border: solid 1px #ccc; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 5px;}

.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%}



.divider {

	display: block;

	clear: both;

	width: 100%;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	margin-bottom:10px;

}



.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:#02305e;}

.newsItem h4{

	color:#222;

	text-transform: capitalize;

	font-size: 1.0em;

}

.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:100%}

.supportersArea p{font-size:.8em}

	.supportLogos li{float:left; padding:15px 0 10px 2%; width:23%}

	.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;}



.flex-caption {margin-bottom:30px !important; width: 95.9% !important;}

.wp-paginate .next { position:inherit !important;}
.wp-paginate .prev { position:inherit !important;}

.wp-caption-text {font-size: 11px; color: #808080; line-height: 14px; padding-top: 5px; width: 100%; margin-bottom: 5px; display: block;}



/* 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%}

    .supportLogos li{float:left; padding:15px 0 10px 2%; width:31%}

}



@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}

	.supportLogos li{float:left; padding:15px 0 10px 2%; width:46%}

}



@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}

}



.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {

padding:10px 10px 30px 10px !important;

}