/*
    Theme Name: iWang
    Theme URL: http://www.danielwang.cn
    Description: Custom theme for Daniel Wang's blog   Version: 1
    Author: Daniel Wang
*/
/*------------------------------
    style.css
    @author Daniel Wang    @updated 30/10/09
    @copyright Daniel Wang 2008/2009
 ------------------------------*/
h4 {
font-size:18px;
font-style:italic;
font-weight:normal;
font-family:Georgia,"Times New Roman",Serif;
margin-bottom:8px;
}
/** 
* Social network
*/
.blogger, .delicious, .facebook, .friendfeed, .rss-feed, .google, .linkedin, .by-email, .picasa, .twitter {
 background: url(http://danielwang130.googlepages.com/socialmedia.png) no-repeat top left;
 width:60px; 
 height:60px;
 text-indent:-9999px; 
 float:left;
 opacity:0.5;
}
.email {background: url(http://danielwang130.googlepages.com/socialmedia.png) no-repeat top left; background-position: 0 -30px; width:126px; height:62px;text-indent:-9999px; float:left;  } 
.rss {background: url(http://danielwang130.googlepages.com/socialmedia.png) no-repeat top left; background-position: 0 -122px;width:126px; height:62px;text-indent:-9999px; float:left;  } 
.twitter:hover,.picasa:hover,.linkedin:hover, .google:hover,.friendfeed:hover,.delicious:hover,.facebook:hover, .blogger:hover, .rss-feed:hover, .by-email:hover {opacity:1}
.blogger:hover,.blogger { background-position: 0 -214px;} 
.delicious:hover,.delicious { background-position: 0 -304px;} 
.facebook:hover, .facebook{ background-position: 0 -394px;}
.friendfeed:hover,.friendfeed { background-position: 0 -484px;} 
.google:hover, .google { background-position: 0 -668px;} 
.linkedin:hover, .linkedin { background-position: 0 -758px;} 
.picasa:hover, .picasa { background-position: 0 -940px;} 
.twitter:hover, .twitter { background-position: 0 -1030px;} 
.rss-feed { background-position: 0 -574px; margin-top:-10px;}
.by-email { background-position: 0 -848px; margin-top:-10px; margin-left:10px;} 


/** 
* languages
*/
.ar:hover, .ar { background-position: 0 -30px; } 
.cn:hover, .cn { background-position: 0 -76px; } 
.nl:hover, .nl { background-position: 0 -122px; } 
.uk:hover, .uk { background-position: 0 -168px; } 
.fr:hover, .fr { background-position: 0 -214px; } 
.de:hover, .de { background-position: 0 -260px; } 
.it:hover, .it { background-position: 0 -306px; } 
.jp:hover, .jp { background-position: 0 -352px; } 
.kr:hover, .kr { background-position: 0 -398px; } 
.pt:hover, .pt { background-position: 0 -444px; } 
.ru:hover, .ru { background-position: 0 -490px; } 
.es:hover, .es { background-position: 0 -536px; } 
.ar,.cn,.nl,.uk,.fr,.de,.it,.jp,.kr,.pt,.ru,.es {
 background-image: url(http://danielwang130.googlepages.com/flag.png);
 background-repeat: no-repeat;
 width:25px; 
 height:16px;
 text-indent:-9999px; 
 float:left;
 opacity:0.5;
}
.ar:hover,.cn:hover,.nl:hover,.uk:hover,.fr:hover,.de:hover,.it:hover,.jp:hover,.kr:hover,.pt:hover,.ru:hover,.es:hover { opacity:1;}

/**
* Nav
*/
#navigation {
border-bottom:1px solid #CCCCCC;
height:40px;
padding:0;
}

#navigation li {
float:left;
font-family:georgia;
font-size:17px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:4px;
}

#navigation a{
text-decoration:none;
border:1px solid #fff;
color:#777;
display:block;
font-size:16px;
font-weight:bold;
padding:6px 8px;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
}

#navigation li a:hover, #navigation li a:focus {
-moz-border-radius:4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
background-image:url(http://tutorialzine.com/wp-content/themes/stepinto/images/form.gif);
border:1px solid #CCCCCC;
color:#555;
}

/**
* related posts
*/

#related-posts {
width : 540px;
font : 11px Verdana;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}

#related-posts fieldset {
border:1px solid #dedede;
}
#related-posts legend{
color:#999999;
}

/*#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}*/
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background:transparent url(http://danielwang130.googlepages.com/icon_story.gif) no-repeat scroll 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 1.5em;
}

/**
*  footer
*/
#footer {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color:#F2F2F2;
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#999;
clear:both;
letter-spacing:0.1em;
line-height:1.6em;
margin:0 auto 0 -20px;
padding-top:0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:1000px;
}
#footer a:hover{
color:#333;
}
#footer a{
color:#999;
text-decoration:none;
margin-left:3px;
margin-right:3px;
}
#copyright{
color:#666;
font-size:11px; 
font-family:Corbel,Verdana,Arial,Helvetica,sans-serif;
}

/**
* Portfolio
*/

.gallery h4{
border-bottom:1px solid #c7c7c7;
padding-bottom:8px;
margin:15px 0;
}

.gallery{
font-size:11px;
width:667px;
float:left;
}

.gallery table{
width:100%;
text-align:top;
}
.gallery td{
padding-left:5px;
padding-right:5px;
}
.gallery img{
padding:4px; 
background:#EEE; 
border:1px solid #c7c7c7;
-moz-border-radius:4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
opacity:0.6;
box-shadow: 6px 6px 10px #561A0B;
-webkit-box-shadow: 6px 6px 10px #561A0B;
-moz-box-shadow: 6px 6px 10px #561A0B;
}

.gallery img:hover {
opacity:1;
-moz-transform: scale(1.05) rotate(2deg);
-webkit-transform: scale(1.05) rotate(2deg);

}

/*
* share box
*/

div.sexy-bookmarks {
height:50px;
background:url(http://2.bp.blogspot.com/_sunpK_FtO1E/SmLCe4iu0zI/AAAAAAAAAIg/ZXGCNjtZby0/s1600/sharing.png) no-repeat left bottom;
position:relative;
width:100%;
padding-top:10px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:58px;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0px !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(http://danielwang130.googlepages.com/sexysprite.png) no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}