/*   
Theme Name: Micro Diary
Version: 1.0
*/


/*** Twitter source ***/
* {margin: 0; padding: 0;}
body {background: #9ae4e8 url(images/bg.gif) fixed no-repeat top left; text-align: center; font: 0.75em/1.5 Helvetica, Arial, sans-serif; color: #333;}
a {text-decoration: underline; color: blue;}
ul {list-style: none;}
a img, form, fieldset {border: 0;}
h1, h2, h3, h4, h5 {font-weight: normal;}
abbr {text-decoration: none; border-bottom: none;}

#container {width: 755px; margin: 0 auto; padding: 15px 0; text-align: left; position: relative;}
hr {display: none;}
#accessibility, #navigation h3, #footer h3 {position: absolute; left: -9999px; overflow: hidden;}

#container #flash .desc {padding-top: 11px; background: url(images/arr2.gif) no-repeat 27px 0px; margin-bottom: 9px;}
#container #flash .desc p {display: block; background: #fff; font-size: 2.12em; line-height: 1.2em; padding: 7px; font-weight: bold;}
#container #flash .thumb {padding-left: 26px;}
#container h2 {font-variant: small-caps;}

#navigation, #footer {background: #fff;}
#doingForm .bar {background: #eee;}

#content {width: 555px; margin-top: 0px; float: left; padding-bottom: 15px;}
#content h2.thumb {font-size: 3em;}
#content h2.thumb img {vertical-align: middle; border: 1px solid #999;}
#content h2.thumb small {font-size: .4em;}
#content div.desc {padding-top: 11px; background: url(images/arr2.gif) no-repeat 14px 0px; margin-top: 6px;}
#content div.desc p {display: block; background: #fff; font-size: 2.12em; line-height: 1.2em; padding: 7px; font-weight: bold;}
#content div.desc .meta {font-size: .98em; text-align: right; padding: 2px 7px; font-weight: normal;}
#content div.desc .meta img {vertical-align: top;}
#content .tab {background: #fff; padding: 5px;}
#content .tab #ad {text-align: center;}
#content .tab p {text-align: justify;}
#content .doing {margin: .5em 0; padding: 0 0px 1em; font-size: 1.2em; line-height: 1.1; width: 100%;}
#content .doing td {vertical-align: middle;}
#content .doing .thumb {padding: 6px 5px 2px 4px; width: 50px;}
#content .doing .thumb img {border: 1px solid #999;}
#content .doing .meta {font-size: 0.80em;}
#content .doing .meta img {vertical-align: top;}
#content .even {background-color: #eef; width: 536px; margin-top: 5px;}
#content .odd {background-color: #FFFFFF; width: 536px; margin-top: 5px; border-color: #eef;}
#content .doing .user_actions {vertical-align: top; width: 16px;}

#content .even td {background-color: #eef; padding: 5px;}
#content .odd td {background-color: #FFFFFF; padding: 5px;}

#content #permalink {padding-top: 153px;}
#content #permalink div.desc {background: 0;}
#content #permalink h2 {background: url(images/arr.gif) no-repeat 335px 0; padding: 16px 0 5px 321px; font-size: 2em;}
#content #permalink #ad {text-align: right;}
#content .desc .status_actions {float: right; padding: 5px 5px;}
#content .desc .status_actions li {display: inline;}
#content .desc .status_actions li img {vertical-align: middle;}

.cat a {text-decoration: underline; color: #000000;}
.cat a:hover {text-decoration: underline; color: #000000;}
.cat a:visited {text-decoration: underline; color: #000000;}

.subpage #content {padding-top: 11px; background: url(images/arr2.gif) no-repeat 25px 0px; margin-top: 6px;}
.subpage #content .wrapper {background: #fff; padding: 5px 10px 5em;}
.subpage #content h1, .subpage #content h2, .subpage #content h3, .subpage #content h4, .subpage #content h5 {margin: 13px 0 4px 0;}
.subpage #content p {line-height: 1.2; margin: 5px 0; text-align:justify;}
.subpage #content p+p {text-align:justify;}
.subpage #content ul {padding-left: 30px;}
.subpage #content ol, #side ol {padding-left: 30px;}
.subpage #content code {font-size: 1.2em;}

#side {float: right; width: 162px; padding: 12px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #87bc44; background: #e0ff92; line-height: 1.2;}
.subpage #side {margin-top: 15px;}
#side div.msg {padding: 10px 5px 10px 30px; background: url(images/girl.gif) no-repeat 0% 50%;}
#side div.msg strong {display: block; font-size: 1.4em;}
#side div.msg h3 {padding: 10px 0; font-size: 1.25em;}
#side ul {margin: 8px 0;}
#side .signin label {font-size: 1.12em; padding-left: 1px;}
#side .signin #email, #side .signin #pass {border: 1px solid #86bc46; background: #fff; width: 158px; display: block; padding: 4px 2px; font-size: 0.92em;}
#side .signin #remember {display: block; float: left; margin-right: 4px;}
#side .signin div {margin: 2px 0 4px;}
#side .note {background: #fff; font-size: .95em; padding: 3px; border: 1px dashed #aaa;}
#side .note strong {color:red;}
#side .note li+li {border-top: 1px solid #ccc; padding-top: 4px;}
#side .note a {text-decoration: underline;}
#side .about li {padding-bottom: 3px;}
#side .promo { border: 1px solid #87bc44; background: #ffffff; padding: 10px 0px 10px 5px; margin-top: 8px; font-size: .9em; }
#side .promo a { text-decoration: none; }

#navigation {position: absolute; top: 32px; right: 0; padding: 6px 3px; line-height: 1;}
#navigation li {display: inline; padding: 0 0 0 2px; padding-right: 4px;}
#navigation li:before {content: '|'; padding-right: 4px;}
#navigation li.first:before {content: ''; padding-right: 0;}
	
#footer {clear: left; width: 555px; text-align: center; padding: 8px 0; line-height: 1;}
#footer li {display: inline; background: url(images/divider.gif) no-repeat 0% 50%; padding: 0 2px 0 8px;}
#footer li.first {background: none;}

#front h2 {line-height: 1.2em;}
#front h2 em {font-style: normal; background-color: yellow;}
#front #tour {border: 1px solid #87bc44; margin: 20px 0 15px 0; padding-top: 7px; text-align: center;}

#settingsNav {margin: 0 0 20px 0; font-weight: normal;}
/*** end Twitter source ***/

/*** Wordpress source ***/
img {
border: 0;
vertical-align: middle;
}

.imgg {
padding: 1px;
border: 1px solid #E8E2C8;
margin: 5px;
float: left;
}

.imgd {
padding: 1px;
border: 1px solid #E8E2C8;
margin: 5px;
float: right;
}

.imgc {
padding: 1px;
border: 1px solid #E8E2C8;
margin: 5px;
float: center;
}

.side ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.side ul li {
border-bottom: 1px dotted #ddd;
margin-bottom: 0.3em;
padding: 0.3em;
}

.side ul li ul{
color: #CDEB8B;
list-style-type: square;
margin-left: 1.5em;
padding: 0;
border: 0;
}

.side ul li ul li {
border:0;
}

#side .friend li {
display: inline; 
padding: 0 0 0 2px; 
padding-right: 4px;
}

/*** Comments ***/
fieldset{
border: 1px solid #EEEEFF;
padding: 5px;
}

legend {
color: #0000FF;
padding: 12px;
}

.commentbox {
background-color: #ececec;
width: 450px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
}

.commentfooter {
background: url(images/arrow.gif) 20px -7px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 55px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
/*** End comments ***/

/*** end Wordpress source ***/