/* THEME NAME: The Cleverly's THEME URI: http://www.thecleverlys.com DESCRIPTION: The Cleverly's 2010 VERSION: 1.0 AUTHOR: CrowdSurf AUTHOR URI: http://www.crowdsurf.net */ /* CSS Reset */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} {margin:0;padding:0;} /* Global Settings */ body { background:#9a968b url(images/bg_body.jpg) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; color:#ffffff; z-index:1 !important; } p {padding-bottom:10px;} a {outline-style: none; text-decoration: none;} a img {border:none;} a:link {color:#4d514b; text-decoration: underline;} a:visited {color:#4d514b; text-decoration: underline;} a:hover {color:#697461; text-decoration: underline;} a:active {color:#4d514b; text-decoration: underline;} table {border-collapse:collapse;} blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:26px; color:#999999; border-left:3px solid #CCCCCC; margin:15px 0 15px 15px; padding-left:5px; } blockquote blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:26px; color:#999999; border-left:3px solid #CCCCCC; margin:15px 0 15px 15px; padding-left:5px; } .alignright {float:right; padding:7px 0 3px 10px;} .alignleft {float:left; padding:7px 10px 3px 0;} .alignnone {clear:both;} .aligncenter {margin-left: auto; margin-right: auto; padding:10px;} /* Header */ #header-home {height:495px; width:960px; background:url(images/bg_header1.png) top center no-repeat; position:relative; z-index:1 !important;} #header-about {height:495px; width:960px; background:url(images/bg_header2.png) bottom center no-repeat; position:relative; z-index:1 !important;} #header-media {height:495px; width:960px; background:url(images/bg_header3.png) bottom center no-repeat; position:relative; z-index:1 !important;} #logo-home {width:812px; height:170px; background:url(images/logo1.png) top no-repeat;; text-indent:-9999px; display:block; position:absolute; top:30px; left:74px; z-index:2 !important;} #logo-about {width:949px; height:147px; background:url(images/logo2.png) top no-repeat;; text-indent:-9999px; display:block; position:absolute; top:348px; left:5px; z-index:2 !important;} #logo-media {width:812px; height:170px; background:url(images/logo1.png) top no-repeat;; text-indent:-9999px; display:block; position:absolute; top:55px; left:74px; z-index:2 !important;} #navbar {width:955px; height:79px; background:url(images/navbarbg.png) top no-repeat; margin:0 auto 0 auto; display:block; position:relative; z-index:3 !important;} #nav {position:absolute; top:25px; left:90px;} #cutout-home {width:669px; height:469px; position:absolute; top:101px; left:177px; z-index:3 !important;} #cutout-media {width:960px; height:314px; position:absolute; top:181px; left:0px; z-index:3 !important;} /* Nav */ ul#nav{margin:0; padding:0; list-style:none; clear:both;} #nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:15px;} #nav li a{background:url(images/navbar.png) no-repeat; width:100%; height:100%; display:block;} /* Home */ #nav li.home{width:87px; height:26px;} #nav li.home a{background-position:-294px 0;} #nav li.home a:hover,#nav li.home a.hover{background-position:-431px 0;} /* About */ #nav li.about{width:97px; height:27px; background:url(images/divider.png) left no-repeat; padding-left: 15px;} #nav li.about a{background-position:0 0;} #nav li.about a:hover,#nav li.about a.hover{background-position:-147px 0;} /* Photos */ #nav li.photos{width:109px; height:27px; background:url(images/divider.png) left no-repeat; padding-left: 15px;} #nav li.photos a{background-position:-568px 0;} #nav li.photos a:hover,#nav li.photos a.hover{background-position:-727px 0;} /* Videos */ #nav li.videos{width:104px; height:26px; background:url(images/divider.png) left no-repeat; padding-left: 15px;} #nav li.videos a{background-position:-886px 0;} #nav li.videos a:hover,#nav li.videos a.hover{background-position:-1040px 0;} /* Contact */ #nav li.contact{width:135px; height:26px; background:url(images/divider.png) left no-repeat; padding-left: 15px;} #nav li.contact a{background-position:-1180px 0;} #nav li.contact a:hover,#nav li.contact a.hover{background-position:-1349px 0;} /* CleverlyFest */ #nav li.fest{width:150px; height:26px; background:url(images/divider.png) left no-repeat; padding-left: 15px;} #nav li.fest a{background-position:-1526px 0;} #nav li.fest a:hover,#nav li.fest a.hover{background-position:-1672px 0;} /* Subheader */ #subheader {width:100%; height:288px; background:url(images/bg_subheader.png) top repeat-x; margin-top:-19px; padding-top:20px; z-index:2 !important; overflow:hidden;} #subheader-wrap {position:relative;} #twitter {position:absolute; top:20px; left:0;} #twitterbox {width:370px; height:205px; background:url(images/twitterbg.png) top no-repeat; margin-top:5px; display:block;} .tweetpad {padding:30px 55px 0px 55px;} .tweet {color:#697461; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; line-height:20px; text-shadow: 0.1em 0.1em #888888;} .timestamp {font:"Arial Black", Gadget, sans-serif; font-size:10px; color:#4d514b; text-transform:uppercase; text-decoration:none;} #twittername a {width:209px; height:22px; background:url(images/twittername.png) top no-repeat; text-indent:-9999px; display:block; margin-top:-15px; margin-left:125px;} #signup {position:absolute; top:0px; left:615px;} #arrow {position:absolute; top:25px; left:80px;} #mailinglist {width:243px; height:29px; background:url(images/mailinglist.png) right no-repeat; text-indent:-9999px; display:block; margin-top:100px; margin-bottom:-10px} #signup label {text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; font-size:12px; color:#a6a296; float:left; width:50px; margin-top:7px;} #signup input {width:220px; height:20px; float:left; background-color:#ffffff; border:1px solid #aaaaaa; padding:5px;} #signup input.btn {width:134px; height:19px; background:url(images/subscribe.png) center no-repeat; text-indent:-9999px; border:none; cursor:pointer; margin-left:143px;} #socialnav {position:absolute; top:25px; left:420px; z-index:4 !important;} /* Socials */ ul#socials{margin:0; padding:0; list-style:none;} #socials li{overflow:hidden; text-indent:-9999px;} #socials li a{background:url(images/socials.png) no-repeat; width:100%; height:100%; display:block;} /* Myspace Button */ #socials li.myspace{width:113px; height:40px; margin-top:0px;} #socials li.myspace a{background-position:0px -336px;} #socials li.myspace a:hover,#socials li.myspace a.hover{background-position:0px -426px;} /* Facebook Button */ #socials li.facebook{width:104px; height:33px; margin-left:20px;} #socials li.facebook a{background-position:0px 0px;} #socials li.facebook a:hover,#socials li.facebook a.hover{background-position:0px -83px;} /* Youtube Button */ #socials li.youtube{width:64px; height:31px; margin-left:35px; margin-top:5px;} #socials li.youtube a{background-position:0px -688px;} #socials li.youtube a:hover,#socials li.youtube a.hover{background-position:0px -769px;} /* Twitter Button */ #socials li.twitter{width:103px; height:36px; margin-left:30px; margin-top:10px;} #socials li.twitter a{background-position:0px -516px;} #socials li.twitter a:hover,#socials li.twitter a.hover{background-position:0px -602px;} /* iLike Button */ #socials li.ilike{width:62px; height:35px; margin-left:30px; margin-top:3px;} #socials li.ilike a{background-position:0px -166px;} #socials li.ilike a:hover,#socials li.ilike a.hover{background-position:0px -251px;} /* Wrap */ #news {width:141px; height:38px; background:url(images/news_span.png) top no-repeat; text-indent:-9999px; display:block;} #about {width:162px; height:38px; background:url(images/about_span.png) top no-repeat; text-indent:-9999px; display:block;} #photos {width:185px; height:38px; background:url(images/photos_span.png) top no-repeat; text-indent:-9999px; display:block;} #videos {width:176px; height:38px; background:url(images/videos_span.png) top no-repeat; text-indent:-9999px; display:block;} /* Posts */ .post {overflow:hidden; clear:both; padding:15px; margin-bottom:20px; background-color:transparent;} .post h2 {color:#f2e6db; font-size:24px; letter-spaccing:-1px; line-height:24px; font-weight:bold;} .post .post-title {color:#4d514b; font-size:30px; font-weight:bold; letter-spacing:-1px; line-height:30px; padding:0 0 8px 0;} .post .post-title a {color:#4d514b; text-decoration:none;} .post .post-title a:hover {color:#cfcdc4; text-decoration: none;} .post .post-meta-data {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding:5px; background:#4d514b;} .post .post-meta-data a {text-decoration:none; color:#cfcdc4; font-weight:bold;} .post .post-meta-data a:hover {color:#aba599; text-decoration: none;} .post .post-content {padding:10px 15px 0 15px;} .post .post-content ul {padding:15px 0 15px 25px;} .post .post-content ol {padding:15px 0 15px 25px;} .post .post-content h1, h2, h3, h4, h5, h6 {font-size:24px; color:#4d514b; letter-spacing:-1px; padding-bottom:10px; line-height:24px;} .post .post-content img {border:4px solid #4d514b; padding:0;} .post .post-content img:hover {border:4px solid #cfcdc4; padding:0;} .post-navigation {color:#4d514b; padding:38px 0 0 0;} .post-navigation a {font-weight:bold; color:#4d514b; text-transform:uppercase; font-size:11px; text-decoration:none; padding:5px 0 0 0; text-align:center; outline-style: none;} .post-navigation a:hover {color:#697461;} /* Single-Specific */ #page-links {padding:10px 0 10px 0; color:#4d514b;} #page-links a {padding:3px 8px 5px 8px; margin:0 2px 0 2px; color:#4d514b; text-decoration:none;} #page-links a:hover {text-decoration:underline; color:#697461;} /* Comments */ #comments {margin:40px;} #comments .nocomments {font-weight:bold;} #comments h3 {color:#f2e6db; font-size:24px; letter-spaccing:-1px; line-height:24px; font-weight:bold;} #comments ul {padding:15px 15px 0 0;} #comments ul li {list-style:none;} ul#comments_list {padding:15px 15px 0 0;} ul#comments_list li {margin-bottom:15px; list-style:none; background:#cfcdc4; padding:15px; color:#4d514b;} ul#comments_list li a {text-decoration:none; color:#ffffff;} ul#comments_list li a:hover {color:#4d514b;} ul#comments_list li div.comments_meta p {padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #4d514b;} ul#comments_list li div.comments_meta .comment_author {font-weight:bold;} ul#comments_list li div.comments_meta .comment_date {font-size:10px; text-transform:uppercase;} ul#comments_list li div.comment_text p {} ul#comments_list li.author {margin-bottom:15px; list-style:none; background:#4d514b; padding:15px; color:#cfcdc4;} ul#comments_list li.author a {text-decoration:none; color:#ffffff;} ul#comments_list li.author a:hover {color:#4d514b;} ul#comments_list li.author div.comments_meta p {padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #cfcdc4;} ul#comments_list li.author div.comments_meta .comment_author {font-weight:bold;} ul#comments_list li.author div.comments_meta .comment_date {font-size:10px; text-transform:uppercase;} ul#comments_list li.author div.comment_text p {} .comments_reply {margin:40px 40px 10px 40px;} .comments_reply h3 {color:#f2e6db; font-size:24px; letter-spaccing:-1px; line-height:24px; font-weight:bold;} .comments_reply {} .comments_reply a {color:#ffffff; font-weight:bold; padding:0 5px 10px 20px; text-decoration:none; font-size:10px;} .comments_reply a:hover {color:#4d514b;} .comments_reply .license {font-size:11px; font-style:italic; padding:0 10px 0 20px;} #commentform {padding:15px;} #commentform p {} #commentform p.code {padding-left:5px;} #commentform p small {font-size:11px;} #commentform p small code {font-size:11px; color:#cfcdc4; font-family:"Courier New", Courier, monospace;} #commentform p a {color:#555555; font-weight:bold; text-transform:uppercase; text-decoration:none;} #commentform p a:hover {text-decoration:underline; color:#666666;} #commentform label {font-size:24px; font-style:normal; font-weight:bold; letter-spacing:-1px; padding:20px 0 2px 0;} #commentform label small {font-size:11px; font-weight:normal; letter-spacing:0;} #commentform input,#commentform textarea {border:1px solid #888888; background:#FFFFFF; padding:5px;} #commentform input#submit {width:115px; height:30px; background:#cfcdc4; border:none; font-weight:bold; color:#4d514b; text-transform:uppercase; font-size:11px; outline-style:none; margin:5px 0 0 5px;} #commentform input:hover#submit {color:#ffffff;} .navigation {padding:50px 15px 0 0;} .navigation a {font-family:georgia; font-size:12px; font-style:italic; color:#666666; text-decoration:none;} .navigation a:hover {color: #555555; text-decoration:underline;} /* Sidebar */ #sidebar {margin-top:100px;} .sidebar-top {width:296px; min-height:70px; margin:0 auto 0 auto; background:url(images/sidebartop.png) center no-repeat; display:block;} .sidebar-bottom {width:296px; min-height:70px; margin:0 auto 0 auto; background:url(images/sidebarbottom.png) center no-repeat; display:block;} .sidebar-middle {width:280px; min-height:300px; margin:0 auto 0 auto; padding:0px; background-color:#4d514b; clear:both;} .sidebar-middle a {color:#cfcdc4; text-decoration:none;} .sidebar-middle a:hover {color:#cfcdc4; text-decoration:underline;} .sidebar-middle p {color:#cfcdc4; padding:0 20px 0 20px;} .sidebar-middle h4 {color:#cfcdc4; font-size:18px; font-weight:bolder; letter-spacing:-1px; padding:0 20px 10px 20px; line-height:18px;} .sidebar-middle h4 a {color:#cfcdc4; text-decoration:none;} .sidebar-middle h4 a:hover {color:#f2e6db; text-decoration:none;} .sidebar-middle img {border:4px solid #f2e6db; padding:0;} .sidebar-middle a img {border:4px solid #f2e6db; padding:0; outline-style:none;} .sidebar-middle a:hover img {border:4px solid #cfcdc4; padding:0; outline-style:none;} .sidebar-middle ul {padding:0 20px 0 20px;} .sidebar-middle ul li {list-style:none;} #tourdates a {width:178px; height:60px; margin-left:59px; background:url(images/tourdates.png) center no-repeat; text-indent:-9999px; display:block;} #familytree {width:191px; height:60px; margin-left:52px; background:url(images/familytree.png) center no-repeat; text-indent:-9999px; display:block;} #categories {width:181px; height:60px; margin-left:57px; background:url(images/categories.png) center no-repeat; text-indent:-9999px; display:block;} #archives {width:145px; height:60px; margin-left:75px; background:url(images/archives.png) center no-repeat; text-indent:-9999px; display:block;} .sidebar-tour p, .sidebar-tour address {font-size: 12px; padding-bottom: 15px;} .sidebar-tour h3 {font-size: 14px; font-weight: bold; color: #99958a; padding: 0; margin: 0 0 5px 10px;} /* Footer */ #footer {clear:both; margin-top:30px;} #credits {clear:both; padding:10px; font-size:11px; line-height:16px; color:#f2e6db; clear:both;} #credits a {color:#cfcdc4; text-decoration:underline;} #copyright {float:left;} #nav-bar-in-foot {float:right; margin-top:16px;} ul#navigation-in-footer li {float:left; padding:0 0 0 20px; list-style:none;} ul#navigation-in-footer li a {color:#cfcdc4; text-transform:capitalize; text-decoration:underline;}