/* --------------------------------------------------
    thank you for looking at mantispirate css!
    built by zach pergament 
-------------------------------------------------- */


/* --------------------------------------------------
MAIN 
-------------------------------------------------- */

body{
margin:0 auto;
padding:0;
text-align:center;
background:#efefef;
font:normal .8em arial, verdana, sans-serif;
color:#494949;
}

#wrap{
width:714px;
margin:0 auto;
padding:0;
text-align:center;
}

#header{
background:url(uploads/images/site/bg_header.jpg) top left no-repeat;
width:699px;
height:136px;
margin:0;
padding:0 0 0 15px;
display:block;
text-align:left;
}

/* --------------------------------------------------
HEADER 
-------------------------------------------------- */

#header a#logo, #header h4{
text-indent:-9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
height:128px;
width:194px;
background-image: url(uploads/images/site/h_logo.jpg);
display:block;
}

a#logo:link, a#logo:visited{background-position:0 0;}
a#logo:hover{background-position:0 -128px;}

/* --------------------------------------------------
MAIN MENU 
-------------------------------------------------- */

#mmtop{
background:url(uploads/images/site/bg_mmtop.jpg) top left no-repeat;
width:714px;
height:17px;
margin:8px 0 0 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

#mm{
background:url(uploads/images/site/bg_mmmid.jpg) top left repeat;
width:666px;
margin:0;
padding:0 24px;
text-align:left;
font-weight:bold;
font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif;
}

#mmbot{
background:url(uploads/images/site/bg_mmbot.jpg) bottom left no-repeat;
width:714px;
height:17px;
margin:0 0 8px 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

#mm ul{margin:0; padding:0; list-style:none;}
#mm ul li{ display:inline; margin:0; padding:0; font-size:100%;}

#mm ul li a:link, #mm ul li a:visited{color:#2d2d2d; text-decoration:none; margin:0; padding:0 10px 0 18px; background-image:url(uploads/images/site/mm_a.jpg); background-position:0 0; background-repeat:no-repeat; line-height:16px; display:block; float:left;}
#mm ul li a:hover{color:#e5e5e5;}

#mm ul li a.currentpage:link, #mm ul li a.currentpage:visited, #mm ul li a.currentpage:hover{color:#e5e5e5; background-position:0 -184px;}

/* --------------------------------------------------
MAIN CONTENT 
-------------------------------------------------- */

#mctop{
background:url(uploads/images/site/bg_mctop.jpg) top left no-repeat;
width:714px;
height:17px;
margin:8px 0 0 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

#mcwrap{
background:url(uploads/images/site/bg_mcmid.jpg) top left repeat;
width:673px;
margin:0;
padding:0 17px 0 24px;
}

#mcbot{
background:url(uploads/images/site/bg_mcbot.jpg) bottom left no-repeat;
width:714px;
height:17px;
margin:0 0 8px 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

#mc{margin:0; padding:0 0 20px 0; text-align:left; width:427px; float:left; display:inline;}

#mc p{padding:0 0 6px 0; margin:0; line-height:130%;}
#mc dl{padding:6px 0; margin:0; line-height:150%;}

#mc dl{position:relative;}
#mc dl dt{position:absolute; left:0; font-weight:bold; color:#937200;}
#mc dl dd{font-weight:normal; margin-left:11em; padding:0;}

#mc h2, #mc h3, #mc h4, #mc h5, #mc h6{font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif;}
#mc h2 {color:#6b9201; font-size:130%; padding:0; margin:0;}
#mc h3 {color:#2d2d2d; font-size:120%; padding:4px 0; margin:0;}
#mc h4 {color:#937200; font-size:110%; padding:4px 0; margin:0;}

#mc a:link, #mc a:visited{text-decoration:none; color:#6b9301;}
#mc a:hover{color:#937200;}

#mc img{float:right; display:inline; margin:6px 0 6px 10px; padding:0;}

/* Fade boxes */
#mc .mcfade{
background:url(uploads/images/site/mc_fade.jpg) bottom left repeat-x; 
border:1px solid #d0d0d0; 
padding:6px; 
margin-bottom:24px;
}

#mc .mcfade p{padding:0; margin:0 0 0 106px;}

#mc .mcfade h2{color:#937200; padding:0; margin:0 0 4px 106px; font-size:110%; font-weight:normal; text-transform:capitalize;}

#mc .mcfade h2.hlink a:link, #mc .mcfade h2.hlink a:visited{color:#937200;}
#mc .mcfade h2.hlink a:hover{color:#202020;}

#mc .mcfade a.launch:link, #mc .mcfade a.launch:visited{
float:right; 
padding:0 0 0 15px; 
margin:-19px 0 0 0; 
display:inline; 
color:#494949; 
text-decoration:none; 
font-size:10px; 
font-weight:bold; 
background-image:url(uploads/images/site/launch_a.jpg); 
background-position:0 -68px; 
background-repeat:no-repeat;
}
#mc .mcfade a.launch:hover{color:#6a9300; background-position:0 -9px; }

#mc .mcfade img{float:left; margin:-20px 6px 0 0; padding:0;}

/* Detail */

#detail a.launch:link, #detail a.launch:visited{
float:right; 
padding:0 10px 0 15px; 
margin:-12px 0 0 0; 
display:inline; 
color:#494949; 
text-decoration:none; 
font-size:10px; 
font-weight:bold; 
background-image:url(uploads/images/site/launch_a.jpg); 
background-position:0 -68px; 
background-repeat:no-repeat;
}
#detail a.launch:hover{color:#6a9300; background-position:0 -9px; }

#detail h2{text-transform:capitalize;}

#detail p{margin-top:5px;}
#detail p.backto{line-height:150%; border-top:1px solid #4d4d4d; padding-top:8px;}

#detail img{margin:8px 0 8px 0; padding:0; float:none;}

/* Swapped Headers */

h1#recentwork{background-image: url(uploads/images/site/h_recentwork.gif);}
h1#mwebsites{background-image: url(uploads/images/site/h_mwebsites.gif);}
h1#mflash{background-image: url(uploads/images/site/h_mflash.gif);}
h1#mprofile{background-image: url(uploads/images/site/h_mprofile.gif);}
h1#mwork{background-image: url(uploads/images/site/h_mwork.gif);}
h1#mcontact{background-image: url(uploads/images/site/h_mcontact.gif);}
h1#wdetail{background-image: url(uploads/images/site/h_wdetail.gif);}
h1#mother{background-image: url(uploads/images/site/h_other.gif);}
h1#mplay{background-image: url(uploads/images/site/h_mplay.gif);}
h1#pdetail{background-image: url(uploads/images/site/h_pdetail.gif);}
h1#mnews{background-image: url(uploads/images/site/h_mnews.gif);}

.swap{
text-indent:-9999px;
text-decoration: none;
padding:0;
display:block;
background-repeat:no-repeat;
font-size:.1em;
height:40px; 
width:225px; 
margin:0 0 0 -3px; 
padding:0 0 5px 0;
}



/* --------------------------------------------------
SUB CONTENT
-------------------------------------------------- */

#sc{margin:0; padding:0 0 0 17px; text-align:left; width:228px; float:left; display:inline;}

.scdarktop{
background:url(uploads/images/site/bg_sctop.jpg) top left no-repeat;
width:228px;
height:17px;
margin:8px 0 0 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

.scdarkwrap{
background:url(uploads/images/site/bg_scmid.jpg) top left repeat;
width:192px;
margin:0;
padding:0 18px;
color:#e5e5e5;
}

.scdarkbot{
background:url(uploads/images/site/bg_scbot.jpg) bottom left no-repeat;
width:228px;
height:17px;
margin:0 0 8px 0;
padding:0;
display:block;
font-size:.1em;/* for ie6 */
}

#sc p{padding:6px 0; margin:0; line-height:125%;}
#sc .logo{background:url(uploads/images/site/logo_sc.jpg) bottom right no-repeat; padding-bottom:25px;}
#sc p.scfade{background:url(uploads/images/site/sc_fade1.jpg) top left repeat-x; padding:4px; margin-top:6px; font-size:95%; text-transform:capitalize;}
#sc p.scfade span{color:#fff; font-size:85%; line-height:100%;}
#sc p.scfade:hover{background:url(uploads/images/site/sc_fade2.jpg) bottom left repeat-x;}

#sc h2{padding:2px 4px; margin:0; font-size:110%; background:#6b9301; font-weight:normal; font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif; color:#fff; text-transform:capitalize;}

/*Sub Content Menu*/

#sc a:link, #sc a:visited{text-decoration:none; color:#b1d751;}
#sc a:hover{color:#494949; background:#b1d752;}

#sc ul{margin:14px 0 0 0; padding:0; list-style:none;}
#sc ul li{margin:0; padding:0 0 4px 0; font-size:1em;}

#sc ul li a:link, #sc ul li a:visited{
color:#b1d752; 
text-decoration:none; 
margin:0; 
padding:0 10px 0 18px; 
background:transparent url(uploads/images/site/subm_a1.gif) 0 50% no-repeat; 
line-height:16px; 
display:block; 
text-transform:capitalize;
}
#sc ul li a:hover{color:#e5e5e5; background:transparent url(uploads/images/site/subm_a1.gif) 0 50% no-repeat; }

#sc ul li a.currentpage:link, #sc ul li a.currentpage:visited, #sc ul li a.currentpage:hover{color:#e5e5e5; background:transparent url(uploads/images/site/subm_a2.gif) 0 50% no-repeat; }

#sc ul li.all-work {display:none;}


/* --------------------------------------------------
FOOTER
-------------------------------------------------- */

#footer{color:#717171; margin:10px 0; font-size:85%;}
#footer p span{color:#494949; margin-left:10px;}

#footer a:link, #footer a:visited{text-decoration:none; color:#6b9301; margin-left:10px;}
#footer a:hover{color:#efefef; background:#6b9300;}

/* --------------------------------------------------
FORM
-------------------------------------------------- */

form{margin:0 0 10px 0; padding:0; width:350px;}
form .required{position:relative;}
form .required img{position:absolute; top:0; left:350px;}
form label{padding:2px 4px; margin:0; font-size:105%; background:#6b9301; color:#fff; display:block;}
form input, form textarea{width:348px; background:#fff; color:#2d2d2d; margin:5px 0; padding:1px 0; border:1px solid #494949;}
form input.fbsubmit{
width: 350px;
height: 20px;
padding:0;
margin:0;
border:0;
color:#6b9301;
font-weight:bold;
background-image:url(uploads/images/site/b_submit.gif);
background-repeat:no-repeat;
background-position:0 0;
cursor: pointer;
display:block;
}
form input.fbsubmit:hover{background-position:0 -20px;}


/* --------------------------------------------------
GENERAL
-------------------------------------------------- */

p.small-bold{
display:inline; 
text-align:left; 
font-size:10px; 
font-weight:bold; 
text-transform:capitalize; 
padding:0; 
margin:0;
line-height:130%;
color:#494949;
}
p.small-bold a:link, p.small-bold a:visited{color:#494949 !important;}
p.small-bold a:hover{color:#6a9300 !important;}

p.small-block{display:block; padding:0; margin:7px 0 0 0; line-height:100%; font-size:12px;}
p.small-block a:link, p.small-block a:visited{color:#937200 !important;}
p.small-block a:hover{color:#6a9300 !important;}

.form-error{font-weight:bold; color:#937200; text-transform:lowercase;}

#emailcloak{color:#b1d751;}

/* clearing */

.clearfix:after {
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
background:transparent;
}
* html>body .clearfix {
display:inline-table; 
width:95%;
}	
* html .clearfix {
/* hide from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}

.clear {clear: both; margin:0; padding:0; display:block; height:0.1em; font-size:0.1em;}

/* end clearing */

.noshow{display:none;}