/*
Theme Name: 100x100.net
Theme URI: 
Description: theme for 100x100.net blog
Version: 1.0
Author: yellow
Author URI: http://like-spinning-plates.net
*/

/******************************************************************************************************************************/
/* html */
/******************************************************************************************************************************/
* { margin: 0; padding: 0; }

body { font-size: 0; line-height: 0; 
background: url(img/bg_top.gif) top left repeat-x; 
position: relative; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, p, li, small { font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; }
ul { list-style: none; }
a img { border: 0; }

/******************************************************************************************************************************/
/* common & layout */
/******************************************************************************************************************************/
#bg {background: url(img/bg_top_left.gif) top left no-repeat; 
width: 211px; height: 231px; }
#container { width: 750px; position: absolute; top: 0; left: 50%; margin-left: -375px; padding-bottom: 50px }
#content { float: left; width: 525px; }
#sidebar { float: right; width: 180px; }
.hr { clear: both; margin: 5px 0px 20px 25px; border-bottom: 1px solid #dcdcdc; }
.hr hr { display: none; }
.hide { display: none; }

/******************************************************************************************************************************/
/* title */
/******************************************************************************************************************************/
h1 a { display: block; width: 161px; height: 61px; 
background: url(img/h1.gif) top left no-repeat; margin-left:50px;}
h1 a strong { display: none; }

/******************************************************************************************************************************/
/* content */
/******************************************************************************************************************************/
#content h2 { margin-top: 40px; 
background: url(img/bg_h2.gif) 0px 5px no-repeat; 
font-size: 20px; line-height: 1.2em; 
font-family: Georgia; font-weight: normal; color: #666; }
#content h2 a:link, #content h2 a:active, #content h2 a:visited { color: #666; }

#content small { display: block; margin-bottom: 15px; 
font-family: Georgia; font-size: 15px; line-height: 1.2em; color: #ababab; }
#content small strong { font-weight: normal; font-size: 20px; }
#content small em { font-style: normal; color: #0aaaf3}
#content small a:link, #content small a:active, #content small a:visited { color: #0aaaf3; }

#content .post { font-size: 13px; line-height: 1.6em; color: #333; }
#content .post p { margin-bottom: 15px; }
#content .post ul { list-style: circle; margin-left: 25px; margin-bottom:10px; }
#content .post a:link, #content .post a:active, #content .post a:visited { color: #0aaaf3; }

#content .post .sociable { margin-top: 40px; margin-bottom: 10px; }
#content .post .tags { margin-bottom: 11px; line-height: 1em; }
#content .post .tags a { font-size: 12px; }
#content .post .postmetadata { margin-bottom: 0px; }

/* comments */
#content .comments { font-size: 13px; line-height: 1.6em; color: #333; }
#content .comments h3 {margin-top: 40px; 
font-size: 20px; line-height: 1.2em; 
font-family: Georgia; font-weight: normal; color: #666; }

#content .comments ol { list-style: none; }
#content .comments ol li { margin-top: 10px; border-bottom: 1px solid #dcdcdc; }
#content .comments ol li p { font-size: 11px; line-height: normal; padding-bottom: 5px; }
#content .comments ol li p.avatar { float: left; }
#content .comments ol li p.date { float: left; padding-top: 5px; padding-left: 10px; }
#content .comments ol li blockquote { clear: left; }
#content .comments ol li  a:link, #content .comments ol li  a:active, #content .comments ol li  a:visited { color: #333; }

#content .comments form input, form textarea { width: 350px; padding: 3px 5px;
background-color: #e5e5e5; border: 0; 
font-family: Verdana,Arial,Sans-serif; color:#333; font-size: 11px; }
#content .comments form p.ta textarea { height: 92px; overflow: auto; }
#content .comments form p.btn { margin-top: 10px; }
#content .comments form p.btn input { width: auto; color: #eeeeee; background-color: #36393D; }

/* navigation */
#content ul.nav { height: 20px; padding-top: 20px; margin-left: 25px; }
#content ul.nav li { font-family: Georgia; font-size: 15px; line-height: 1.2em; color: #ababab; }
#content ul.nav li a:link, #content ul.nav li a:active, #content ul.nav li a:visited { color: #ababab; }
#content ul.nav li.left { float: left; }
#content ul.nav li.right { float: right; }

/* common */
#content h2, #content small, #content .post , #content .comments { padding-left: 25px; }

/******************************************************************************************************************************/
/* sidebar */
/******************************************************************************************************************************/
#sidebar ul li ul li { font-family: Georgia; font-size: 11px; line-height: 1.9em; }
#sidebar ul li ul li a { background-color: #e5e5e5; padding: 2px 5px; }
#sidebar ul li ul li a:link, #sidebar ul li ul li a:active, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:hover { 
color: #666; text-decoration: none;  }

p.liket {margin-top:20px; height:20px;}

#sidebar ul { margin-bottom:5px; }
#sidebar ul h2 { margin-bottom:10px; font-size:14px; margin-top:30px; font-family:Arial; color: #666; }

#sidebar ul li.home  { font-size:14px;  display:inline; font-family:Arial; font-weight:bold; }
#sidebar ul li.main ul { padding-top:40px; border-bottom: 1px solid #dcdcdc; overflow:hidden; }
#sidebar ul li.main ul li { display:inline; float:left; }
#sidebar ul li.main ul li.rss { margin-left:96px; }
#sidebar ul li.main ul li.mail { margin-left:5px; }
#sidebar ul li.main ul li a { background-color: transparent; padding: 0; margin-left:2px; }

#sidebar ul li.tagcloud p { line-height: normal; font-size: 14px;}
#sidebar ul li.tagcloud p a { padding-right: 10px; }
#sidebar ul li.tagcloud p a:link, #sidebar ul li.tagcloud p a:active, #sidebar ul li.tagcloud p a:visited { color: #0aaaf3; }

/******************************************************************************************************************************/
/* search form */
/******************************************************************************************************************************/
#searchform { position: absolute; top: 36px; left: 50%; margin-left: 190px; height: 20px; }
#searchform input { position: absolute; top: 0; font-size: 11px; }
#searchform #searchsubmit { left: 0; }
#searchform #s { left: 21px; background: #fff url(img/bg_search.gif) 0 0 no-repeat; 
border: 0; width: 158px; padding: 3px 0px; }