/*
Theme Name: Skeleton
Theme URI: http://www.studio-china.com
Description: Theme for studio-china.com
Version: 1.0
Author: Media Hive
*/

/* General Styles
-------------------------------------------*/

body{background:#fff;font:0.88em Arial,Helvetica,Geneva,sans-serif;line-height:1.5em;color:#444444;}
a{color:#2d5597;text-decoration:none;outline:none;}
a:visited {text-decoration:none;outline:0;}
a:hover {color:#444444;text-decoration:none;outline:0;}
a:link img {border:none;outline:none;}
p {padding-top:5px;padding-bottom:5px;}
ul {list-style:none;margin:0;padding-left:0;}
ol {margin-left:0;margin-left:30px;margin-top:0;}
img {border:none;}

li{
  padding:0;
  margin:0;
}


/* Layout
--------------------------------------------*/

#container{
  width:920px;
  margin:0 auto;
  padding:0 10px;
}

/* Navigation
--------------------------------------------*/

#navcontainer {float:left;width:100%;}
#navcontainer ul {padding-left:0;margin-left:0;background-color:#000000;
color:white;float:left;width:100%;}
#navcontainer ul li {display:inline;text-transform:uppercase;}
#navcontainer ul li a {padding : 0.2em 1em;background-color : #000000;color : white;text-decoration : none;float : left;font-weight:bold;border-right : 1px solid #fff;}
#navcontainer ul li a:hover,
#navcontainer ul li.current_page_item a {background-color : #2D5597;color : #eee;}



/* Sidebar
--------------------------------------------*/

#sidebar{
  width:390px;
  float:right;
  font-size:0.9em;
  padding:0 0 25px 0;
  line-height:1.5em;
  margin-top:1em;
}

#sidebarleft {width : 180px;float : left;}
#sidebarright {width : 180px;float : right;}

#sidebar h3{
  border-bottom:1px solid #000000;
  margin:5px 0 9px;

}

li.about h3{
  background:url('images/icons/sidebar/about32x32.png') no-repeat left center;
  padding-left:40px;
  padding-top:15px;
}

li.twitter h3{
  background:url('images/icons/sidebar/twitter32x32.png') no-repeat left center;
  padding-left:40px;
  padding-top:15px;
}

li.flickr h3{
    background:url('images/icons/sidebar/photos32x32.png') no-repeat left center;
    padding-left:40px;
    padding-top:15px;
  }
}


/* Flickr
--------------------------------------------*/
  #flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#000000;}
  #flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
  #flickr_icon_td {padding:0 5px 0 0 !important;}
  .flickr_badge_image {text-align:center !important;}
  .flickr_badge_image img {border: 1px solid black !important;margin:0 0 10px 0;}
  #flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
  #flickr_badge_uber_wrapper{margin:0 auto;}
  #flickr_badge_uber_wrapper a:hover,
  #flickr_badge_uber_wrapper a:link,
  #flickr_badge_uber_wrapper a:active,
  #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#2d5597;}
  #flickr_badge_wrapper {}
  #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}

/* Content
--------------------------------------------*/

#entries{
  width:500px;
  float:left;
  line-height:1.7em;
  padding:1em 0 15px 0;
}

#entries h2{
  margin: 10px 0 0 0;
  display:inline-block;
}

.wp-post-image{
  float:left;
  padding:5px;
  margin:5px;
  border:2px solid #444444;
}

.wp-post-image:hover{
  border:2px solid #2D5597;
}

.post{

}

div.date{
  display:inline-block;
  text-align:center;
}

div.date .month{
  display:inline;
}
div.date .day{
  display:inline;
}
div.post-meta {font-size: .8em;color: #777;}

/* Footer
--------------------------------------------*/

#footer{
  float:left;
  clear:left;
  background:#000;
  width:100%;

  color:#fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#social_networks{
  float:left;
    padding:.7em;
}
#social_networks li{
    text-indent:-9999px;
    height:32px;
    width:32px;
    display:inline-block;
    padding:0 .1em;
}
#social_networks li a{
  display:block;
  height:32px;
  width:32px;
}

#social_networks li.gowalla a{
  background:url('images/sprite_socialbookmarks.png') -288px 0 no-repeat;
}
#social_networks li.gowalla a:hover{
  background:url('images/sprite_socialbookmarks.png') -288px -32px no-repeat;
}
#social_networks li.brightkite a{
  background:url('images/sprite_socialbookmarks.png') -256px 0 no-repeat;
}
#social_networks li.brightkite a:hover{
  background:url('images/sprite_socialbookmarks.png') -256px -32px no-repeat;
}
#social_networks li.digg a{
  background:url('images/sprite_socialbookmarks.png') -224px 0 no-repeat;
}
#social_networks li.digg a:hover{
  background:url('images/sprite_socialbookmarks.png') -224px -32px no-repeat;
}
#social_networks li.facebook a{
  background:url('images/sprite_socialbookmarks.png') -192px 0 no-repeat;
}
#social_networks li.facebook a:hover{
  background:url('images/sprite_socialbookmarks.png') -192px -32px no-repeat;
}
#social_networks li.flickr a{
  background:url('images/sprite_socialbookmarks.png') -160px 0 no-repeat;
}
#social_networks li.flickr a:hover{
  background:url('images/sprite_socialbookmarks.png') -160px -32px no-repeat;
}
#social_networks li.lastfm a{
  background:url('images/sprite_socialbookmarks.png') -128px 0px no-repeat;
}
#social_networks li.lastfm a:hover{
  background:url('images/sprite_socialbookmarks.png') -128px -32px no-repeat;
}
#social_networks li.linkedin a{
  background:url('images/sprite_socialbookmarks.png') -96px 0 no-repeat;
}
#social_networks li.linkedin a:hover{
  background:url('images/sprite_socialbookmarks.png') -96px -32px no-repeat;  
}
#social_networks li.rss a{
  background:url('images/sprite_socialbookmarks.png') -64px 0 no-repeat;
}
#social_networks li.rss a:hover{
 background:url('images/sprite_socialbookmarks.png') -64px -32px no-repeat;
}
#social_networks li.twitter a{
 background:url('images/sprite_socialbookmarks.png') -32px 0 no-repeat;
}
#social_networks li.twitter a:hover{
  background:url('images/sprite_socialbookmarks.png') -32px -32px no-repeat;
}
#social_networks li.vimeo a{
  background:url('images/sprite_socialbookmarks.png') 0 0 no-repeat;
}
#social_networks li.vimeo a:hover{
  background:url('images/sprite_socialbookmarks.png') 0 -32px no-repeat;
}

#copyright{
  float:right;
  font-size:.88em;
  color:#fff;
  line-height:32px;
  margin-top:.7em;
  margin-right:.7em;
}

/* Self Clearning Floats
----------------------------------------------*/

/* Firefox */

body:after,
#container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* IE6 */

* html body,
* html #container{
	zoom: 1;
}

/* IE7 */

*+html body,
*+html #container{
	zoom: 1;
}