/*  
Theme Name: amor fati: tabbed
Theme URI: http://laihiu.nicesoda.com
Description: d .otted rhythm, version 3.
Version: 2.0
Author: lai hiu yeung ryanne
Author URI: http://laihiu.nicesoda.com
*/



/* Begin Structure */

body {
    margin: 0;
    padding: 0;
    overflow-x:hidden;
    background: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/header.png) top left no-repeat;
    }


#ts {
    }


#page {
    background-color: white;
    position:absolute;
    margin: 195px 0 0 0;
    padding: 0;
    width: 888px;
    border: 0px;
    }

#sidebar {
    float: left;
    padding: 0;
    margin-left: 12px;
    margin-top: 8px;
    width: 184px;
    }

#sidebar form {
    margin: 0;
    }

#content {
    padding: 0;
    margin-left: 54px;
    margin-top: 10px;
    float: left;
    width: 510px;
    }

#flickrrss-position {
    margin-left: 200px;
    margin-top: 14px;
    }

#flickrrss-position img {
    padding: 2px 0px 2px 8px;
    }

#footer {
    position:relative;
    padding: 0;
    margin: 0;
    width: 760px;
    clear: both;
    }

.post {
    margin: 0;
    text-align: justify;
    }

/* End Structure */


/* Begin tabs */


#tabs {
    position:absolute;
    margin: 157px 0px 0px 140px;
    LINE-HEIGHT: normal;
}


#tabs UL {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
#tabs LI {
        PADDING-RIGHT: 1px; PADDING-LEFT: 21px; BACKGROUND: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/tabs/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs A {
        PADDING-RIGHT: 29px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/tabs/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 20px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#tabs A {
        FLOAT: none;
}
#tabs A:hover {
        COLOR: #333
}
#tabs #current {
        BACKGROUND-IMAGE: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/tabs/left_on.gif)
}
#tabs #current A {
        BACKGROUND-IMAGE: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/tabs/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}

/* End tabs */



/* Begin Images */

p img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    }

a img {
    border: none;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
    
img.centered {
    display: none;
    margin-left: auto;
    margin-right: auto;
    }
    
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.aligncenter {
    float: none;
    }
    
.alignleft {
    float: left
    }


/* End Images */





/* Begin Typography & Colors */

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #FFFFFF;
    color: #333;
    text-align: left;
    }

#page {
    background-color: white;
    border: 0px;
    text-align: left;
    }

#content {
    font-size: 1.2em
    }

#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    color: #C18992
    }


small, #sidebar ul ul li, #sidebar ul ol li, .postmetadata, blockquote, strike {
    color: #717171;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

select { background-color: #FFFFFF;
         color: #C18992;
         WIDTH: 100px;
         HEIGHT: 19px;
	 font: bold 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	 border: 1px solid #6F716F;
	 z-index:9999;
}

blockquote {
   background: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amorfati/images/quotemarks/quote.png) no-repeat;
   background-position: top left;
   text-align: justify;
   font-family: "Courier New", Courier, monospace;
} 

blockquote p {
   padding-top: 16px;
   padding-left: 34px;
   padding-right: 34px;
   padding-bottom: 5px;
} 

.endquote {
   background: url(http://laihiu.nicesoda.com/blog/wp-content/themes/amorfati/images/quotemarks/unquote.png) no-repeat;
   background-position: bottom right;
}


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover {
    color: #6D975D;
    text-decoration: none;
    }

a:hover {
    color: #AAC39F;
    text-decoration: underline;
    }

.entry a, .entrytext a, .entry a:visited {
    color: #6D975D;
    text-decoration: underline;
    }

.entry p a:visited {
    color: #6D975D;
    text-decoration: underline;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist cite {
    color: #717171;
    }

.commentlist cite a {
    color: #6D975D;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    color: #717171;
    }

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

.commentsred,  .commentsred a {
    color: #C18992;
    font-weight: bold;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }

h1 {
    font-size: 4em;
    text-align: center;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #333;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

h2 {
    font-size: 1.6em;
    }

h2.pagetitle {
    font-size: 1.6em;
    }

h3 {
    font-size: 1.3em;
    }

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

.alt {
    background-color: #f8f8f8;
    border: 1px dashed #ddd;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

.narrowcolumn .postmetadata {
    text-align: center;
    }

#chin {
    font-size: 1.4em;
    }


/* End Typography & Colors */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 0px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

html>body .entry li {
    margin: 7px 0 8px 0px;
    }

#sidebar ul ul li:before {
    content: "\00BB \0020";
    }

.entry ul li:before {
    content: "\2022 \0020";
    }

.entry ul li {
    margin-left: 2px;
    }

.entry ol {
    padding: 0 0 0 0px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#ulmargin {
    margin: 5px 0 8px 10px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }

/* End Entry Lists */




/* Begin Form Elements */

#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: left;
    }

#sidebar #searchform #s {
    width: 150px;
    padding: 2px;
    font-family: tahoma, arial;
    font-size: 130%;
    font-width: 125%;
    color: #CCCDD1;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform textarea {
    width: 100%;
    padding: 2px;
    }

#commentform #submit {
    margin: 0;
    float: right;
    width: 80px;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 5px;
    text-align: justify;
    width=100%;
    border: 1px dashed #812D43;
    background-color: #F9F9F9;
    }

.commentlistsingle {
    padding: 5px;
    text-align: justify;
    }

.commentlist li, .commentlistsingle li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

.commentlist .mycomment, .commentlistsingle .mycomment {
   background-color: #FFEDF0;
   border: 1px dashed #ddd;
}

.commentlist .mycomment-dropdown {
   background-color: #FFEDF0;
}

.commentlist p {
    margin: 10px 5px 0 0;
    }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    color: #C18992;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }


/* End Comments */



/*    Begin Headers */
h1 {
    padding-top: 0px;
    margin: 0;
    }

.description {
    text-align: center;
    }

h2 {
    margin: 30px 0 0;
    }

h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

h3 {
    padding: 0;
    margin: 30px 0 0;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }

/* End Headers */

/* Begin contact buttons */

#contactbuttons img {
    padding: 0px 3px 2px 0px;
    }

/* End contact buttons */


/* Begin technorati tagging */

.UTWPrimaryTags
 {
    color: #A5A5A5;
    display: block;
}

.UTWPrimaryTags a, .UTWPrimaryTags a:visited, .entry-tags, .entry-tags a, .entry-tags a:visited {
    color: #A5A5A5;
}

/* End technorati tagging */



/* Begin monsterid */

img.monsterid {
    float: right;
}

/* End monsterid */




/* Begin pagebar */

.pagebar 
	{ 
		font: 13px Arial, Helvetica, sans-serif; 
		font-weight: bold;
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #C18992; 
		border-color: #036; 
		text-decoration: none;
	}
	

/* End pagebar */



/* Begin upcoming */

#upcoming_clean_medium {width:180px;margin: -11px 0 0 0;padding:12px;background-color:transparent;}
#upcoming_clean_medium .upb_events {margin:0;padding:5px 0px;}
#upcoming_clean_medium .upb_event {margin-bottom:5px; line-height: 140%;}
#upcoming_clean_medium .upb_date {text-transform: lowercase;border-bottom:1px dashed #D4D4D4;margin:10px 0 3px 0;}
#upcoming_clean_medium .upb_date .upb_text{color:#424142;font-size: 11px;border-bottom:1px dashed #D4D4D4;margin:10px 0 3px 0;}
#upcoming_clean_medium .upb_more {margin: 10px 0px 0px 0px;text-align:left;}

/* End upcoming */



/* Begin recentcomments */

#recentcomments p, #recentcomments li
	{
		border-bottom: 1px dashed rgb(212, 212, 212); 
		padding: 0 0 5px 0;  
		line-height: 140%;
	}

#myrecentcomment a
	{
		font-weight: bold; 
	}

/* End recentcomments */



/* Begin wassup, noteworthy and twittering */

#wassup p, #noteworthy p, #aktt_tweets p, #lastfm p
	{
		border-bottom: 1px dashed rgb(212, 212, 212); 
		padding: 0 0 5px 0; 
		line-height: 140%;
	}

/* End wassup */


/* Begin flickrmap */

#widgetbox_get_img_0, .wbx-gw-wrapper
	{
		visibility:hidden;
	}

/* End flickrmap */


/* Begin relatedentries */

#relatedentries p
	{
		font-weight: bold;
		color: #A5A5A5;
	}

#relatedentries ul li a
	{
		color: #A5A5A5;
	}

/* End relatedentries */



/* Begin magnify */

#magnify_pagelabel, 
#magnify_site_navbar, 
#mvp_poweredby_bar, 
.mvp_navbar_separator, 
.mvp_tool_block_title,
#mvp_navbar_login, 
#mvp_navbar_logout, 
#mvp_navbar_help, 
#mvp_navbar_admin, 
#mvp_navbar_loggedinas, 
#form_submitbtn,
#mvp_ad200, 
#mvp_ad300
	{
		display:none;
		visibility:hidden;
	}

.mvp_intro_body
	{
		margin-top:50px;
		margin-bottom:-20px;
		font-weight: bold;
		font-size:14px;
	}

#magnify_site_content
	{
		margin-left: -10px;
	}

#magnify_side_area
	{
		margin-top: 60px;
	}

#google_color_url, .google_color_url
	{
		color: #FFFFFF;
	}

img.mvp_thumbnail_magnified
	{
		border:none;
	}


div.mvp_feature_bullet { 
	margin: 0px; 
	padding: 4px 0px 4px 16px; 
	background-image: none;
	font-size: 12px; 
	font-weight: bold; 
	color: #666 
}

div.mvp_item_viewer_area {
	background: none !important;
	padding: 11px 12px 0px;
	height: 398px;
	position: relative;
}


/* End magnify */


/* Begin fjs */

#fjs-flickr {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 10px;
	width: 150px;
	height: 140px;
	float: right;
	background-color: #e0e0e0;
	border: 1px solid #666;
}

#fjs-flickr img {
	border: 1px solid #666;
}

#fjs-flickr a:link,
#fjs-flickr a:visited,
#fjs-flickr a:active {
	color: #00f;
	text-decoration: none;
}

#fjs-flickr a:hover {
	background-color: #00f;
	color: #fff;
}

#fjs-flickr div {
	margin: 3px;
}

#fjs-flickr #fjs-flickrphototitle {
	font-weight: bold;
}

#fjs-flickr #fjs-flickrphotonav {
}

#fjs-flickr #fjs-flickrphoto {
}

#fjs-flickr #fjs-flickrlink {
	font-size: 10px;
}

/* End fjs */


/* Begin Flickr Slideshow */

.dtop,.dbottom{display:block;background-color:#ffffff /* change the color of the corners here */}
.dtop b,.dbottom b{display:block;height:1px;overflow:hidden;background:#000}
.d1{margin:0 5px}.d2{margin:0 3px}.d3{margin:0 2px}.dtop .d4,.dbottom b.d4{margin:0 1px;height:2px}

/* End Flickr Slideshow */

/* Sharethis */

#sharethis_0 .stbuttontext, 
#sharethis_1 .stbuttontext, 
#sharethis_2 .stbuttontext, 
#sharethis_3 .stbuttontext, 
#sharethis_4 .stbuttontext, 
#sharethis_5 .stbuttontext, 
#sharethis_6 .stbuttontext, 
#sharethis_7 .stbuttontext {
      text-transform: lowercase;
      width:150px; height:15px;
      position:absolute; left:0; top:0; z-index:1;
      margin:0; padding:0;
      background:url("http://laihiu.nicesoda.com/blog/wp-content/themes/amortabbed/images/sharetext.gif") top left no-repeat;
      }

#boxOuter {
	border: 1px dashed #ddd;
}

#previewCloseLink {
	color: #ababab;
}

#boxFooter, #clear, #boxFooterPowered, #boxFooterLogin, #linkSignInOut {
	display:none;
	visibility:hidden;
}

/* End Sharethis */