/* ======== general appearance settings ======== */
body {margin:0;padding:0 20px;background-color:#fff;color:#000;font-family:arial,"helvetica neue",helvetica,sans-serif;font-size:12px;text-align:center;}
p, li, td, form, div {font-size:1em;color:#333;}
form {margin:0;padding:0;}
a {color:#004883;}
a:visited {color:#7a1756;}
img {margin-bottom:1em;border:0;}
p, table {margin:0 0 1em;}
a img {border:0;}
h2 {margin-bottom:0.25em;}
h2 a:after, h3 a:after, #zine h4 a:after, ul.plain a:after, .hilight a:after, .instlist b:after {content:" »";}
h2 a, h3 a, .instlist a {text-decoration:none;}
h3 {margin:1.2em 0 0.2em;font-size:1.2em;}
h4 {margin:1em 0 0.2em;font-size:1em;}
hr {height:1px;border:0;background:#ccc;margin-bottom:20px;}
th, .bgltblue {background-color:#d4eaf9;} 
.adtag  {padding:0; margin:0;}
/* ======== helper classes ======== */
.rpt td {border:1pt solid #ddd;} /* used for reports */
.editor, .editor a {font-size: 9px; color: #777; background-color: #eee;font-weight:normal;}   
.editor a:hover {color:#BF0021;}
.gray {color: #777;}
.req {color: #d81630; font-weight: bold;}
.big {font-size:1.5em;}
.small, .tool {font-size:0.8333em;}
.plain {font-weight:normal;}
.box {border:1px solid #ccc; padding: 6px;}
.hspace {margin-left: 30px;margin-right:30px;}
.clear, a.more, .item, .instlist {display:block;clear:both;}
.left, .instlist img {display:block;float:left;margin:0 1em 1em 0;}
.instlist {margin:1em 0;}
.right {display:block;float:right;margin:0 0 1em 1em !important;}
.nodec {border: 0;}
.nodec a:after, b:after {content:"";border: 0;}
div.column {float:left;width:158px;}
.topspace {margin-top:20px;}
.nowrap {white-space: nowrap;}
span.space {display:block;color:#fff;background-color:#fff;width:20px;height:20px;float:left;}
hr.clear {display:block;padding:0;margin:0;color:#fff;background-color:#fff;border:0;clear:both;}
ul.plain {margin:0 0 1em;padding:0;list-style:none inside;}
ul.plain li {line-height:0.9em;margin-bottom:0.25em;}
ul.plain a {text-decoration:none;}
div.adsense {text-align:center;border-bottom:1px solid #ccc;margin-bottom:0.5em;padding:0.5em 0;}
.ad, .adbanner {clear:both;padding:20px 0;}
.adbanner {text-align:center;}
.adbanner div  {margin:0 auto;}
.mediads {border:1pt solid #cccccc; background-color:#efefef; padding:12px; text-align:center;}
/* .mediads a {padding:12px;} 
.mediads div a {padding:0px;} */
.mediads div {padding:0px;}
.fmads {margin:12px;float:left;}
p.button {margin:20px 0;}
.button a {border:1px solid #009CE6;color:#009CE6;padding:4px 28px 4px 8px;margin-right:1em;font-weight:bold;text-decoration:none;background:url(http://www.makezine.com/images/buttons/arr_blue.gif) no-repeat right;}
.nomarg p, table {margin:0;}
.red {color: #ff0000;}

/* ======== color definitions ======== */
.c1, #blog h2 a {color:#71b50a;} /* green */
.c2, #zine h2 a {color:#d81630;} /* maroon */
.c3, #proj h2 a {color:#e18329;} /* orange */
.c4, #comm h2 a {color:#004883;} /* blueish */
.c5, #shop h2 a {color:#099;}    /* azur */
.c6 {color:#fc0;} /* yellow */
.c7  #podc h2 a {color:#578092;} /* grayish blue - podcasts */
/* backgrounds */
.b1 {background-color:#71b50a;}
.b2 {background-color:#d81630;}
.b3 {background-color:#e18329;}
.b4 {background-color:#004883;}
.b5 {background-color:#099;}
.b6 {background-color:#fc0;}
.b7 {background-color:#578092;}
/* ======== brand color definitions ======== */
    /* ======== MAKE ======== */
.mcblog {color:#71b50a;} /* green */
.mczine {color:#d81630;} /* red */
.mcproj {color:#e18329;} /* orange */
.mccomm  {color:#004883;} /* blueish */
.mcshop  {color:#099;}    /* azur */
.mcpodc  {color:#578092;} /* grayish blue */
    /* ======== CRAFT ======== */
.ccblog {color:#00adbf;} /* blue */
.cczine {color:#d54a5c;} /* pink */
.ccproj {color:#f9a976;} /* peach */
.cccomm {color:#9cc83e;} /* green */
.ccshop {color:#543b27;} /* brown */
.ccpodc {color:#828425;} /* dark green */
/* buttons */
#blog .button a, #make #main .button a {border-color:#71b50a;color:#71b50a;background-image:url(http://www.makezine.com/images/buttons/arr_c1.gif);}
#zine .button a {border-color:#d81630;color:#d81630;background-image:url(http://www.makezine.com/images/buttons/arr_c2.gif)}
#proj .button a, #make #secondary .button a {border-color:#e18329;color:#e18329;background-image:url(http://www.makezine.com/images/buttons/arr_c3.gif)}
#comm .button a {border-color:#004883;color:#004883;background-image:url(http://www.makezine.com/images/buttons/arr_c4.gif)}
#shop .button a   {border-color:#099;color:#099;background-image:url(http://www.makezine.com/images/buttons/arr_c5.gif)}
#shop .button a {border-color:#fc0;color:#fc0;background-image:url(http://www.makezine.com/images/buttons/arr_c6.gif)}
#podc .button a {border-color:#578092;color:#578092;background-image:url(http://www.makezine.com/images/buttons/arr_c7.gif)}
/* top nav colors */
ul#topnav {margin:0;}
ul#topnav li a:hover, ul#topnav li em a {background-color:#fff;font-style:normal;}
ul#topnav li.b1 a:hover, ul#topnav li.b1 em a {color:#71b50a;}
ul#topnav li.b2 a:hover, ul#topnav li.b2 em a {color:#d81630;}
ul#topnav li.b3 a:hover, ul#topnav li.b3 em a {color:#e18329;}
ul#topnav li.b4 a:hover, ul#topnav li.b4 em a {color:#004883;}
ul#topnav li.b5 a:hover, ul#topnav li.b5 em a {color:#099;}
ul#topnav li.b6 a:hover, ul#topnav li.b6 em a {color:#fc0;}
ul#topnav li.b7 a:hover, ul#topnav li.b7 em a {color:#578092;}

/* ======== page wrapper settings ======== */
#page {width:970px;margin:0 auto;padding:0;text-align:left;}

/* ======== header stuff ======== */
#header {margin-bottom:20px;}
#header h1 {float:left;margin:10px 0 0;clear: both;}
#header h1 a {display:block;width:155px;height:60px;text-decoration:none;text-indent:-1234em;background:url(http://www.makezine.com/images/logos/make2.gif) no-repeat 0 0;outline:none;}
#header p {display:none;}
/* account menu */
ul#account {float:right;margin:0;padding:1em 0;}
ul#account li {list-style:none inside;float:left;padding:0 0.5em;font-size:10px;clear:right;}
ul#account li + li {border-left:1px solid #000;}
/* search */
#search {padding-left:74px;float:right;clear:right;margin:6px 0px;}
#search p {display:block;margin:0 0 0 4px;font-size:0.8333em;font-weight:bold;}
#search input {margin-left:1em;}
#search input[type=text] {margin-top:2px;}
/* navigation */
ul#topnav {clear:both;height:2em;padding:0;}
ul#topnav li {width:152px;float:left;/* display:inline-block; */list-style:none inside;margin-right:6px;padding:2px;}
ul#topnav li.b5 {margin:0;}
ul#topnav li a {display:block;width:152px;float:left;text-align:center;font-weight:bold;color:#fff;text-decoration:none;line-height:1.6em;white-space:nowrap;}

/* ========= subscribe box in top header ================== */
.subbox {
    float:right;
    margin-top:20px; 
    padding:3px; 
    background-color:#004882; 
    color:#fff; 
    font-size: 11px; 
    font-weight:bold;
    width: 227px; 
    height: 82px;
}

.subbox a {
    text-decoration: none;
    color:#fff;
    background:url(http://makezine.com/images/buttons/libullet_wt.gif) no-repeat 0px 2px;
    padding-left: 10px;
    display: block;
    margin-top: 0px;
    margin-bottom: 3px;
}
.subbox a:hover {
    text-decoration: none;
    color:#19A6ED;
}

/* ======== content ======== */
#main {width:614px;float:left;clear:left;overflow:hidden;}
#main > h2 {margin-top:0;}
.nfo {font-size:0.95em;}
p.byline {clear:both;margin-top:0;height:1em;font-size:1.2em;color:#333;}
p.byline span {font-weight:bold;display:block;float:left;}
p span.date {float:right;display:block;float:right;}

#secondary {float:left;width:336px;overflow:visible;}

#feature {clear:both;margin:20px 0 1em;}
#feature div {width:276px;float:left;margin-bottom:2em;}

/* ======== footer ======== */
#footer {text-align:center;clear:both;}

/* ======== page specific ======== */
/* make */
#make #main h2 {color:#71b50a;border-bottom:6px solid #71b50a;margin-top:1em;}
/*#make h3 a {color:#333;}*/
#make #secondary h2 {color:#e18329;border-bottom:6px solid #e18329;}
#make .more {text-align:right;margin:0;}
#make .more a {color:#e18329;padding-right:28px;font-weight:bold;text-transform:uppercase;text-decoration:none;background:url(http://www.makezine.com/images/buttons/arr_c3.gif) no-repeat right center;}
div.splash {height:320px;background:#ccc url(/images/temp/ft01.jpg) no-repeat 0 0;position:relative;}
.current {position:absolute;bottom:0;right:0;width:253px;height:103px;}
div.promo {margin-bottom:19px;background-color:#efefef;border:1px solid #ccc;min-height:92px;height:auto !important;height:94px;/*IE override*/}
.promo p {font-size:0.95em;}
.promo *, .current * {margin:0.3em;}
.promo * *, .current * * {margin-left:0;margin-right:0;}
div.promoimg {margin-bottom:19px;background-color:#efefef;height:94px;overflow:hidden;}
#make #feature h2 {color:#004883;border-bottom:6px solid #004883;margin-bottom:0.5em;}

/* feature */
div#jsfeature {width:600px;height:320px;position:relative;}
#jsfeature img {border:none;}
div#empty {left:0px;top:0px;position:absolute;visibility:hidden;}
div#jsfeature p {padding:0;margin:1em;position:absolute;top:0;right:0;}
div#jsfeature p a:focus {outline:none;}
a.next, a.previous {display:block;width:40px;height:17px;float:left;}
a.next {background:url(/images/feature/ffw_white.gif) no-repeat 0 0;}
a.previous {background:url(/images/feature/rew_white.gif) no-repeat 0 0;}
a.next:hover, a.previous:hover {background-position:0 -17px;}

/* blog */
#blog h2 {margin:.5ex 0;clear:left;line-height:0.9em;}
#blog h2 a {text-decoration:none;}
#blog h3 {margin:0 0 .5ex;border-bottom:3px solid;clear:left;}
#blog #main p.nfo, #blog #main .ad {padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #ccc;font-size:0.95em;}
#blog #main p.nfo {clear:both;}
#blog #secondary {font-size:0.95em;}
#blog p.date {background:url(http://www.makezine.com/images/icons/date_bg.gif) no-repeat top left;color:#333;font-weight:bold;padding:0 0 1em 20px;margin:0 0 .5em;line-height:1.25em;border-bottom:1px solid #ccc;}
#commlist li {list-style-image:url(/images/icons/bubble.gif);}
#commlist li li {list-style-image:none;}
ul#blognav {list-style:none inside;padding:0;margin:0;border-bottom:1px solid #ccc;}
.blognav1, .blognav2, .blognav3 {margin-bottom:1em;width:240px;float:left; }
.blognav1 a {padding-left:20px;background:url(/images/buttons/blog_rew.gif) no-repeat top left;float:left;}
.blognav2 {width:70px;}
.blognav2 a {padding-left:20px;background: url(/images/buttons/blog_main.gif) no-repeat top left;float:left;}
.blognav3 {width:200px;clear:right;text-align:right;float:right;}
.blognav3 a {padding-right:20px;background:url(/images/buttons/blog_ffw.gif) no-repeat top right;float:right;}
#main .blognav1 a, #main .blognav2 a, #main .blognav3 a {color:#333;text-decoration:none;display:block;line-height:1em;}
p.pagetitle {background-color:#71b50a;color:#fff;padding:1em;}
p.pagetitle a {color:#fff !important;}
p.pagetitle img {border:1px solid #71b50a;}
#blog #main blockquote {padding: 18px;background-color: #eeeeee;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 5px;}


/* cleared */
.cleared:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cleared {display: inline-table;}
/* IE width fix \*/* html .cleared {height: 1%;}
.cleared {display: block;}/* end IE */

/* zine */
#zine a  {text-decoration:none;}
#zine h2 {color:#d81630;border-bottom:6px solid #d81630;margin-bottom:0.5em;}
#zine h3 {margin:0 0 .5ex;border-bottom:3px solid;clear:left;}
#zine h4 a {text-decoration:none;}
#zine #volume {width: 970px;}
#zine #volume h2 {color:#fff;background-color:#d81630;font-weight:normal;margin:0;padding:2px 4px 0;}
#volume div.teaser {float:left;width:174px;height:150px;overflow:hidden;position:relative;}
#volume div.teaser2 {float:left;width:194px;height:150px;overflow:hidden;position:relative;}
#volume span {display:block;position:absolute;bottom:.5em;right:.5em;color:#fff;font-size:1.25em;text-shadow:#000 2px 2px 2px;font-weight:bold;}
#volume img {padding:0;margin:0;outline:none;}
#volume p {text-align:right;font-weight:bold;font-size:1.1em;}
#volume p, p.issue {color:#333;}
p.issue {font-size:1.3em;margin:1em;}
img.issue {margin-right:1.5em;}
/* #zine h3 {clear:left;} */
#zine .toc img {margin:0;}
#zine .toc p {margin-left:22px;}
#zine .hilight h3 {color:#fff;background-color:#900;padding:0.2em 0.5em;margin:0;border:0;}
#zine .hilight ul {margin:0 0 1em;padding:0.5em;list-style:none;color:#fff;background-color:#d81630;}
/* #zine .hilight li {width:158px;} */
#zine .hilight a {color:#fff;text-decoration:none;}
ul.links, .feedback ul {margin:0 0 1em;padding:0 0 0 2em;}
ul.links li {list-style-image:url(/images/icons/icon_sm_link.gif);}
.feedback ul li {list-style-image:url(/images/icons/bubble.gif);}
.feedback li li {list-style-image:none;border:none;}

/* media */
.download {margin-left:20px;}
.download a {background:url(/images/buttons/download.gif) no-repeat center left; padding-left:12px;}
.audio {background:url(/images/icons/icon_sm_audio.gif) no-repeat center left; padding-left:20px;}
.video {background:url(/images/icons/icon_sm_video.gif) no-repeat center left; padding-left:20px;}
.extra {background:url(/images/icons/icon_sm_extra.gif) no-repeat center left; padding-left:20px;}
.pdf {background:url(/images/icons/icon_sm_pdf.gif) no-repeat center left; padding-left:20px;}
.link {background:url(/images/icons/icon_sm_link.gif) no-repeat center left; padding-left:20px;}
/* projects */
#proj h2 {color:#e18329;border-bottom:6px solid #e18329;margin:0 0 0.5em;}
#proj .hilight h3 {color:#fff;background-color:#930;padding:0.2em;margin:0;}
#proj .hilight ul {margin:0 0 1em;padding:0.5em;list-style:none;color:#fff;background-color:#e18329;}
/* #proj .hilight li {width:158px;}*/
#proj .hilight a {color:#fff;text-decoration:none;}

/* community forums */
#comm h2 {color:#004883;border-bottom:6px solid #004883;margin:0 0 0.5em;}
#comm h3 {margin:0 0 .5ex;clear:left;}
#comm h4 a {text-decoration:none;}
table.forum {background-color:#B5AA03;margin:0;border:0;padding:0;}
.forum td.topic {background-color:#ccc;font-weight:bold;}
.forum tr {padding:0px;margin:0;border:0;}
.forum th {background-color:#E3E2AA;padding:0px;margin:0;padding:3px 6px;border:0;}
.forum td {background-color:#fff;margin:0px;padding:3px 6px;margin:0;border:0;font-size:0.95em;}
.eventdate {clear:left;float:left;font-weight:bold;}
.event {margin-left:3em;}
#comm .hilight h3 {color:#fff;background-color:#036;padding:0.2em;margin:0;}
#comm .hilight ul {margin:0 0 1em;padding:0.5em;list-style:none;color:#fff;background-color:#004883;}
/* #comm .hilight li {width:158px;}*/
#comm .hilight a {color:#fff;text-decoration:none;}

/* store */
#shop h2 {color:#099;border-bottom:6px solid #099;margin:0 0 0.5em;}
/* #shop #content {background:url(http://www.makezine.com/images/storemid.gif) repeat-y center top;} */
/* #shop h3 {margin:0 0 .5ex;border-bottom:3px solid;clear:left;} */ 
#shop h4 a {text-decoration:none;}
div.shelf {width:425px;min-height:160px;height:auto !important; height:160px; padding:1em  0;border-bottom:1px solid #ccc;float:left;clear:left;}
div.right {float:right;margin:0;clear:right;}
div.description {width:218px;float:right;}
div.description h3 {margin-top:0;}
.shelf img {margin-left:20px;}
.shelf .description img {margin:0;}
.shelf p.price {font-size:1em;}
.shelf p {font-size:0.95em;}
#shop .hilight h3 {color:#fff;background-color:#007D7D;padding:0.2em;margin:0;}
#shop .hilight ul {margin:0 0 1em;padding:0.5em;list-style:none;color:#fff;background-color:#099;}
#shop .hilight a {color:#fff;text-decoration:none;}

/* podcasts (podc) */
#podc h2 {color:#578092;border-bottom:6px solid #578092;margin:0 0 0.5em;}
#podc h3 {margin:0 0 .5ex;clear:left;}
#podc h4 a {text-decoration:none;}
#podc .hilight h3 {color:#fff;background-color:#578092;padding:0.2em;margin:0;}
#podc .hilight ul {margin:0 0 1em;padding:0.5em;list-style:none;color:#fff;background-color:#578092;}
/* #comm .hilight li {width:158px;}*/
#comm .hilight a {color:#fff;text-decoration:none;}


.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-title,
#comment-form-url,
#comment-form-remember-me,
#comments-open-text {
    margin-bottom: .75em;
}

.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text, #comment-title {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

.comment,
.trackback {
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}

.comment-content {
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
}

.comment-content p {
    margin-bottom: .5em;
}

#fordbody {
padding-bottom:30px; 
padding-top:20px; 
color:red;
}


.jcarousel-skin-front-img {
	border:1px solid #00adef;
	width: 600px;
	padding-top:10px;
	padding-bottom:10px;

}
.jcarousel-skin-front-img .jcarousel-direction-rtl {
      direction: rtl;
}


.jcarousel-skin-front-img .jcarousel-clip {
       width:  600px;
       height: 350px;
}

.jcarousel-prev-horizontal {
	display:block; width:40px; height:17px; float:left; margin-left:255px; background:url(http://makezine.com/images/feature/rew_white.gif) no-repeat 0 0; background-color: #00adef;
	margin-top:12px;
}

.jcarousel-next-horizontal {
	display:block; width:40px; height:17px; float:left; margin-left:10px; background:url(http://makezine.com/images/feature/ffw_white.gif) no-repeat 0 0;background-color: #00adef;
	margin:12px;
}


.jcarousel-skin-front-img {
	border:1px solid #00adef;
	width: 600px;
	padding:10px;

}
.jcarousel-skin-front-img .jcarousel-direction-rtl {
      direction: rtl;
}


.jcarousel-skin-front-img .jcarousel-clip {
       width:  600px;
       height: 350px;
}

.jcarousel-prev-horizontal {
	display:block; width:40px; height:17px; float:left; margin-left:255px; background:url(http://makezine.com/images/feature/rew_white.gif) no-repeat 0 0; background-color: #00adef;
	margin-top:12px;
}

.jcarousel-next-horizontal {
	display:block; width:40px; height:17px; float:left; margin-left:10px; background:url(http://makezine.com/images/feature/ffw_white.gif) no-repeat 0 0;background-color: #00adef;
	margin:12px;
}

#play-pause {
	display:block; width:40px; height:17px; background-color: #00adef; float:left; margin-top:12px; margin-left:10px;}
}