/* CSS Document */



body {
  background: url(http://emirco-studios.com/blog/images/E_blog_bg.jpg) fixed;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  margin: 0 0 0 0;
  font:x-small;
  text-align:center;
  color:#111111;
  font-size/* */:/**/small;
  overflow-y: auto;
  
  }
a:link {
  color:#444444;
  text-decoration:none;
  }
a:visited {
  color:#444444;
  text-decoration:none;
  }
a:hover {
  position:relative;
  top:-2px;
  text-decoration:none;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */

.menu_list
{

width:100%;
height: auto;
margin:0;
display:inline-table;

}

.menu_list a
{
background-color: #333333;
display:block;
float: left;
padding: 15px 22px 15px 23px;
color: #ffffff;
font-size:10px;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
letter-spacing: .15em;

}
.menu_list a:hover
{
color:#777777;
position:relative;
top:-1px;



}


.page-top
{
	width:100%;
	height:auto;
 	filter:alpha(opacity=97);
    opacity:0.97;	 
	background-color:#444444;
	margin:0;
	padding:0;
}

.page-top-center
{
	width:990px;
	height:150px;
	margin:0 auto;
	padding:0;
	background-color:#444444;
	display:inline-table;
}

.page-top-right
{
	float:right;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	border-left:0.01em solid #aaaaaa;
	border-right:0.01em solid #aaaaaa;
	filter:alpha(opacity=77);
      opacity:0.77;

}

.page-top-right:hover
{

	filter:alpha(opacity=100);
      opacity:1.00;

}

.page-top-left
{
	float: left;
	width:291px;
	height:150px;
	background-color:#444444;
	background-image:url(images/e-designblog-logo-dark-bg.png);
	background-repeat:no-repeat;
	background-position:center;
}

.page-top-left a
{
	display:block;
	width:291px;
	height:140px;


}


@media all 
{
  #header {
    width:100%;
    height:35px;
    background-color:#333333;
    border-bottom:0.1em solid #2e2e2e;
	margin:0;
	padding:0;
    }
    
    #header a{
    color: #CCCCCC;
    }
    
   #header ul {
    margin:0 auto;
	padding:0;
    width:990px;
    list-style:none;
    position:relative;
    top:10px;
    left:-260px;
 
    }
    
    #header li{
    display:inline; 
    padding: 5px 15px 5px 15px;
    width:auto;
    height:inherit;
	margin:0;
    }
    
    #header li a:hover{
    color:#FFFFFF;
    }
 
}
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:400%;
  line-height:1.2em;
  color:#333333;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#999999;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

/* Content
----------------------------------------------- */
@media all {
  #content_back{
   background-color: #FFFFFF;
  /* margin:0 auto;*/
   width: auto;
   filter:alpha(opacity=97);
   opacity:0.97;
   
   }

  #content {
    background-color: #ffffff;
    width:990px;
    margin:0 auto;
    text-align:left;
    filter:alpha(opacity=97);
    opacity:0.97;
    }
  #main {
 
    background-color: #ffffff;
    border:0.01em solid #aaaaaa;
	border-top:0;
    padding-left: 30px;
    padding-right:30px;
    width:621px;
    float:left;
    filter:alpha(opacity=97);
    opacity:0.97;
    }
    
   #main2 {
    position:relative;
    top:10px;
       padding-bottom:1.5em;
    }
  #sidebar {
    background: #ffffff;
    width:291px;
    float:right;
    height:100%;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 9px;
    line-height:13px;
    letter-spacing: 1px;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:90%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:100% "Trebuchet MS";
  text-transform:uppercase;
  letter-spacing:.2em;
  display:block;
  border-bottom: 1px dotted #aaa; 
  padding-bottom:13px;
  color:#000;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post-body{
  width: 100%;
   }
  .post {
    margin:.5em 0 1.5em;
    background: #FFFFFF;
    font-size: 14px;
    letter-spacing: .065em;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  word-spacing: .01em;
  letter-spacing:-.01em;
  font-size:38px;
  font-weight:200;
  line-height:1.1em;
  color:#333;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#333;
  }
.post-title strong, .post-title a:hover {
  position:relative;
  top:-2px;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333333;
  }
.post-footer em, .comment-link {
  font:100%/1.4em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  
  }
.post img {
  padding:4px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
.post-footer
{	
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	padding:5px 0px 5px 5px;
	background-color:#DDDDDD;
	font-size:11px;

}

.post-footer a
{	
	font-size:11px;

}
.no-display
{
	display:none;

}
/* Comments
----------------------------------------------- */
#comments
{
	

}
#comments h4 {
background-color:#CCCCCC;	
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS";
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#555;
  }
#comments h4 strong {
  font-size:130%;
   border:1px solid #333333; 
  }
#comments-block {
  background-color:#CCCCCC;
  margin:1em 0 1.5em;
  line-height:1.6em;
  padding: 7px 7px 7px 7px;
  }
#comments-block dt {
 
  margin:.5em 0;
  }
#comments-block dd {
 
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  padding-left:20px;
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  padding-left:20px;
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar{
  background-color: #333333;
  
  
  }
#sidebar2
{

    background-color: #333333;


}

#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 21px;
  text-indent:-15px;
  line-height:1.5em;
  border-bottom: 1px dotted #aaa;
  border-top: 1px dotted #aaa;
  width:auto;
  height:auto;
  }

#sidebar li:hover {
  background-color:#777777;
  text-decoration:none;

}
#sidebar p {
  display:block;
  color:#FFF;
  line-height:2.0em;
  
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:100%;
  height: auto;
  border-top:1em solid #434343;
  background-color:#333333;
  clear:both;
  font-size:10px;
  text-align:left;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


.foot-content
{
	width:989px;
	height:25px;
	margin:0 auto;
	font-size:15px;
	color:#CCCCCC;
	letter-spacing:-0.001em;

}



.foot-left
{ 
	width:681px;
  	height:auto;
	float:left;
	


}

.foot-right
{
	width:300px;
  	height:auto;
	float:right;


}

.foot-left-list
{
	
	float:left;
	position:relative;
	top:10px;
	left:30px;
	padding: 10px 25px 3px 5px;
	width:185px;
	height:auto;
	
}

.foot-right-list
{
	
	float:left;
	position:relative;
	top:10px;
	left:30px;
	padding: 10px 5px 3px 35px;
	width:185px;
	height:auto;
	
}

.foot-content a
{
	font-size:10px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	letter-spacing:.01em;
	color:#CCCCCC;
	

}

.foot-content ul
{
	display: table-row;
	border:0.1em solid #444444;
	background-color:#222222;

}

.foot-content li
{
	
	list-style:none;
	list-style-position:outside;
	padding:3px 5px 5px 8px;
	

}

.foot-content li:hover
{
	background-color:#333333;
	list-style:none;
	list-style-position:inside;
	padding:3px 5px 5px 8px;

}

h5
{
	background-color:#444444;
	text-align:left;
	margin: 0;
	padding: 5px 5px 5px 10px;
	border-bottom-width: 1px solid #FFFFFF;
	height: 20px;

}

h4
{
	padding:10px 5px 5px 17px;
	text-align:left;
	margin: 0;
	font-size:32px;
	border-bottom-width: 1px solid #FFFFFF;
	height: 20px;

}


/* Feeds
----------------------------------------------- */

#blogfeeds {
  }
#postfeeds {
  }

.rss-subscribe
{
      background-color: #EEEEEE; 
      width: 100%;
      height:auto;
      letter-spacing:.001em;
      font-weight:bold;
      font-size: 30px;
	  clear:both;


}

.rss-subscribe:hover
{
      background-color: #FFFFFF; 
  


}


.rss-subscribe span
{
     position: relative;
     top:-48px;
     left:25px;

}

.rss-subscribe img
{
     position: relative;
     top:10px;
     left:23px;

}

.rss-subscribe a:hover
{
     text-decoration:none;
     color:#444444;

}




/* DESIGN LAB AD
----------------------------------------------- */

.design-lab-ad
{
      width: 100%;
      height: auto;

}
  
/* ADVERTISING SPACE
----------------------------------------------- */

.ad-space
{
      width: 100%;
      height:auto;
      padding-bottom:10px;

}


.ad-space img
{
      
padding: 10px 0px 0px 10px;
}

ad-space iframe
{
  padding: 10px 0px 0px 10px;
}



/* ARCHIVES
----------------------------------------------- */

.archives
{
      width: auto;
      height:auto;
      background-color:#444444;
      color:#FFFFFF;
      padding: 10px 10px;

}

.archives a
{
      color:#FFFFFF;
	  line-height:21px;
	  font-size:13px;
	  display:block;
	  margin:7px 0 7px 0;

}

.archives span
{
      font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;
}

/* SEARCH
----------------------------------------------- */

.search
{
      width: auto;
      height:auto;
      color:#FFFFFF;
      padding: 10px 10px;
	  background-color:#444444;

}

.search span
{
      font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}

.search input
{
     border: 1px solid #ffffff;
     background-color: #CCCCCC;
     padding: 0 2px 4px 2px;
     height:20px;

}


/* GAMES
----------------------------------------------- */
.games
{
      width: auto;
      height:auto;
      color:#FFFFFF;
      padding: 10px 10px;

}

.games span
{
      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;
      padding-top:5px;

}


/* ARCHIVES MONTHLY
----------------------------------------------- */
.archives-monthly

{
      width: auto;
      height:auto;
      color:#FFFFFF;
	background-color:#444444;
      padding: 10px 10px;

}
.archives-monthly a
{
      color:#FFFFFF;
	  font-size:13px;
	  display:block;
	  margin:7px 0 7px 0;
}

.archives-monthly span
{

      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}


/* PARTNER SITES
----------------------------------------------- */
.partner-sites

{
      width: auto;
      height:auto;
      color:#FFFFFF;
      padding: 10px 10px;

}
.partner-sites a
{
      color:#FFFFFF;
	  font-size:13px;
	  display:block;
	  margin:7px 0 7px 0;
}

.partner-sites span
{

      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}



/* CONTRIBUTE
----------------------------------------------- */
.contribute

{
      width: auto;
      height:auto;
      color:#FFFFFF;
      padding: 10px 10px;

}
.contribute a
{
      color:#333333;
      padding:5px 5px 5px 5px;
      width: auto;
      font-size:11px;
      height:auto;
      background-color:#EEEEEE;
      font-weight:bolder;
}


.contribute a:hover
{
      color:#FFFFFF;
      width: auto;
      height:auto;
      background-color:#555555;
}

.contribute span
{

      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}

/* WALLPAPER DEPARTMENT
----------------------------------------------- */
.wallpaper
{
      width: auto;
      height:auto;
      background-color:#444444;
      color:#FFFFFF;
      padding: 11px 10px;

}
.wallpaper a
{
      color:#333333;
      padding:5px 5px 5px 5px;
      width: auto;
      font-size:11px;
      height:auto;
      background-color:#EEEEEE;
      font-weight:bolder;
}


.wallpaper a:hover
{
      color:#FFFFFF;
      width: auto;
      height:auto;
      background-color:#555555;
}

.wallpaper span
{
      font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}

/* DESIGN CAREERS
----------------------------------------------- */
.design-careers
{
      width: auto;
      height:auto;
      background-color:#444444;
      color:#FFFFFF;
      padding: 10px 14px 25px 10px;

}

.design-careers a
{
      display: block;
      background-color:#333333;
      color:#FFFFFF;
      border-top:1px solid #333333;
      border-bottom:2px solid #333333;
      border-left:3px solid #222222;
      border-right:3px solid #222222;
      width:100%;
      height:45px;
      padding:21px 0px 0px 0px;
      font-size:12px;
      font-weight:bolder;
}

.design-careers a:hover
{
      color:#FFFFFF;
      background-color:#111111;

}


.design-careers span
{

      font-stretch: extra-condensed;
      letter-spacing:.015em;
      font-weight:bolder;
      font-size:16px;

}
/**
SUB PAGES
**/

.writer-specs
{
	font-size:14px;

}
.contribute-link
{
	color:#222222;
	font-weight:bolder;
	padding:10px 10px 10px 10px;
	background-color:#CCCCCC;
}

.contribute-link:hover
{
	background-color:#444444;
	color:#FFFFFF;
}