﻿/* ------------ MOBILE OVERRIDES ------------- */
@media handheld and (max-device-width: 480px), screen and (max-device-width:480px) { 
	#page, #main, .mfmenu, embed, body  {width:400px;}
	ul#account, #search, span.space {display:none;}
 } 

/* ============ general overrides ============ */
/* flags background under the header area: */
body {background:#fff url(/images/makerfaire_2006/faire_bg_trans.gif) repeat-x 100px 100px;}
#header {margin-bottom: 50px;}
#header h1 a {display:block;width:252px;height:60px;text-decoration:none;text-indent:-1234em;background:url(http://www.makezine.com/images/makerfaire/logos/makerfairelogo.gif) no-repeat 0 0;outline:none;}
/* search */
#search {padding-left:50px;background:url(http://www.makezine.com/images/icons/googlesearch.gif) no-repeat 0 1.5em;float:right;clear:right;margin:0;}
#search p {display:block;margin:0 0 0 4px;font-size:0.8333em;font-weight:bold;}
#search input {margin-left:1ex;}
#search input[type=text] {margin-top:2px;}

/* ============ maker faire menu ============ */
ul#mfmenu {margin:0; padding:0; list-style-type:none;}
#mfmenu li {margin-bottom:2px; background:#0091DF;}
#mfmenu li a {display:block; font-size:1.2em; color:#fff; padding:4px 4px 4px 24px; background:url(/images/makerfaire_2006/arrow_sm_blue.gif) no-repeat 6px center; text-decoration:none; outline:none;}
#mfmenu li a:hover {background-image:url(/images/makerfaire_2006/arrow_sm_white_left.gif);}
/* linked menu item enclosed in <em> is highlighted */
#mfmenu li a:focus, #mfmenu li em a {background-color:#999; background-image:url(/images/makerfaire_2006/arrow_sm_white_left.gif);font-style:normal;}

/* ============ helper classes ============ */
div.item {border:1px solid #0091DF; background-color:#fff; margin:0 0 1em; padding:10px;}
div.promomf {width:250px;height:auto !important;padding:1em 0;border-bottom:1px solid #ccc;float:left;clear:left;}
div.rightpromomf {float:right;margin:0;clear:right;}
.promomf img {margin-left:20px;}

.section-header {width:600px; margin-top:20px; clear:both; border:1px solid #004883; padding:5px;}
.link-body {text-align:center;font-size:140%;}
.link-body a:link,a:visited {text-decoration:none;}


/* ====== MF Sliding Featured Images css ====*/
body {background-position-y:120px;}
#mf-feat { width:600px; }
#mf-feat div { float:left; width:190px; border:none;}
#header {height:150px; margin-bottom:20px;}
#header h1 a {background: url('http://cdn.makezine.com/make/makerfaire/mf_header_400x91.gif'); width:400px; height:91px;}

/*===== Dropdown Menu =======*/

/* General */
#cssdropdown, #cssdropdown ul { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
#cssdropdown li.headlink { border: 1px black solid; text-align: left; display:inline;}
#cssdropdown li.headlink a:hover {background-color:#99ccff;}

#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; padding:5px; }
#cssdropdown li.headlink ul li {  display:block; padding:5px; text-decoration:none; }

/* ====== MF Sponsor Rotation css ====*/
#sponsor-wrapper {display:none; width:120px; height:140px;}
#sponsor-list {width:120px; height:120px;}
#sponsor-wrapper .nav { margin: 5px 0; height:20px; text-align:center;}
#prev {padding-right:15px;}

