/* Theme Name: Custom Michelle Lindsay Theme URI: http://photographyblogsites.com/customize Description: Custom WordPres theme from PhotographyBlogSites.com. Version: 1.0 Author: PhotographyBlogSites Author URI: http://photographyblogsites.com Template: BlogSite */ /* 1) RESET some things for a good starting point - based on yahoo reset */ @import "style/css/reset.css"; /* 2) Bring in all basic style from default theme, but cleaned up and simplified */ @import "style/css/default.css"; /* 3) Add our own style on top of it all */ .updated { display: none; } .fade { display: none; } /* BASIC FONTS */ body { color: #989898; text-align: left; font-size: 12px; font-family: "Century Gothic" ,helvetica,arial,sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear:both; margin:10px 0 6px; font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif;} h1, h2 { font-size:26px; } .entry h2 { font-size:20px; } h1 { display: block;font-size: 38px; line-height: 1.5em; margin: 25px 0px 4px; overflow: hidden; text-align: left; } h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #8AD3DF; } p { margin: 0 0 10px; } .post-thumbnail { font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif; font-size: 15px; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 1px solid #8AD3DF; font-style: italic; } /* LINKS */ a { color: #8AD3DF; text-decoration: none; cursor: pointer; } a:hover { color: #8AD3DF; text-decoration: underline; } #topMenu a:hover, #blog-menu a:hover, .sf-menu a:hover { text-decoration: none; } #topMenu a, #blog-menu a, .sf-menu a, #blog-menu input#searchsubmit, #sidebar input#searchsubmit { font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif; font-size: 15px; text-transform: uppercase; } /* PAGE WIDTH */ #page { width: 1052px; } #content { width: 780px; } /* BACKGROUND IMAGES ***********************************/ /* images commented out to prevent 404 errors */ body { background: transparent; } #bg-page-shadow { background: transparent; } #page-top { background: transparent; height:0;} #page-bottom { background: transparent; height:0;} #page { background: #8AD3DF; } #header { background: transparent; } #content { background: #fff; } #sidebar { background: #fff; } #footer { background: #fff; } body.home #footer { margin: 0 0 0; } /* STRUCTURE ********************************************/ #content, #footer { overflow: hidden; } body { margin: 0; padding: 5px 0; } #page { margin: 15px auto 0px; padding: 0; text-align: left; z-index: 997; } #header { margin: 0px; width: 100%; padding: 0; z-index: 99; display: block; float: left; position: relative; } #content { font-size: 1.2em; padding:0px 0px 0px; clear:both; min-height: 400px; } #sidebar { width: 192px; float: left; display: inline; margin:0px 10px 50px; padding: 40px 0;} #footer { clear: both; height: 130px; } .section { clear: both; overflow: hidden; } /* alternate page layouts */ #page_title { width: 350px; float: left; display: inline; background: #000; } body.page-template-default #content { float: right; display: inline; } #page_title img { float: right; display: block; } body.page-template-page-galleryPage-php #page { background: transparent; } /* ABOUT PAGE */ #top-links { height: 347px; width: 980px; float: none; clear: both; margin: 0; padding: 0; } #bottom-links { height: 343px; width: 980px; float: none; clear: both; margin: 8px 0 0; padding: 0; } a#about-link-artist { float: left; display: inline; } a#about-link-experience { float: right; display: inline;} a#about-link-studio { } a.about-links { cursor: pointer; } a.about-links:hover { opacity: 0.8; } /* PAGE TITLES */ body.page-id- /* MENU */ #menu-holder { } .main-menu { background: white url(style/images/logo_for_menu.png) no-repeat -6px 25px; background-color: rgba(255, 255,255,0.6); left:8px; position:absolute; text-align:center; width:100%; } .main-menu {background: #8AD3DF url(style/images/logo_for_menu.png) no-repeat 2px 25px; } #menu-closed { height:134px; top:0px; width:254px; } #menu-open { overflow:hidden; top:0px; display: none; width:254px; padding:80px 0 56px; } body.page-template-page-galleryPage-php #menu-open { height: 147px; } body.page #menu-open, body.page #menu-open ul#menu, body.page #menu-open a { display: none; } body.page #menu-closed { display: block; } body.parent-pageid-2 #topMenu ul#menu li#about.show ul.children { display: block; } #menu-open a#close, #menu-closed a#open { left:0px; position:absolute; text-align:center; width:100%; } #menu-closed a#open,#menu-open a#close { background: transparent url(style/images/bg_menu_close_a.png) no-repeat 38px 0; bottom:0px; padding:25px 0 7px; cursor: pointer; font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif; font-size: 12px; text-transform: Capitalize; color: #fff; } #menu-closed a#open { background: transparent url(style/images/bg_menu_open_a.png) no-repeat 44px 1px; } #menu-open a#close:hover { text-decoration: none; } #menu-open a, #menu-open ul { display: block; } #menu-open ul { clear:both; display:block;} #menu-open ul li { margin:5px 0; clear:both; display:block; } #topMenu { z-index: 997; font-size:14px; letter-spacing:1.8px; display: inline; float: left; margin-top: 0px; text-align: left; } /* Keep z-index high to prevent issues with drop down menu */ #blog-menu { z-index: 999; display: block;} #topMenu ul { text-align: left; margin: 13px 0 0 26px; } #topMenu ul li { overflow: hidden; float: left;display: block; margin: 0; clear: both; } #topMenu ul li a { padding: 0 0 0 28px; letter-spacing: 1px; font-size: 14px; color: #fff;} #topMenu ul ul li a { } #topMenu ul li a: hover { color: #8AD3DF; } #topMenu ul.children { margin: 2px 0 0 13px; display: none; } #topMenu ul.children li {} #topMenu ul.children li a { } #topMenu ul li a:hover, #topMenu ul li.current_page_item a, #topMenu ul li.current_page_parent a:hover, #topMenu ul li.current_page_parent a, #topMenu ul li li a:hover, body.page-id-26 #topMenu ul li#contact, body.page-id-2 #topMenu ul li#about, body.page-id-24 #topMenu ul li#galleries, body.page-id-4 #topMenu ul li#blog { background: url(style/images/bg_menu_rollover.png) no-repeat scroll -6px 0; color: #8AD3DF; } #topMenu ul li a:hover, #topMenu ul li.current_page_item a, #topMenu ul li.current_page_parent a:hover, #topMenu ul li.current_page_parent a, #topMenu ul li li a:hover, body.page-id-26 #topMenu ul li#contact, body.page-id-2 #topMenu ul li#about, body.page-id-24 #topMenu ul li#galleries, body.page-id-4 #topMenu ul li#blog { color: #143d8d } body.page-id-26 #topMenu ul li#contact a, body.page-id-2 #topMenu ul li#about a, body.page-id-24 #topMenu ul li#galleries a, body.page-id-4 #topMenu ul li#blog a { color: #8AD3DF; } body.page-id-26 #topMenu ul li#contact a, body.page-id-2 #topMenu ul li#about a, body.page-id-24 #topMenu ul li#galleries a, body.page-id-4 #topMenu ul li#blog a { color: #143d8d; } #topMenu ul li.current_page_parent li a, body.page-id-2 #topMenu ul li#about li a { background: transparent; color: #fff; } body.page-id-2 #topMenu ul li#about li a:hover { background: url(style/images/bg_menu_rollover.png) no-repeat scroll -6px 0; color: #8AD3DF; } #topMenu ul li.page-item-11 ul { margin-left: 20px; } #topMenu ul li.page-item-11 ul li { margin: 2px 10px 0 0; } #topMenu ul#socialLinks li a { color: #8AD3DF; } #topMenu ul#socialLinks li a { color: #FFFFFF; } #topMenu ul#socialLinks li a:hover { background: transparent; } #topMenu ul#menu li.show ul.children { display: none; } #topMenu ul#menu li.hover ul.children { display: block; } body.home #menu-open { height: 564px;} body.page-template-page-blogPage-php #menu-open, body.single #menu-open, body.archive #menu-open, body.search #menu-open { height: 186px; } /* HEADER AREA */ #logo-and-social { display: none; } #just-logo { margin: 0px; } #logo-wrapper { text-align: left; background: transparent; overflow:hidden; } #just-logo img { margin: 0 auto; width:100%; } #logo-wrapper .logo { } #logo-wrapper h1 { bottom:109px; font-size:42px; width:100%; text-align: left; margin: 0; } #logo-wrapper p { font-size:15px;width: 100%; text-align: left; margin: 8px 0px 0px;} #menu-and-intro { clear: both; overflow: hidden; } #wide-logo { clear:both; overflow:hidden; width:100%; text-align: center; } #wide-logo img { margin: 0 auto; display: block; padding: 0; border: 0px; } #socialMenu { clear: both; float: left; margin: 0px 0px 0px 48px; overflow: hidden; } #header ul#socialLinks { display: inline; float: left; padding: 0; width: 300px; margin: 7px 0 0 0px; } /* List of social links */ #header ul#socialLinks li { display: inline; float: left; margin: 0 0 0 15px; clear: none; } #header ul#socialLinks li a { display:block; display:block; letter-spacing: 1px; padding: 0; font-family: "MuseoSlab500", Georgia, Times Roman, Sans-Serif; } #menu-and-intro ul#socialLinks { margin:0; } #menu-and-intro #socialMenu { height: auto; width: 350px; } #social-menu {} #twitter-bg-color { margin:0px auto; overflow:hidden; width:210px; } #twitter-bg-cutout { border:0 none; height:100%; overflow:hidden; padding:0px; width:100%; } #twitter-bg-cutout h3 { padding:0 13px 0 12px; font-size:20px; text-align: right; margin-top:auto;} #latest-twitter ul.twitterList { background:transparent; border:0 none; float:right; margin:0; padding:0 12px 7px 16px; width: 179px; font-size:24px; } #latest-twitter ul.twitterList li { font-weight:normal; text-indent:0; padding:0; font-size:14px;} #latest-twitter { } #latest-blog-wrapper { overflow: hidden; background: transparent url(style/images/bg_blog_feed.jpg) no-repeat top center;} #latest-blog-intro { height: 36px; color: #8AD3DF; background: transparent url(style/images/bg_hand.jpg) no-repeat top right; padding: 0; float: left; margin: 21px 0 0; width: 328px; } #latest-blog { float: left; font-size: 16px; height: 63px; margin: 0 0 0; padding: 18px 0 0; width: 652px; } #latest-blog div.latest-blog { float: none; margin: 0; display: block; } #latest-blog p { font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif; margin: 0; padding: 0; color: #133D8D; font-size: 14px; text-align: left; } #latest-blog p a { font-size: 11px; color: #133D8D; } #latest-blog h2 { font-family: "ProximaNovaLight", "Century Gothic", Arial, sans-serif; font-size: 14px; color: #133D8D; margin: 0 5px 0 0; padding: 0; text-transform: uppercase; float: left; } #latest-blog h2 a { color: #133D8D; } #latest-blog span { float: left; } .top-menu { z-index: 999; } #latest-twitter ul.twitterList li a { font-weight:normal; text-decoration:none; } #banner { clear:both; } #banner img { width:100%; display: block; } #banner #slideshow-wrapper { border-bottom:1px solid #666666; border-top:1px solid #666666;padding:1px 0; } #slideshow-wrapper-home .slideshow img { width: 100%; } /* FOOTER */ #location_statement { float: left; margin: 70px 0 0 50px; display: inline; color: #D2EDF3; text-transform: capitalize; font-size: 14px; } #photog_statement { float: right; margin: 40px 50px 0 0; display: inline; color: #fff; text-transform: none; font-size: 24px; } /* END HEADER AREA */ .slideshow { display: block; height: 100%; } #slideshow-wrapper { display: block; clear: both; margin:0px auto; overflow: hidden; z-index:3; } #slideshow-wrapper img { width: 100%; display: block; z-index: 2; height: 100%; } #header #blog-menu ul#socialLinks { margin: 4px 0 0 0px; } /* EASY FANCY STYLES *************************************/ .right { float: right; display: inline; } .left { float: left; display: inline; } .clear { clear: both; overflow:hidden; } .round3 { -moz-border-radius:3px; -webkit-border-radius:3px; } .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; } /* SPECIFIC TO PHOTOBLOGSTARTER ********************************/ .titleBlock {} #searchBox { width: 188px; float: right; display: inline; margin:6px 0 0; } /* holds search form */ /* WORDPRESS STYLES ****************************************/ /* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */ img.alignright { float:right; margin:0 0 10px 10px; } img.alignleft { float:left; margin:0 10px 10px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:100%; clear:both; } a img.alignright { float:right; margin:0 0 10px 10px; } a img.alignleft { float:left; margin:0 10px 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p img { margin:0 10px; } p img.alignnone { margin: 0 auto; } /* SIDEBAR */ #sidebar {z-index: 999999;} #social-holder { position: relative; height: 100px; z-index: 999999; } #sidebar #social-holder ul { position: absolute; top: -128px; right: -52px; width: 201px; height: 197px; } #sidebar #social-holder ul li { clear: both; display: block; height: 20px; width: 96px; margin: 0 auto; } #sidebar #social-holder ul li a {display: block; width: 100%; height: 100%; } #sidebar #social-holder ul li#twitter { margin-top: 82px; } #sidebar #social-holder ul li#facebook { margin-top: 4px; } #sidebar #social-holder ul li#rss { margin-top: 4px; } #sidebar ul { margin: 15px 8px 10px;text-align: left; } #sidebar ul ul { margin:0px 0 20px 10px; } #sidebar ul li { margin-bottom:2px; } #sidebar ul li li { font-size: 12px; text-transform: capitalize; } #sidebar ul li li li {} .sidebar ul ul, .sidebar ul ol { margin:5px 0 0 5px; } .sidebar ul ul ul.children { margin:0 0 10px 4px; padding:0 6px; } .sidebar ul ul li, .sidebar ul ol li { } .sidebar ul ul ul.children li { } .sidebar #searchform #s { } .sidebar #searchsubmit { } #sidebar h2 { padding: 0 0 6px 10px; font-size: 16px; font-family: "Century Gothic", Arial, sans-serif; text-transform: uppercase; background: transparent url('style/images/bg_header.gif') repeat-x bottom center; width: 100%; text-align: left; } .sidebar h3 { } /* POSTS / The LOOP */ body.page #content { /*height: 902px;*/ height:auto; padding: 0px 0px 36px; background: white url(style/images/bg_post.jpg) no-repeat bottom center; } body.page-template-page-blogPage-php #content { height: auto; } body.page-template-page-blogPage-php #content { background: transparent; } .between-posts { background: white url(style/images/bg_post.jpg) no-repeat bottom center; height: 30px; } .post { overflow:hidden; margin: 0 0 10px; } .has-thumb div.page { display:inline; float:right; overflow:hidden; width:630px; margin:0; } .entry { display: block; overflow: hidden; padding: 21px 0px 0 30px; margin: 20px 0 0 76px; font-size: 12px; } .has-thumb div.entry { padding: 0px 10px; } .post-thumbnail { display: block; float: none; overflow: hidden; width: 100%; margin: 0; } .post-thumbnail img { border: none; display: inline; margin: 0px; float: left; padding: 0px; } .page-blurb { float: right; display: inline; margin: 0; text-align: left; width: 400px; color: #8AD3DF; font-size: 46px; } .page-blurb p { line-height: 49px; margin: 0; font-size: 1em; } .quote {} .quote-start {} .quote-end {} .before-posts { display: block; margin: 0 0 20px; overflow: hidden; clear: both;} .before-posts h2 { font-size: 54px; clear: none; display: inline; float: left; margin: 11px 0px 0px; line-height: 1.1em; } span.date { display: block; font-weight:normal; padding:0; text-transform: capitalize; font-size:17px; color: #1C509C; clear: both; font-family: "MuseoSlab500", Courier, Times Roman, serif; } span.date a { margin:0 0 0 15px; color: #1C509C; } h2.pagetitle span.date { float: none; margin:10px 0 0; font-size:28px; } h2.pagetitle { font-size: 18px; margin: 13px 20px 0px; text-align: right; clear: none; float: left; } .postmetadata { width: 100%; float: left; clear: both; } .postmetadata { text-align: left; clear:both; margin:10px 10px 20px 0; } .navigation { clear:both; display:block; height:40px; margin:10px 0; } .navigation a:hover { text-decoration: underline; } .postmetadata a { } .wp-caption { } .post .wp-caption img {} .navigation { clear:both; height:auto; margin:10px 39px;} .entry ul { text-indent: 0; } a.post-edit-link { clear: both;margin: 10px 40px 0; color:#7A7A7A; float:right; font-size:11px; padding:1px 4px; } .between_posts {margin: 10px auto; float: none; clear: both; display: block; } .even, .alt { border: none; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } textarea, #commentform textarea { border: 1px solid #E0DEDE; padding: 5px; } .comments-wrapper { display: block; clear: both; padding: 20px; } .alt { background: #F6F6F6; border: 1px solid #E9E9E9; } .alt .comment { background: #fff; border: 1px solid #E9E9E9;} /* FORMS */ .entry form { text-align:left; } form#searchform { float: left; margin: 0px; padding: 2px 2px 2px 6px; text-align: left; width: 257px; } input#searchsubmit { font-size:20px;background: transparent; border:0 none; cursor: pointer;float:right; } input#s { border:1px solid #C5C5C5; padding:3px 6px; width:118px; margin:2px 0 0; } form#searchform, #sidebar form#searchform { float:right; margin:2px 0 20px; padding:0; text-align:left; width:236px; } #searchform input#s, #sidebar #searchform input#s { background: transparent; font-size: 12px; padding: 2px; width: 130px; float: right; border: 1px solid #8AD3DF; display: inline; clear: none;} input#searchsubmit, #sidebar input#searchsubmit { clear: none; color: #8AD3DF;font-size: 12px; padding: 4px 0 0; margin-right: 11px; } #sidebar #searchform #s { font-size:12px; padding:2px; width:97px; } div.more-link { text-align: right; float: right; display:inline; width: 149px; height: 43px; background: url(style/images/open_post.jpg) no-repeat top center transparent; } body.single div.more-link { margin: 12px 20px 0; text-align: right; float: right; clear: both; display:inline; width: 149px; height: 43px; background: url(style/images/close_post.jpg) no-repeat top center transparent; } div.comments-link { text-align: left; float: left; display:inline; width: 471px; } div.more-link a { display: block; width: 100%; height: 100%; } .textwidget a img { margin: 4px 0; } .textwidget a:hover img { } .textwidget a { } .textwidget a:hover { } /* EXTRAS for Standard Plugins */ div.breadcrumb { margin: 10px 0 0 40px; } div.breadcrumb a { font-size:1.1em; letter-spacing:1.2px; } div.sociable { clear:both; } /*** END WORDPRESS STYLES ***************************************/ /*** SUPERFISH STYLES ******************************************* / / Keep z-index of #topMenu high to prevent issues with drop down menu / If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher / If you move dropdowns to another element, make sure that element has a high z-index value / */ /*** SUPERFISH - EDIT COLORS ***/ .sf-menu a { padding:11px 18px; text-decoration:none; } #blog-menu .sf-menu a { padding:7px 11px; } .sf-menu a, .sf-menu a:visited { } .sf-menu li { background: transparent; } .sf-menu li li { background: #fff; display:block; float:none;} .sf-menu li li li { background: #fff; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; outline: 0; } .sf-sub-indicator { display: none; } .sf-menu li.sfHover a { } .sf-menu a:hover { } .sf-menu a /*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/ .sf-menu { float: left; margin-bottom: 1em; z-index: 1001; } .sf-menu li { z-index: 1002; } .sf-menu li ul { z-index: 1003; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } #links.sf-menu { float:right; } .sf-menu ul { position: absolute; top: -999em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width: auto; } .sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; white-space:normal; } .sf-menu li ul li { } .sf-menu li a { text-transform: capitalize; } .sf-menu li li a { text-transform: capitalize; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.1em; z-index: 99; font-size: 14px; letter-spacing: 1px; } /* top value used to match top ul list item height */ ul#links.sf-menu li:hover ul, ul#links.sf-menu li.sfHover ul { right: -10px; top: 36px; z-index: 99; font-size: 14px; letter-spacing: 1px; text-align: right; left: auto; } /* top value used to match top ul list item height */ #topMenu .sf-menu li.linkcat ul { right: 0; left: auto; } 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: 10em; top: 0; } /* left value used to match /*** SUPERFISH - arrows ***/ .sf-menu a.sf-with-ul { } /* trigger IE7 hasLayout so spans position accurately */ .sf-sub-indicator { display: none; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** SUPERFISH - apply hovers to modern browsers ***/ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } /* arrow hovers for modern browsers*/ /*** SUPERFISH - point right for anchors in subs ***/ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /*** SUPERFISH - apply hovers to modern browsers ***/ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** SUPERFISH - shadows for all but IE6 ***/ .sf-shadow ul { background: url('style/images/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; } /* Exrtas ******************************/ div.sociable { float:right; margin:16px 0 0; padding:1px 10px; } div.sociable ul { float: left; display: inline; } div.sociable li { float: left; display: inline; margin:3px 4px 0 0; opacity:0.6; width:20px; } .sociable_tagline { float: left; display: inline; } /* COMMENTS */ .commentsSection {} #respond { clear:both;} form#commentform {} ol.commentlist { margin: 8px 0 0; } ol.commentlist li { margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } #commentform textarea { padding:2px; width:100%; } #commentform input { } .commentlist li .avatar { float:left; padding:2px 10px 2px 0px; } .commentlist li div.avatar { width: 40px; height: 40px; } .commentlist li h5 { display: inline; } #commentform #submit { background:transparent none repeat scroll 0 0; border:1px solid #5A5A5A; } /* Forms ******************************/ #content wpcf7 { display:block; overflow:hidden; padding:2px;} .entry .wpcf7 form { margin:0 auto 25px; overflow:hidden; text-align:center; width:332px;float:left; } .entry .wpcf7 form br { display: none; } .wpcf7 { float:left; margin:10px; padding:10px; width:100%; } .commentsWrapper { float:left; margin:10px; padding:10px; } .wpcf7 form {} .wpcf7 form p { text-align:left;clear:both; display:inline; float:left; line-height:1.8em; margin:0 0 8px 0; padding:0; text-transform:uppercase; } .wpcf7 p.input { clear:right; display:inline; float:right; margin:21px 0 0; width:338px; } .wpcf7 p.submit { float: right; clear: both; } input { border: 1px solid #8AD3DF; } input[type="text"] { width: 322px; padding: 2px; font-size: 14px; } input[type="submit"] { padding: 4px 5px; text-transform: uppercase; font-size: 12px; font-family: "Century Gothic", Helvetica, Arial, Sans-Serif; background: transparent;} .wpcf7 img.ajax-loader { display: none;} .wpcf7 textarea { width: 317px; border: 1px solid #8AD3DF; } /* CONTACT & COPYRIGHT *****************/ .copyright-line { clear: both; width: 980px; margin: 20px auto 0; text-align: center; color:#8AD3DF;} #vcard { clear:both; color:#333333; display:block; font-size:14px; margin:0 auto; overflow:hidden; width:980px; } #vcard .tel { float: left; display: inline; } #vcard .adr { float: right; display: inline; } #vcard .street-address {} #vcard .locality {} #vcard .region {} #vcard .postal-code {} #vcard .country-name {} ul.footerNav { width: 33%; float: left; display: inline; text-align: center;} p.design { font-size:11px; margin:10px auto 20px; padding:0; text-align:center; color: #8AD3DF; } p.design a { color: #8AD3DF; } div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{ float:left; }