body {
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#485a6e;
margin:0;
/*margin-top:15px;
margin-bottom:15px;*/
padding:0;
}

.alignleft{
float:left;
margin-right:10px;
}

.alignright{
float:right;
margin-left:10px;
}

.alignnone{
float:none;
}

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}

.clearer {
clear:both;
display:block;
}

#yottaworks {
position:absolute;
left:0;
right:0;
width:100%;
height:58px;
z-index:500;
bottom:0;
}

#navWrapper {
width:100%;
clear:both;
height:20px;
background:transparent url(footerbgtrans.png) repeat;
overflow:hidden;
}

#blogInfo {
position:relative;
width:100%;
height:38px;
background:url(footerbg.png) repeat;
}

.logo {
position:absolute;
height:37px;
width:250px;
left:0;
top:1px;
background:url(logo.png) no-repeat 0 0;
}

.logo a {
height:37px;
width:245px;
text-indent:-2000px;
display:block;
}

.copyRight {
position:absolute;
right:5px;
bottom:2px;
}

.copyRight a,.copyRight a:visited {
color:#35383d;
text-decoration:none;
}

.copyRight a:hover {
color:#4d5157;
text-decoration:none;
}

.menu {
float:left;
padding:0;
}

.menu ul {
list-style:none;
margin:0 20px;
padding:0;
}

.menu ul li {
display:inline;
font:9px/10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

.menu ul li a {
float:left;
text-decoration:none;
padding:0 0 0 10px;
}

.menu ul li a span {
display:block;
float:none;
color:#ccc;
padding:3px 6px;
}

.goTop {
float:right;
font:9px/10px Verdana, Arial, Helvetica, sans-serif;
padding:0 30px;
}

.goTop a {
text-decoration:none;
}

.goTop a span {
display:block;
float:none;
text-decoration:none;
color:#ccc;
padding:3px 6px;
}

#container {
position:relative;
overflow:hidden;
width:904px;
margin:0 auto;
}

#headerTop {
width:904px;
height:6px;
background:transparent url(headertop.png) no-repeat 0 0;
margin-top:18px;
display:block;
overflow:hidden;
}

#headerWrapper {
width:904px;
height:195px;
background:#fff url(headerleft.png) no-repeat 0 0;
display:block;
}

#headerBot {
width:904px;
height:6px;
background:transparent url(headerbot.png) no-repeat 0 0;
margin-bottom:10px;
display:block;
}

#slideShowWrapper {
padding-left:6px;
float:left;
}

#cateNav {
display:block;
width:255px;
height:195px;
overflow:hidden;
}

#cateNav li {
overflow:hidden;
margin:0;
padding:0;
}

li#navDesign a {
width:255px;
height:65px;
text-indent:-2000px;
background:url(categorydesign.jpg) no-repeat 0 0;
display:block;
}

li#navDiary a {
width:255px;
height:65px;
text-indent:-2000px;
background:url(categorydiary.jpg) no-repeat 0 0;
display:block;
}

li#navGeneral a {
width:255px;
height:65px;
text-indent:-2000px;
background:url(categorygeneral.jpg) no-repeat 0 0;
display:block;
}

li#navDesign a:hover {
width:255px;
height:65px;
background:url(categorydesign.jpg) no-repeat 0 -65px;
display:block;
}

li#navDiary a:hover {
width:255px;
height:65px;
background:url(categorydiary.jpg) no-repeat 0 -65px;
display:block;
}

li#navGeneral a:hover {
width:255px;
height:65px;
background:url(categorygeneral.jpg) no-repeat 0 -65px;
display:block;
}

.tbodyWrapper {
border:1px solid #ccc;
background:#fff url(contentbg.png) repeat-y left top;
float:left;
margin:0 auto;
}

.tbody {
width:688px;
height:auto;
float:left;
padding-bottom:60px;
margin:0 auto;
}

.mainContent {
width:100%;
float:left;
overflow:hidden;
margin-top:5px;
padding:0;
}

.mainContent2 {
width:100%;
float:left;
margin-top:5px;
padding:0;
}

.sidebarWrapper {
width:306px;
float:right;
position:relative;
overflow:hidden;
padding:0px;
}

.post {
position:relative;
clear:left;
width:100%;
padding-bottom:15px;
margin:15px 0px;
}

.postHead {
width:100%;
position:relative;
background:transparent url(postheaddate.png) no-repeat 0 0;
padding-bottom:5px;
}

.postTitle {
margin-left:57px;
display:block;
position:relative;
width:100%;
border:none;
background:url('authorarrow.png') no-repeat left bottom;
padding:0px;
}

.postTitle h2 {
font:normal 24px/24px Arial, "Microsoft YaHei", Helvetica, sans-serif;
letter-spacing:-1px;
margin:0px;
padding:0px;
}

h2.titleShadow {
color:#cecece;
position:relative;
left:1px;
top:1px;
display:block;
}

h2.titleUpper {
color:#26a3d9;
position:absolute;
left:0px;
top:10px;
cursor:default;
width:85%;
}

.postTitle h2.titleUpper a:hover {
color:#0073a4;
text-decoration:none;
}

.postAuthor {
color:#949494;
font:normal 13px/40px Tahoma;
display:inline;
position:relative;
margin-left:0px;
}
.postAuthor2 {
color:#949494;
font:normal 13px/21px Tahoma;
display:inline;
position:relative;
margin-left:0px;
}

.postAuthor a {
color:#949494;
text-decoration:none;
border-bottom:1px solid #ddd;
}

.postAuthor a:hover {
color:#949494;
text-decoration:none;
border-bottom:1px solid #949494;
}

.postHead h3 {
font-size:14px;
line-height:14px;
font-weight:700;
color:#003;
margin:0;
padding:0;
}

.postTime {
position:absolute;
left:-13px;
top:4px;
height:62px;
width:71px;
text-align:center;
color:#fff;
margin:0;
padding:0;
cursor:default;
}

.postTime strong {
display:block;
line-height:9px;
}

.postTime .day {
font:italic normal 34px/36px Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
margin-top:-8px;
}

.postTime .month {
font-size:9px;
text-transform:uppercase;
margin-top:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}

.postComPopup {
position:absolute;
width:44px;
height:43px;
top:0;
right:30px;
background:url(commentpopup.png) no-repeat 0 0;
text-align:center;
padding-top:10px;
}

.postComPopup span {
font:italic 10px/19px Georgia, "Times New Roman", Times, serif;
}

.postComPopup a {
text-decoration:none;
color:#555;
}

.postContent {
font:10px/12px Verdana, Arial, Helvetica, sans-serif;
color:#63565f;
margin:0;
padding:0 26px 0 58px;
}

.postContent2 {
font:10px/12px Verdana, Arial, Helvetica, sans-serif;
color:#63565f;
margin:0;
padding:0 2px 0 2px;
}

.postContent a {
color:#63565f;
text-decoration:none;
border-bottom:1px solid #ccc;
background:#f3fbfe;
}

.postContent a:hover {
color:#63565f;
text-decoration:none;
border-bottom:1px solid #63565f;
}

.postContent a.imageLink,.postContent a:hover.imageLink {
border:none;
background:none;
}

.postContent p {
font:12px/20px Verdana, Arial, Helvetica, sans-serif;
color:#63565f;
margin:0 0 12px;
}

.postContent h2.aboutTitle {
font:normal 19px/19px Arial, Helvetica, sans-serif;
color:#26a3d9;
}

/*.postContent img {
border:1px solid #eee;
max-width:500px;
width:expression(this.width>500?"500px":this.width+"px");
margin-top:5px;
margin-bottom:5px;
padding:2px;
}*/

.postContent img2 {
border:1px solid #eee;
max-width:500px;
width:500px;
margin-top:5px;
margin-bottom:5px;
padding:2px;
}

.postContent a:hover img {
border:1px solid #bbb;
background:#bbb;
}

.postContent ol {
margin:0;
padding:10px 0 10px 25px;
}

.postContent ol li {
font:12px/15px Arial, Helvetica, sans-serif;
color:#63565f;
padding:2px 0;
}

.postContent ul {
color:#f60;
margin:0 0 10px;
padding:5px 0;
}

.postContent ul li {
list-style-type:none;
background:url(PostContentLiIco.png) no-repeat left top;
font-size:12px;
line-height:15px;
color:#63565f;
padding:2px 0 2px 15px;
}

.postContent blockquote {
color:#936;
background:url(blockquote.png) no-repeat 2px 0;
border-left:3px solid #b7b7b7;
margin:0 30px 10px 10px;
padding:5px 10px 5px 30px;
}

.postContent blockquote p {
font-size:12px;
line-height:16px;
margin:0;
padding:0;
}

.postContent blockquote li {
list-style-type:none;
font-size:12px;
line-height:15px;
padding:2px 0 2px 15px;
}

.postContent blockquote a:hover {
color:#003;
}

.postContent .intro {
font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
}

.postBottom {
padding-left:58px;
color:#369;
font:12px Arial, Helvetica, sans-serif;
clear:both;
}

.postBottom li {
list-style-type:none;
display:inline;
margin:0;
padding:5px 20px 5px 0;
}

.postBottom a,.postBottom a:visited {
font-weight:700;
text-decoration:none;
color:#f60;
}

.postBottom a:hover {
font-weight:700;
text-decoration:none;
color:#c00;
}

li.bookMarkThis a,li.bookMarkThis a:visited{
margin:0 3px;
padding-top:1px;
color:#949494;
font:normal 12px/12px Arial, Helvetica, sans-serif; 
}

li.bookMarkThis .digg {
background:url(digg.png) no-repeat scroll 0 1px;
padding-left:19px;
}

li.bookMarkThis .delicious {
background:url(delicious.png) no-repeat scroll 0 1px;
padding-left:17px;
}

li.bookMarkThis .stumbleupon {
background:url(stumbleupon.png) no-repeat scroll 0 1px;
padding-left:18px;
}

li.bookMarkThis .technorati {
background:url(technorati.png) no-repeat scroll 0 1px;
padding-left:18px;
}

li.bookMarkThis .facebook {
background:url(facebook.png) no-repeat scroll 0 1px;
padding-left:18px;
}

li.bookMarkThis a:hover{
color:#35383D;
font-weight:normal;
background-position:0 -20px;
}

.note {
margin:0;
padding:0 26px 0 58px;
}

.note a,.note a:visited {
text-decoration:none;
color:#35383d;
border-bottom:1px solid #ddd;
}

.note a:hover {
text-decoration:none;
color:#35383d;
border-bottom:1px solid #777;
}

.commentWrapper {
border:1px solid #e6e6e6;
overflow:hidden;
margin:20px 10px 0 30px;
padding:0;
}

.comment {
background:#f7f7f7 url(commentgradient.png) repeat-y 0 0;
margin:0;
padding:0;
}

.comList {
background:transparent url(commentclip.png) no-repeat 50px 0;
margin:0;
padding:20px 0;
}

.comment h3 {
font-size:16px;
letter-spacing:-1px;
color:#600;
border-bottom:2px solid #600;
display:none;
margin:0;
padding:10px 0;
}

.comList li {
position:relative;
list-style:none;
margin:0;
padding:10px 0;
}

.comList .grav {
position:absolute;
left:23px;
top:12px;
}

.comList .grav img {
border:1px solid #ccc;
padding:2px;
}

.comInfo {
position:relative;
width:453px;
font-size:11px;
line-height:12px;
color:#bbb;
margin:0 10px 0 90px;
padding:0;
}

.comInfo strong {
font:bold 16px "Trebuchet MS", sans-serif;
letter-spacing:-1px;
color:#666;
margin-right:10px;
}

.comInfo strong a {
color:#ff8839;
text-decoration:none;
}

.comInfo .comAdd {
position:absolute;
right:0;
top:8px;
}

.comList .comContent {
font-size:12px;
line-height:16px;
border-top:1px solid #ccc;
color:#5e646c;
margin:0 10px 0 90px;
padding:0;
}

.comList .comContent p {
font-size:12px;
line-height:16px;
margin:0;
padding:5px 0;
}

.comContent a,.comContent a:visited {
color:#808792;
text-decoration:none;
}

.comList blockquote {
border-left:3px solid #ccc;
padding:0 5px;
}

.comList .Author {
background:#fff;
}

#email {
width:384px;
background:#e9f8ff url(formemail.png) no-repeat left top;
}

#author {
width:384px;
background:#e9f8ff url(formname.png) no-repeat left top;
}

#url {
width:384px;
background:#e9f8ff url(formuri.png) no-repeat left top;
}

#comForm {
position:relative;
font-family:Verdana;
margin:0;
padding:0 0 10px;
}

#comForm .comFormRow {
display:block;
margin:7px 0;
padding:0;
}

.comFormL {
float:left;
width:70px;
text-align:right;
margin-right:23px;
font:bold 12px/18px Arial, Helvetica, sans-serif;
color:#5e646c;
padding:4px 0;
}

#comForm p {
color:#666;
margin:0;
padding:0 0 2px;
}

#comForm p small strong {
font-weight:700;
color:#f30;
}

#comForm p small {
font-size:11px;
display:block;
color:#000;
padding:6px 0;
}

.textField {
color:#26a3d9;
background:#e9f8ff;
border:1px solid #d5e7f0;
font-size:12px;
display:block;
padding:6px 6px 6px 30px;
}

.comNote {
color:#aaa;
font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
padding:2px 125px;
}

#comForm .TextArea {
color:#26a3d9;
background:#e9f8ff;
border:1px solid #d5e7f0;
font-size:12px;
padding:6px;
}

#comForm input.SubmitComment {
width:57px;
height:29px;
background:url(SubmitComment.png) no-repeat;
margin-top:4px;
}

#comForm input.SubmitComment:hover {
background:url(SubmitComment.png) no-repeat 0 -29px;
margin-top:4px;
}

#comForm input.SubmitCommentIE {
width:57px;
height:29px;
background:url(SubmitComment.png) no-repeat 0 -29px;
margin-top:4px;
}

.search {
height:30px;
display:block;
margin-top:9px;
margin-left:47px;
}

.search #searchBox {
width:170px;
background:#e9f8ff url(search.png) no-repeat left top;
}

.rssButton {
position:relative;
width:306px;
height:158px;
display:block;
}

.rssButton a {
width:306px;
height:158px;
text-indent:-2000px;
display:block;
}

.feedSelect {
position:absolute;
left:33px;
top:70px;
width:135px;
height:77px;
background:url(images/feedselect.png) no-repeat 0 0;
overflow:hidden;
display:none;
}

.feedSelectB {
background-position:0 -77px;
}

.skyOrBurner {
width:135px;
height:38px;
text-indent:-2000px;
display:block;
}

#mainSideWrapper {
width:278px;
background:#f2f2f2;
margin:0 5px 0 22px;
padding:200px 0 0;
}

#topSideWrapper {
width:306px;
height:196px;
position:absolute;
top:0;
right:0;
background:#fff url(clownfishrss.jpg) no-repeat 0 17px;
overflow:hidden;
}

.sideBottom {
width:278px;
height:34px;
background:url(sidebottom.jpg) no-repeat 0 0;
margin:20px 0 0;
}

#mainSideWrapper li {
list-style:none;
display:block;
padding:0;
}

#mainSideWrapper h3 {
padding-left:8px;
height:22px;
background:url(sidetitle.png) repeat 0 0;
overflow:hidden;
color:#f2f2f2;
font:normal 25px/34px Arial, Helvetica, sans-serif;
text-align:left;
text-transform:uppercase;
}

.widget {
position:relative;
margin:0 0 2px 22px;
}

.widget h3 {
margin:0;
}
.clicktoshow h3{
cursor:pointer;
}

.sponsor {
margin:0 0 2px;
}

.sponsor h3 {
margin:0 0 0 43px;
}

.sideContent {
text-align:left;
color:#aaa;
padding:10px 10px 10px 0 !important;
}

.sideContent a:hover {
color:#666;
text-decoration:none;
}

.recentPosts a {
background:transparent url(recentpost.gif) no-repeat 0 -16px;
padding-left:20px;
}

.recentPosts a:hover {
background:transparent url(recentpost.gif) no-repeat 0 0;
}

.pagetitle {
color:#ff7f29;
font:bold 24px/24px Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
border-bottom:1px solid #d0c1c1;
margin:0 30px 0 0;
padding:15px 0 15px 56px;
}

.postNav {
overflow:hidden;
font:normal 18px/18px Arial, Helvetica, sans-serif;
margin:15px 0 0;
padding:0;
}

.postNav a:hover {
color:#0073a4;
cursor:pointer;
}

.prePost a {
float:left;
background:transparent url(prepost.jpg) no-repeat left bottom;
margin:0;
padding:0;
}

.prePost a:hover {
background:transparent url(prepostaction.jpg) no-repeat left bottom;
}

.prePost a div {
width:200px;
margin-left:55px;
margin-bottom:0;
padding:25px 0 30px;
}

.nextPost a {
float:right;
background:transparent url(nextpost.jpg) no-repeat right 5px;
margin:0;
padding:0;
}

.nextPost a div {
text-align:right;
width:200px;
margin-right:50px;
margin-bottom:0;
padding:25px 0 30px;
}

.Nav {
color:#949494;
font:11px Tahoma;
margin:0 0 0 56px;
padding:10px 0;
}

.Nav a,.Nav a:visited {
font-size:11px;
text-decoration:none;
color:#f60;
padding:1px 6px 1px 4px;
}

.Nav a:hover {
text-decoration:none;
padding:1px 6px 1px 4px;
}

.Nav span {
color:#666;
font-size:12px;
padding:1px 6px 1px 4px;
}

.Nav .on {
color:#949494;
font-size:11px;
padding:1px 6px 1px 4px;
}

.menu em,.menu ul li ul,.clicktoshow .whattoshow,.hovertoshow .whattoshow {
display:none;
}

.menu ul li a:hover span,.goTop a:hover span {
text-decoration:none;
background:#000;
color:#f6f6f6;
}

.postTitle h2 a,.postTitle h2 a:visited,.postNav a,.postNav a:visited{
color:#26a3d9;
text-decoration:none;
}

.postComPopup a:hover,.comContent a:hover,#comForm a {
text-decoration:underline;
}

.postContent blockquote a,.postContent blockquote a:visited {
color:#369;
}

.comInfo a,.sideContent a {
color:#bbb;
text-decoration:none;
}

.comList ul,#cateNav ul,#mainSideWrapper ul {
list-style:none;
margin:0;
padding:0;
}

#comForm form,.postBottom ul,.search form {
margin:0;
padding:0;
}

.clicktofold{
position:absolute;
top:122px;
right:20px;
color:#aaa;
cursor:pointer;
}


body{
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-size:13px;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}



/*--------- Tablar ---------------------------*/

.tabclas td{
	text-align:center;	
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
.tabclas td:a, .tabclas td a:active, .tabclas td a:visited{
	color:#666666 !important
	}
	
.tabclas td a:hover{
	color:#D11927 !important
	}
.demo:link, .demo:active, .demo:visited{
	color:#FFF;
	}
	
.demo:hover{
	color:#f1f1f1 !important;
	}

/*--------- Tablar ---------------------------*/