/* Theme Name: RoyalWeddings Theme URI: http://www.theroyalweddings.co.uk Description: Brown, white, pink wedding theme. Drop-down pages menu, 2-column layout and widget-ready footer and sidebar. Author: Costy @ weebesign.co.uk Author URI: http://www.webeesign.co.uk Version: 1.00 Tags: pink, brown, wedding , two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar This theme was designed and built for the WordPress CMS and is copyright TheRoyalWeddings.co.uk. The CSS, XHTML and design of this theme are released under GPL: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ /************************************************ * Resets * ************************************************/ div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, a {margin:0; padding:0; border:0; vertical-align:baseline; color:#4E362F;} :focus {outline:0;} body {line-height:1;} ul, ol {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} * { text-decoration:none; font-size:1em; outline:none; margin:0; padding:0; } /************************************************ * General elements * ************************************************/ html, body{ background: #3E2B26 url(images/brown.bg.png) repeat-x bottom center; height: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; text-decoration:none; font-size:1em; outline:none; margin:0; padding:0; font-family:'Trebuchet MS',Helvetica,sans-serif; } body div.w1 { background: #3E2B26 url(images/brown.bg.png) repeat-x bottom center; float: left; width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; } body div.w1 .con { background: #f8f7f1 url(images/main.bg.png) top center; float: left; width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; } body div.w2 { background: transparent url(images/header.bg.png) repeat-x top center; float: left; width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; } body div.w2 .con { background: transparent url(images/header.content.bg.png) no-repeat top center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; } h1, h2, h3, h4, h5, h6 {font-family:'Trebuchet MS',Helvetica,sans-serif;} a {color:#fb8481; text-decoration:none;} a:hover {} blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} kbd, tt {font-size:1.2em;} hr {border:1px solid #fb8481;} pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} table { border-collapse:separate; border-spacing:2px; display:table; margin-bottom:0; margin-top:0; text-indent:0; } table th {color:#fb8481;} table td, table th {} table th {} table td {} table tr.even td {} table tr:hover td{} fieldset {border: 1px solid #fb8481; width: 50%; padding:1.2em;} legend {} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:'Trebuchet MS',Helvetica,sans-serif; margin:.2em 0; color:#222; font-size:1em;} input, textarea {padding:.3em; border:1px solid #e5e3cc;} select{background-color: #fb8481;} input.radio, input.checkbox {background:#4E362F; padding:2px;} input[type="submit"] {background-color: #fb8481; cursor: pointer; margin-left: 200px;} form label{font-weight:bold; display:block;} .center { align:center; text-align:center;} .right{ align:right; text-align:right;} /************************************************ * General * ************************************************/ #wrapper {margin:0px auto 0px auto; padding:0; text-align:left; width:980px; } .cleared {clear:both;} /************************************************ * Header * ************************************************/ #wrapper .block {padding-left: 20px;padding-right: 20px;} #header { padding-top: 40px; position: relative; } #header .content { position: relative; width: 100%; height: 100%; } #header #logo {float:left; width:490px; margin:10px 0 0 0;} #header #logo img {float:left; margin:4px 10px 10px 0;} #header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; text-shadow:0 0 6px #555;} #header #logo h1 a:hover {color:#a8ef9d;} #header #logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.2em;} #header #headerbanner {color:#d3c3a5; float:right; width:418px; margin:30px 0 10px 0; text-align:right; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;} #header #headerbanner h3 {font-size:1.1em; font-family:'Trebuchet MS',Helvetica,sans-serif;} #header #headerbanner p a {border-bottom:1px dashed #fb8481;} #header #headerbanner p { color:#d3c3a5; } #header #headerbanner a:hover {} #pagenav {width:960px; height: 50px; background:url(images/menu.gif) repeat-x; text-transform:uppercase; margin-left: 10px; margin-right: 10px;} #nav li {float:left; line-height:2em; margin:5px 0 5px 5px;} #nav li:hover {} #nav li a {display:block; margin:0; font-size:0.8em; color:#ffffff; padding:0 13px; background:url(images/button_sep.gif) right no-repeat; } #nav li a:hover {color:#4d352f; text-decoration:none; display:block;} #nav li ul {position:absolute; width: 150px; left:-990em; margin:0; text-transform:capitalize; font-size:0.9em;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {padding:0; margin:0; width:150px; line-height:1.5em;} #nav li li a {color:#fb8481; margin:0; background-color: #ffffff; border:1px solid #ee6664;} #nav li li a:hover {color:#4d352f; border:1px solid #ee6664;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static;} #nav li a.rss {background:url(images/rsstrans.png) left no-repeat; margin-left: 10px; padding-left:17px;} #pagenav #search {float:right; width:300px; text-align:right; margin:5px 0 5px 5px;} #pagenav #searchform input {padding:3px;} #pagenav #searchbox {width:180px; color:#ffffff; font-size:.75em; border:1px solid #ee6664; background:transparent;} #pagenav #searchbox:hover {background:#f87471;} #pagenav .submitbutton {cursor:pointer; background:transparent; color:#ffffff; font-size:0.8em; padding:.08em; vertical-align:top; margin-left: 0px; border-style:none;} #pagenav .submitbutton:hover {color:#4d352f} /************************************************ * Content * ************************************************/ #main {padding:10px 0 20px 0; background-color: #ffffff;} #content {float:left; width:640px; padding: 10px; background-color: #ffffff} #contentfull {float:left; width:960px; background-color: #ffffff; margin-left: 10px; margin-right: 10px;} h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;} h2#contentdesc span {color:#fb8481;} .post {padding:0 0 35px 0;} .sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);} .posttop {background:url(images/title.png) left no-repeat; padding:10px; padding-left: 40px;} .posttop h2.posttitle a {color:#3E2B26; font-size:1.6em;} .posttop h2.posttitle a:hover {color:#3E2B26; } .postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;} .postmetatop .categs {float:left; width:450px; line-height:16px;} .postmetatop .categs a:hover {border-bottom:1px solid;} .postmetatop .date {float:right; width:130px; text-align:right;} .postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left:20px;} .postcontent {color:#4E362F; margin:.8em 0; font-size:0.8em; line-height:1.5em; padding: 10px; background-color: #ffffff} .postcontent h1 {padding:.8em 0; font-size:1.5em;} .postcontent h2 {padding:.8em 0; font-size:1.4em;} .postcontent h3 {padding:.8em 0; font-size:1.3em;} .postcontent h4 {padding:.8em 0; font-size:1.2em;} .postcontent h5 {padding:.8em 0; font-size:1.1em;} .postcontent h6 {padding:.8em 0; font-size:1em;} .postcontent p {padding:.6em 0 .2em 0;} .postcontent a {border-bottom:1px dashed #fb8481;} .postcontent a:hover {border-bottom:1px solid #fb8481;} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc;} .postcontent ol li {list-style:decimal;} .postmetabottom { padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px; color: #C9C3A5;} .postmetabottom a {color: #C9C3A5;} .postmetabottom a:hover {border-bottom:1px solid;} .postmetabottom .tags {float:left; width:440px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px; color: #C9C3A5;} .postmetabottom .readmore {float:right; width:140px; text-align:right; } .postmetabottom .readmore a {color: #FB8481;} .postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;} .postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;} .postmetaauthor .authorpic {float:left; width:60px; } .postmetaauthor .authordesc {float:right; width:540px; } .postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;} .postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;} .postmetaauthor .authordesc a {color:#faaf64; border-bottom:1px dashed #faaf64;} .postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);} /************************************************ * Navigation * ************************************************/ #navigation {padding:0; margin:0; text-align: center; font-size: .87em; margin-bottom:5px;} #navigation a {border-bottom:1px dashed #fb8481;} #navigation a:hover {} #navigation .wp-pagenavi a { color:#fb8481; background:#fff; border:1px solid #C9C3A5; margin-right:.3em; padding: .12em .5em; text-align:center; text-decoration:none; } #navigation .wp-pagenavi a:hover {color:#fb8481;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend { color:#fff; background: #FF625F; border-color: #FF625F; margin-right:.3em; padding: .12em .5em;} /************************************************ * Comments * ************************************************/ #comments {margin:0 0 15px 0;} #comments h3 {font-size:1em; font-weight:normal;} #comments ul.commentlist li {margin:10px 0 0 0; padding:15px; border:1px solid #fb8481;} #comments ul.commentlist li ul.children li {margin:20px 0 0 20px;} #comments img.avatar {float:left; margin:0 20px 0 0;} #comments .commentbody .author {font-size:.9em; margin-bottom:10px; color: #C9C3A5;} #comments .commentbody .author a {color: #C9C3A5; border-bottom:1px dashed #C9C3A5;} #comments .commentbody .author a:hover {color:#C9C3A5; border-bottom:1px solid #C9C3A5;} #comments .commentbody .commentmetadata {font-size:.7em; color:#C9C3A5; margin-bottom:25px;} #comments .commentbody .commentmetadata a {color:#C9C3A5;} #comments .commentbody em {margin-bottom:10px; color:#C9C3A5; display:block; font-size:.8em; font-style:normal;} #comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} #comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;} #comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;} #comments .reply a:hover {background:#4E362F; color:#111;} #comments h3#trackbacktitle {padding-top:10px;} #comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.trackback li {margin-bottom:17px; font-size:.9em;} #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments #respond {margin-top:20px;} #comments #respond h3 {margin-bottom:15px;} #comments #respond input {border:1px solid #C9C3A5; font-family: 'Trebuchet MS',Helvetica,sans-serif; padding:0.2em;} #comments #respond p {padding:.5em 0 0 0;} #comments #respond p label {font-size:.8em; font-weight:normal;} #comments #respond textarea {width:600px;} #comments #respond .submitbutton {color: #fff; background: #FF625F; border: none; padding: 0 1.5em; margin: 0; height: 24px; line-height: 24px;} #comments #respond .submitbutton:hover {cursor:pointer;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px; margin-right:5px;} #sidebar ul li.boxed {background:transparent url(images/box.title.bg.png) repeat-x scroll 0 0; padding:0 20px; padding-left: 10px; margin-bottom:15px; } #sidebar h3 {color: #FF625F; background:transparent url(images/box.title.simbol.png) no-repeat scroll 0 0; height:47px; line-height:47px; padding-left: 45px;font-weight:bold; font-size: 1.5em; margin-bottom:10px;} #sidebar ul ul li {padding-bottom:8px;} #sidebar ul ul li a {display:block; padding:3px 5px; color:#4E362F;} #sidebar ul ul li a:hover {color: #FF625F;} #sidebar p {color:#eee; padding:0 5px 10px 5px;} #sidebar p a {border-bottom:1px dashed #fb8481;} #sidebar p a:hover {background:url(images/blacktrans.png);} #sidebar img {border:none; padding:0 5px;} #sidebar img.avatar {float:left; padding:0 15px 5px 5px;} #tag_cloud a, .widget_tag_cloud a {display:inline;} #tag_cloud a:hover {color:#4E362F;} li#tagbox a:hover {color:#4E362F;} #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} /************************************************ * Footer * ************************************************/ #footer { color: #80725d; background: #3E2B26 url(images/brown.bg.png) repeat-x bottom center; font-size: .9em; height: 21em; clear: both; float: none; margin-bottom: 0; position: relative; width:100%} #footer .content { color: #80725d; list-style: none;} #footer .content a { color: #80725d; list-style: none;} #footer a:hover { color: #fff; text-decoration: none; } #footer .footer-content {color: #80725d; background: transparent url(images/footer.bg.png) repeat-x top center; padding: 2em 0 1em; clear: both; } #footer .copy-fingerprint { color: #80725d; padding-top: 0; } #footer .footer-content .content { color: #80725d; line-height: 2em; min-height: 2em; height: 2em; width: 950px; padding: 0; margin: 0 auto; position: relative; text-align: left; } #footer .copy-fingerprint .copy-fingerprint-content { color: #80725d; min-height: 96px; background: transparent url(images/footer.csicsa.png) no-repeat top center; padding-top: 20px; } #footer #footer-links { background: #E6E2C9 url(images/footer.nav.bg.png) repeat-x 0 0; min-height:3em; line-height:3em; padding-top:70px; } #footer #footer-links .footer-content { background-image: none; padding: 0; font-size: 12px; } #footer .footer-content .content .goto-top { float: right; padding: 0 0 0 20px; background: transparent url(images/arr.top.png) no-repeat 0 50%; } #footer #fingerprint {color: #80725d; width: 300px; height: 30px; text-align: right; float: right; } #footer #copy {color: #80725d; float: left; text-align: left; width: 50%; } #flinks li { float: left; } #flinks li:hover {} #flinks li a { display: block; padding: 0 8px;} #flinks li a:hover {display: block; color: #fff; text-decoration: none; } #first{ border-right:1px solid #a0928e; } #middle{ border-right:1px solid #a0928e; border-left: 1px solid #e6e2c9; } #last{ border-left: 1px solid #e6e2c9; } #cpy{ color: #80725d; } #cpy a{ color: #80725d; } #credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;} #credits a {color:#ddd;} #credits a:hover {background:url(images/blacktrans.png); color:#4E362F;} #credits #creditsleft {float:left; width:600px; color:#aaa;} #credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;} /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:5px 15px 7px 0;} .alignright {float:right; margin:5px 0 7px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 15px 5px 0;} img.alignright {float:right; margin:5px 0 5px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border: 0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}