@charset "utf-8";
/* CSS Document */

html, body {}
body {background: #fff; color: #333; font-family:Arial, Helvetica, sans-serif; font-size: 76%; }
img {border: 0}

a:link {color: #006699; text-decoration: none;}
a:visited {color: #69C;}
a:hover, a:focus {text-decoration: underline;}


h2 {font-weight: normal; color: #666;}
h2 a:link, h2 a:visited {color: #666; text-decoration: none}
h2 a:hover, h2 a:focus {color: #36C;}



#header {width: 900px; position: relative; margin: 0 auto; height: 420px; text-indent: -10000px;}
#logo {background:url(../img/logo.png) 0 0 no-repeat; height: 126px; }
#logo02, #logo03, #logo04 {width: 531px; height: 113px; position: absolute;}
#logo02 {margin-left: 30px; margin-top: 0}
#logo03 {margin-left: 300px; margin-top: 90px}
#logo04 {margin-left: 215px; margin-top: 145px}


/* with links

#logo02 a, #logo03 a, #logo04 a {position: absolute; text-indent: -10000px; display: block;}

#logo02 a:link, #logo a:visited {background: url(../img/web-design.png) 0 0 no-repeat;;  width: 531px; height: 113px;}
#logo02 a:hover {background: url(../img/web-design.png) 0 100%;}

#logo03 a:link, #logo a:visited {background: url(../img/photography.png) 0 0 no-repeat;; width: 592px; height: 113px;}
#logo03 a:hover {background: url(../img/photography.png) 0 100%;}

#logo04 a:link, #logo a:visited {background: url(../img/fun.png) 0 0 no-repeat; width: 217px; height: 125px;}
#logo04 a:hover {background: url(../img/fun.png) 0 100%;}

*/

/*without links*/

#logo02 {background: url(../img/web-design.png) 7px 0 no-repeat;  width: 541px; height: 113px;}
#logo02:hover {background: url(../img/web-design.png) 7px 100% no-repeat;}

#logo03 {background: url(../img/photography.png) 0 0 no-repeat;; width: 592px; height: 113px;}
#logo03:hover {background: url(../img/photography.png) 0 100%;}

#logo04 {background: url(../img/fun.png) 0 0 no-repeat; width: 217px; height: 125px;}
#logo04:hover {background: url(../img/fun.png) 0 100%;}

#wrapper {width: 800px;position: relative; margin: 0 auto}
#main {}

div.first {
	border-top: 1px solid #ccc;
	}

#main ul {margin: 0; padding: 0; }
#main ul.about li {float: left; list-style-type: none; width: 250px; margin-right: 10px; margin-bottom: 10px;}
#main ul.about li img {margin: 20px 0 5px 0;}

#second {position: relative; float: left; width: }
#main_col {width: 520px; float: left;}

#blog_header {
	height: 40px; width: 100%; float: left; border-top: 1px solid #CCC;
	font-weight: bold; font-size: 1.6em;
	line-height: 1.5em;
	width: 800px;
	padding-top: 10px;
	}


.social_icons {float:right; width: 240px; height: 30px; display: none;}
.social_icons a {text-indent: -10000px; position: absolute; display: block; width: 30px;}
.search {width: 130px; height: 30px; border-left: 1px solid #CCC; float: right;}
.search .button {width: 24px; height: 28px; float: right; background:url(../img/social_icons_search.png) 100% -4px no-repeat;}
div.rss {width: 25px; height: 30px; background: url(../img/social_icons_search.png) -70px; -4px no-repeat; position: absolute; margin-left: 70px;}
/*#main .social_icons {width: 250px; float: right; border: 1px solid red}*/

div.blog h2, div.date, ul.about li h2 {font-size: 2.2em;}


div.blog {}
div.post {border-bottom: 1px solid #aeaeae; margin: 5px 0 5px 0; padding: 0 0 10px 0}
h2 .date {display: inline-block; float: left; margin-right: 10px; }
div.blog h2 {letter-spacing: -1px; display: block; margin: 10px 0 5px 0;}
div.last {border-bottom: none; }
div.blog p {line-height: 1.6em}

#side_col {width: 265px; float: right; margin-left: 10px;}

/*twitter block*/
#twitter { background: url(../img/twitter1.jpg) 200px 0px no-repeat; padding-top: 18px; margin-top: -15px;}

#twitter h3 a:link, #twitter h3 a:visited {color: #6CF; font-size: 1.6em; margin: 0; font-weight: normal; letter-spacing: -1px; text-decoration: none; text-align: left;}

#twitter h3 a:hover, #twitter h3 a:focus {text-decoration: underline}

ul#twitter_update_list  {border-top: 2px solid #999; color: #555;}
ul#twitter_update_list li {list-style-type: none}
li.twit-date {display: block; padding 3px; color: #630;}
#twitter_update_list li span {background-color: #e9fbfb; padding: 5px 5px 0 5px; display: block;}
#twitter_update_list a {background:#e9fbfb; font-weight: bold; color: #069; /*font-size: 10px; */text-decoration:none; margin-bottom: 5px; margin-top: 0; padding-left: 5px;  display: block;}
#twitter_update_list a:hover {text-decoration: underline; background: none; }
#twitter_update_list span a {background: none; display: inline;} 
li.twit-more a:link, li.twit-more a:visited {color: #999; text-decoration: none; color: #630; font-weight: normal;}
li.twit-more a:hover, li.twit-more a:focus {color: #069; text-decoration: underline}
a#twitter-link {color: #6cf; /*font-size: 1.6em;*/}
#footer {
	width: 100%; clear: both; 
	border-top: 1px solid #999; 
	text-align: right; color: #CCC;}