@media screen { * { margin:0; padding:0; } body,html { min-height:101%; } body { background: #333; color: #333; padding: 13px 0 25px 0; } body, select, input, textarea { font: 12px Arial, Verdana, Sans-Serif; line-height:1.5em; } p { margin: 15px 0; } a:link, a:visited { color:#990033; text-decoration:none } a:hover, a:active { color:#990033; text-decoration:underline; } hr { display: block; height:1px; background:#333; border:0; } small { font-size: 1em; padding:3px 6px; }  img, a:link img, a:visited img{border:border:1px solid #999; padding:1px;} img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;} img.left{ float:left; margin:0 12px 5px 0; } img.center{ display:block; margin:0 auto 5px auto; } img.right{ float:right; margin:0 0 5px 12px; } img.alignright , div.alignright{ float: right; padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { float: left; padding: 4px; margin: 0 7px 2px 0; display: inline; }  #page { width:880px; margin:0 auto; font-size:14px; background:#FFF; padding: 10px 25px 35px 25px; border:3px double #333; color:#575757; font-family:Arial; } #branding { width:625px; height:100px; padding-bottom:15px; background:url(/wp-content/themes/branfordmagazine/images/backgrounds/bg_branding.jpg) no-repeat; } .left { float:left; } .right { float:right; } #sidebar { width: 250px; float:right; } #leftcol { width:287px; border-right:1px solid #b6b6b6; padding-right:18px; } #leftcol, #rightcol { margin-top:10px; float:left } #rightcol { width:277px; padding-left:18px; margin-top: -2px; text-align:justify; } .post .date { float: right; margin:5px 0 0 5px; padding:0 10px; text-align:center; font-size: 0.8em; border:#ccc 1px solid; font-weight:bold; background:url(/wp-content/themes/branfordmagazine/imgagenes/ribbed.gif) repeat; color:#556677; font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif; } .post .date span { display:block; } .post .date .day { font-size:1.6em; }  .subnav li { list-style:none; border-bottom:1px solid #FFF; } .subnav li a:link, .subnav li a:visited { background: #fff; display:block; padding:4px 4px 4px 20px; border-left:3px double #999; border-bottom: 1px solid #999; } .subnav li a:hover, .subnav li a:active { background: #F4F4EC; text-decoration:none; border-left:3px solid #999; } .subnav li li a:link, .subnav li li a:visited { border-left:none } #sidelist li { list-style:none } .bullets li { list-style:none; border-bottom:1px solid #FFF; } #sidelist .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; } #sidelist .children { background:#F4F4EC; } #sidelist .children li { background: #F4F4EC; list-style: none; margin-left:15px; padding-left:15px; border-bottom:1px solid #fff; } #sidelist .children li a, #sidelist .children li a:visited { padding:2px 2px 2px 0px; border:0; background:#F4F4EC; color: #666; } #sidelist .children li a:hover, #sidelist .children li a:active { color:#000; }  .blogtitle, .blogtitle a { color: #000; font-size: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: regular; padding: 20px 0px 10px 0px; } h1 { color: #840000; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0px 10px 0px 0px; padding: 20px 0px 0px 10px; } h2 { color: #840000; font: 1.6em Arial, Helvetica, sans-serif; padding-bottom:8px; border-bottom:1px solid #666; margin: 20px 60px; } h3 { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#840000; } #sidebar h2, #sidebar h3 a { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#840000; } #sidebar h3, #sidebar h2 { font-size:0.9em; border-top:3px double #999; border-bottom:1px solid #999; padding:5px 0 5px 2px; margin:20px 0 15px 0; color:#840000; background-color:#CCCCCC; } h3#respond { border-top:1px solid #666; margin-top:25px; padding-top:20px } h3#comments { margin-top:32px } h3 a:link, h3 a:visited { color: #666;; } h4 { font-size:1.2em; margin-bottom:6px; }  #content { width:605px; float:left } .description { font-size: 1.4em; font-weight: bold; color:#333333; } .feature { background: url(/wp-content/themes/branfordmagazine/images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC; padding:15px; border: 1px solid #ccc; } .feature:hover { background: url(/wp-content/themes/branfordmagazine/images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC; } .feature p, #rightcol p { margin:0; } #leftcol img, #rightcol img { padding:1px; border:1px solid #999; } #leadpic { float:left; margin: 0 18px 8px 0; padding:1px; border: 1px solid #999; } .title, a.title { font-size:1.1em; font-weight:bold; color: #840000; margin-bottom:15px; } .feature#lead .title { font:1.8em Georgia, "Times New Roman", Times, serif; line-height:100%; display:block; padding-bottom:7px; color: #840000; } #leftcol .feature { margin-bottom: 15px; } #rightcol img { float:left; margin:3px 10px 4px 0; } #leftcol img { margin-bottom: 4px; display:block } #rightcol .clearfloat { border-bottom:1px solid #999; padding:12px 0; }  .entry { padding-bottom:28px; text-align:justify; } .post blockquote { color:#666; background:#F4F4EC; padding:6px 14px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; } .post ul li { list-style:square; margin-bottom:5px; margin-left:42px; } .post ol li { margin-bottom:5px; margin-left:48px; } #tags { padding:3px; border-bottom:1px solid #DDD; border-top:1px solid #DDD; } .postmetadata { margin: 30px 0; }  select { background:#f2f2f2; border:1px solid #9c9c9c; width:100% } #searchform { padding:16px 5px 0 0; } .button { padding: 1px; background:#333; color:#fff; border:none; } .button:hover { background:#666; color:#FFF; text-decoration:none } #commentform input { width: 170px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; margin-top:5px; }  .commentlist { padding-left:30px; } .commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#F4F4EC; border:1px solid #E6E3D3; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { display: block; } .commentlist small { background:#fff; border:1px solid #E6E3D3; } .commentlist cite { font-weight:bold; }  .clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .clearfloat { display:inline-block; } .clearfloat { display:block; }  #footer { margin: 0 auto; width: 900px; font-size:0.9em; text-align:center; padding-top:15px; color:#FFF; } #footer a { color:#ededed; } span.letracapital{ float: left; font-size: 40px; line-height: 35px;  font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad;  padding-right: 5px; } #caja3 { padding-top:2px; float:left; width:250px; margin-right:2%; color:#800000; background-color:#F4F4F4; display:inline; } #caja5 { float:left; width:120px; height:620px; margin-right:3%; color:#800000; background-color:#F4F4F4; display:inline; text-align:left; } } @media screen { .tabs-block { clear: left; float: left; width: 605px; padding: 0; margin: 0 0 10px 0; display: block; margin-top:25px; } .tabbed { width: 100%; overflow: hidden; padding: 0; margin: 0; background: transparent; border: none; } .tabbed ul.tabs { overflow: hidden; display: block; position: relative; top: 0; left: 0; z-index: 1; list-style-type: none; margin: 0; padding: 0; width: 100%; background: transparent; } .tabbed ul.tabs li { display: inline; float: left; padding: 0; margin: 0 .3em 0 0; } .tabbed ul.tabs li a { font-weight: bold; display: block; margin: 0; padding: 5px .8em; background: #E6E3D3; color:#333; border: 1px solid #ccc; } .tabs-block ul.tabs li a { padding: 5px .7em; } .tabbed ul.tabs li a:hover { background: #333; color:#fff; text-decoration: none; } .tabbed ul.tabs li a.tab-current { background: #fff; color:#333; border-bottom: 1px solid #fff; } .tabs-block .tabbed div, #home .tabbed .c { overflow: hidden; display: block; position: relative; left: 0; top: -1px; z-index: 0; clear: left; width: 100%; margin: 0; padding: 5px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 2px solid #999; border-bottom: 2px solid #999; background: url(/wp-content/themes/branfordmagazine/styles/../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3; display: none; } .tabs-block .tabbed div:hover { background: url(/wp-content/themes/branfordmagazine/styles/../images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3; } div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; } .tabs-block .tabbed div.t1, #home .tabbed div.c1 { display: block; } .tabs-block .tabbed div { width: 600px; } .tabbed div ul { overflow: hidden; padding:10px; background: transparent; } .tabbed div ul li { clear: left; background: transparent; } .tabbed div ul li a { font-weight: normal; width: 97%; display: block; padding: 2px 0 2px 12px; background: transparent; border: none; } .tabbed div ul li a:hover { text-decoration: underline; } } @media screen {  #nav { background:#666; font-size:1em; } #nav, #nav ul { list-style: none; line-height: 1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: #f5f5f4; padding:6px 12px; } #nav a:hover, #nav a:active { background:#333; text-decoration:none; } .current_page_item a, #home .on { background:#333; }  #nav li ul { position: absolute; z-index: 10; left: -999em; height: auto; width: 174px; border-bottom: 1px solid #666; } #nav li li { width: 172px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; background:#999; } #nav li li a, #nav li li a:visited { font-weight:normal; font-size:0.9em; color:#FFF; } #nav li li a:hover, #nav li li a:active { background:#333; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } a.main:hover {background:none;} } @media screen {  .imageframe { margin:5px 12px 5px 0; padding:4px; border:1px solid #999; } .imgalignleft { float:left; margin:0 12px 5px 0; } .imgalignright { float:right; margin:0 0 5px 12px; } .imgaligncenter { display:block; margin:0 auto 5px auto; } .imagecaption {padding: 2px 2px 0 2px; text-align: left; font-size:10px!important; color:#666!important;} } @media screen {  #pageleft { float: left; width: 265px; margin: 20px 20px 0px 0px; padding: 0 20px 0 0; border-right: solid 1px #999; text-align:justify; } #pagemiddle { float: left; width: 265px; margin: 20px 20px 0px 0px; padding: 0px; text-align:justify; } #pageright { float: right; width: 265px; margin: 20px 0px 0px 0px; padding: 0 0 0 20px; border-left: solid 1px #999; text-align:justify; } #pageleft .bullets li, #pagemiddle .bullets li, #pageright .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; }  #featured-top { width:880px; float:left; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: double 3px #999; } #featured-content { width:600px; float:left; } #featured-sidebar { width: 250px; float:right; } #featured-sidebar h3 { border-bottom:1px solid #999; padding:5px 0 5px 2px; margin:0 0 20px 0; } #featured-sidebar .sidebar_widget { margin:0 0 20px 0; text-align:justify; } #featured-leftcol { width:600px; float:left; margin:20px 20px 0 0; padding: 0 25px 0 0; border-right: 1px solid #999; } #featured-leftcol h2, #featured-rightcol h2, #featured-content h2{ color: #840000; font: 1.6em Arial, Helvetica, sans-serif; margin: 0 0 10px 0; border:none; } #featured-leftcol img{ float:left; margin:0 20px 10px 0; padding:1px; border: 1px solid #999; } #featured-rightcol{ width:230px; float:right; margin-top:20px; } #featured-rightcol li { list-style:none } #featured-rightcol .bullets li { list-style:square; margin-bottom:5px; margin-left:22px; } } @media print {body, html { background:#FFF; font:12pt Arial, Helvetica, sans-serif; color:#000; } a:link, a:visited { background: transparent; font-weight: bold; text-decoration: underline; color:#000; } h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif } h1 { font-size:2em; } h2 { font-size:1.8em; } h3 { font-size:1.5em; } h4 { font-size:1.2em; } img { display:block; border:0; } #nav, #searchform, #branding, #commentform, #footer, #sidebar { display:none } hr { background:#000; color:#000; width:100%; height:1px; margin:2em 0; border:none; } blockquote { margin:1.5em 0; padding:1em; border:1px solid #ccc; font-style:italic; font-size:0.9em; } } @media screen { p.dropcap-first:first-letter { color: #D4D4C7; float: left; font-size:80px; line-height:60px; padding-top:4px; padding-right:5px; font-family: Times, serif, Georgia; } }