html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
body { background:#fff; color:#303030; font: small "Trebuchet MS",Verdana,sans-serif; letter-spacing: 0.05em; }
a { color: #000; text-decoration: none; font-size: inherit; }
a:hover { color:#bbb; }
a img { border: 0; }
h1 { margin: 2px 0 15px 0; line-height: 0.9em; text-decoration: none; font-weight: bold; font-size: 1.8em; color: #448bca; }
h2 { font-size: 1.4em; color: #bbb; }
h3 { font-size: 1.4em; color: #448bca; font-weight: normal; margin-bottom: 5px; }
h4 { font-size: 1.2em; }
p { margin-bottom: 6px; }
small { color: #bbb; font-size: 0.8em; }
/*** LAYOUT ***/
#header { margin-bottom: 50px; height: 170px; }
#body { background: #fff; color:#303030; margin: 0 auto; text-align:left; width: 1000px; }
#columns-sidebar { width:320px; float: right; }
#columns-content { margin-right: 400px; padding: 0 15px 10px; }
#column { padding: 30px 15px 10px; overflow: hidden; }
#footer { padding: 0 0 15px; }
/*** Header section ***/
#header .content { height: 120px; width: 1000px; margin: 0 auto; background: url('/Content/images/paraguas_blog.png') no-repeat 0 100%; }
#header .blog-section-header { background: url('/Content/images/paraguas_blog.png') no-repeat 0 100%; }
#header .pictures-section-header { background: url('/Content/images/paraguas_ultimas_fotos.png') no-repeat 0 100%; }
#header .gallery-section-header { background: url('/Content/images/paraguas_galerias.png') no-repeat 0 100%; }
#header .retouching-section-header { background: url('/Content/images/paraguas_tratamiento.png') no-repeat 0 100%; }
#header .shows-section-header { background: url('/Content/images/paraguas_muestras.png') no-repeat 0 100%; }
#header .aboutus-section-header { background: url('/Content/images/paraguas_quienes_somos.png') no-repeat 0 100%; }
#sitename { position: relative; top: 40px; left: 150px; width: 200px; }
#mainmenu { margin-top: 100px; margin-left: 60px; }
#mainmenu ul { margin-left: 100px; }
#mainmenu li { float: left; text-align: center; }
#blog_menu_item { margin-left: 0px; position: relative; top: -5px; height: 65px; }
#pictures_menu_item { margin-left: 35px; position: relative; top: 0; height: 60px; }
#gallery_menu_item { margin-left: 30px; position: relative; top: -20px; height: 80px; }
#retouching_menu_item { margin-left: 35px; position: relative; top: -30px; height: 90px; }
#shows_menu_item { margin-left: 35px; position: relative; top: -20px; height: 80px; }
#aboutus_menu_item { margin-left: 35px; position: relative; top: -25px; height: 80px; }
#contactus_menu_item { margin-left: 35px; position: relative; top: -5px; height: 65px; }
#logout_menu_item { margin-left: 35px; position: relative; top: -10px; height: 70px; }
#mainmenu li[id="blog_menu_item"][class="blog-section-current"],
#mainmenu li[id="pictures_menu_item"][class="pictures-section-current"],
#mainmenu li[id="gallery_menu_item"][class="gallery-section-current"],
#mainmenu li[id="retouching_menu_item"][class="retouching-section-current"],
#mainmenu li[id="shows_menu_item"][class="shows-section-current"],
#mainmenu li[id="aboutus_menu_item"][class="aboutus-section-current"],
#mainmenu li:hover { background: url('/Content/images/flechita_menu.png') no-repeat 50% 100%; }
#mainmenu li[id="blog_menu_item"][class="blog-section-current"] a,
#mainmenu li[id="pictures_menu_item"][class="pictures-section-current"] a,
#mainmenu li[id="gallery_menu_item"][class="gallery-section-current"] a,
#mainmenu li[id="retouching_menu_item"][class="retouching-section-current"] a,
#mainmenu li[id="shows_menu_item"][class="shows-section-current"] a,
#mainmenu li[id="aboutus_menu_item"][class="aboutus-section-current"] a,
#mainmenu li:hover a { color: #448bca; }
/*** Sidebars ***/
#columns-sidebar .sidebar-item { margin-bottom: 20px; padding-bottom: 20px; }
#columns-sidebar h3 { background: url('/Content/images/flechita_desplegable.png') no-repeat 0 100%; text-indent: 30px; vertical-align: middle; }
#columns-sidebar .sidebar-item-content { margin-left: 60px; font-size: 90%; }
.sidebar-item-content li { list-style-image: url('/Content/images/mas.png'); }
.sidebar-item+.feed-item { margin-bottom: 30px; }
.picture-sidebar .sidebar-item { margin-bottom: 30px; overflow: hidden; }
.picture-sidebar .sidebar-item .next { float: left; }
.picture-sidebar .sidebar-item .previous { float: right; }
.picture-sidebar .sidebar-box { overflow: hidden; border: solid 1px #ccc; padding: 10px; }
.picture-sidebar .sidebar-box-header { text-transform: lowercase; font-size: 1.1em; border: solid 1px #ccc; padding: 3px 6px; top: 1px; position: relative; }
.picture-sidebar .sidebar-box-body { font-size: 0.9em; }
.tag-list-link { width: 100px; float: right; margin-top: 15px; font-size: 0.8em; }
/*** Content ***/
#topcontrols { border-bottom: dashed 1px #eaeaea; margin-bottom: 10px; padding-bottom: 3px; }
#bottomcontrols { text-align: center; margin-bottom: 30px; }
.contentcontrols { height: 1.5em; vertical-align: top; color: #AAA; padding-bottom: 5px; }
.pagingcontrols { float: right; }
.contentcontrols .back { float: left; }
.section-header { margin: 0 0 50px 50px; }
.section-actions { overflow: hidden; position: relative; top: -10px; }
.section-actions li { float: left; margin-right: 20px; }
/*** Various classes ***/
.clear { clear:both; width:1px; height: 0;}
.left { float: left; }
.label { text-align: right; vertical-align: top; font-size: 0.9em; }
.icon { width: 16px; height: 16px; vertical-align: text-bottom; }
/*** ICONS ***/
.feed, .flickr,
.tag, .slideshow,
.gallery, .permalink,
.trackback, .comment,
.addthis, .feed_help,
.blog-edit { padding: 0 0 0 20px; }
.feed { background: url("/Content/images/feed.png") no-repeat 0; }
.feed_help { background: url("/Content/images/feed_help.png") no-repeat 0; }
.flickr { background: url('/Content/images/flickr.png') no-repeat 0; }
.tag { background: url('/Content/images/tag.png') no-repeat 0; }
.slideshow { background: url('/Content/images/slideshow.png') no-repeat 0; }
.gallery { background: url('/Content/images/galerias.png') no-repeat 0; }
.permalink { background: url('/Content/images/permalink.png') no-repeat 0; }
.trackback { background: url('/Content/images/trackback.png') no-repeat 0; }
.comment { background: url('/Content/images/comment.png') no-repeat 0; }
.addthis { background: url('/Content/images/addthis.png') no-repeat 0; }
.notice { color: #aaaaaa; }
.feed-list { float: right; margin-right: 30px; font-size: 90%; }
.feed-list li { margin-bottom: 5px; }
.input-validation-error { border: 1px solid #ff0000; background-color: #fff; }
/*** Contact Form ***/
#contactform { width: 400px; margin: 30px auto 0; }
.contactfield { margin:0 4px 0 0; width:320px; }
/*** Dialogs ***/
.dialog-message { width: 400px; margin: 40px auto 0; }
/*** BLOG ***/
/* POST */
.blog-post { margin-bottom: 100px; }
.blog-post-body { line-height: 1.5em; text-align: justify; letter-spacing: 0.1em; }
.blog-post-body .text ul { list-style: disc; }
.blog-post-body .text li { padding-left: 5px; margin-left: 30px; }
.blog-post-body p { padding-bottom: 10px; }
.blog-post-header { background: url('/Content/images/ganchito.png') no-repeat 2% 5%; overflow: hidden; }
.blog-post-header p { margin-left: 50px; }
.blog-post-header a { color: inherit; text-decoration: none; }
.blog-post-footer { margin-top: 10px; overflow: hidden; }
.blog-post-footer .tag { float: left; margin-right: 10px; }
.blogitem { overflow: hidden; margin-bottom: 10px; }
.blogpost { }
.blogpost .body { overflow: hidden; font-family: Verdana; line-height: 1.5em; }
.blogpost .text ul { list-style: disc; }
.blogpost .text li { padding-left: 5px; margin-left: 30px; }
.blogpost p { padding-bottom: 10px; }
.title img { width: 32px; float: left; vertical-align: middle; }
.text { margin-left: 260px; text-align: justify; }
.text img { padding: 5px; border: solid 1px #CCCCCC; }
.blogcolumn { width: 240px; float: left; }
.blogpictures { margin-bottom: 20px; }
.blogpictures img { border: solid 1px black; }
.blogpictures-loader { text-align: center; }
/* LIST */
.blog-list { margin: 0 0 30px; }
.toolbar { text-transform: lowercase; overflow: hidden; display: inline-block; margin-top: 5px; }
/*** ENTRY ***/
.entry { margin-bottom: 40px; overflow: hidden; }
.entry .blogfooter .tags { float: none; }
.entry .blogitem { margin-bottom: 40px; }
.entry .comments { width: 63%; float: left; }
.entry .trackbacks { width: 35%; float: right; }
.trackback-url { position: relative; top: -10px; }
.entry .trackback { margin: 0 0 20px 10px; }
.trackback-title { font-size: 1.2em; }
.trackback-blog-name { margin-top: 0; }
.blogactionfooter { border-top: solid 1px #eaeaea; text-transform: lowercase; font-size: 80%; padding-top: 5px; }
.blogfooter { text-transform: lowercase; padding: 5px 0px 3px 0px; overflow: hidden; }
.blogfooter .comments { float: right; }
.blogfooter .tags,
.blogfooter .tags span { float: left; }
.blogfooter .taglist { display: inline-block; }
.blogfooter .tag { float: left; padding-left: 0.5em; }
.blog-comments { margin-bottom: 70px; }
/*** END BLOG ***/
/*** THUMBSTRIP ***/
.thumbstrip { font-size: 10px; }
/*** BREADCRUMBS ***/
.breadcrumbs li { float: left; }
li.separator { padding: 0px 3px; }
/*** PAGINATION ***/
.pagination { text-align: center; margin: 0 0 70px; }
.pages { display: inline; font-size: 90%; padding-bottom: 10px; }
.pages a { border: solid 1px #eaeaea; }
.pages a:hover { background: #F3F3F3; }
.pages a,
.pages span { padding: 0.3em 0.5em; margin: 0 5px 5px 0;}
.pages .current { background: #F3F3F3; color: #000; }
.current.prev,
.current.next { color:#999; border-color:#999; background:#fff; }
.totalitems { margin-top: 0.5em; }
/*** GALLERY ***/
.gallery-list { overflow: hidden; margin-bottom: 30px; }
.gallery-list .gallery-row { width: 20%; float: left; margin-bottom: 40px; }
.gallery-list .gallery-wrapper { width: 80%; margin: 0 auto; text-align: center; }
.gallery-wrapper .total-pictures { position: relative; top: -5px; }
.gallery-list a { text-decoration: none; color: #448bca; }
.gallerycover { width: 102px; height: 102px; margin: 0 auto; background: url(/Content/images/coverbackground.gif) no-repeat; }
.gallerycoverplacing { padding: 12px 0 0; }
/*** PICTURE ***/
/*** GENERAL ***/
.picture-toolbar { overflow: hidden; }
.picture-toolbar li { float: left; margin-right: 10px; }
#GallerySelection { display: none; }
/*** LIST ***/
#photos { overflow: hidden; }
#photos .toolbar { padding: 3px; display: inline-block; }
#photos .picture { vertical-align: top; display: inline-block; }
#photos .picture .title { font-size: 100%; }
#photos .description { font-size: 90%; }
#photos .photo { width: 28%; float: left; margin-left: 5%; height: 370px; }
.photo p { margin: 0 }
#listcontrols { border-bottom: dashed 1px #eaeaea; height: 1.7em; margin-bottom: 10px; padding-bottom: 3px; }
/*** IMAGE ***/
.imagewrapper { margin-bottom: 5px; }
.picture .image { display: inline-block; }
.picture img { border: solid 1px black; }
.picture .description { padding: 5px; }
/*** SHOW ***/
.picture-sidebar { float: right; width: 250px; }
.picture-sidebar .toolbar { display: inline-block; }
.nav-img { margin-top: 3px; width: 79px; height: 79px; }
.nav-img img { border: solid 1px #000; }
.nav-end { margin-top: 3px; width: 75px; height: 75px; border: solid 1px #aaa; }
.nav-end span { width: 20px; margin: 0 auto; position: relative; top: 12px; }
.navigation { text-align: center; }
.navigation-controls { overflow: hidden; }
.picture-share { clear: both; text-align: left; margin-bottom: 5px; }
.picture-subscribe { text-align: left; }
.picture-information .sidebar-box-body { color: #aaa; text-transform: lowercase; }
.picture-blog-entries { padding: 10px; margin-bottom: 30px; }
.picture-blog-entries li { margin-left: 10px; }
#picturecontent { margin: 40px 280px 50px 0; }
#pictureviewer { margin-bottom: 40px; }
/*** ARCHIVES ***/
.archive-list { margin-left: 20px; }
.archive-year { overflow: hidden; margin-bottom: 20px; }
.archive-year .year { width: 70px; float: left; font-size: 1.5em; }
.archive-year .months { width: 200px; float: left; font-size: 1.3em; }
/*** COMMENTS ***/
.comment-list { margin-bottom: 40px; }
.commentwrapper { margin: 0 0 20px 10px; }
.commenticon { width: 40px; float: left; padding-top: 5px; }
.comment-list .comment { background: none; margin-left: 55px; }
.comment-form .inputfield { width: 150px; }
.commenter-message .inputfield { width: 350px; }
.comment-form-row { margin-bottom: 5px; }
.comment-form-row label { display: inline-block; vertical-align: top; }
.captcha { margin-bottom: 10px; text-align: center; width: 350px; }
/*** TAG CLOUD ***/
.tagclouditem { font-style: normal; margin-left: 3px; height: 36px; padding: 10px 1px 10px 1px; }
.weight7 { font-size: xx-large}
.weight6 { font-size: x-large }
.weight5 { font-size: large; }
.weight4 { font-size: medium; }
.weight3 { font-size: small; }
.weight2 { font-size: smaller; }
.weight1 { font-size: x-small; }
.main-tags .weight1 { font-size: small; }
.main-tags .weight2 { font-size: medium; }
.main-tags .weight3 { font-size: large; }
.main-tags .weight4 { font-size: x-large; }
.main-tags .weight5 { font-size: xx-large; }
/*** EDIT FORM ***/
.edititem { padding-bottom: 20px; }
.edititem .editinput #title,
.edititem .editinput #text,
.edititem .editinput #tags,
.edititem .editinput #description,
.edititem .editinput #trackbacks { width: 100%; }
.edititem .editinput #date,
.edititem .editinput #time { width: 70px; }
.edititem + .picture { padding-bottom: 5px; }
/*** Picture Upload ***/
.uploadedpicture { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dashed 1px #eaeaea; }
.uploadedpicture .date,
.uploadedpicture .time { width: 70px; }
.uploadedpicture .image { width: 200px; float: left; }
.uploadedpicture .imagedata { margin-left: 220px; }
.uploadedpicture .editfield { width: 80%; }
.uploadedpicture .description { height: 60px; }
.imagedata label { display: inline-block; width: 17%; }
.row { margin-bottom: 30px; }
/*** PICLENS ***/
.mbf-item { display: none; }
/*** QUIENES SOMOS ***/
#section-aboutus { width: 500px; margin: 100px auto; overflow: hidden; }
#our-picture { float: left; margin: 0 50px; }
.social-bookmark-list { float: left; margin-top: 5px; }
.social-bookmark { margin-bottom: 15px; }
p.leandro { margin-left: 15px; }
p.barbara { position: relative; left: 250px; }
/*** Under Construction ***/
#underconstruction-content { width: 500px; margin: 100px auto; overflow: hidden; }
/*** jGrowl ***/
div.jGrowl div.piumacharles { background: #eaeaea; color: #000; }
/*** COMMENTS CONTROLLER ***/
.comments-list { width: 100%; border: solid 1px #000; }
.comments-list tr { border: solid 1px #000; border-width: 1px 0 1px 0; }
.comments-list tr.even { background: #eaeaea; }
.comments-list td { padding: 3px; vertical-align: top; }
.comments-list-header { text-align: center; }
.comments-list-header .checkbox { width: 2%; }
.comments-list-header .date { width: 10%; }
.comments-list-header .name { width: 10%; }
.comments-list-header .comment { width: 25%;}
.comments-list-header .blog { width: 15%; }
.comments-list-footer .pagination { margin: 20px 0; }
/*** TRACKBACK LIST ***/
.trackbacks-list { width: 100%; border: solid 1px #000; }
.trackbacks-list tr { border: solid 1px #000; border-width: 1px 0 1px 0; }
.trackbacks-list tr.even { background: #eaeaea; }
.trackbacks-list td { padding: 3px; vertical-align: top; }
.trackbacks-list-header { text-align: center; }
.trackbacks-list-header .checkbox { width: 2%; }
.trackbacks-list-header .date { width: 10%; }
.trackbacks-list-header .blog-name { width: 10%; }
.trackbacks-list-header .blog-entry { width: 10%; }
.trackbacks-list-header .excerpt { width: 25%;}
.trackbacks-list-header .blog { width: 15%; }
.trackbacks-list-footer .pagination { margin: 20px 0; }
/*** FOOTER ***/
.footer-divider { background: url('/Content/images/footer_background.png') no-repeat 0 0; height: 77px; }
.footer-divider,
.footer-content { width: 1000px; margin: 0 auto; }
.footer-content { background: #000; color: #bbb; }
.footer-content .site-jump { overflow: hidden; margin: 0 0 30px 100px; padding-top: 10px; font-size: 90%; }
.footer-content .jump-list { display: block; overflow: hidden;}
.footer-content li { float: left; }
.footer-content li.title { font-weight: bold; width: 60px; margin-right: 20px; }
.footer-content li.item { list-style: circle; margin-left: 25px; padding-left: 5px; }
.footer-content li.firstitem { list-style: none; }
.footer-content p { text-align: center; margin: 0; }
.footer-content img { vertical-align: text-bottom; }
.footer-content a { color: #bbb; }
.footer-content a:hover { text-decoration: underline; }
.footer-content small { font-size: 0.9em; }
.copyright { padding-top: 30px; }
.designedby { padding-bottom: 20px; }
/*** End of file ***/