/* Theme Name: Beautiful Decay Author: Emma Conway Author URI: http://www.applianceuk.com Theme URI: http://www.applianceuk.com/beautiful-decay Description: Beautiful Decay is an attractive customisable theme, with a colour changing effect as you scroll down the page. Add your own custom header image, Easily linked with your Twitter & Facebook accounts under theme options. Just install, upload your own header image (1000px by 250px), and you're ready to go! Valid XHTML Strict & tested in all major browsers. Version: 1.01 Tags: dark, blue, two-columns, fixed-width, right-sidebar, custom-header, featured-images, photoblogging, microformats, theme-options License: GNU General Public License v2.0 License URI: http: //www.gnu.org/licenses/gpl-2.0.html */ html, body { margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x fixed #000000; height:100%; width:100%; font-family:arial; } #bgcover { background:url(img/bg_cover.png) top center repeat; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } #headershadow { background:url(img/header_shadow.png) top center repeat-x; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } #headerwidth { width:1000px; text-align:left; margin:0px auto 0px auto; padding: 0px 30px 0px 30px; background:url(img/header_bg.png) top center no-repeat; } #sideshadows { background:url(img/side_shadows.png) top center repeat-y; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } #footershadow { background:url(img/footer_shadow.png) bottom center repeat-x fixed; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } #pagewidth { width:1000px; text-align:left; margin:0px auto 0px auto; padding: 0px 30px 0px 30px; background:url(img/content_bg.png) top center repeat-y; } #header { position:relative; height:43px; width:1000px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; background:inherit; overflow:hidden; } #header h1 { margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; float:left; clear:both; height:28px; width:932px; color:#FFFFFF; font-family:arial; font-size:14px; overflow:hidden; } #header h1 a { display:block; height:28px; width:932px; color:#FFFFFF; text-decoration:none; margin:0px 0px 0px 0px; padding:0px; } #header h1 a:hover { display:block; height:28px; width:932px; color: #000000; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; margin:0px 0px 0px 0px; padding:0px; } #twitter { width:34px; float:right; position:relative; height:43px; display:block; overflow:hidden; } #twitter h5 { margin:0px 0px 0px 0px; padding:0px; float:left; clear:both; height:43px; width:34px; } #twitter h5 a { display:block; height:43px; width:34px; background:url(img/twitter.png) top left no-repeat; } #twitter h5 a:hover { display:block; height:43px; width:34px; background-position:-34px 0px; } #twitter h5 span { display:none; } #facebook { width:34px; float:right; position:relative; height:43px; display:block; overflow:hidden; } #facebook h5 { margin:0px 0px 0px 0px; padding:0px; float:left; clear:both; height:43px; width:34px; } #facebook h5 a { display:block; height:43px; width:34px; background:url(img/fb.png) top left no-repeat; } #facebook h5 a:hover { display:block; height:43px; width:34px; background-position:-34px 0px; } #facebook h5 span { display:none; } #menu { position:relative; height:34px; width:980px; background:url(img/top_menu.png) top center no-repeat; padding: 0px 10px 0px 10px; overflow:hidden; } ul#nav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap; height: 29px; } ul#nav li { float: left; font-family: arial; font-size: 14px; margin: 0; padding: 9px 0px 9px 0px; background: inherit; border: 0px; font-weight:bold; } #nav a, #nav a:link { margin: 0; padding: 9px 20px 9px 12px; color: #FFFFFF; border: 0px; text-decoration: none; background:url(img/menu_divider.png) top right no-repeat; text-shadow: #000000 0px 0px 5px; } ul#nav li#active { color: #000000; text-shadow: #FFFFFF 0px 0px 3px; } #nav a:hover { color: #000000; text-shadow: #FFFFFF 0px 0px 3px; } #headerimage { width:1000px; margin:0px auto 0px auto; height:250px; overflow:hidden; display:block; } #search { position: relative; float:right; margin: 210px 0px 0px 0px; height:40px; width: 305px; overflow:hidden; } div.searchfield { padding: 0px; width: 210px; height: 40px; overflow:hidden; border:0px; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; float:left; background: url(img/search.png) top left no-repeat; outline: none; margin: 0px; } div.searchfield:hover { background: url(img/search.png) no-repeat -210px 0px; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; overflow:hidden; } .searchtext { background: url(img/search_trans.gif); border:0px; color:#FFFFFF; font-size:14px; font-family:arial; text-shadow: #000000 0px 0px 3px; font-weight:bold; padding: 0px 10px 0px 18px; width: 182px; height:40px; overflow:hidden; margin:0px; } input.searchsubmit { float:right; clear:right; width: 95px; height: 40px; background: url(img/search_btn.png) no-repeat; outline: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } input.searchsubmit:hover { background: url(img/search_btn.png) no-repeat -95px 0px; } #wrapper { background:url(img/content.png) top left no-repeat; margin:0px; padding:0px; } #rightcol { width:250px; float:right; position:relative; display:inline; font-family:arial; color:#000000; font-size:14px; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol p { font-family:arial; color:#000000; font-size:14px; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol a { color:#000000; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol a:hover { color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } #rightcol h3 { background:url(img/other_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } #sidebarcontent { width:250px; overflow:hidden; } .categories { background:url(img/cats_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } .pages { background:url(img/pages_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } .archives { background:url(img/archives_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } .links { background:url(img/links_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } .info { background:url(img/info_header.png) top left no-repeat; height:26px; width:250px; padding: 8px 0px 0px 0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-align:center; overflow:hidden; text-shadow: #000000 0px 0px 3px; } #rightcol ul { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; list-style: none; width:250px; list-style: none; clear:left; } #rightcol ul li { margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#000000; font-size:14px; text-decoration:none; } #rightcol ul li a { width: 235px; display: block; padding: 6px 5px 6px 10px; text-decoration:none; color:#000000; margin: 0px 0px 0px 0px; vertical-align: bottom; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol ul li a:hover { text-decoration:none; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #rightcol ul li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; width:235px; list-style: none; clear:left; } #rightcol ul li ul li { margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#000000; font-size:13px; text-decoration:none; } #rightcol ul li ul li a { width: 215px; display: block; padding: 6px 5px 6px 30px; text-decoration:none; color:#000000; margin: 0px 0px 0px 0px; vertical-align: bottom; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol ul li ul li a:hover { text-decoration:none; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #rightcol ul li ul li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; width:215px; list-style: none; clear:left; } #rightcol ul li ul li ul li { margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#000000; font-size:12px; text-decoration:none; } #rightcol ul li ul li ul li a { width: 195px; display: block; padding: 6px 5px 6px 50px; text-decoration:none; color:#000000; margin: 0px 0px 0px 0px; vertical-align: bottom; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol ul li ul li ul li a:hover { text-decoration:none; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #rightcol ul li ul li ul li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; width:195px; list-style: none; clear:left; } #rightcol ul li ul li ul li ul li { margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#000000; font-size:11px; text-decoration:none; } #rightcol ul li ul li ul li ul li a { width: 175px; display: block; padding: 6px 5px 6px 70px; text-decoration:none; color:#000000; margin: 0px 0px 0px 0px; vertical-align: bottom; text-shadow: #FFFFFF 0px 0px 3px; } #rightcol ul li ul li ul li ul li a:hover { text-decoration:none; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #wordpress { width:34px; float:left; width:250px; position:relative; clear:left; margin:20px 0px 0px 0px; } #wordpress h5 { margin:0px 0px 0px 0px; padding:0px; float:left; clear:both; height:25px; width:250px; } #wordpress h5 a { display:block; height:25px; width:250px; background:url(img/wordpress.png) top left no-repeat; } #wordpress h5 a:hover { display:block; height:25px; width:250px; background-position:-250px 0px; } #wordpress h5 span { display:none; } #appliance { width:34px; float:left; width:250px; position:relative; clear:left; margin:0px 0px 20px 0px; } #appliance h5 { margin:0px 0px 0px 0px; padding:0px; float:left; clear:both; height:25px; width:250px; } #appliance h5 a { display:block; height:25px; width:250px; background:url(img/appliance.png) top left no-repeat; } #appliance h5 a:hover { display:block; height:25px; width:250px; background-position:-250px 0px; } #appliance h5 span { display:none; } #contentheader { float: left; position: relative; width:732px; height:26px; padding: 8px 0px 0px 18px; margin:0px; background:url(img/content_header.png) top left no-repeat; display:block; clear:left; overflow:hidden; } #contentheader h1 { color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-shadow: #000000 0px 0px 3px; text-decoration:none; margin:0px; padding:0px; } #contentheader h1 a { color:#FFFFFF; text-shadow: #000000 0px 0px 3px; text-decoration:none; } #contentheader h1 a:hover { color:#000000; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; } #maincol { float: left; position: relative; width:730px; padding: 10px 10px 10px 10px; margin:0px; overflow-x:hidden; } #pagecontent { float: left; position: relative; width:700px; padding: 15px 15px 15px 15px; margin:0px; font-size: 14px; font-family:arial; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h1 { margin: 0px auto 0px auto; padding: 0px; font-family: Arial; font-size: 17px; font-weight: bold; clear: both; text-align: center; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h1 a { text-decoration: none; } #pagecontent h1 a:hover { text-decoration: none; color:#000000; text-shadow: #FFFFFF 0px 0px 3px; } #pagecontent h2 { margin: 0px auto 5px auto; padding: 0px; font-family: Arial; font-size: 15px; font-weight: bold; clear: both; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h3 { margin: 0px auto 5px auto; padding: 0px; font-family: Arial; font-size: 14px; font-weight: bold; clear: both; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h4 { margin: 0px auto 5px auto; padding: 0px; font-family: Arial; font-size: 13px; font-weight: bold; clear: both; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h5 { margin: 0px auto 5px auto; padding: 0px; font-family: Arial; font-size: 12px; font-weight: bold; clear: both; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent h6 { margin: 0px auto 5px auto; padding: 0px; font-family: Arial; font-size: 11px; font-weight: bold; clear: both; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent p { font-size: 12px; font-family:verdana; line-height: 1.7em; clear: left; margin: 0px 0px 0px 0px; color:#FFFFFF; text-shadow: #000000 0px 0px 3px; } #pagecontent p a:hover { text-decoration: none; color:#000000; text-shadow: #FFFFFF 0px 0px 3px; } #pagecontent a { color: #FFFFFF; } #pagecontent a:hover { text-decoration: none; color:#000000; text-shadow: #FFFFFF 0px 0px 3px; } #pagecontent ul { font-size: 12px; line-height: 1.7em; clear: left; } #pagecontent ol { font-size: 12px; line-height: 1.7em; clear: left; } .postcontainer { width:343px; height:218px; background:url(img/post_bg.png) top left no-repeat; padding:11px 11px 11px 11px; float:left; overflow:hidden; } .postimage { width:343px; height:100px; padding:0px; margin:0px; float:left; overflow:hidden; } .postimage img { padding:0px; margin:0px; border:0px; } .postimage img a { padding:0px; margin:0px; border:0px; } .postheader { width:343px; height:22px; padding:0px; margin:0px; float:left; overflow:hidden; display:block; } .postheader h2 { font-family:arial; font-size:14px; color:#000000; text-transform:uppercase; margin:8px 0px 0px 8px; padding:0px; } .postheader h2 a { color:#000000; text-decoration:none; } .postheader h2 a:hover { color:#53719D; text-decoration:none; } .postcat { width:343px; height:19px; padding:0px; margin:0px; float:left; overflow:hidden; display:block; } .postcat h3 { font-family:arial; font-size:11px; color:#53719D; margin:3px 0px 0px 8px; padding:0px; } .postcat h3 a { color:#53719D; text-decoration:none; } .postcat h3 a:hover { color:#000000; text-decoration:none; } .postexcerpt { width:343px; height:49px; padding:0px; margin:0px; font-family:arial; font-size:11px; color:#333333; overflow:hidden; display:block; } .postexcerpt p { font-family:arial; font-size:11px; color:#333333; margin:0px 5px 0px 8px; padding:0px; } .postnav { width:343px; height:28px; padding:0px; margin:0px; background:url(img/post_nav.png) top center no-repeat; overflow:hidden; display:block; } .postdate { height:23px; width:76px; padding:0px; margin:5px 0px 0px 28px; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; overflow:hidden; display:block; text-shadow: #000000 0px 0px 3px; float:left; } .postmore { height:28px; float:left; position:relative; width:120px; display:block; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; overflow:hidden; display:block; text-shadow: #000000 0px 0px 3px; padding:0px; margin:0px 0px 0px 0px; } .postmore h5 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; clear:both; height:28px; width:100px; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; } .postmore h5 a { display:block; height:23px; width:105px; padding:5px 0px 0px 0px; background:url(img/more_info.png) top right no-repeat; color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } .postmore h5 a:hover { display:block; height:23px; padding:5px 0px 0px 0px; width:105px; background:url(img/more_info_2.png) top right no-repeat; color:#FFFF99; } .postcomments { height:22px; float:right; position:relative; width:23px; display:block; font-family:arial; text-align:center; font-size:12px; font-weight:bold; overflow:hidden; display:block; text-shadow: #FFFFFF 0px 0px 3px; padding:5px 7px 0px 4px; margin:0px 0px 0px 0px; background:url(img/comments.png) top right no-repeat; } .postcomments a { color:#000000; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } .postcomments a:hover { color:#53719D; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } #postnavigation { width:710px; height:28px; padding:10px; overflow:hidden; display:block; background:url(img/post_footer.png) top left no-repeat; } #previousposts { width:200px; height:28px; font-family:arial; font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0px; display:block; float:right; clear:right; text-align:right; text-shadow: #000000 0px 0px 3px; } #previousposts a { color:#FFFFFF; text-decoration:none; background:url(img/post_previous.png) top left no-repeat; padding: 5px 32px 0px 0px; width:168px; height:23px; display:block; text-shadow: #000000 0px 0px 3px; } #previousposts a:hover { color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } #nextposts { width:200px; height:28px; font-family:arial; font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block; float:left; clear:left; text-align:left; text-shadow: #000000 0px 0px 3px; } #nextposts a { color:#FFFFFF; text-decoration:none; background:url(img/post_next.png) top left no-repeat; padding: 5px 0px 0px 32px; display:block; width:168px; height:23px; text-shadow: #000000 0px 0px 3px; } #nextposts a:hover { color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } .postinfo { width:730px; overflow-x:hidden; clear:both; float:left; margin:10px 0px 10px 0px; padding:0px; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; text-shadow: #000000 0px 0px 3px; } .postinfoheader { width:670px; height:34px; display:block; overflow:hidden; clear:both; float:left; margin:0px; padding:30px 30px 0px 30px; background:url(img/post_info_header.png) top left no-repeat; } .postinfoheaderdate { width:400px; height:26px; display:block; overflow:hidden; clear:both; float:left; margin:0px; padding:8px 0px 0px 35px; text-align:left; } .postinfoheadercomments { width:23px; height:26px; display:block; overflow:hidden; float:right; margin:0px; padding:8px 94px 0px 0px; text-align:center; font-family:arial; font-size:12px; font-weight:bold; color:#000000; overflow:hidden; display:block; text-shadow: #FFFFFF 0px 0px 3px; } .postinfoheadercomments a { color:#000000; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; } .postinfoheadercomments a:hover { color:#53719D; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; } .postinfocontent { width:634px; display:block; overflow:hidden; clear:both; float:left; margin:0px; padding:13px 48px 43px 48px; background:url(img/post_info_bg.png) bottom left no-repeat; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; text-shadow: #000000 0px 0px 3px; line-height:1.8em; } .postinfocontent a { color:#FFFFFF; text-shadow: #000000 0px 0px 3px; text-decoration:none; } .postinfocontent a:hover { color:#000000; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; } #comments { clear: left; float:left; } #commentsheader { float: left; position: relative; width:732px; height:26px; padding: 8px 0px 0px 18px; margin:0px; background:url(img/content_header.png) top left no-repeat; display:block; clear:left; overflow:hidden; } #commentsheader h3 { color:#FFFFFF; font-size:14px; font-weight:bold; font-family:arial; text-shadow: #000000 0px 0px 3px; text-decoration:none; margin:0px; padding:0px; } #commentsheader h3 a { color:#FFFFFF; text-shadow: #000000 0px 0px 3px; text-decoration:none; } #commentsheader h3 a:hover { color:#000000; text-shadow: #FFFFFF 0px 0px 3px; text-decoration:none; } #commentscontent { float: left; position: relative; width:750px; padding: 25px 0px 25px 0px; font-family:arial; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration:none; text-shadow: #000000 0px 0px 3px; } #commentscontent a { color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } #commentscontent a:hover { color:#000000; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } .next-image { float:right; clear:right; } .previous-image { float:left; clear:left; } #footer { height:100px; width: 1060px; padding:8px 0px 0px 0px; background:url(img/footer.png) top center no-repeat; clear:both; margin-left:auto; margin-right:auto; font-weight:bold; color:#FFFFFF; font-family:arial; font-size:14px; text-shadow: #000000 0px 0px 3px; } #footer a { color:#FFFFFF; text-decoration:none; text-shadow: #000000 0px 0px 3px; } #footer a:hover { color:#000000; text-decoration:none; text-shadow: #FFFFFF 0px 0px 3px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*printer styles*/ @media print { /*hide the left column when printing*/ #leftcol { display:none; } #twocols, #maincol { width:100%; float:none; } } table#calendar_wrap { width: 230px; overflow: hidden; clear: both; text-align:center; margin: 0px auto 0px auto; } #wp-calendar { font-family: "arial"; font-size: 14px; text-decoration: none; font-weight:bold; color: #000000; clear: both; width: 230px; text-align:center; margin: 10px auto 10px auto; padding: 10px 10px 0px 10px; } #wp-calendar a { font-family: Arial; text-decoration: underline; color: #000000; text-shadow: #FFFFFF 0px 0px 3px; } #wp-calendar a:hover { font-family: Arial; text-decoration: none; color: #FFFFFF; text-shadow: #000000 0px 0px 3px; } blockquote { margin: 20px; padding: 8px 8px 8px 15px; } blockquote p { background-color: inherit; color: #FFFFFF; font-size: 0.9em; line-height: 1.3em; } label { background-color: inherit; color: #FFFFFF; font-size: 0.9em; font-weight: bold; } table#wp-calendar { margin: 0 0 20px; width: 140px; } code { font-size: 1.2em; display: block; padding: 5px 5px 5px 8px; margin: 5px 0 15px 0; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 4px; margin: 0px 10px 10px 0px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .left { border: 1px solid #cccccc; float: left; margin: 10px 15px 10px 0; } .right { border: 1px solid #cccccc; float: right; margin: 10px 0 5px 10px; } .center { border: 1px solid #aaaaaa; margin: 5px auto 12px; text-align: center; } .textright { text-align: right; } .small { font-size: 0.8em; } .bold { font-weight: bold; } .hide { display: none; } .post { margin: 0px; } .wp-caption-text { color: #FFFFFF; } .sticky { color: #FFFFFF; } .gallery-caption { color: #FFFFFF; } #comments .navigation { padding: 0 0 18px 0; } h3#reply-title { color: #FFFFFF; margin-bottom: 0; } .commentlist { list-style: none; margin: 0; width:620px; } .commentlist li.comment { border-bottom: 1px solid #FFFFFF; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p: last-child { margin-bottom: 6px; } #comments .comment-body blockquote p: last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #FFFFFF; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #FFFFFF; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #333333; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #FFFFFF; } .reply a:hover, a.comment-edit-link:hover { color: #333333; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #FFFFFF; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #FFFFFF; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } input[type=submit] { color: #000000; } #respond { border-top: 1px solid #FFFFFF; margin: 24px 25px 0px 25px; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #FFFFFF; font-weight: bold; } #respond label { color: #FFFFFF; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #FFFFFF; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear: both; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }