/*   
Theme Name: P1
Theme URI: http://www.parasitestudio.com/
Author: non
Author URI: http://www.parasitestudio.com/
*/



/*
-----------------------------------------
RESET
----------------------------------------- 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-style:normal;}
body {line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a img { border: none; }





* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #wrapper {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}



#focus-stealer      { position: absolute; left: -9999px; }

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
body { font-family:Helvetica,"Helvetica Neue","Lucida Grande","Lucida Sans Unicode",Sans-Serif,Arial,Verdana; text-align: left; font-size: 12px; line-height: 18px; color: #353535; background-color: #FFFFFF;}
#sidebar {width: 120px; position:absolute; top:169px; z-index:80;}
.box { width: 840px; margin-left:120px;}
#wrapper {position:absolute; top:0;left:0; z-index:70; overflow:auto; }
#sproject { margin-bottom:15px;}


/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.center{display:block; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.leftimg {  float:left; padding:30px 30px 0 0; overflow:auto;}
.rightimg { float:right; padding:30px 0 10px 30px; overflow:auto;}
.whitebox { background-color:#FFFFFF; padding:10px;}


/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/

a, a:visited { color:#353535; text-decoration: none;}
a:hover { color: #e33628; text-decoration: none; }

h3 {}

p { margin-bottom: 10px; color: #111111; font-size:14px; line-height:18px;} 



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

#logo { margin:26px 0px 50px 0px; float:left;}

#menu { width:102px; }
#menu a { color:#000000; float: left; font-size:18px;  padding:5px; text-transform: uppercase;  background-color: #feec30;  margin-bottom:6px; font-style:normal;}
#menu a:hover { background-color: #000000; color:#FFFFFF;}

.header1 { float:right; margin-top:26px;}
.semail { background-color:#000000; padding:2px;}
.subscribe {background-color:#000000; padding:2px 5px; color:#cccccc; margin-bottom:3px; font-size:12px;}
.subscribe a { color:#FFFFFF; background-color:#ff0000; padding:2px;}
.subscribe a:hover { color:#000000; background-color:#feec30;}
#em{ color:#cccccc; font-size:12px; width:160px; background-color:#000000; border:none;}
#sub { border:none; background-color:#000000; color:#cccccc;  }



/*
-----------------------------------------
Home
----------------------------------------- 
*/

#home .sticky {
    background: white;
    border: 2px solid black;
}


.head { position:relative;}
.head h3 {font-size:48px; color:#FFFFFF; margin-bottom:25px;}
.head a { color:#FFFFFF; background-color:#000000; padding:1px 9px;}
.head a:hover { background-color:#ff0000;}

.head ul { position:absolute; top:10px; right:15px;}
.head ul li { position:relative; margin-bottom:10px;}
.head ul li a { padding:0px;}
.head li h4 { position:absolute; bottom:0px; font-size:12px; padding: 1px 0px;}
.head li h4 a { padding:3px 5px;}

.ht {position:absolute; bottom:20px; left:25px; width:480px; padding: 10px 10px;}

#home .excerpt {background-color:#000000; width:480px; padding: 10px 10px;}
#home .excerpt p {color:#FFFFFF; font-size:12px; margin:0px;  line-height:14px;}
#home .studio { padding: 50px 25px 30px; overflow:auto;}
#home .studio h1 { float:left; font-size: 24px;}
#home .studio h2 { float:left; font-size: 14px; padding-left:60px; width:555px; font-weight:normal;}

.homelast { margin:10px 0; overflow:auto;}
.himage{ float:left; padding-right: 15px;}
.htitle { float:left; font-size:18px; width:320px; padding-right:10px;}
.htitle a { background-color:#000000; color:#FFFFFF; padding:0 5px;}
.htitle a:hover { background-color:#ff0000; }
.hexcerpt { float:left; width: 600px; margin-top:10px;}
.hexcerpt p { font-size: 12px;}
.hcat { float:right; font-size:12px;}
.hdate { float:right;}

/*
-----------------------------------------
Project
----------------------------------------- 
*/

.black { background-color:#000000; padding:10px 25px 25px; margin:10px 0;}
.black p { color:#FFFFFF; width:750px;}
.black h1 { color:#FFFFFF; font-size:60px;  margin: 20px 0; line-height:50px;}
.tags { background-color:#ff3237; display:block; padding:2px 5px; color:#FFFFFF; margin-top:10px;}
.tags a { color:#FFFFFF; font-size:14px;}
.tags a:hover { color:#000000;}

.related { margin:15px 0; background-color:#FFFFFF; padding:10px; overflow:hidden;}
.related ul li { float:left; margin: 0 6px;}
.related a {background-color:#000000; color:#FFFFFF;}
.related a:hover { background-color:#ff0000; }
.related p { width:192px;}
.related li { width:192px;}
.related h3 { font-size:20px; margin-bottom:15px;}

/*
-----------------------------------------
Read
----------------------------------------- 
*/

#rproject {width:620px; padding:20px; float:left; margin-bottom:15px;}
#rproject h1 { font-size:36px; background-color:#000000; color:#FFFFFF; line-height:36px;  font-weight:normal; display:inline;}
.rcontent { padding-top: 25px; overflow:auto;}
.rcontent h2 { font-size:20px; color:#000000; font-weight:normal; margin-bottom:15px; line-height:24px;}
.rcontent p { margin: 20px 0; text-align:justify; font-size:15px;}
.rcontent a { color: #e33628;}
.rcontent a:hover { color: #FFFFFF; background-color:#ff0000;}

img.alignleft { display:inline; margin:10px 15px 10px 0;}
.alignleft { float:left;}

img.alignright{ display:inline; margin:10px 0px 10px 15px;}
.alignright { float:right;}
p img { max-width:100%;}

#rsidebar { float:left; width:162px; margin-left:18px; background-color:#000000;}
#rsidebar a {color:#FFFFFF; font-size:13px; font-weight:normal;}
#rsidebar a:hover { background-color:#ff0000;}
#rsidebar li { border-top:solid 1px #999999;}
.lread { padding: 10px 15px; }
.rdate { padding:1px 3px; font-size:12px; color:#FFFFFF; background-color:#000000; margin-top:3px;}

/*
-----------------------------------------
News
----------------------------------------- 
*/

.n { overflow:auto; margin-bottom:15px; padding:20px 10px;}
.ncat { float:left; margin-right: 10px;}
.nright { width:630px;}
.ntitle { float:left; width:610px; margin-bottom:25px; }
.ntitle h1 { font-size:36px; background-color:#000000;color:#FFFFFF; line-height:36px; display:inline;}
.nexcerpt {float:left; width:610px;}
.nexcerpt p { margin: 10px 0;}
.nexcerpt h2 { font-size: 18px; font-weight:normal; margin: 15px 0;}
.nexcerpt a { color: #e33628;}
.nexcerpt a:hover { color: #FFFFFF; background-color:#ff0000;}

/*
-----------------------------------------
Projects
----------------------------------------- 
*/


.pblack { background-color:#000000; margin-left:4px; width:202px;}

.grid {
  width: 840px;
  margin: auto;
  margin-bottom: 15px;
}

.grid-m1 {
  float: left;
  width: 3px;
  height: 1px;
}

.grid-c1 { float: left; width: 196px; background-color:#000000; padding:4px; color:#FFFFFF;}

.grid-m2 {
  float: left;
  width: 6px;
  height: 1px;
}

.grid-c2 { float: left; width: 196px; background-color:#000000; padding:4px; color:#FFFFFF;}

.grid-m3 {
  float: left;
  width: 6px;
  height: 1px;
}

.grid-c3 { float: left; width: 196px; background-color:#000000; padding:4px; color:#FFFFFF;}

.grid-m4 {
  float: left;
  width: 6px;
  height: 1px;
}

.grid-c4 { float: left; width: 196px; background-color:#000000; padding:4px; color:#FFFFFF;}

.grid h1 { font-size:48px; font-weight:normal; line-height:40px; margin: 10px 10px 18px;}

.grid h2 { font-size:14px; font-weight:normal; margin:5px 0 20px;}
.grid h2 a { text-transform: uppercase; color:#FFFFFF;}
.grid h2 a:hover { background-color:#FF0000;}


.pfeature { position:relative; margin-bottom: 20px;}
.pfeature h2 { position:absolute; margin:0px; bottom: 3px;}
.pfeature a { background-color:#000000;}

.pfeature1 { position:relative; margin-bottom: 20px;}
.pfeature1 h2 { position:absolute; margin:0px; bottom: 3px; width:100px;}
.pfeature1 a { background-color:#000000;}


/*
-----------------------------------------
Studio
----------------------------------------- 
*/

#studio { width:275px; padding: 30px 20px 50px; float:left; margin-bottom: 15px;}
#studio h1 { font-size:72px; line-height:70px; margin-bottom:30px; color:#FFFFFF;}
.blackbox { background-color:#000000; color:#cccccc;}
.scontent p {color:#cccccc;}
.team { float:left; width:514px; margin-left:10px;}
.t11 { background-color:#000000; width:162px; float:left; margin-bottom:20px;}
.t11 p { color:#FFFFFF; padding:5px;}
.t1 { background-color:#000000; width:162px; margin-left:14px; float:left; margin-bottom:20px; color:#FFFFFF;}
.t1 p { color:#FFFFFF; padding:5px;}
.t22 { background-color:#000000; float:left; width:127px;}
.t22 p { color:#FFFFFF; padding:5px;}
.t2 { background-color:#000000; margin-left:2px; float:left; width:127px;}
.t2 p { color:#FFFFFF; padding:5px;}

/*
-----------------------------------------
Contact
----------------------------------------- 
*/

.aheadline { font-size:72px; line-height:70px; margin-bottom:30px; color:#FFFFFF;}


/*.contact { margin: 15px 0; padding:15px;}*/
.wpcf7 input, textarea {border:1px solid #CCCCCC; padding:5px; background-color:#cccccc;}

.c1 { float:left; width: 250px;}
.c1 p { color:#cccccc;}
.c2 { float:left; }

#contact {width:275px; padding: 20px 20px 30px; float:left; margin-bottom:15px;}
.ad {  margin-left:15px; width:400px; float:left;}
.ad p { font-size:20px; background-color:#000000; color:#FFFFFF; line-height:30px; display:inline;}

/*
-----------------------------------------
cat tag
----------------------------------------- 
*/

.tag { color:#FFFFFF; font-size:72px; background-color:#000000; line-height:82px; display: inline;}


#site-info { background-color:#000000; color:#FFFFFF; padding: 3px; display:inline;}