Navigation positionieren
Hallo,
ich bin ein absoluter Anfänger was Css angeht. Ich versuche nun schon seit gestern meine Hauptnavigation (main navigation) linksbündig genau unter die oberste Navigation zu bringen aber es klappt nicht. irgendwie ist alles ein wenig verschoben. Außerdem ragt der Hintergrund der Navigation zu weit nach links rein.
Des weiteren möchte ich die Boxen in der Sidebar schmaler machen finde aber nicht die dazugehörige Css.
Es wäre toll wenn mir jemand diesbezüglich weiterhelfen könnte.
Css:
/* globals */
html { height: 100%; min-height:
100%; margin: 0; padding: 0; }
body { background-color: #FFFFFF;
color: #5c5157; font: 12px Verdana,Arial,sans-serif; height: 100%;
min-height: 100%; margin: 0; padding: 0; border: none; }
.clearfix:after { clear: both; content: "."; display:
block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
a, a:link, a:visited { color: #b8a3ae; text-decoration: none; }
a:hover { color: #5c5157; }
a img { border: none; }
a:focus, a:hover, a:active { outline: none; }
h2, h3, h4, h5, h6 { margin: 1em 0; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { line-height: 1.0em;
margin: 0 0 1.25em; padding: 0; }
blockquote { border-left: 2px solid
#e9e3e6; color: #5c5157; padding: 5px 10px 1px; font-style: normal; }
code { background: #FFFFFF; color:
#5c5157; font-family: Consolas, Monaco, Courier, monospace; font-size:
12px; margin: 1px 0; padding: 1px 3px; }
pre code { background: #FFFFFF; border:
1px solid #FFF; color: #5c5157; display: block; overflow: scroll;
padding: 1.5em 1.75em; }
input[type=text], input[type=password], textarea { background:
url(form.jpg) repeat-x top #FFF; border: 1px solid #e9e3e6; padding:
3px; }
input[type=submit], #wp-email-submit { font-family: Verdana,
Helvetica, Arial, sans-serif; background: url(feed-title-white.jpg)
repeat-x; border: 1px solid #e9e3e6; padding: 5px 10px; font-size:
12px; color: #5c5157; font-weight: normal; }
input[type=submit]:hover, #wp-email-submit:hover { background:
#FFFFFF; color: #bfacb6; }
label.error { border: 1px solid #e9e3e6;
color: #5c5157; background: #FFFFFF; margin: 5px 0; }
table { border-collapse: collapse;
border-spacing: 0; border: 1px solid #e9e3e6; }
th, td { padding: 5px; border: 1px
solid #e9e3e6; border-width: 1px; }
th, thead th { font-weight: 400; color: #5c5157;
background: #FFFFFF; }
td, tbody td { background: #FFFFFF; }
dl { margin: 0; font-size: 14px; }
dl dt { color: #5c5157; padding-bottom: 3px; }
dl dd { margin: 0 0 10px 0; line-height: 1.5em; }
/* common classes */
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0
1em 1em; }
.alignleft { float: left; margin: 0 1em
1em 0; }
.floatleft { float: left; }
.floatright { float: right; }
img.aligncenter, img.alignright, img.alignleft { border: 1px solid
#e9e3e6; text-align: center; background: #FFFFFF; padding: 4px; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.wp-caption { border: 1px solid #e9e3e6; text-align: center;
background: #FFFFFF; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px;
padding: 0 4px 5px; margin: 0 }
.sub { font-size: 11px; color:
#5c5157; }
.ui-tabs-hide, .hide { display: none !important; }
.tags a:link, .tags a:visited { text-decoration: none; font-weight:
400; padding: 0 5px 3px; line-height: 1.3em; display: inline-block; }
.tags a:hover { text-decoration:
underline; }
.xoxo { padding: 0; }
.avatar { float: left; margin: 0 10px
10px 0; border: 1px solid #e9e3e6; padding: 0; }
/* structure */
#wrapper { min-height: 100%; position:
relative; padding: 20px 0; }
#main { padding: 10px 10px 0; }
/* header */
#header { background: #FFFFFF;
border-bottom: 1px solid #FFFFFF; padding: 0; }
#branding { width: 980px; margin: 0
auto; padding: 0 0 20px; }
.logo { max-width: 590px; float:
left; margin: 21px 0 0 10px; }
.blog-name { font-family: 'Segoe UI',
Verdana, Helvetica, sans-serif; font-size: 22px; margin: 0 0 3px;
line-height: 1em; display: block; text-transform: uppercase;
letter-spacing: 1px; font-weight: normal; }
.blog-name a:link, .blog-name a:visited { color: #5c5157;
text-decoration: none; }
.blog-description { font-family: 'Segoe UI', Arial,
Helvetica, sans-serif; line-height: 1em; display: block; font-size:
11px; font-weight: normal; color: #5c5157; margin: 0; padding: 3px 0
0; text-transform: uppercase; }
/* Menus */
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0;
z-index: 101; }
.sf-menu { line-height: 1; }
.sf-menu ul { position: absolute; left: -999em; width: 12em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em;
z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em;
top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:
-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:
12em; top: 0; }
.sf-shadow ul { background: url(shadow.png) no-repeat bottom
right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px; -webkit-border-top-right-radius:
17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
#top-menu, #nav { min-width: 990px; }
#top-menu-content, #nav-content { margin: 0 auto; width: 978px; }
#top-menu-content .sf-menu, #nav .sf-menu { float: left; line-height:
1.1; max-width: 770px; }
/* top menu */
#top-menu { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#top-menu-content { height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0
2px; }
#top-menu .sf-menu a { display: block; text-decoration: none;
padding: 7px 10px 8px; color: #5c5157; font-size: 10px; border-right:
1px solid #e9e3e6; }
#top-menu .sf-menu ul a { border: none; }
#top-menu .sf-menu ul li { border: 1px solid #FFFFFF; margin-top:
-1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu
.sf-menu li.sfHover, #top-menu .sf-menu ul li { color: #5c5157;
background: #e9e3e6; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover,
#top-menu .sf-menu ul li:hover { color: #e9e3e6; background: #FFFFFF;
}
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #5c5157; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1;
height: auto; font-size: 12px; }
#top-menu .sf-menu .sf-with-ul { padding-right: 15px; }
#top-menu .sf-sub-indicator { background: url(dropdown.png)
no-repeat; width: 5px; height: 5px; text-indent: -9999px; display:
inline-block; position: relative; left: 7px; top: 0; vertical-align:
middle; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul {
top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li
li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu
ul.sf-menu li li li.sfHover ul { top: 0; }
/* main navigation */
#nav { background: url(postbar.jpg) repeat-x bottom #e9e3e6; width:
770px; border-bottom: 1px solid #e9e3e6; }
#nav-content { height: 32px; margin:0;
padding:0;
text-align:center; width: 770px; }
#nav .sf-menu { float: right; line-height: 1.0; width: 770px;
text-transform: uppercase; }
#nav .sf-menu a { display: block; text-decoration: none; padding:
10px 12px; color: #5c5157; font-size: 12px; text-align:center border:
solid #e9e3e6;
border-width: 0 1px; margin-right: -1px; }
#nav .sf-menu ul li { border: 1px solid #FFFFFF; margin-top: -2px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu
li.sfHover, #nav .sf-menu ul li { background: url(content-bg.jpg)
repeat-x top; color: #5c5157; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu
ul li:hover { color: #bfacb6; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #b8a3ae; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height:
auto; font-size: 11px; border: none; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(dropdown_dark.png)
no-repeat; width: 5px; height: 5px; text-indent: -9999px; display:
inline-block; position: relative; left: 7px; top: 0; vertical-align:
middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 5px; }
.quick-nav { float: left; list-style:
none; margin: 0; padding: 0; }
.quick-nav li { padding: 7px 5px 0 0; float: left;
display: inline; }
.quick-nav a:link, .quick-nav a:visited { display: block; text-indent:
-9000px; width: 20px; height: 20px; float: left; clear: left; opacity:
0.6; }
.quick-nav a:hover { opacity: 1; }
.quick-nav #rss { background:
url(../../images/social/rss.png) no-repeat center center; }
.quick-nav #twitter { background:
url(../../images/social/twitter.png) no-repeat center center; }
.quick-nav #facebook { background:
url(../../images/social/facebook.png) no-repeat center center; }
.quick-nav #gplus { background:
url(../../images/social/gplus.png) no-repeat center center; }
.quick-nav #flickr { background:
url(../../images/social/flickr.png) no-repeat center center; }
.quick-nav #youtube { background:
url(../../images/social/youtube.png) no-repeat center center; }
/* search bar */
#searchbar { float: right; overflow:
hidden; margin: 25px 0 0; }
.searchform { margin: 0; }
.searchform .s { font-family: Verdana, Helvetica,
Arial, sans-serif; font-size: 12px; border: 1px solid #e9e3e6;
background: #FFF; padding: 6px 3px 5px; margin: 1px 5px 0 0; float:
left; width: 160px; }
.searchform .searchsubmit { float: left; cursor: pointer; border: 1px
solid #e9e3e6; background: url(postbar-black.gif) repeat-x; color:
#5b5b5b; }
.searchform .searchsubmit:hover { background: #FFF; color: #e9e3e6; }
/* sidebar */
.sidebar .xoxo { list-style: none; padding: 0;
margin: 0; }
.widgetcontainer { padding: 10px; background:
url(content-bg.jpg) repeat-x #FFF; background-position: 0 26px;
border: 1px solid #e9e3e6; margin-bottom: 10px; }
.widgetcontainer ul, .widgetcontainer .xoxo, .widgetcontainer ol
{ list-style: disc; margin: 0 0 0 15px; padding: 0; }
.widgetcontainer li { margin: 4px 0; }
.widgetcontainer a { font-weight: 400; }
.widgetcontainer input[type=text], .widgetcontainer
input[type=password] { width: 80%; }
.widgetcontainer .excerpt { font-size: 12px; margin: 5px 0; }
.widgetcontainer .searchform .searchsubmit { margin: 5px 0 0; }
.widgettitle { color: #5c5157; font-size: 12px;
font-weight: normal; margin: -10px -10px 10px; padding: 5px 10px;
background: url(feed-title-white.jpg) repeat-x top #e9e3e6;
border-bottom: 1px solid #e9e3e6; height: 19px; }
.widgettitle a { color: #5c5157; }
.widgetcontainer a:link, a:visited { color: #5c5157;
text-decoration: none; }
.widgetcontent { line-height: 1.4em; }
.multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar,
.featured-stories .thumb { float: left; border: 1px solid
#e9e3e6; margin: 0 10px 0 0; }
.sidebar-read-more:link, .sidebar-read-more:visited { font-size:
12px !important; text-transform: uppercase; font-weight: normal;
color: #5c5157; }
.multi-sidebar .tabs { list-style: none; margin: 0 0 5px; padding:
0; overflow: hidden; }
.multi-sidebar .tabs li { float: left; background: #FFFFFF; padding:
5px; margin: 0 3px 5px 0; border: 1px solid #e9e3e6; }
.multi-sidebar .tabs a:link, .multi-sidebar .tabs a:visited {
text-decoration: none; font-weight: normal; color: #5c5157; }
.multi-sidebar .tabs a:hover { border-bottom: 1px dotted #e9e3e6; }
.multi-sidebar .tabs .ui-tabs-selected { background: #FFF; }
.multi-sidebar .tabs .ui-tabs-selected a:link, .multi-sidebar .tabs
.ui-tabs-selected a:visited { color: #bfacb6; }
.multi-sidebar .widgetcontainer { background: url(content-bg.jpg) top
repeat-x #FFF; border: 1px solid #e9e3e6; margin-bottom: 10px;
padding: 10px; }
.multi-sidebar .widgetcontainer ul, .featured-stories, .related-posts
{ list-style: none !important; margin: 0 0 0 5px !important; }
.multi-sidebar .widgetcontainer li, .featured-stories li,
.related-posts li { padding: 0 0 10px; margin: 0 0 10px;
border-bottom: 1px dotted #e9e3e6; }
.multi-sidebar .recentcomments .author { font-weight: normal;
font-size: 12px; }
#wp-calendar { width: 100%; border: 1px solid
#e9e3e6; }
#wp-calendar td { text-align: center; }
#wp-calendar caption { color: #5c5157; font-size: 12px;
font-weight: 400; margin: 0; padding: 5px 9px; background:
url(feed-title-white.jpg) repeat-x top #e9e3e6; border: 1px solid
#e9e3e6; text-align: center; }
/* featured slideshow */
.featured { margin: 0 10px 20px 0;
overflow: hidden; }
#controls { position: relative; float:
left; z-index: 100; top: 90px; }
#controls .next, #controls .prev { text-indent: -9000px; width:
30px; height: 30px; display: block; z-index: 1000; opacity: 0.7; }
#controls .prev { background: url(prev.png) no-repeat;
float: left; position: absolute; left: 5px; }
#controls .next { background: url(next.png) no-repeat;
float: right; position: absolute; left: 605px; }
#controls .next:hover, #controls .prev:hover { opacity: 1; }
#controls a:focus { outline: none; }
#featured-slideshow { position: relative; z-index: 0
!important; border: 5px solid #e9e3e6; }
.featured-article { display: block; width: 640px;
height: 250px; text-decoration: none !important; background-position:
center !important; }
.featured-article img { width: 640px; height: 250px; }
.featured-entry { position: relative; top: -85px;
overflow: hidden; background: #FFFFFF; height: 85px; color: #5c5157;
padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80);
}
.featured-entry .entry-title { color: #5c5157; padding: 10px 15px
5px; display: block; font-size: 18px; font-weight: normal; }
.featured-entry .entry-summary { padding: 0 15px; margin: 0; display:
block; }
/* bottom content */
#bottom-content-1, #bottom-content-2 { list-style: none; float:
left; width: 320px; margin: 30px 10px 10px 0; overflow: hidden;
padding: 0; }
#bottom-content-1 .widgetcontainer, #bottom-content-2 .widgetcontainer
{ background: #FFF; }
#bottom-content-1 .xoxo, #bottom-content-2 .xoxo { margin: 0; }
#bottom-content-1 * .xoxo, #bottom-content-2 * .xoxo{ margin-left:
15px; }
#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle {
background: #FFF; }
.layout-3c-r-fixed #bottom-content-1, .layout-3c-r-fixed
#bottom-content-2, .layout-3c-fixed #bottom-content-1,
.layout-3c-fixed #bottom-content-2 { width: 243px; }
/* latest headlines */
.posts-default, .posts-quick, .posts-line { list-style: none;
margin: 0 0 20px; padding: 0; overflow: hidden; }
.posts-default .entry { float: left; margin: 0 8px 8px 0; font-size:
12px; padding: 5px 2px 10px; background: url(content-bg.jpg) repeat-x
#FFF; border: 1px solid #e9e3e6; overflow: hidden; minheight: 100%; }
.posts-default img { float: left; background: #FFFFFF; }
.posts-default .entry-title { font-weight: normal; font-size:
12px; margin: -2px 5px 5px; line-height: 1.3em; }
.posts-default .entry-thumbnails-link { margin-left: 5px; }
.posts-default .entry-summary, .posts-quick .entry-summary {
color: #5c5157; margin: 0 5px 10px; overflow: hidden; }
.posts-default .entry-summary { font-size: 12px; }
.entry-thumbnails { clear: both; display: inline-block; }
.entry-thumbnails:hover { border-color: #e9e3e6; }
.entry-thumbnails-link { float: left; background: #FFFFFF; display:
block; text-decoration: none !important; }
.posts-quick { margin: 0 10px 10px 0; padding:
10px; background: url(content-bg.jpg) repeat-x #FFF; border: 1px solid
#e9e3e6; }
.posts-quick li { padding: 15px 10px 0 0;
border-bottom: 1px solid #e9e3e6; }
.posts-quick li:first-child { padding-top: 5px; }
.posts-quick .entry-title { font-weight: normal; font-size:
12px; margin: 0; line-height: 1.3em; }
.posts-quick .entry-summary { font-size: 12px; line-height: 1.6em;
margin-bottom: 15px; }
.posts-quick .quick-read-more { font-weight: normal; font-size:
12px; padding: 10px 0 0; margin: 0; }
.posts-quick .entry-thumbnails { float: left; margin: 3px 10px 10px
5px; border: 2px solid #e9e3e6; }
.posts-quick .entry-thumbnails-link { margin: 0; }
.posts-quick .entry-info { font-size: 11px; color: #5c5157; border:
none; margin: 0 0 5px; }
.posts-quick .entry-info abbr { padding: 0 4px 0 0; text-decoration:
none; border: none; }
.posts-quick .entry-info span { padding: 0 4px; }
.posts-default .entry-meta, .posts-quick .entry-meta { color:
#5c5157; float: left; background: #FFFFFF; height: 25px; display:
block; margin: -25px 0 0; font-weight: 400; opacity: 0.7; }
.posts-default .entry-meta a:link, .posts-default .entry-meta
a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta
a:visited { color: #5c5157; text-decoration: none; }
.posts-default .entry-comments, .posts-quick .entry-comments { float:
right; margin: 5px 5px 0; background: url(comments.gif) no-repeat left
center; padding: 0 0 0 12px; }
.posts-default .published { text-transform: uppercase; float: left;
margin: 5px 5px 0; font-size: 10px; color: #5c5157; border-bottom:
none; }
.posts-line { background:
url(content-bg.jpg) repeat-x #FFF; border: 1px solid #e9e3e6; margin:
0 10px 10px 0; padding: 10px; line-height: 1.4em; }
.posts-line li { padding: 7px 0;
border-bottom: 1px solid #e9e3e6; }
.posts-line .entry-cat { float: left; font-size: 11px; width: 100px;
overflow: hidden; color: #5c5157; }
.posts-line .entry-title { float: left; font-size: 12px;
margin: 0; max-width: 450px; line-height: 1.4em; }
.layout-3c-fixed .posts-line .entry-title, .layout-3c-r-fixed
.posts-line .entry-title { max-width: 300px; }
.posts-line .entry-comments { float: right; font-size: 11px;
color: #5c5157; }
.navigation { margin: 10px 10px 0 0; }
.home-title { text-transform: uppercase;
font-weight: normal; font-size: 12px; padding: 6px 10px; background:
url(feed-title-white.jpg) repeat-x #e9e3e6; border: 1px solid #e9e3e6;
margin: 0 10px 10px 0; color: #5c5157; }
/* single post */
.single .post, #main .single-post { background:
url(content-bg.jpg) repeat-x top #FFF; border: 1px solid #e9e3e6;
margin: 0 10px 15px 0; padding: 0 15px; }
.single .post .entry-title, .single-post .entry-title { font-size:
22px; font-weight: 400; padding: 0; margin: 15px 0 5px; line-height:
1.3em; }
.single .post .entry-info, .single-post .entry-info {
padding-bottom: 10px; margin-bottom: 10px; color: #5c5157; font-size:
11px; text-transform: uppercase; border-bottom: 1px dotted #e9e3e6; }
.single .post .entry-info .published, .single-post .entry-info
.published { border: none; }
.single .post .entry-cat, .single-post .entry-cat { display:
block; color: #5c5157; margin: 5px 0 0; }
.single-post .entry-info a:link, .single-post .entry-info a:visited
{ color: #5c5157; text-decoration: none; }
.single-post .entry-info a:hover { color: #bfacb6; }
.single .post .entry-author, .single-post .entry-author { font-weight:
400; margin: 0; color: #5c5157; display: inline; }
.single .post .entry-author address, .single-post .entry-author
address { display: inline; font-style: normal; }
#main .single .post .tags, #main .single-post .tags { margin: 15px 0;
padding: 15px 0 0; color: #5c5157; border-top: 1px dotted #e9e3e6; }
#main .single .post .tags a, #main .single-post .tags a { padding: 0;
}
#main .single .post .tags normal, #main .single-post .tags normal {
text-transform: uppercase; font-size: 12px; }
.single .post .entry-photo, .single-post .entry-photo { overflow:
hidden; }
.single .post .entry-photo img, .single-post .entry-photo img {
margin: 10px 0; overflow: hidden; border: 1px solid #e9e3e6; }
.single .post .entry-comments, .single-post .entry-comments { float:
right; padding: 3px 3px 3px 17px; margin-top: 20px; background:
url(comments.gif) no-repeat 3px 6px #FFFFFF; display: inline-block;
color: #bfacb6; font-size: 14px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; border-radius: 3px; }
.entry-content { margin: 20px 0; font-size: 12px; line-height: 1.5em;
overflow: hidden; }
.entry-content ul, .entry-content ol { margin: 0 15px; padding: 0 0
1.5em; }
.entry-content ul ul, .entry-content ol ol, .entry-content ol ul,
.entry-content ul ol { padding: 0; }
.entry-content blockquote { font-style: italic; }
.entry-content form { margin: 1em 0; }
.post-edit-link:link, .post-edit-link:visited { text-decoration:
none; padding: 0 0 0 14px; }
.page .entry-content { margin: 0 0 20px; }
.layout-3c-r-fixed .post .entry-photo, .layout-3c-r-fixed .single-post
.entry-photo, .layout-3c-fixed .post .entry-photo, .layout-3c-fixed
.single-post .entry-photo { width: 480px; }
.single-post-meta-field { background: #FFFFFF; display: block; border:
1px solid #e9e3e6; padding: 5px 10px; color: #5c5157; font-weight:
400; }
.single-post-meta-value { border: 1px solid #e9e3e6; padding: 5px
10px; background: #FFFFFF; display: block; }
.module-title, .feed-title, .archive-title, #reply-title {
line-height: 1em; color: #5c5157; font-size: 12px; font-weight:
normal; margin: 0 10px 0 0; padding: 8px 10px; background:
url(feed-title-white.jpg) repeat-x top #FFFFFF; border: 1px solid
#e9e3e6; display: block; }
.feed-title { border-bottom: none; }
.gallery { clear: both; margin: 10px 0; }
.gallery-item { float: left; margin-right: 10px; width: 31%;
text-align: center; }
.gallery-icon img { padding: 4px; border: 1px solid #e9e3e6; }
.gallery-caption { font-size: 12px; }
.about-author { border: 1px solid #e9e3e6; padding:
10px; margin: 0 0 10px; line-height: 1.5em; background: #FFFFFF; }
.about-author .avatar { margin-bottom: 0; }
.about-author .author-meta { margin-left: 60px; }
.about-author h4 { margin: 0 0 5px; color: #5c5157;
font-weight: 400; font-size: 12px; }
/* gd star rating */
.gdmultitable { margin: 0 0 10px !important; }
.gdmultitable td { padding: 5px !important; }
/* wp-pagenavi */
.wp-pagenavi { margin: 0 0 10px; font-size: 12px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 3px 4px;
margin: 2px; text-decoration: none; background: #FFF; border: 1px
solid #e9e3e6 !important; }
.wp-pagenavi a:hover { color: #bfacb6; }
.wp-pagenavi span.pages, .wp-pagenavi span.extend { padding: 3px
4px; background: #FFF; margin: 2px; border: 1px solid
#e9e3e6!important; }
.wp-pagenavi span.current { padding: 3px 4px; background: #FFF;
margin: 2px; font-weight: normal; border: 1px solid #e9e3e6
!important; }
.wp-pagenavi span.pages { margin-left: 0; }
/* comments */
#commentlist { background: #FFFFFF; border: solid
#e9e3e6; border-width: 0 1px; list-style: none; padding: 10px; margin:
0 10px 0 0; }
#commentlist li { margin: 0; padding-bottom: 10px;
overflow: hidden; }
#commentlist li:last-child { padding: 0; }
#commentlist .avatar { border: 1px solid #e9e3e6; padding: 1px;
float: left; margin: 0 5px 10px 0; }
#commentlist cite { font-weight: normal; font-style:
normal; line-height: 20px; font-size: 12px; }
#commentlist p { clear: left; line-height: 1.8em; }
#commentlist .reply { float: right; }
#commentlist .children { clear: right; margin: 5px 0 0; list-style:
none; padding: 0; }
#commentlist .children li { border-bottom: none; border-left:
5px solid #e9e3e6; padding: 0 0 0 10px; }
#commentlist #respond { clear: both; padding: 10px 0 0; border-top:
1px solid #e9e3e6; }
#commentlist #respond .module-title { margin: 0; background:
url(feed-title-blue.jpg) top repeat-x; color: #FFF; border: 1px solid
#e9e3e6; }
#commentlist #respond #commentsform { margin: 0; }
#commentlist .comment-author { padding: 10px 0 0 10px;}
#commentlist .comment-content { padding: 0 10px; font-size: 12px; }
#commentlist .comment-node { background: #FFF; border: 1px solid
#e9e3e6; }
#commentlist .comment-meta, #commentlist .comment-meta abbr {
border: none; text-decoration: none; color: #5c5157; font-size: 11px;
}
#commentlist .comment-controls { background: #FFF; padding: 10px;
font-weight: normal; float: right; }
#commentlist .comment-controls a:link, #commentlist .comment-controls
a:visited { background: url(feed-title-white.jpg) top repeat-x
#FFFFFF; color: #5c5157; text-decoration: none; padding: 5px 10px;
margin: 0; border: 1px solid #e9e3e6; font-weight: normal; }
#commentlist .comment-controls a:hover { background: #FFFFFF; color:
#5c5157; }
#commentlist .reply a, .comments-navigation a, .read-more, .navigation
a { background: url(feed-title-white.jpg) top repeat-x #FFFFFF;
color: #5c5157; text-decoration: none; padding: 5px 10px; margin: 0;
border: 1px solid #e9e3e6; font-weight: normal; display: inline-block;
}
#commentlist .reply a:hover, .comments-navigation a:hover, .navigation
a:hover, .read-more:hover { background: #FFFFFF; color: #5c5157;
}
.comments-navigation { clear: both; margin: 0 10px 10px 0;
background: #FFFFFF; border: solid #e9e3e6; border-width: 0 1px 1px;
padding: 10px; }
.comments-navigation span.current { padding: 5px 10px; border:
1px solid #e9e3e6; background: #FFFFFF; color: #5c5157; font-weight:
normal; }
.nocomments { background:
url(content-bg.jpg) repeat-x top #FFF; border: solid #e9e3e6;
border-width: 0 1px 1px; padding: 15px 10px; margin: 0 10px 10px 0;
font-size: 12px; }
#commentform { background: url(content-bg.jpg)
repeat-x #FFF; border: solid #e9e3e6; border-width: 0 1px 1px;
margin-right: 10px; padding: 10px; }
#commentform label { color: #5c5157; }
#commentform label.error { margin: 5px 0; color: #5c5157;
font-weight: normal; padding: 5px; }
#commentform span.required { color: #5c5157; }
#commentform input[type=text] { display: block; width: 300px; font:
14px 'Lucida Grande',Arial,Helvetica,sans-serif; margin: 5px 0; }
#commentform textarea { display: block; font: 14px 'Lucida
Grande',Arial,Helvetica,sans-serif; width: 90%; margin-bottom: 5px; }
#cancel-comment-reply-link { font-size: 11px; padding: 0 10px; }
.pingbacks { background: #FFF; border:
solid #e9e3e6; border-width: 0 1px 1px; padding: 15px 10px 15px 30px;
margin: 0 10px 10px 0; }
.pingbacks li { padding: 2px 0; font-weight: normal;
}
.pingbacks a:link, .pingbacks a:visited { text-decoration: none; }
/* search results */
.search-results h2 { color: #5c5157; font-size: 12px;
font-weight: normal; margin: 0 10px 0 0; padding: 6px 10px;
background: url(feed-title-white.jpg) repeat-x top #FFFFFF; border:
1px solid #e9e3e6; }
.search-results-content { border: solid #e9e3e6; border-width: 0 1px
1px; background: #FFF; margin: 0 10px 10px 0; padding: 10px; }
/* author template */
.author-posts-title, .author-content h1 { text-transform: uppercase;
font-weight: normal; font-size: 11px; padding: 6px 10px; background:
url(feed-title-white.jpg) repeat-x #FFFFFF; border: 1px solid #e9e3e6;
margin: 0 10px 10px 0; color: #5c5157; }
.author-content .entry-content { background: url(content-bg.jpg)
repeat-x top #FFF; border: 1px solid #e9e3e6; margin: 0 10px 15px 0;
padding: 10px; }
.author-content dl { margin-left: 115px; }
/* footer */
#footer { margin: 20px auto 0; width: 960px;
background: #e9e3e6; padding-bottom: 10px; border: 1px solid #FFFFFF;
}
#footer .widgetcontainer { background: none; border-width: 0;
padding: 10px; margin: 0 10px 10px 0; float: left; width: 100%; }
#footer .widgettitle { background: none; border: none; font-size:
11px; color: #5c5157; padding: 0 0 10px; text-transform: uppercase;
margin: 0; }
#footer .widgetcontent { font-size: 11px; background: none; padding:
0; border: none; }
#footer .footer-message { margin: 0; padding: 10px 15px 0; font-size:
11px; }
#footer .footer-message p { margin: 0 0 0.5em; }
#footer .footer-message .floatright { margin-left: 20px; }
.footer-sidebar-container { overflow: hidden; margin: 10px 10px 0;
border-bottom: 1px solid #e9e3e6; }
.footer-sidebar { overflow: hidden; float: left; margin: 0;
padding: 0 0 10px; }
.footer-sidebar ul { list-style: none; margin: 0; padding: 0; }
.footer-sidebar li { margin: 0 0 3px; }
|