/***********************************
*	user.blog
***********************************/


a, input{
    outline: none;
}
.titlehead{
    font: bold italic 24px Trebuchet MS;
    color: #f20587;
}
#menubox .boxcontent .titlepink .titlekategory{
    padding-top: 5px;
}
/*	KATEGORIE	*/
#addBlogCategory .categoryName,.boxcontent #archive div{
	background-image: url(/img/layout/default/li4.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	color: #F20587;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding:5px 0 5px 20px;
	float: left;
	width:200px;
	text-align:left;
}
#addBlogCategory .categoryName a, .boxcontent #archive div a{
    color: #F20587;
    text-decoration: none;
    font: bold 11px arial;
}
.boxcontent #archive div a{
    text-transform: capitalize;
}
#addBlogCategory .actionEdit{
	width: 20px;
	float: left;
}

#addBlogCategory .actionDelete{
	width: 30px;
	float: left;	
}
/*	User index	*/
div div.userblogs{
    padding-top: 10px;
}
.pageContent .blog{
    border-bottom: dotted 1px #a3a3a3;
    padding: 10px 0;
    overflow:hidden;
    position:relative;
}
.pageContent .blogavatar{
    float:left;
    width:100px;
    padding-left:10px;
}
.pageContent .blogavatar img{
    padding: 5px;
    border: 1px solid #DCF2F9;
    margin: 0 auto;
    display: block;
}
.pageContent .blogavatar .bloglogin{
    font-size: 18px;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #1ac2ff;
    margin:10px 0;
    text-align: center;
    padding-bottom:10px;
}
.pageContent .blogavatar .blogzobaczpofil .zobaczprofillink{
    padding-left: 20px;
    background: url('/img/view/users_blogs/zobaczprofil.png') no-repeat left center;
    color: #f20587;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;    
}
.pageContent #linkDoBlog{
    padding: 20px 40px;
    background: url('/img/icons/web_16x16.gif') no-repeat 10px 20px;
    color: #16a2fe;
}
.pageContent #linkDoBlog a{
    color: #16a2fe;
    font: normal 12px/14px tahoma, sans-serif;
    text-decoration: none;
}
.pageContent .titleblog{
    float:right;
    width:434px;
    position: relative;
}
.pageContent .titleblog .bubbles {
    background:#FFFFFF  url('/img/view/users_blogs/bubbles.png') no-repeat;
    width: 29px;
    height: 33px;
    position: absolute;
    left: -25px;
    top: 7px;
}
.pageContent .titleblogtext{
    padding: 2px 10px;
    background: url('/img/view/users_blogs/titleblogcenter.png');
}
.pageContent .titleblogtext, #ProfileBlogTitle{   
    line-height:1em;    
    font-family: Trebuchet MS;
    font-size: 22px;
    font-weight: bold;
    color: #f20587;
}
#ProfileBlogTitle{
    border: 0px none;
    height:30px;
    width:415px;
}
.pageContent .pareslow,.pageContent .pareslow .textarea textarea{
    width: 180px;
    float: left;
    font:normal 11px arial;
    color: #707070;
}
.pageContent .pareslow .textarea textarea{
    width:177px;
    height:48px;
    border: solid 1px #B9CEDA;
}
.pageContent .pareslow  img,.pageContent .statystyki  img{
    display: block;
    margin: 10px auto;
}
.pageContent .statystyki{
    float: right;
    width: 255px;
}
.pageContent .statystyki div{
    float: left;
    width: 78px;
    color: #18b2ea;
    font-family: tahoma;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
}
.pageContent .statystyki div span{
    font-size: 24px;
    font-weight: bold;
    color: #4a5b5d;
    display: block;
    height:20px;
    padding-top:10px;
}
.pageContent .blogright{
    float: right;
    width:480px;
    width:435px;
    padding-right:10px;
}

.pageContent .popularnetematy{
    width: 235px;
    float: right;
    padding-left: 10px;
}
.pageContent .popularnetematy .c_bg{
    position: static;
    width:200px;
    
}
.pageContent .popularnetematy .icon{
    position: absolute;
    top: -7px;
    left: 5px;
    
}
.pageContent .popularnetematy img.title {
    position: absolute;
    top: 10px;
    left: 35px;
}
.pageContent .popularnetematy .titleblogs{
    font: bold 11px arial;
    color: #f20587;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}
.pageContent .popularnetematy ol li a,.pageContent .popularnetematy ol li{
    font: bold 11px arial;
    color: #707070;
    text-decoration: none;
}

.pageContent .popularnetematy .ostnikomentarz{
    font: normal 11px arial;
    color: #707070;
}
.pageContent .popularnetematy .czytajwiecej a{
    float: right;
    text-decoration: none;
    font: normal 11px arial;
    color: #f20587;
}
.pageContent #navi{
    margin-bottom: 40px;
}
.pageContent #navi .edytujwpisysubmit{
    margin: 0 95px;
}
.pageContent .blog h1.blogh4 a{
    color: #f20587;
    text-decoration: none;
}
.pageContent .blog h1.blogtitle,.pageContent .blog .blogh4{
    font-family: Trebuchet MS;
    font-size: 24px;
    color: #f20587;
    padding: 0 0 0 30px;
    background: url(/img/view/users_blogs/h4blog.png) no-repeat left top;
    text-decoration: none;
    margin: 0;
    line-height: 1em;
    border-bottom: none 0px;
}
.pageContent .blog div.created{
    color: #a3a3a3;
    font-family: tahoma;
    font-size: 11px;
    margin-top: 0;
}
.pageContent .blog span.UserLogin{
    float: right;
}
.pageContent .blog span.UserLogin a{
    font-weight: normal;
    color: #18b2ea;
    text-decoration: none;
}
.blog .komentarzy {
    background: url(/img/view/users_blogs/komentarzy.png) no-repeat left;
    padding-left: 19px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom:3px;
    float: left;
}
.blog .komentarzy span {
    background: #f20587;
    color: white;
    font-family: tahoma;
    font-size: 11px;
    padding: 1px 3px;
}
.blog .komentarzy span a{
    color: white;
    text-decoration: none;
}
.blog .kategoria{
    color: #939393;
    font-family: arial;
    font-size: 11px;
}
.blog .kategoriaview{
    float: right;
}
.blog .kategoria span{
    color: #f20587;    
}
.blog .kategoria a{
    color: #939393;
    text-decoration: none;
}
.blog .czytajwiecej{
    float: right;
    margin-top:20px;
}

/*	komentarze	*/
.komentarzeBg{

}
.komentarze{
    font-family: tahoma;
    padding:0 10px;
    width:578px;
    margin: 0 auto;
}
.komentarze textarea{
    border: 1px solid #c9eefa;
}
.komentarze .user{
    width: 185px;
    float: left;
    position: relative;
    z-index: 1;
    width:174px;
}

.komentarze .user img{
    padding: 3px;
    border: 1px solid;
    background: white;
    float: left;  
    margin: 0 5px 10px 5px !important;
}
.komentarze .user .login{
    float: left;
    display: block;
    font-size: 14px;
    width: 90px;
    overflow-x: hidden;
    font-weight: bold;
    font-family: tahoma;  
    padding-left: 3px;
    position: relative;  
}
.komentarze .user .login a{
    color: #18b2ea;
    text-decoration: none;
}
.komentarze .user .login .data{
    color: #4a5b5d;
    font-size: 10px;
    font-weight: normal;
    height:12px;
}
.komentarze .coment{
    float:right;
    width:393px;
    border-right: 1px solid #b9e9fb;
    border-left: 1px solid #b9e9fb;
    background: white;
    padding-left:5px;
    padding-right:4px;
    position: relative;
    z-index: 0;
}
.komentarzTekst{
    font-family: tahoma;
    font-size: 12px;
    padding: 5px;
    overflow:hidden;
    width: 380px;
}
.komentarze a.usunProfile{
    top: 0px;
}

.komentarze .coment img.chmurka{
    position: absolute;
    top: 0px;
    left: -26px;
    z-index: 3;
}
.komentarze .coment .usun{
    display: block;
    text-align: right;
}
.komentarze .coment .usun a{
    color:#0084ff;    
}
.komentarze .komentarzborder{
    float: right;
    position: relative;
}
.komentarze .show {
    padding: 6px 0;
}
.komentarze label{
    font: bold italic 24px Trebuchet MS;
    color: #f20587;
}
.komentarze .wyslijwiadomosc{
    float: right;
    margin-top: 10px;
}

.komentarze .zobaczWszystkie{
    margin: 10px 0;
    text-align: right;
    display: block;
}
.komentarze .zobaczWszystkie a{
    color: #18b2ea;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
/*	index wspolny dla wszystkich	*/
div .titlepink .float, div .titleblue .float{
    margin-bottom: 13px;
}
.blogTop{
    background: url('/img/view/users_blogs/blog_bg.jpg') no-repeat 15px -15px; 
}
.blogTop .right{
    width: 240px;
    height:240px;
    padding-top:92px;
    float: right;
    position: relative;
}
.blogTop .right .niemaszjeszcze{
    position: absolute;
    right:30px;
    top:30px;
}
.blogTop .losowyBlog{
    width: 233px;
    margin-left: 8px;
}
.blogTop .losowyBlog .titleblue .c_bg{
    width: 198px;
}
.blogTop .losowyBlog .LosowyTemat{
    float: right;
    width:150px;
}
.blogTop .losowyBlog .losowyh4, .blogTop .losowyBlog .losowyh4 a{
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 14px;
    color: #f20587;
    padding-bottom:5px;
    text-decoration: none;
}
.blogTop .losowyBlog .losowyP{
    font-family: arial;
    font-size: 11px;
    color: #707070;
}
.blogTop .losowyBlog .LosowyAvatar{
    width: 62px;
    height: 62px;
    float: left;
}
.blogTop .losowyBlog a.losujblogasubmit{
    float: right;
} 
.blogTop .stworzbloga{
    display: block;
    width: 240px;
}

.blogTop .nowiblogerzy .titleblue .c_bg,.blogTop .nowiblogerzy .titleblue .f_bg,.blogTop .nowiblogerzy .titleblue .e_bg {
    position: relative;

}

.blogTop .nowiblogerzy .icon{
    bottom: 0px;
}
.blogTop .nowiblogerzy .nowiminiaturka{
    height: 90px;
    float: left;
    padding:0 4px;
    width:99px;    
}
.blogTop .nowiblogerzy .nowiminiaturka img,.blogTop .najpopularniejszy .popularnyavatar img, .blogTop .losowyBlog .LosowyAvatar img{
    display: block;
    margin: 0 auto;
    border: 2px solid #f2f2f2;
}
.blogTop .nowiblogerzy .wiecej{
    float: right;
}
.blogTop .nowiblogerzy .wiecej a{
    text-decoration: none;
    font-family: arial;
    font-size: 11px;
    color: #939393;
}
.blogTop .c_bg{
    position: relative;
}
.blogTop .icon{
    position: absolute;
    left: 0px;
    bottom: 5px;
}
.blogTop img.title{
    margin-left:40px;
    margin-top:7px;
}
.columnLeft{
    width: 353px;
    float: left;
}
.blogTop .columnLeft .c_bg{
    width: 318px;
}
.blogTop .columnLeft .centerbg{
    height:272px;
}
.titlePost{
    padding-bottom: 15px;
    padding-top:10px;
}
.titlePost a{
    color: #f20587;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    
}
.ostatniekomentarze .titlePost a{
    color: #707070;
}

.blogTop .columnLeft .showText p{
    margin: 0;
}
.showText, .daneLeft, .daneLeft a{
    font-family: arial;
    font-size: 11px;
    color: #5b5b5b;    
    text-decoration: none;
}
.showText .daneLeft a{
    color: #F20587;
}
.daneLeft{
    text-align: right;
    padding-top:10px;
}
.daneLeft span{
    color: #f20587;
}
.popularnewpisy{
    float: right;
    width: 285px;
}

.blogTop .popularnewpisy .centerbg{
    height:573px;
}
.blogTop .popularnewpisy .titlepink .c_bg{
    width: 250px;
}

.blogTop .popularnewpisy img.title{
    margin-left: 30px;
}
.blogTop .popularnewpisy .showText,.blogTop .columnLeft .daneLeft{
    border-bottom: 1px dotted #D7D7D7;
    padding-bottom:10px;
}
.najpopularniejszy .najpopularniejszywpis{
    float: right;
    width: 404px;
}
.najpopularniejszy .najpopularniejszywpis .komentarzborder{
    float:left;
}
.blogTop .najpopularniejszy .titleblue .c_bg{
    width:621px;
}
.najpopularniejszy .najpopularniejszywpis .textContenetBlogi{
    width: 382px;
    padding: 10px;
    border-right: solid 1px #bce9fb;
    border-left: solid 1px #bce9fb;
    background: white;
    font: normal 12px Tahoma;
    color: #606060;
}
.najpopularniejszy .najpopularniejszywpis .textContenetBlogi .najpopularniejszadata {
    color: #a3a3a3;
    font-family: tahoma;
    font-size: 11px;
    float: right;
}
.najpopularniejszy .najpopularniejszywpis .textContenetBlogi .ostatniwpis{
    color: #838383;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    padding-bottom:10px;
}

.najpopularniejszy .najpopularniejszywpis .textContenetBlogi .ostatniwpis a{
    text-decoration: none;
    color: #f20587;
}
.najpopularniejszy .popularnyblog .odwiedzbloga{
    float: right;
}
.najpopularniejszy .popularnyblog{
    border-bottom: 1px dotted #d7d7d7;
    padding-bottom:10px;
    padding-top:10px;
}
.najpopularniejszy .popularnyavatar{
    width: 90px;
    height: 100px;
    position: relative;
    float: left;
}
.najpopularniejszy .komentarzborderbottom {
    margin-bottom: 10px;
}
.najpopularniejszy .popularnyavatar .popularnylogin{
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 15px;
    width: 90px;
}
.najpopularniejszy .popularnyavatar .popularnylogin a{
    color: #1ac2ff;
    margin: 0 auto;
    text-decoration: none;
    display:block;
    float:none;
    text-align: center;    
}
.najpopularniejszy .popularnapozycja{
    float: left;
    width: 60px;
    height: 90px;
    color: #f134a3;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    line-height:85px;
    text-align: center;
}
.najpopularniejszy .najpopularniejszacaly{
    font: normal 11px Arial;
    color: #f20587;
    margin-left: 10px;
    text-decoration: none;
}
.najpopularniejszywpis .komentarzborder{
    display: block;

}
/*	zarzadzanie */
div .blogEditList .head div{
    font: normal 11px tahoma !important;
    color: #a3a3a3;
    border: none  !important;
}
.blogEditList .EditList{
    margin: 20px 0;
}
.blogEditList .EditList .Lp{
    width: 35px;
    text-align:  center;
    font: bold 14px Trebuchet MS;
    float: left;
    margin-right: 10px;
    border-bottom: dotted 1px #a3a3a3;
    color: #707070;
}
.blogEditList .EditList .data {
    float: left;
    width: 70px;
    text-align: center;
    font: normal 11px Trebuchet MS;
    border-bottom: dotted 1px #a3a3a3;
    height:18px;
}

.blogEditList .EditList .border{
    border-bottom: dotted 1px #a3a3a3;
    float:right;
}
.blogEditList .EditList .tytul{
    width: 420px;
    float: left;   
}
.blogEditList .EditList .tytul a{
    text-decoration: none;
    font: bold 14px Trebuchet MS;
    color: #f20587;
}
.blogEditList .EditList .opcje{
    float: left;
}
.blogEditList .EditList .opcje a.edit,.blogEditList .EditList .opcje a.delete{
    background: url('/img/icons/edit2_16x16.gif') no-repeat 0 0px; 
    color:#1EADFF;
    float:left;
    height:15px;
    padding-left:18px;
    padding-right: 3px;
    font-size: 11px;
}
.blogEditList .EditList .opcje a.delete{
    background: url('/img/icons/delete2_16x16.gif') no-repeat 0 0px; 
    color: #f20587;
    margin-left: 10px;
}

/*	dodaj/edytuj */
.usersBlogs  #UsersBlogTitle{
    width: 99%;
    color: #606060;
    font: normal 12px tahoma;
}
 div object{
    margin: 0 auto;
    display: block;
}
.usersBlogs .required label{
    display: none;
}
.usersBlogs  .select{
    float: right;
}
.usersBlogs  .select #UsersBlogCategoryId{
    font: normal 11px arial;
    color: #979797;
    width:130px;
}
.usersBlogs  .multimediaLeft{
    float: left;
}
.usersBlogs  .multimediaLeft .dodajmultimedia{
    float:left;
    padding-bottom:20px;
    padding-right:20px;
    padding-top:5px;
    color: #f20587;
    font: normal 11px Trebuchet MS;
}
.usersBlogs  .multimediaLeft .dodajmultimedia a{
    color: #f20587;
    text-decoration: none;
}
.usersBlogs  .multimediaLeft .dodajmultimedia span,.usersBlogs  label, .usersBlogs .tagsLinks a{
    font: bold 14px Trebuchet MS;
    color: #f20587;
}
.usersBlogs   #UsersBlogContent{
    width: 100%;
}
.usersBlogs  #UsersBlogTags{
    width: 99%;
}
.usersBlogs  .zapisz,.usersBlogs  .anuluj{
    float: right;
}
.usersBlogs #tagsList{
    border: 1px solid #C1E9FF;
    padding: 5px;
    background: white;
    margin-bottom:15px;
    margin-top: 5px;
    text-align: justify;
}
.usersBlogs #tagsList a{
    color: #979797;
    line-height: 1.4em;
}
.usersBlogs #tagsList a.tagSelected{
    color: #F20587;
}
.usersBlogs  .multimedia{
    width: 400px;
}

/* tagi wersja tekstowa */
#flashcontent a{
    line-height: 1.2em;
    color: #F20587;
}
/*	multimedia lightbox */

#nyroModalWrapper .wrapper,#nyroModalContent,#nyroModalWrapper{
    width: 650px !important;
}

.multimedia .closePopup{
    position:absolute;
    right: 0px;
    top:-5px;
}

.multimedia img.topborder,.multimedia{
    width: 638px;
}
.multimedia img.topborder{
    float: left;
}
.multimedia .navi,.multimedia .contentLight{
    margin-left:1px;
    width:595px;
    padding: 0 20px;
    border-right: 2px #3f4e56 solid;
}
.multimedia .navi{   
    height: 32px;
    background: #eaeaea;
    padding-top: 4px;
    overflow:hidden;
    float:left;
}
.multimedia .navi ul li{
    float: left;
    line-height: 32px;
    height: 25px;
    padding: 7px 5px 0;
    font: normal 12px Verdana;
    margin:0 5px;
}
.multimedia .navi ul li a{
    color: #6aa7f0;
    text-decoration: none;
    margin: 0 5px;
}
.multimedia .navi ul li img{
    float: left;
    padding-left: 5px;
}
.multimedia ul li.ui-tabs-selected{
    background: white;
    border: 1px solid #97A5B0;
    border-bottom: none 0px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}
div .ui-tabs-nav{
    display: block !important;
}
.multimedia .ui-tabs-nav a, .multimedia.ui-tabs-nav a span{
    background: none;
    padding: 0 5px 0 30px;
}
.multimedia .contentLight{
    background: white;
}
.multimedia h4{
    font: italic normal bold 24px/45px  Trebuchet MS;
    color: #f20587;
}
.multimedia .wybierzPlik{
    float: left;
    padding-right: 10px;
    line-height:26px;
}
.multimedia .wyrownanie{
    border: solid 1px #D9D9D9;
    margin-bottom:20px;
}
.multimedia .wyrownanie .thumbimage{
    float: left;
    width: 100px;
    height: 100px;
}
.multimedia .wyrownanie .thumbimage img{
    margin: 0 auto;
    display: block;
}
.multimedia .wyrownanieimage,.multimedia .nameimage{
    float: right;
    width:430px;
    padding-top:20px;
}
.multimedia .wyrownanieimage span{
    font: bold 12px verdana;
    float: left;
    color: #000000;
    float: left;
}
.multimedia .wyrownanieimage .input{
    float: left;
}
table.galeriaTab{
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-collapse: collapse;
}
table.galeriaTab tr td{
    border-bottom: solid 1px #d9d9d9;
    border-collapse: collapse;
    height: 100px;
    
}
table.galeriaTab tr th#kolejnosc{
    text-align: right;
    padding-right: 15px;
}
table.galeriaTab tr td.thumbobraz{
    width: 100px;
    overflow: hidden;
}
table.galeriaTab tr td.kolejnosc{
    width: 200px;
}
table.galeriaTab tr td.name{
    padding: 10px;
    width:300px;
}
.multimedia .obraz{
    border: solid 1px #d9d9d9;
}
.multimedia .sortuj{
    font: bold 11px verdana;
    background: #d9d9d9;
    
}
.multimedia .sortuj a{
    color: #000;
    text-decoration: none;    
}
.multimedia .obraz .titleobraz{
    background: #d9d9d9;
    height: 20px;
    font: bold 11px Verdana;
    color: black;
}
.multimedia .obraz .titleobraz span{
    float: right;
}
.multimedia .obraz .thumbobraz{
    float: left;
    width: 100px;
    height: 100px;
}
.multimedia .obraz .thumbobraz img{
    display: block;
    margin: 0 auto;
    
}
.multimedia .dodajURL label{
    font: bold 12px verdana;
    color: #000000;
    padding-right: 12px;
}
.multimedia .dodajURL input#UsersBlogUrl{
    width:512px;
    border: solid 1px #D9D9D9;
}
.multimedia .dodajURL .submit{
    margin: 10px 0;
}
.multimedia  .dodajDoGallery{
    background: white;
    font: normal 12px/14px verdana;
    color: #f20587;
    border: none 0;
    margin-right:15px;
    float: left;
    cursor: pointer;
    width:120px;
}
.multimedia #img_bar form{
    padding-bottom: 35px;
}
.multimedia #img_bar .submit{
    float: right;
}
/**  paginator 

div .paging2 span.current{
    border: none 0px transparent;
    background: transparent;
    color: #f20587;
    font: bold 12px Arial;
}
div .paging2 .prev_next{
    color: #124673;
}
div .paging2 a{
    background: white;
    color: #124673;
    border: solid 1px #b2b7b7;
    font: bold 12px Arial;
    float:left;
    height:17px;
    margin:0 3px;
    padding:3px 0 0;
    text-align:center;
    text-decoration:none;
    width:20px;
}
div .paging2 a:hover{
    background: #124673;
    color: white;
    border-color: #b2b7b7;
}

*/



.formbody,.formbody input{
    height:25px;
    width:151px;
}
.formbody{
    position: relative;
    background: url('/img/view/users_blogs/wybierzplik.png') no-repeat;
    overflow: hidden;
    float:left;
}
.formbody input{
    position: absolute;
    opacity:0;
}

#nyro_preview{
    position: relative;
    background: white;
    padding: 20px 5px 5px;
    width: 640px;
}
#nyro_preview .back,#nyro_preview .zamknij {
    position: absolute;
    top: 0px;
    width: 32px;
}
#nyro_preview .back{
    left: 0;
}
#nyro_preview img{
    display: block;
    margin: 0 auto;
}
#nyro_preview .zamknij {
    right: 0px;

}


/***********************************
*	user.blog.text
***********************************/


/* 
This stylesheet is modified version of typo.css (part of
a CSS Framework by Mike Stenhouse of Content with Style)
*/
/* 
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 75%;
        line-height: 1em;
        color: black;
    }
    div {
        font-size: 1em;
    }
    img {
        border: 0px none;
    }
    
/* LINKS */
    div .blog a, #tinymce a {
        color: black;
        background-color: transparent;
    }

    div .blog a:hover,#tinymce a:hover {
        text-decoration: underline;
    }

/* END LINKS */
    
/* HEADINGS */
    div .blog h1, #tinymce h1{
        padding: 0;
        color: #F20587;
        font-family: Trebuchet MS;
        font-size: 22px;
        line-height: 1.1em;
        border-bottom: none 0px;
        margin: 0;
        clear:none;
    }
    div .blog h2, #tinymce h2 {
        margin: 0;
        padding: 0px;
        color: #F20587;
        line-height: 1.1em;
        font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 20px;
    }
    div .blog h3, #tinymce h3 {
        margin: 0;
        padding: 0 0 0 0;
        color: #F20587;
        font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1.1em;
    }
    div .blog h4, #tinymce h4 {
        color: #F20587;
        margin: 0 0 0 0;
        padding:0;
        font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  
        font-size: 16px;
        line-height: 1.1em;
    }
    div .blog h5, #tinymce h5 {
        color: #F20587;
        margin: 0 0 0.25em 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.1em;
    }
    div .blog h6, #tinymce h6 {
        margin: 0 ;
        padding: 0;
        color: #F20587;
        font-size: 12px;
        line-height: 1.1em;
    }
/* END HEADINGS */

/* TEXT */
    ul.topics p, div .blog p, #tinymce p {
        margin: 0;
        padding: 3px 0 0 0;
        font-size: 12px;
        line-height:1.2em;
    }
    div .blog blockquote,#tinymce blockquote {
        margin-left: 10px;
        border-left: 10px solid #ddd;
    }
    div .blog pre,#tinymce pre{
        font-family: monospace;
        font-size: 1.0em;
    }
    div .blog strong, #tinymce strong, #tinymce b,div .blog b {
        font-weight: bold;
    }
    #tinymce em,div .blog em,#tinymce i,div .blog i  {
        font-style:italic;
    }
    div .blog code, code #tinymce {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
    
/* LISTS */
    div .blog ol,#tinymce ol {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1.0em;
        line-height: 1.4em;
    }
    div .blog ol li,#tinymce ol li {
        margin: 0 0 0.25em 30px;
        padding: 0;
        
        font-size: 1.0em;
    }
    div .blog dl,#tinymce  dl{
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height: 1.4em;
    }
    div .blog dl dt,#tinymce  dl dt{
        margin: 0.25em 0 0.25em 0;
        padding: 0;
        
        font-weight: bold;
    }
    div .blog dl dd,#tinymce  dl dd{
        margin: 0 0 0 30px;
        padding: 0;
    }
    div .blog ul,#tinymce  ul{
        list-style-type: none; 
    }
    
    div .blog ul,div .blog ul li, #tinymce ul,#tinymce ul li {
        padding: 0;
        margin: 0;
    }
/* END LISTS */

/* TABLE */
    #tinymce table,div .blog table {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1em;
    }
    #tinymce table caption,div .blog table caption {
        margin: 0;
        padding: 0 0 1.5em 0;
        
        font-weight: bold;
    }
    #tinymce th, div .blog th{
        font-weight: bold;
        text-align: left;
    }
    #tinymce td, div .blog td{
        font-size: 1em;
    }
/* END TABLE */    
    #tinymce div.hr, div .blog div.hr{
        height: 1px;
        
        margin: 1.5em 10px;
        
        border-bottom: 1px dotted black;
    }

    #tinymce small,div .blog small {
        color: #B2B2B2;
        font-size: 0.85em;
    }
    

/* END TYPOGRAPHY */

#tinymce img {
}

#tinymce img.right {
    float: right;
    margin: 5px;
}

#tinymce {
    width:574px;
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Geneva, Arial, sans-serif;
}

#tinymce ul, .art-content ul, #content-calendar .editable-textarea ul {
        margin: 0 0 1.5em 0;
        padding: 0;
        list-style-type: disc;
        
        line-height:1.4em;
    }
#tinymce ul li, .art-content  ul li, #content-calendar .editable-textarea ul li {
        margin: 0 0 0.25em 30px;
        padding: 0;
    }

#tinymce ul ul, .art-content  ul ul, , #content-calendar .editable-textarea ul ul {
        list-style-type: circle;
    }

#tinymce ul ul ul, .art-content  ul ul ul, , #content-calendar .editable-textarea ul ul ul {
        list-style-type: square;
    }

#tinymce.calendar p img, #tinymce.calendar ul img, #tinymce.calendar li img, #tinymce.calendar img {
    float: none;
    vertical-align: middle;
    margin: 0;
    background-color: transparent;
    padding: 0;
    border: 0px none;
}

#content-calendar .editable-textarea p, #tinymce.calendar p {
        margin: 0;
        padding: 1px;
    }

body.calendar {
    background-color: white !important;
}