/*
Theme Name: Moltee
Theme URI: http://www.moltee.com
Description: The first layout for moltee.com
Author: Reece Dixon
Version: 1.0
Tags: black, blue, white, one-column, fixed-width, custom-header
*/


/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
background: #e3e3e3;
margin: 0px auto;
font: 13px/17px "Arial", sans-serif;
}

#container {
width: 1007px;
margin: 0px auto;
}

  #header {
  height: 50px;
  margin-top: 10px;
  }
    #ggad-top {
    float: left;
    margin-top: 18px;
    height: 30px;
    } 
    #ads{
    clear:both;
    overflow:hidden;
    display:block;
    height:98px;
   
    padding:10px 0 10px 0;
    width:1008px;
    
    } 
    .ggad-body {
    width:728px;
    margin:0 auto;
    } 
    #search {
    float: right;
    margin-top: 10px;
    height: 30px;
    }
    
      #search #input {
      height: 20px;
      width: 220px;
      padding: 5px;
      background: url('images/input.jpg') no-repeat;
      border: none;
      float: left;
      color: #ffffff;
      }
      
      #search #submit {
      background: url('images/search.jpg') no-repeat ;
      height: 30px;
      width: 30px;
      border: none;
      float: left;
      }
  
  #navagation {
  height: 60px;
  background: #404040 url('images/nav.jpg') repeat-x;
  width: auto;
  -moz-box-shadow: 0px 0px 5px #bfbfbf; /* Firefox */
  -webkit-box-shadow: 0px 0px 5px #bfbfbf; /* Safari, Chrome */
  box-shadow: 0px 0px 5px #bfbfbf; /* CSS3 */
  }     
  
    #logospace {
    background: #3F3F3F url('images/logospace.jpg') repeat-x;
border-right: 1px solid #181818;
    width: 163px;
    height: 45px;
    padding: 15px 0 0 40px; 
    float: left;
    }
    
    #nav {
    float: right;
    margin-top: 20px;
    margin-right: 45px;
    }
    
    #nav ul.topnav { 
    list-style-type: none;
    }
    
    #nav ul.topnav img {
    position: absolute;
    margin-left: 5px;
    margin-top: 8px;
    }
    
    #nav ul.topnav li {
    float: left;
    margin-left: 45px;
    }
    
    #nav ul.topnav a {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    font-weight: none;       
    }       
    
    #nav ul.topnav a:hover {
    color: #ffffff;
    }
    
      #inspiration {
      height: auto;
      width: 1007px; 
      background: #404040 url('images/nav.jpg') repeat-x;
      clear: both;
      overflow: auto;  
      }
      
        
 #inspiration .block {
	margin: 17px;
	width: auto;   
	height: 17px; 
 }        

#inspiration .block li {
list-style: none;
}

#inspiration .block li a {
color: #666;
text-shadow: 1px 1px 1px #111111;
text-decoration: none;
float: left;
margin-right: 20px;
}

#inspiration .block li a:hover {
color: #fff;
}

#inspiration .block li a:active {
color: #fff;
}
      
  #main {
  margin-top: 17px;
  width: 1048px;
  overflow: auto;
  }
  
  #archives {
  margin-top: 17px;
  width: 1048px;
  overflow: auto;
  }
  
  #page {
  margin-top: 17px;
  width: 1007px;
  }
  
    #page {
    text-shadow: 0px 1px 0px #f3f3f3;
    }

    #page h2 {
    margin: 10px 0px 3px 0px;
    }

    #page li {
    list-style: none;
    }


    #page li a {
    color: #000000;
    text-decoration: none;
    margin-left: 20px;
    }

    #page p.bottom {
    margin-bottom: 20px;
    }
    .related{display:block;overflow:hidden;width: 1048px;margin-top: 10px;}
    .related h2{margin:0 0 10px 0;}
    .foot-links{float:left;width:100%;overflow:hidden;}
    .foot-links a{margin:0 10px 0 0;padding:5px 0 0 0;color:#000;}
    .item {
    background: #ffffff;
    width: 468px;
    height: 193px;
    padding: 10px;
    float: left;
    margin-right: 31px;
    margin-bottom: 20px;
    }
    
    .item .new {
    position: absolute;
    z-index: 300;
    margin: -7px -7px -7px -7px;
    }
    
    #single {
    width: 1007px;
    margin-top: 17px;
    }
    
   .large {
   overflow:hidden;
   margin-top: 17px;
   width: 987px;
   background: #ffffff;
   padding: 10px 10px 10px 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   -moz-box-shadow: 0px 0px 5px #bfbfbf; /* Firefox */
   -webkit-box-shadow: 0px 0px 5px #bfbfbf; /* Safari, Chrome */
   box-shadow: 0px 0px 5px #bfbfbf; /* CSS3 */
   text-align: center
   }
    
    .large .backlarge {
    margin:0!important;
    padding:0!important;
    overflow: hidden;
    }
    .large .backlarge img{
    max-width: 987px;
    margin:0!important;padding:0!important;
    }
    .item:hover {
    -moz-box-shadow: 0px 0px 5px #aaaaaa; /* Firefox */
    -webkit-box-shadow: 0px 0px 5px #aaaaaa; /* Safari, Chrome */
    box-shadow: 0px 0px 5px #aaaaaa; /* CSS3 */
    }
    
    .item .back {
    background: #404040;
    width: 468px;
    height: 195px;
    position: absolute;
    color: #ffffff;
    line-height: 16px;
    }
    
    .item .back img {
    position: absolute;
    z-index: 2;
    }
    
    .item .back .info {
    position: absolute;
    z-index: 10;
    margin-left: 30px;
    margin-top: 65px;
    display:block;
    z-index: 1;
    text-shadow: 1px 1px 1px #000;
color: #fff;
    }

    .item .back .info a {
text-decoration: none;
    text-shadow: 1px 1px 1px #000;
color: #fff;
    }
    
    
    .item .back .info p {
    margin-top: 14px;
    margin-bottom: 20px;
    }
    
    .item .back .info h2 {
    margin-top: 10px;
    }
  
  #footer {
  background: url('images/div.jpg') top repeat-x;
  width: auto;
  height: 90px;
  margin-top: 20px;
  padding-top: 14px;
  text-shadow: 1px 1px 0px #fff;
font-size: 11px;
color: #666;
  }
  
  #details #right {
  float: right;
  text-shadow: 1px 1px 0px #fff;
  }

  #info {
  float: left;
  }
  
      
  #info a {
  text-shadow: 1px 1px 0px #e1e1e1;
  color: #000000;
  text-decoration: none;
  margin-right: 15px;
float: left;
  text-shadow: 1px 1px 0px #fff;
  }
  
  #info a:hover {
  text-decoration: underline;
  }
  
  #details {
  height: auto;
  
  width: auto;
  overflow: hidden;
  }
  
  
  #left {
  float: left;
  height: auto;
  }
      
  .sep {
  background: url('images/div.jpg') top repeat-x;
  width: auto;
  height: 2px;
  margin-top: 10px;
  }
      
  #disclaimer {
  float: right;
  }
  
  #disclaimer a {
  text-shadow: 1px 1px 0px #e1e1e1;
  color: #000000;
  text-decoration: none;
  margin-left: 10px;
  }
  
  #share {
  width: 977px;
  float: left;
  background: #282828 url('images/bread.jpg') repeat-x;
  padding: 15px; 
  color: #888;
  }
  
    #share a {
    color: #888;
    text-decoration: none;
    }
  
  #tags {
  margin-top: 20px;
  }
  
  #tags a{
  color: #666666;
  text-decoration: none;
  margin-right: 10px;
  font-size: 12px;
  text-shadow: 1px 1px 0px #fff;
  }
  
  #tags a:hover {
  text-decoration: underline;
  }
  
  #tags img {
  float: left;
  margin-right: 10px;
  }
  
  span.time {
  float: right;
  font-weight: bold;
  margin-top: 1px;
  color: #666666;
  }
        
  #bread {
  background: #282828 url('images/bread.jpg') repeat-x;
  padding: 15px;
  height: 16px;
  width: auto;
  color: #555555;
  }
  
    #bread #crumb {
    float: left;
    }
  
    #bread #crumb a {
    color: #666666;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    }

    #bread #crumb a:hover {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    }   
    
    #bread img{
    float: right;
    margin-left: 5px;
    }  
    #bread .gplus{
    float:right;
    margin-right: 5px;
    display:block;
    width:50px;
    height:20px;
    z-index:20;
    }  
    #bread img:hover{
    }        
    
    
    
#ad {
margin-top: 17px;
width: auto;
height: 100px;
text-align: center;
}

#ad .blank {
background: #e7e7e7;
border: 1px solid #cccccc;
color: #666666;
text-decoration: none;
text-shadow: 0px 1px 1px #fff;
display: block;
padding: 45px 0px 45px 0px;
}

#ad .blank:hover {
background: #dddddd;
border: 1px solid #999999;
color: #333333;
}

#title {
background: url('images/div.jpg') bottom repeat-x;
width: 987px;
padding: 10px 0px 10px 0px;
text-shadow: 1px 1px 0px #f5f5f5;
color: #222;
margin-top: 10px;
}

#share1 {
border: 1px solid #D3D3D3;
width: 410px;
height: 42px;
margin-top: 10px;
}

#theCool {
height: 25px;
border: 1px solid #f5f5f5;
padding: 10px 25px 5px 25px;
}

  #share1 .button {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-top: 1px;
  }
  
  #share1 .buttontwitter {
  display: inline;
  float: left;
  margin-right: -10px;
  }
  
  #share1 .buttondigg {
  display: inline;
  float: left;
  margin-top: 1.0px;
  }




  #page form input {
  padding: 6px;
  background: #B1B1B1;
  border-top: 1px solid #7B7B7B;
  border-left: 1px solid #7B7B7B;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 5px;
  }

  #page form textarea {
  padding: 6px;
  margin-bottom: 5px;
  background: #B1B1B1;
  border-top: 1px solid #7B7B7B;
  border-left: 1px solid #7B7B7B;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  }

  #page .wpcf7-submit {
  background: url('images/logospace.jpg') no-repeat;
  padding: 10px 50px 10px 50px;
  }

  #content {
   margin-top: 17px;
   width: 967px;
   height: auto;
   background: #ffffff;
   padding: 20px 20px 20px 20px;
   margin-top: 10px;
   margin-bottom: 10px;
  -moz-box-shadow: 0px 0px 2px #bfbfbf; /* Firefox */
  -webkit-box-shadow: 0px 0px 2px #bfbfbf; /* Safari, Chrome */
  box-shadow: 0px 0px 2px #bfbfbf; /* CSS3 */
  overflow: auto;
}

.heading {
border-bottom: 1px solid #EDEDED;
padding: 0px 10px 10px 10px;
color: #666;
width: 940px;
font-size: 15px;
}

#left ul {
margin-top: 20px;
}

#left li {
list-style-image: url(images/arrow.png) ;
padding: 0px 2px 0px 2px;
margin-left: 31px;
margin-bottom: 2px;
text-align: left;
}

#left p {
margin-top: 5px;
margin-left: 10px;
}

  
  
  #content #left {
  float: left
  }

#main .message {
width: 975px;
padding: 15px;
background: #d8d8d8;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
margin-bottom: 17px;
}

#main .message img {
margin-right: 7px;
float: left;
}

#main .message a {
float: right;
color: #000;
text-decoration: none;
font-size: 10px;
}

  
  
  
  
  
  
   #sliderback {
  width: 987px;
  height: auto;
  background: #ffffff;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  -moz-box-shadow: 0px 0px 5px #bfbfbf; /* Firefox */
  -webkit-box-shadow: 0px 0px 5px #bfbfbf; /* Safari, Chrome */
  box-shadow: 0px 0px 5px #bfbfbf; /* CSS3 */
 }

 #slider {
 overflow: hidden;
 width: 987px;
 height: 150px;
background: #000;
 }

 #slider img {
 width: 987px;
 }
  

  #sep {
  background: url('images/div.jpg') top repeat-x;
  width: 1007px;
  height: 2px;
  margin-bottom: 15px;
  }



#single_article {
width: 1007px;
margin-top: 17px;
}

#single_article img {
   margin-top: 17px;
   width: 987px;
   height: auto;
   background: #ffffff;
   padding: 10px 10px 10px 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   -moz-box-shadow: 0px 0px 5px #bfbfbf; /* Firefox */
   -webkit-box-shadow: 0px 0px 5px #bfbfbf; /* Safari, Chrome */
   box-shadow: 0px 0px 5px #bfbfbf; /* CSS3 */
}

#single_article a {
color: #666;
text-decoration: none;
text-shadow: 1px 1px 0px #fff;
}




    #color {
    
    height: 15px; 
    overflow:hidden; 
    }
    
    #color a {
    float: left;
    height: 5px;
    }
    
    #color a:hover {
    height: 10px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
margin-top: -3px;
    }
    
    #color .red { background: #d14242; display: block; text-indent: -9999px; width: 91px;}
    
    #color .orange { background: #d19d42; display: block; text-indent: -9999px; width: 91px;}
    
    #color .yellow { background: #d1c942; display: block; text-indent: -9999px; width: 91px;}
    
    #color .green { background: #82d142; display: block; text-indent: -9999px; width: 91px;}   
    
    #color .cyan { background: #42d1c5; display: block; text-indent: -9999px; width: 91px;}   
    
    #color .blue { background: #4261d1; display: block; text-indent: -9999px; width: 91px;}   
   
    #color .purple { background: #ae42d1; display: block; text-indent: -9999px; width: 91px;}   
    
    #color .pink { background: #d14290; display: block; text-indent: -9999px; width: 91px;}   
    
    #color .black { background: #000000; display: block; text-indent: -9999px; width: 94px;}       
    
    #color .white { background: #fff; display: block; text-indent: -9999px; width: 94px;}  
    
    #color .multi { background: url('images/multicolor.jpg') repeat-y; display: block; text-indent: -999999px; width: 91px;} 
  


  
  
#form {
margin-top: 20px;
clear: both;
width: 698px;
}

  #form textarea {
  width: 676px;
  padding: 10px;
  margin-bottom: 5px;
  border: none;
  height: 70px;
  background: #B8B8B8;
  border-top: #969696 1px solid;
  border-left: #969696 1px solid;
  border-right: #F5F5F5 1px solid;
  border-bottom: #F5F5F5 1px solid;
  color: #333;
  text-shadow: 1px 1px 0px #E6E6E6;
  font-weight: 11px;
  }
  
  #form .text {
  padding: 10px;
  width: 222px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: none;
  background: #B8B8B8;
  border-top: #969696 1px solid;
  border-left: #969696 1px solid;
  border-right: #F5F5F5 1px solid;
  border-bottom: #F5F5F5 1px solid;
  float: left;
  color: #333;
  text-shadow: 1px 1px 0px #E6E6E6;
  font-weight: 11px;
  }
  
  #form .textend {
  padding: 10px;
  width: 178px;
  margin-bottom: 5px;
  border: none;
  background: #B8B8B8;
  border-top: #969696 1px solid;
  border-left: #969696 1px solid;
  border-right: #F5F5F5 1px solid;
  border-bottom: #F5F5F5 1px solid;
  float: left;
  color: #333;
  text-shadow: 1px 1px 0px #E6E6E6;
  font-weight: 11px;
  }
  
  #form .name {
  
  }
  
  #form #submit {
  float: right;
  background: #fff;
  border: none;
  padding: 5px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
border: 1px solid #BFBFBF;
  }
  
  #form #names a {
  margin-right: 216px;
  text-decoration: none;
  color: #666;
  text-shadow: 1px 1px 0px #E6E6E6;
  font-size: 10px;
  }
  
  #form #names a.website {
  margin-right: 10px;
  text-decoration: none;
  color: #666;
  text-shadow: 1px 1px 0px #E6E6E6;
  font-size: 10px;
  }

#gads {
width: 1007px;

padding: 10px;
height: 150px;
background: #404040 url('images/nav.jpg') repeat-x;
width: auto;
}


  .message {
  background: #dfeafb url('images/message.png') repeat-x;
  border: 1px solid #c4dbff;
  padding: 15px;
  overflow: auto;
  color: #222;
  margin-top: 10px;
/**
  text-shadow: 1px 1px 0px #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
*/
  }
  
  .message img {
  float: left;
  margin-right: 10px;
  }

#reddit{
margin:92px 0 0 -42px;
position: fixed;

background: #fff;
padding: 5px 5px 0px 5px;
}