/** * Base - Sets vertical rhythm and basic overall typographic face-lift * * @package WPFramework * @subpackage Media * @beta */ body { background:#AB743A url(../images/pluta.png) } .menu { position: absolute; top:100px; } /* Document Body */ body, input, textarea { font: 13px/1.5 Georgia, "Times New Roman", Times, serif; } /* Font Styles */ .serif { font-family: Georgia, "Times New Roman", Times, serif; } .sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; } /* Vertical Rhythm */ .entry-meta { margin-bottom: 10px; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; } .hentry, .widget, .comment, .navigation-links { margin-bottom: 10px; } /* Logo */ #logo a {font-size: 1px; line-height: 1px; color: #fff; display:block; height:252px; text-indent:-900em; width:306px; } #logo { margin:0px 0px 0px 55px; position:absolute; top:150px; z-index:2; background:url(../images/logo.png) no-repeat; width:302px; height:252px;} #logo a:hover { color: #2361a1; text-decoration: none; } .search { } .search-text { position:relative; top:5px; left:85px; border:none; width:105px; background:none; } #widget-search { position:absolute; top:45px; margin:0px 0px 0px 25px; background:url(../images/search.png) no-repeat; width:196px; height:33px;} #subscribe-options { position: relative; top:85px; float:right; margin:0px 50px 0px 0px; } #subscribe-options ul { list-style:none; } #subscribe-options li { } #subscribe-options li#subscribe-feed a { background:url(../images/rss.png) no-repeat; } #subscribe-options a { float:left; height:0; overflow:hidden; padding:32px 0 0; width:35px; } #widget-categories .widget-title { background:url(../images/categories.png) no-repeat; width:217px; height:54px; } .xoxo a { color:#5c5e55; } .xoxo a:hover { color:#E67556; text-decoration:none; } .xoxo { font-size:17px; list-style:none; } #secondary .postlist-comments { background:url(../images/coment2.png) no-repeat; display:block; float:right; font-size:1.1em; height:26px; width:28px; text-align:center; margin-left:10px; } #recent { background:url(../images/recent.png) no-repeat; width:217px; height:54px; } .data { color:#4D4544; } #tag-cloud{ text-align:center; display:block; } #tag-cloud a{ color:#E67556; } #tag-cloud a:hover { color:#4D4544; text-decoration:none; } .widget-tagcloud { background:url(../images/tagcloud.png) no-repeat; width:217px; height:80px;} .title-latest { font-size:17px; } #secondary ul { margin-left:0px; } #secondary ul li{ margin-left:20px;} .title-latest a { color:#73A8BF; } #title-latest a:hover { color:#E67556; text-decoration:none; } #time-format { width:220px; margin:0px; padding:0px; float:left; } .date-mo { font-size:16px; color:#E67556; line-height:15px; } #tagline { color: #333; } /* Menu */ .nav { float: left; line-height: 1; width: 100%; } .nav, .nav * { list-style: none; margin-left: 0; } .nav li { float: left; padding: 0; position: relative; } .nav ul li { width: 100%; } .nav a { display: block; position: relative; padding: 8px 10px; } /* Hides items under top menu */ .nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ } /* Shows submenus */ .nav li:hover ul, .nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; } /* Hides all sub items (4 levels deep) */ .nav li:hover li ul, .nav li.nav-hover li ul, .nav li li:hover li ul, .nav li li.nav-hover li ul, .nav li li li:hover li ul, .nav li li li.nav-hover li ul { top: -999em; } /* On :hover, displays all sub items (4 levels deep) */ .nav li li:hover ul, .nav li li.nav-hover ul, .nav li li li:hover ul, .nav li li li.nav-hover ul, .nav li li li li:hover ul, .nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; } /* Default Skin */ .nav {} .nav ul {border-bottom: none; } .nav ul li a { } .nav li:hover ul, .nav li.nav-hover ul { background: none; } .nav a { color: #666; } .nav a:hover { text-decoration: none; } .nav ul a { border-right: none; } .nav li:hover, .nav li.nav-hover, .nav a:focus { } /* Menu bugfix */ .ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* Links */ a { color: #73a8bf; text-decoration: none; } a:hover { text-decoration: underline; } .entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #2361a1; text-decoration: underline; } .entry-content a:hover { text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; } h2 { color:#453320; line-height: 22px; padding: 5px 0px; font:bold 125%/100% Georgia,Times,serif; letter-spacing:-1px; margin-left:-2px; } h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; } h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; } h5 { font-size: 16px; line-height: 15px; padding: 3px 0px; } h6 { font-size: 10px; line-height: 16px; } /* Content */ .page-title { font-size: 14px; font-weight: bold; } .page-title span { font-style: italic; font-weight: normal; } .entry-title, .entry-title a { width:425px; color: #5c5e55; font:bold 125%/100% Georgia,Times,serif; line-height: 28px; } .comment-count { background:url(../images/comment1.png) no-repeat; font:150% Georgia,Times,serif; height:44px; letter-spacing:-1px; position: relative; top:43px; left:420px; padding-top:8px; text-align:center; width:48px; z-index:5; } .add_tools { background:url(../images/add.png) no-repeat; clear:both; padding:3px 3px 3px 113px; margin:10px 0px 0px 0px; } .a-facebook{ background:url(../images/facebok.png) no-repeat; padding-left:23px; } .a_delicious { background:url(../images/delicious.png) no-repeat; padding-left:23px; } .a_twitter { background:url(../images/twitter.png) no-repeat; padding-left:23px; } .entry-title a:hover { color: #73a8bf;; text-decoration: none; } div .add_tools a { border:none; color:#453320; margin-right:6px; padding:2px 0 2px 23px; } /* Text Elements */ address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; } strong { font-weight: bold; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 12px; } del { text-decoration: line-through; } ins { text-decoration: underline; } code, pre { line-height: 15px; } var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; } kbd { font-weight: bold; } samp, var { font-style: italic; } pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } code { padding: 0px 3px; } /* Lists: (ul, ol, dl) */ ul, ol, dl { margin-left: 15px; } .nav { margin-left: 40px; font-size:120%; font-weight: bold;} .entry-content ul, .entry-content ol, #search-query { margin-left: 0px; } li ul, li ol { margin-bottom: 0; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ol { list-style-type: decimal; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } dt { font-weight: bold; } .fat li { margin-bottom: 10px; } /* Tables */ table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; } table .even { background: #ddd; } caption { text-align: left; } tr { border-bottom: 1px solid #ccc; } th, td { padding: 5px 3px; } /* Forms */ input, textarea, button { background:none; border-color: #E67556 #E67556 #E67556 #E67556; border-style: solid; border-width: 2px; color: #453320; font-size: 14px; } input, textarea, button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; } button { font-size:12px; padding: 2px 10px; cursor: pointer; } #copyright { position:relative; top:230px; text-align:center;} /* bugfix */ .safari input { padding: 0px 3px; } .chrome input { padding: 1px 3px; } /* Comments */ .comment-list, .comment-list .children { list-style: none; } .comment-list { margin-left: 10px; } .comment { margin-bottom: 40px; } .comment-list .children { margin-top: 40px; } .comment-meta { margin-bottom: 10px; } .commenter { font-size: 16px; } .avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; } /* Comment Reply */ #comment-form .form-section input { margin-right: 10px; } .form-section { margin-bottom: 10px; } .form-section label { cursor: pointer; } #commenter-details input { margin-right: 10px; } #allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: none; border: 1px #ddd dotted; border-top: none; width: 410px; } /* Images */ img.alignleft { float: left; margin-right: 20px; margin-top: 5px; border:2px solid #5C5E55;} img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; } .wp-caption { text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */ /* [gallery] */ .gallery { margin: auto; } .gallery-image { border: 2px solid #cfcfcf; margin-left: 0; } .gallery-caption { margin-left: 0; } .gallery-item { float: left; text-align: center; margin-left: 0; } .gallery-columns-2 { width: 50%; } .gallery-columns-3 { width: 33%; } .gallery-columns-4 { width: 25%; } .gallery-columns-5 { width: 20%; } .gallery-columns-6 { width: 16%; } .gallery-columns-7 { width: 14%; } .gallery-columns-8 { width: 12%; } .gallery-columns-9 { width: 11%; } /* Navigation */ .page-navigation .nav-next { float: left; } .page-navigation .nav-previous { float: right; } .single-page-navigation .nav-next { float: right; } .single-page-navigation .nav-previous { float: left; } /* [gallery] + navigation clearfix */ .gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .gallery-row, .navigation-links, .container, .menu { display: block; } /* Basic Alignments */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }