/* Theme Name: Karmatheme Description: Wordpress Design by Karmatize Author: Karmatize Author URI: http://www.Karmatize.com Version: 1.1 */ /* =================================== */ /* = SITE STRUCTURE ................ = */ /* =================================== */ html, body{height:100%; min-height:100%;} body {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:0.8em; line-height:1.75em; color:#4F4F4F; background:#7f7f7f url(images/bg-gradient.png) repeat-y; background-position:center;} .wrap {min-height:100%; height: auto !important; height: 100%; margin:0 auto -280px;} /*position:relative; magin: 0 auto; padding: 0px; overflow:hidden; */ #headerwrap{position: relative; width:100%; height:180px; clear:both; overflow: visible; background:url(images/bg_header.png) center repeat-x; z-index:100;} /*height:190px;*/ #header {position:relative; min-height:35px; margin: auto; padding:auto; z-index:100; } #logo {position:relative; width:240px; height:160px; margin:auto; padding:auto; z-index:99; overflow: visible; clear:both; display:block; text-align:center; border:none;}/*Logo is 319x172, but this allows for center*/ #transparency {position:absolute; background: #000; width:100%; z-index:1; clear:both; display:block; opacity: 0.55; filter: alpha(opacity=55); -moz-opacity: 0.55; } #bodywrap {position:relative; width:100%; padding: 0px; overflow: hidden; clear:both; background:#7f7f7f url(images/bg-gradient.png) repeat-y; background-position:center;} #footerwrap {position: absolute; width:100%; clear:both; overflow: hidden; background: #000 url(images/bg_footer.png) top repeat-x; z-index:200; height:280px;} .push{height:280px; clear:both;} /*needed for sticky footers*/ #footer {position: relative; margin: 0 auto; padding: 15px 0px; line-height:50px; } #footer h2{color:#B0FF05!important; font-size:120%; float:left; text-shadow:#666 0px 1px 0px; text-transform:capitalize;} #footer a{color:#B0FF05!important;} #copyright {position: relative; background:#000; clear:both; overflow: hidden; padding: 15px 0 5px 0;} #copyright p{color:#f1f1f1; text-align:center;} #col-twitterfeed, #col-socialmedia, #col-gcalender {padding-top: 45px; padding-bottom:3px; line-height: 16px;} #col-twitterfeed p, #col-socialmedia p, #col-gcalender p{color:#f1f1f1;} /* HOMEPAGE ELEMENTS */ #homeheaderwrap{position: relative; width:100%; height:180px; clear:both; overflow: visible; background:url(images/bg_header1.png) center repeat-x; z-index:100;} #mainbodywrap {position:relative; width:100%; padding: 0px; overflow:visible; clear:both; background:#7f7f7f url(images/bg-gradient.png) repeat-y; background-position:center;} /* overflow:visible; background-color:#000;*/ #homefooterwrap {position: absolute; width:100%; clear:both; overflow: hidden; background: url(images/bg_footer1.png) top repeat-x; z-index:200; margin-top:-35px; padding-bottom:35px;} #carouselcontent {position:relative; float:left; width:610px; height:440px; z-index:1; margin-top:-46px;} #rightcontent {position:relative; float:left; width:386px; height:445px; z-index:201; overflow:hidden; margin-top:-30px; z-index:99;} #musicplayer {position:relative; min-height:66px; margin: auto; padding:0px; overflow:hidden;} /* =================================== */ /* = POST/PAGE Structure ................ = */ /* =================================== */ #service{position: relative; margin-bottom:20px; clear:both;} #testimonial-grid{margin-bottom:15px; margin-right:35px; } #testimonial{position: relative; margin-bottom:30px; margin-right:35px; clear:both; }/**/ #about-grid{margin-bottom:15px; margin-right:35px; } /* Post Metainfo */ .post-metainfo{color:#7D7D7D;} .metainfo-share{} .metainfo-person{padding:0 5px 0 21px; background:url(images/icon_sprite.png) 0 -192px no-repeat;} .metainfo-date{margin-left:7px; padding:0 5px 2px 21px; background:url(images/icon_sprite.png) -64px -128px no-repeat;} .metainfo-comments{float:right; padding:0 5px 0px 21px; background:url(images/icon_sprite.png) -32px -160px no-repeat;} .metainfo-readmore{float:right; padding:0 0px 15px 0px;} .metainfo-socialnetworking{float:left; padding:0 0px 15px 0px;} .metainfo-tags{float:left; padding:0 5px 15px 20px; background:url(images/icon_sprite.png) 0 -210px no-repeat;} .metainfo-categories{} /* Post Specific */ .post-wrapper-single {margin:15px auto; overflow:hidden;} .post-content{} /* This is the layer for the actual text minus the meta data */ .post-tags{float:left; margin-top:10px; margin-bottom:10px;} .pagination-left{float:left; margin-top:5px;} .pagination-right{float:right; margin-top:10px;} #sidebar {width:260px; margin-left:35px;} .sidebar-box {margin: 15px auto; padding:0; overflow:hidden; -moz-border-radius:8px; border-radius: 8px; background:#8dbb3e; } .sidebar-box h3 {margin-bottom:0px; padding: 8px 20px; width:240px; text-transform:capitalize; color:#f4f4f4;} .sidebar-box ul{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; vertical-align:middle;} .sidebar-box ul li {margin:0; padding: 10px 20px; display: block; border-top: 1px dotted #f4f4f4; color:#f4f4f4;} .sidebar-box ul li #sidebar-datetime{font-size:11px; display:block;} .sidebar-box ul li #sidebar-comments{font-size:11px; display:block;} .sidebar-box ul li:hover{background:#c5f96b; color:#999} .sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {font-size:13px; font-weight:bold; line-height:1.5em;} .sidebar-box ul li a:hover {} .sidebar-box ul li #sidebar-blurb{font-size:12px; display:block; line-height:15px; padding-top:2px; padding-bottom:3px;} /*FOR Pages (PAGE.PHP) */ #page-content {} /* =================================== */ /* = NAVIGATION ELEMENTS............ = */ /* =================================== */ .contactinfo{position:relative; float:right; z-index:99; overflow: visible; border:none; color:#fff; margin-top:6px; font-weight:bold; text-align:right; font-size:16px; font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif !important; text-shadow:#000 0px 2px 0px; } /*line-height:22px;left:750px; position:absolute;*/ .contactinfo #number{color:#B0FF05; margin-right:9px; padding:0 0 1px 20px; background:url(images/icon_sprite.png) -190px 2px no-repeat;} /* */ .contactinfo #mail{color:#B0FF05; padding:0px 0 1px 22px; background:url(images/icon_sprite.png) -95px -94px no-repeat;} /* */ .contactinfo #mail a{color:#B0FF05;} .contactinfo #mail a:hover{color:#b5ca87; text-decoration:underline;} /* Main menu / Header */ #menu{font-size:190%; } /* 163%*/ /* Containers and general Setup */ .centered {margin:auto; padding:auto; } /*960px with blog; width:870px; display:block; clear:both;*/ .centered_home { margin: auto; padding: auto; } /*870px with blog; width:750px;display:block; clear:both;*/ ul#topnav {float:left; margin: 0; padding: 0; list-style: none; font-size: 0.65em; line-height:35px; z-index:200; } /* width: 100%; */ ul#topnav li {float: left; margin: 0; padding: 0; position: relative; /*--Important--*/ } ul#topnav li a {float: left; height: 35px; text-decoration:none; color:#FFF; display:inline; outline:none; padding:0 10px; text-transform:capitalize; text-shadow:#000 0px 2px 0px;} ul#topnav li:active a, ul#topnav li a:active {color:#b0ff05;} ul#topnav li:hover a, ul#topnav li a:hover {text-decoration:none; color:#b0ff05;} /*--Hover State--*/ ul#topnav a.about, ul#topnav a.services, ul#topnav a.media, ul#topnav a.testimonials {padding: 0 17px 0 10px; margin-right:4px; background:url(images/menu_arrow.png) right no-repeat; font-weight:bold;} ul#topnav a:hover.about, ul#topnav a:hover.services, ul#topnav a:hover.media{background:url(images/menu_arrow.png) right no-repeat; text-decoration:none; } ul#topnav li .sub { position: absolute; /*--Important--*/ top: 35px; left: 8px; z-index: 999; background: transparent url(images/bg-submenu.png) repeat; /*Find a better way of doing bg transparency */ padding: 0; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; display: none; /*--Hidden for those with js turned off--*/ border:0px solid #9f9f9f; border-top:0px; overflow:hidden; } ul#topnav li #here{position:absolute; padding:0; margin:0; width:100%; height:100%; /*background-color: #000; Find a better way of doing bg transparency */ /* opacity: 0.55; filter: alpha(opacity=55); -moz-opacity: 0.55; z-index:4; */ } ul#topnav li .row { /*--If needed to break out into rows--*/ clear: both; float: left; width: 100%; margin-bottom: 10px; } ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 135px; float: left; } ul#topnav .sub ul li { width: 100%; /*--Override parent list item--*/ text-align:left; color: #fff; z-index:500; /*necessary in order for the links to be infront of transparency */ overflow:none; } ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/ padding: 0; margin: 0; font-size: 1em; font-weight: bold; text-transform:uppercase; font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif !important; } ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #e8e000; } ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Override text-indent from parent list item--*/ height: auto; /*--Override height from parent list item--*/ background: none; padding: 0px 5px 0px 10px; display: block; text-decoration: none; color: #fff; font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:14px; text-transform:capitalize; } ul#topnav .sub ul li a:hover {color:#b0ff05; } /* =================================== */ /* = MAIN LAYOTUS DIVS ............. = */ /* =================================== */ /*- 66% split -*/ #col-2thirds-l {width:639px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; border-right:1px solid #111;line-height: 16px;} /*- Full Width -*/ #col-full {width:1000px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; border-top:1px solid #111;line-height: 16px;} /* =================================== */ /* Details */ /* =================================== */ /* Pull Quotes */ #pullquote-con { margin: 10px auto; padding: 25px 25px; overflow: hidden;color:#4D7143; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block; background-color:#f4f4f4; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius: 8px; }/* border-right:3px solid #c5f96b; border-left:3px solid #c5f96b; width: 555px;*/ #pullquote-sb {width: 500px; margin: 0px 0px 0px 0px; padding: 10px 30px 10px 30px; float: left; overflow: hidden;color: #4D7143; font-size: 130%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;line-height: 18px;} #pullquote-full {width: 660px; margin: 10px 10px 10px 10px; padding: 20px 30px 20px 30px; float: left; overflow: hidden; border-right:3px solid #111; border-left:3px solid #111; color: #4D7143; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block;} .event{display:table; width:500px; text-align:left; } /* =================================== */ /* GLOBAL STYLES */ /* =================================== */ /* IMAGE Classes */ img {border:0; margin: 0 auto; padding: 0px; float: left;} /* overflow: hidden; */ .right {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden;} .left {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;} .alignright {float:right !important; margin:0 0 2.2em 2.8em; clear: right;} .alignleft {float:left !important; margin:0 2.8em 2.2em 0; clear: left;} .aligncenter, .centered {float:none !important; display: block; margin:auto; padding:auto; text-align:center;} .imageshadow{position:relative; float:left; background:url(images/img-shadow.png) bottom right no-repeat; margin-top:4px !important; padding:0 12px 12px 0;} .imageshadow img{position:relative; border:1px #e4e4e4 solid; margin:-4px 0 0 -4px; padding:10px !important;} #carouselimg {border-right:5px solid #b0ff05; border-left:5px solid #b0ff05;} .attachment-single-post-thumbnail { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #CCCCCC; margin: 0 1em 1em 0; padding: 6px; } /* LISTS classes */ ul{list-style:disc; color:#4F4F4F;} ol{list-style:decimal; color:#4F4F4F;} li{font-size:100%; margin:0 0 5px 30px;} /* MISC stuff */ hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;} /* =================================== */ /* TYPOGRAPHY */ /* =================================== */ /* TYPOGRAPHY - general */ p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;} p {color:#4F4F4F; font-size:1.05em; line-height:160%;} /* HEADLINE SIZING */ h1,h2,h3,h4,h5,h6 {color: #4D7143; font-weight:bold;} /* H1, Main Section Titles */ h1 {font-size: 160%; margin: 0px 0px 17px 0px; padding: 0px; line-height: 50px;} h2 {font-size: 145%; margin: 0px 0px 7px 0px; padding: 0px; line-height: 30px;} h3 {font-size: 125%; margin: 0px 0px 5px 0px; padding: 0px; line-height: 25px;} h4 {font-size: 100%; margin: 0px 0px 4px 0px; padding: 0px; line-height: 20px;} h5 {font-size: 100%; margin: 0px 0px 3px 0px; padding: 0px;} h6 {font-size: 100%; font-weight:normal; margin: 0px 0px 6px 0px; padding: 0px 0px 8px 0px; border-bottom: 1px dotted #555;} /* =================================== */ /* TEXT STYLING */ /* =================================== */ /* Text Styling */ .title {margin-bottom:0px; font-style:italic;} .italic {font-style:italic} .bold {font-weight:bold;} .alert {color:#ff0000;font-weight:bold;font-size: 100%;} .lightgreen{color:#a4db9b !important;} .lightblue{color:#8ab0df !important;} .lightmaroon{color:#dc878c !important;} .green{color:#4d7143 !important;} .blue{color:#384b7d !important;} .maroon{color:#74363d !important;} .white{color:#fff !important;} .grey{color:#999 !important;} .red{color:#F00 !important;} .superscript{font-size:x-small; vertical-align:super;} .subscript{font-size:x-small; vertical-align:super;} .nobr{margin-bottom:0px;} /* =================================== */ /* LINKS STYLING */ /* =================================== */ /* LINKS - general*/ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;} a:link {color: #4D7143; font-weight:bold;} a:visited {color: #4D7143; font-weight:bold;} a:hover,a:active {color: #4D7143; font-weight:bold; text-decoration:underline;} a:focus {outline: none;} /* LINKS - headlines */ .headline a:link {color:#ff7700; font-weight:bold;} .headline a:visited {color:#ff7700; font-weight:bold;} .headline a:hover {color:#ff9900; font-weight:bold;} .headline a:active {color:#ff9900; font-weight:bold;} /* =================================== */ /* TABLE STYLING */ /* =================================== */ .table-gen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;font-size: 90%} .table-rw-gen{padding: 0px;} #rates {color:#FFF; vertical-align:middle; text-align:center; line-height:20px;} /* Rates */ #services-table {font-family:Calibri, Verdana, Arial, Helvetica; font-size:125%;} /**/ #services-table td {padding:10px; text-align:center; border-bottom:1px solid #78af41; vertical-align:middle;} #services-table th {padding:0px 10px 15px 10px; font-size:24px; line-height:19px; text-align:center; text-shadow:#999 0px 1px 0px; } #services-table td img{float:none; display:block; clear:both; margin:auto; vertical-align:middle;} .services-thefeature{text-align:right!important; width:40%; } tr#services-price{font-size:19px; font-weight:bold; line-height:19px; text-align:center; background-color:#A5CF35 !important; padding:4px 8px 8px 8px; color:#fff!important; text-shadow:#999 0px 1px 0px;} .services-oddcolumn{background-color:#CEE591 !important; width:10%;} .services-evencolumn{background-color:#fff !important; width:10%;} #services-partypackage{color:#787878; background-color: #fff !important;} #services-moonlightpackage{color:#bc4848; background-color: #fff!important;} #services-goldpackage{color:#eac13e; background-color: #fff!important;} #services-platinumpackage{color:#2f8abd; background-color: #fff!important;} #services-diamondpackage{color:#b0ff05; background-color: #fff!important;} /* Extras */ #extras-container{width: 680px; float: left; position: relative; margin: 10px 15px 0 7px; padding: 0;} #extras-container-table{width:320px; float:left; padding:10px;} #extras-container-table-long{width:400px; padding:10px; margin-left:125px;} #extras-table{margin-top:5px; margin-bottom:8px; width:100%;} #extras-table td{padding:6px 8px;} #extras-table th{padding:4px 8px; color:#b0ff05; font-weight:bold;} .extras-odd{background-color:#191919;} /* 2c6219 */ .extras-even{} #extras-image{padding:10px 10px 0px 20px;} /* Media Page - Popular Songs Table */ #top-images{} #top-requests{margin: 0 20px 0 0; padding: 0;} .tab_content table {vertical-align:middle; width:100%;} .tab_content table th{background:#edf3f9; font-weight:bold; text-align:left; padding:6px 12px; font-size:16px;} .tab_content table td{padding:3px 12px 3px 20px; } .tab_content table tr{background:#edf3f9;} .tab_content table .even{background:#fff; color:#4F4F4F;} ul.tabs {float: left; position:relative; margin: 0; padding: 0; width: 230px; list-style: none; border-bottom: 1px dotted #3373a9; font-size: 1.0em;} ul.tabs h3{margin:0px; padding:7px 10px 7px 10px; background-color: #4D7143; color:#fff; display:block; clear:both;} ul.tabs li {position: relative; /*--Add a relative positioning--*/ float: left; margin: 0; padding: 0;} ul.tabs li a{border-bottom: 1px dotted #fff; padding: 10px 10px 10px 25px; display: block; color: #fff;text-decoration: none; width: 195px; background: #A5CF35; position: relative; /*--Add a relative positioning--*/ z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/} ul.tabs li a:hover {background-color: #c5f96b;border-bottom: 1px dotted #fff; } html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover {background:#c5f96b; color:#4D7143!important;} .tab_container {border-top: none; overflow: hidden; display:inline!important; clear: none; float: right; width: 100%;} .tab_content {padding:0 10px} /* =================================== */ /* FORM STYLING */ /* =================================== */ .submit {display: block; width: 290px; float: left; margin: 0px 0px 10px 0px; padding: 6px; font-weight: bold; font-size:110%; } /* Validation - ALERT */ .alert-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px; float:left; display:block; line-height: 12px; border:1px solid #cc0000; color:#fff;font-weight: bold; font-size:80%; background-position: top-left;} .input-alert { background-color:#ffcccc; border:3px solid #ff0000; color:#fff;font-weight: bold; font-size:80%; padding: 6px; } /* Validation - Positive GOOD/APPROVED */ .positive-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px; float:left; display:block; line-height: 12px; border:1px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; } .input-positive { background-color:#ccffcc; border:3px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; padding: 6px; } .hidden{visibility: hidden;} #box {margin-top:20px;} #box form{} #box p{display:block; padding:4px 0; margin-bottom:0px;} #box label {float:left; line-height:11px; padding:4px 0px; margin:0 10px 0 0px; font-weight:bold; line-height:16px; width:75px; text-align:right;} #box input {background:#fcfcfc; border:1px solid #dedede; padding:6px 5px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size:11px; height: 20px; color:#4f4f4f; width:240px;} #box input#name{} #box input#email{} #box input#telephone{} #box input#capverification{width:80px !important;} #box #button{width:90px; clear:both; height: 30px; padding-bottom:10px; line-height:18px; background-color:#E6EFC2; cursor:pointer;} #box #button:hover{ background-color:#e1e1e1;} #box .ajax-loader{clear:both; display:block;} #box textarea {background:#fcfcfc; min-width:150px; border:1px solid #dedede; font-family: Verdana, Helvetica, sans-serif; font-size:11px; color:#4f4f4f; height:80px; padding:5px;} #box-registration {margin:auto;} #box-registration form{} #box-registration p{display:block; padding:6px 0; margin-bottom:0px;} #box-registration label {float:left; width:110px; height:20px; line-height:21px; padding:6px 10px 4px 0px; margin:0px; font-weight:bold; text-align:right;} #box-registration input {background:#fcfcfc; width:250px; height: 20px; font-family: Arial, Helvetica !important; border:1px solid #dedede; padding:6px 5px 6px 10px; font-size:13px; color:#4f4f4f; } #box-registration input:focus{border:1px solid #e5cd00;} #box-registration input.button{width:160px; height:38px; border:none; padding:0; margin:5px 0 0 0;} #box-registration label.choice{float:none; width:130px; border:0px; padding:0; margin:0 15px 0 0; display:inline; font-weight:normal; height:15px; line-height:15px;} #box-registration input.choice_button{float:none; width:20px; border:0px; padding:0; margin:0 0 0 0; height:15px; line-height:0px;} #box-registration input.date-pick{width:95px;} #box-registration select{float:left; background:#fcfcfc; font-family: Arial, Helvetica !important; border:1px solid #dedede; padding:7px 5px 7px 3px; color:#4f4f4f; } .validation_header{} /* ========================= */ /* WORDPRESS SPECIFIC */ /* ========================= */ .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /*CHANGE FLICKR GALLERY STYLING */ .ui-widget-content { border: 0px solid #aaaaaa; /*background: #000 50% 50% repeat-x; color: #222222;*/ } .ui-tabs-nav{display:none;} .flickr-gallery.recent{margin-left:20px;} /*ADDTHIS BUTTON */ .addthis_container {width: 130px; height: 30px; float:right; margin-top:20px; background-color: none; border:0px solid #fff; clear:both;} /*Comment FORM*/ #respond h3 {color:#999;} ol.commentlist {margin:0; clear:both; overflow:hidden; list-style:none;} /*color:#939393;*/ ol.commentlist p { margin:10px;} ol.commentlist li {margin:10px 0; line-height:18px; padding:10px;} ol.commentlist li .comment-author {} ol.commentlist li .comment-author .fn {color:#000;} ol.commentlist li .comment-author .avatar{float:right; border:1px solid #dddddd; background:#ededed; padding:3px;} ol.commentlist li .comment-meta{font-size:10px;} ol.commentlist li .comment-meta a {color:#a7a7a7; text-decoration:none;} ol.commentlist li p {line-height:22px;margin-top:5px;} ol.commentlist li .reply{} ol.commentlist li .reply a{background:#77afbe; color:#fff; text-decoration:none; padding:5px 10px;} ol.commentlist li .reply a:hover{background:#000;color:#fff;} ol.commentlist li.odd {border:1px solid #E0E0E0; background:#E8E8E8;} /*border:1px solid #B7CB81; background:#DAF29A;*/ ol.commentlist li.even {border:1px solid #e5e5e5; background:#f4f4f4;} #respond label {display:block; float:left; line-height:21px; padding:4px 0; width:75px;} #commentwrap {display: block; width: 570px; margin-bottom: 20px;margin-top: 20px;margin-left: 5px;} #commentform {margin: 1em 0; background: none; margin-left: 20px;} #commentform label{font-weight:bold; color:#4D7143;} #commentform textarea {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1.0em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 375px; padding:7px; color:#4f4f4f; line-height:150%;} #commentform input {margin-bottom: 0px; background:#FAFAFA; border:1px solid #CCCCCC; color:#4f4f4f;} #commentform #author, #commentform #email, #commentform #url {width: 280px; font-size: 1.1em; background-color: #f8f7f6 !important; border: 1px solid #d6d3d3; height: 20px; padding:6px 6px 6px 30px;} #commentform #author {background: url(images/comment-author.gif) no-repeat; background-position: 7px 7px;} #commentform #email {background: url(images/comment-email.gif) no-repeat; background-position: 7px 7px;} #commentform #url {background: url(images/comment-website.gif) no-repeat; background-position: 7px 7px;} #commentform #email:focus, #commentform #author:focus, #commentform #url:focus, #commentform #comment:focus {background-color: #fdfdfd !important; border: 1px solid #E5CD00;} /* Calendar */ .wpng-widget-date-title {margin-top:0px; color:#99ff00;} .wpng-widget-date-title a:link {margin-top:0px; color:#A0A0A0; font-weight:normal;} .wpng-widget-date-title a:visited {margin-top:0px; color:#A0A0A0; font-weight:normal;} .wpng-widget-date-title a:hover {margin-top:0px; color:#A0A0A0; text-decoration:underline; font-weight:normal;} #TB_overlay{z-index:299;} #TB_window{z-index:300;} /* ========================= */ /* CLEAR FIXES */ /* ========================= */ .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} .fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;} . :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 */