/*Copyright (C) Mymike All Rights Reserved
CSS for www.mymiker.com*/

body {font-family: Arial, Verdana, Tahoma, 宋体, sans-sarif; font-size: 12px; text-align: center; background: #fff;}
* {margin: 0; padding: 0;}

#con {position: absolute; left: 50%; top: 50%; width: 700px; height: 478px; margin: -239px 0 0 -350px;}/*整体居中*/
#index {position: relative; width: 700px; height: 460px; background: url(index/index_bg.gif) no-repeat;}
#title {width: 495px; position: absolute; right: 25px; top: 25px; text-indent: -99999px;}
#title ul {list-style: none;}
#title ul li {float: left; display: block;}
#title a {display: block; background: url(index/index_title.jpg) no-repeat;}
#title .blog a {width: 165px; height: 242px;}
#title .photo a {width: 120px; height: 242px; background: url(index/index_title.jpg) -165px 0;}
#title .article a {width: 210px; height: 242px; background: url(index/index_title.jpg) -285px 0;}
#title .blog a:hover {background: url(index/index_title.jpg) 0 -242px;}
#title .photo a:hover {background: url(index/index_title.jpg) -165px -242px;}
#title .article a:hover {background: url(index/index_title.jpg) -285px -242px;}
#welcome {width: 183px; height: 83px; background: url(index/welcome.gif) no-repeat; position: absolute; top: 350px; left: 40px; text-indent: -99999px;}
#copyright {position: absolute; top: 465px; right: 10px; color: #bbb; line-height: 18px; text-align: right;}
#copyright a {color: #bbb; text-decoration: none;}
#copyright a:hover {color: #888; text-decoration: underline;}