@charset "utf-8"; /* CSS Document */ /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-decoration:none; } img { -ms-interpolation-mode: bicubic; } /* IE6 Hover fix*/ a:hover {background-position: 0 0;} /* General Styles */ body { background: #e5e5e5 url(../images/background.jpg); background-repeat:no-repeat; background-position:top center; padding-bottom:60px;} #wrapper { width:960px; margin:0 auto; position:relative; } .clear { clear:both; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } .alignleft {float:left; margin:0 1em 0.5em 0; } .alignright {float:right; margin:0 0 0.5em 1em; } h1.pagetitle {color: #00B5F8; font-size: 1.8em; font-weight: bold;} /* for tops of archive, search, etc pages */ /* Global Typography + "H" Headings*/ body { font-family: Arial, Helvetica, sans-serif; color:#666; font-size:13px; line-height:20px;} /* Header */ #border_top {background:url(../images/border_top.gif); width:960px; height:40px; background-repeat:no-repeat;} #header {width:960px; } #logo {float:left; margin:20px 0 30px 20px; display:inline;} #header_contacts { float:right; margin:20px 20px 30px 0; display:inline; text-align:right; color:#818181; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:13px; } /* Content */ #container {width:920px; background:#FFF; padding:0px 20px 10px 20px;} /* Top Panel - Here is Navigation and search box*/ #toppanel {width:920px;} /* Navigation in Top Panel*/ #navigation { float: left; position:relative; z-index:99;} #navigation ul { font-weight: bold; font-size:14px; text-transform:uppercase; list-style: none; } #navigation li { position:relative; float: left;} #navigation li a {color: #666; text-decoration: none; float: left; padding:15px 15px 15px 15px; letter-spacing:0.6px; } #navigation .main_category {background-image: url(../images/navigation_hover.gif); background-position:top center; background-repeat: no-repeat; color: black;} #navigation .main_category_white {color: #FFF;} #navigation li a.main_category:hover { color: #FFF;} #navigation .active { background: url(../images/navigation_active.gif); background-position:top center; background-position:0px 10px; background-repeat:no-repeat;} #navigation li.current_page_item { background: url(../images/navigation_active.gif); background-position:top center; background-position:0px 10px; background-repeat:no-repeat; color: #FFF;} #navigation li.current_page_ancestor { background: url(../images/navigation_active.gif); background-position:top center; background-position:0px 10px; background-repeat:no-repeat; color: #FFF;} #navigation li.active a {color:#FFF;} #navigation ul li ul { position:absolute; top:50px; left:0px; display:none; list-style-type: none; list-style-image:none; list-style-position:outside; width:230px; } #navigation ul li ul li a { color:#666; padding: 15px 0 15px 36px; width:194px; } #navigation li a.odd { background:#EEE url(../images/navigation_dot.gif); background-repeat:no-repeat; background-position:18px 23px; text-transform:uppercase; color:#666; } #navigation li a.even { background:#E5E5E5 url(../images/navigation_dot.gif); background-repeat:no-repeat; background-position:18px 23px; color:#666;} #navigation li a.odd:hover, #navigation li a.even:hover { background:#FFF url(../images/navigation_dot.gif); color:#666; background-repeat:no-repeat; background-position:18px 23px; } /* Search in Top Panel*/ #search {float:right; height: 30px; margin:10px 0 0 0; } #search input.field {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;background: #808080 url(../images/search_icon.png); background-position:top right; background-repeat:no-repeat; width: 160px; padding:7px; outline: none; font-size: 13px; color: #FFF; border: none; z-index: 1; height:16px; float:left; padding-right:30px;} #search input.field:focus {background:#737373 url(../images/search_icon.png); background-position:top right; background-repeat:no-repeat;} #search input.submit {width:70px; height:30px; background: #00b5f8; color:#FFF; font-weight:bold; float:left; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; cursor:pointer; margin:0 0 0 1px;} /* Featured Gallery on Homepage*/ #featured_home { width:920px; position:relative; } #featured_home .bigimg { width:920px; height:350px; margin:0 0 10px 0;} #featured_home .bigimg img { float:left;} #featured_home .bigimg .post_info_holder { position:absolute; top:210px; right:0px;} #featured_home .bigimg .post_category {background-image:url(../images/transparent_black_80.png); font-size:15px; font-weight:bold; color:#00b5f8; letter-spacing:-0.5px; padding:3px 15px 3px 15px; float:right; display:inline; text-transform:uppercase; margin:0 0 2px 0; } #featured_home .bigimg .post_category a {font-size:15px; font-weight:bold; color:#00b5f8; letter-spacing:-0.5px; padding:3px 0 3px 0; display:inline; text-transform:uppercase; margin:0 0 2px 0; } #featured_home .bigimg .post_name a:hover {color:#00b5f8;} #featured_home .bigimg .post_name a {background:url(../images/transparent_black_80.png); font-size:22px; font-weight:bold; color:#FFF; letter-spacing:-0.4px; padding:10px 15px 10px 15px; float:right; display:inline;clear:both;} #featured_home .slider_tit, .slider_desc, .slider_img {display:none; visibility:hidden; } #featured_home img.slider_img {display:none; visibility:hidden; } #featured_home .slider { width:920px; height:100px; } #featured_home .slider .minus, .plus { position: relative; background:#00b5f8; width:50px; height:100px; cursor: pointer; } #featured_home .slider .minus { float:left; background-position:center center; background-repeat:no-repeat;} #featured_home .slider .minus img.round {margin:37px 12px 37px 12px; width:30px; height:30px;} #featured_home .slider .minus img.sign {top:43px; left: 18px; position:absolute;} #featured_home .slider .plus { float:right; background-position:center center; background-repeat:no-repeat;} #featured_home .slider .plus img.round {margin:37px 12px 37px 12px; width:30px; height:30px;} #featured_home .slider .plus img.sign {top:43px; left: 18px; position:absolute;} #featured_home .slider .thumbs { width:800px; height:100px; margin:0 0 0 10px; float:left; overflow:hidden; } #featured_home .slider .thumbs img { margin:0 10px 0 0; display:block; float:left; cursor: pointer; display:inline;} #featured_home ul {text-decoration:none; list-style: none; } #featured_home li {float:left; } #featured_home .slider_content{ width:900px;} /* Two Message Buttons on Homepage*/ #message_buttons {width:920px; height:50px; clear:both; margin:10px 0 10px 0; float:left;} #message_buttons .button1 {float:left;} #message_buttons .button1 a {width:510px; height:50px; display:block; background:#666 url(../images/people_icon.jpg); background-repeat:no-repeat; background-position: 0px 0px; font-size:22px; font-weight:bold; line-height:50px; padding:0 0 0 70px; color:#FFF; letter-spacing:-0.6px; overflow:hidden; } #message_buttons .button1 a:hover {background-position: 0px -50px;} #message_buttons .button2 {float:right;} #message_buttons .button2 a {width:255px; height:50px; display:block; background:#666 url(../images/camera_icon.png); background-repeat:no-repeat; background-position: 20px 10px; font-size:22px; font-weight:bold; line-height:50px; padding:0 0 0 75px; color:#FFF; letter-spacing:-0.6px; overflow:hidden;} #message_buttons .button2 a:hover { background:#00b5f8 url(../images/camera_icon.png); background-repeat:no-repeat; background-position: 20px 10px; } /* Main Content */ #content_wrap {width:920px; float:left; clear:both; margin:0 0 0 0;} /* Entries */ #inner_content {width:580px; float:left;} #inner_content .entry { float:left; width:560px; padding:10px; background:#E5E5E5; position:relative; margin:0 0 10px 0; } #inner_content .entry p {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #inner_content .entry p a {color:#00b5f8;} #inner_content .entry p a:hover {text-decoration: underline;} #inner_content .fullwidth {width:900px;} #inner_content .entry .entry_content {margin:5px 10px 10px 10px;} #inner_content .entry .entry_content {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} #inner_content .entry img {} #inner_content .entry .title_holder {width:530px; margin:10px 10px 0 10px; color:#00b5f8; } #inner_content .entry .title_holder h1 { font-size:28px; letter-spacing:-1px; font-weight:bold; } #inner_content .entry .title_holder h3 a {text-decoration:none; font-weight:bold; color:#00b5f8; } h3.tags { padding:0.5em 0; font-size:14px; } #inner_content .entry .title_holder h3 a:hover {text-decoration:underline;} #inner_content .entry .title_holder h3 {margin:0 0 0 0; font-size:11px;} #inner_content .entry a.title {color:#383838; line-height:30px;position:relative; } #inner_content .entry a.title:hover { background:#00b5f8; color:#FFF;} #inner_content .entry a.comment_counter { position:absolute; width:23px; height:21px; background: url(../images/comment_counter.gif); background-repeat:no-repeat; text-align:center; text-decoration:none;color:#FFF; font-size:15px; font-weight:bold; margin:4px 0 0px 10px; line-height:17px; } #inner_content .entry a.comment_counter:hover { background-position:0 -21px; color:#00b5f8;} /* Entries - Post Meta Date */ #inner_content .date {background: url(../images/transparent_black_80.png); color:#FFF; width:100px; height:50px; font-weight:bold; position:absolute; right:10px; top:20px; } #inner_content .date .date_holder {margin:10px 9px 0 0;} #inner_content .date span.day {display: block; float: right; line-height: 28px; font-size: 38px; letter-spacing:-2px;} #inner_content .date span.month {width: 40px; display: block; float: right; font-size: 16px; line-height: 14px; padding-left: 2px; text-align: center; text-transform: uppercase; } #inner_content .date span.year {font-size:16px; width: 40px; display: block; } /* Sidebar on Homepage */ #sidebar_home {width:330px; float:right; } #sidebar_home .widget {width:330px; margin:0 0 10px 0; } #sidebar_home h3.widget_title, h3.search-title {font-size:14px; font-weight:bold; color:#FFF; background:#00b5f8; text-transform:uppercase; padding:7px 10px 7px 10px;} #sidebar_home h3.widget_title a {text-decoration:none; color:#FFF;} #sidebar_home h3.widget_title a:hover {text-decoration:underline;} #sidebar_home h3.widget_title img {margin:0 4px 0 0;} #sidebar_home .widget_content {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background:#E5E5E5; padding:15px 15px 25px 15px;} #sidebar_home ul {list-style: square; padding:0 20px 0 20px; color:#666;} #sidebar_home ul li {padding:5px 10px 5px 10px;} #sidebar_home ul a {text-decoration:none; color:#666; padding:5px 10px 5px 0px; display:inline; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #sidebar_home ul a:hover { color:#00b5f8; } #wp-calendar {width:300px; border:none; } #wp-calendar a {text-decoration:none; color:#00b5f8;} #wp-calendar a:hover {text-decoration:underline;} #wp-calendar tr { background: #DDD; } #wp-calendar tr:hover {background:#CCC;} #wp-calendar th, td { text-align: left; border-width: 1px; border-style: solid; text-align:center; padding:5px 0 5px 0; } #wp-calendar th { background-color: #00b5f8; border-color: #07a5e0; font-weight: bold; color: #FFF; } #wp-calendar td { border-color: #BBB; text-align:center;} .widget_content div a {color:#00b5f8;} .widget_content div a:hover {color:#FFF; background:#00b5f8;} /* Footer */ #footer {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; width:960px; background:#808080 url(../images/footer_top.jpg); margin:0 auto; background-repeat:repeat-x; } #footer #footer_left {float:left; margin:25px 0 25px 30px; display:inline; color:#FFF; } #footer #footer_right {float:right; margin:25px 30px 25px 0; display:inline; text-align:right; } #footer_bottom {width:960px; margin:0 auto; height:20px; background: url(../images/footer_bottom_border.gif); background-repeat:no-repeat; } /* General Typography and Styles inside div.entry_content of post or page*/ #inner_content .entry .entry_content h1 { font-size:28px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:30px 0 20px 0; color:#383838;} #inner_content .entry .entry_content h1 a:hover {background:#00b5f8; color:#FFF; text-decoration:none;} #inner_content .entry .entry_content h2 { font-size:24px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:30px 0 20px 0; color:#383838;} #inner_content .entry .entry_content h2 a:hover {background:#00b5f8; color:#FFF; text-decoration:none;} #inner_content .entry .entry_content h3 { font-size:20px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:30px 0 20px 0; color:#383838;} #inner_content .entry .entry_content h3 a:hover {background:#00b5f8; color:#FFF; text-decoration:none;} #inner_content .entry .entry_content h4 { font-size:16px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:30px 0 20px 0; color:#383838;} #inner_content .entry .entry_content h4 a:hover {background:#00b5f8; color:#FFF; text-decoration:none;} #inner_content .entry .entry_content a {color:#00b5f8; text-decoration:none;} #inner_content .entry .entry_content a:hover {color:#00b5f8; text-decoration:underline;} #inner_content .entry .entry_content acronym { cursor: help; border-bottom: 1px dotted; } #inner_content .entry .entry_content code { margin: 10px 20px; padding: 20px; border: 1px solid #BBB; background: #DDD no-repeat 12px 12px; font-weight: normal; color:#666; display:block; overflow:auto; text-align:left; } #inner_content .entry .entry_content blockquote { margin: 10px 20px; padding: 20px 10px 10px 20px; border: 1px solid #BBB; background: #DDD; font-weight: normal; color:#666; font-style:italic; } #inner_content .entry .entry_content strong { font-weight: bold; } #inner_content .entry .entry_content del {text-decoration: line-through;} #inner_content .entry .entry_content p {margin:0 0 15px 0;} #inner_content .entry .entry_content ul,ol {margin:0 0 0 20px;} #inner_content .entry .entry_content table { border-collapse: collapse; margin: 10px 0px; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; } #inner_content .entry .entry_content tr { background: #DDD } #inner_content .entry .entry_content tr:hover {background:#EEE;} #inner_content .entry .entry_content th, td { text-align: left; border-width: 1px; border-style: solid; } #inner_content .entry .entry_content th { background-color: #00b5f8; padding: 10px 10px; border-color: #DDD; font-weight: bold; color: #FFF; } #inner_content .entry .entry_content td { border-color: #BBB; padding: 10px 10px; } #inner_content .entry .entry_content img.float_left {float:left; padding:0 15px 5px 0;} #inner_content .entry .entry_content .more-link {color:#666;} /* Comments List */ .comments { background:#E5E5E5; position:relative; margin:0 0 10px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:560px; padding:10px;} .comments a {color:#00b5f8; text-decoration:none;} .comments a:hover { text-decoration:underline;} .comments h3.comments-title { font-size:25px; color:#333; margin:20px 0 10px; text-transform:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .comments #respond p { font-size:11px; margin:0 0 1em; } .says {display:none;} .comments ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } .comments ol.commentlist li { border:1px solid #BBB; list-style:none; margin: 10px 0 0 0; padding: 10px; } .comments ol.commentlist li.alt { } .comments ol.commentlist li.bypostauthor {} .comments ol.commentlist li.byuser {} .comments ol.commentlist li.comment-author-admin {} .comments ol.commentlist li.comment { } .comments ol.commentlist li div.comment-author { padding:0 170px 0 0; } .comments ol.commentlist li div.vcard { } .comments ol.commentlist li div.vcard cite.fn { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color: #666; font-style:normal; letter-spacing:-1px; text-align:left; } .comments ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; color:#00b5f8; } .comments ol.commentlist li div.vcard cite.fn a.url:hover { color:#666; } .comments ol.commentlist li div.vcard img.avatar { float: left; margin: 0 10px 0px 0; } .comments ol.commentlist li div.vcard img.avatar-46 {} .comments ol.commentlist li div.vcard img.photo {} .comments ol.commentlist li div.vcard span.says {} .comments ol.commentlist li div.commentmetadata {} .comments ol.commentlist li div.comment-meta { font-size:11px; float:right; margin: -15px 0 0 0; } .comments ol.commentlist li div.comment-meta a {color:#777; text-decoration:none; } .comments ol.commentlist li div.comment-meta a:hover { color:#FFF; } .comments ol.commentlist li p { font-size:12px; line-height:18px; margin: 13px 0 0 0; } .comments ol.commentlist li ul { list-style:square; margin:0 0 10px; padding:0; text-indent:0; } .comments ol.commentlist li div.reply { margin: 8px 0 20px 0px; font-size:11px; } .comments ol.commentlist li div.reply a:hover { background:#00b5f8; color:#FFF; } .comments ol.commentlist li div.reply a { background:#00b5f8; color:#FFF; text-decoration:none; text-transform:uppercase; padding:3px 7px; } .comments ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } .comments ol.commentlist li ul.children li { } .comments ol.commentlist li ul.children li.alt {} .comments ol.commentlist li ul.children li.bypostauthor {} .comments ol.commentlist li ul.children li.byuser {} .comments ol.commentlist li ul.children li.comment {} .comments ol.commentlist li ul.children li.comment-author-admin {} .comments ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-5 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-6 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-7 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-8 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-9 { margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.depth-10 {margin:0 0 .25em 0px; } .comments ol.commentlist li ul.children li.odd {} .comments ol.commentlist li.even { background:#D8D8D8; } .comments ol.commentlist li.odd { background:#DDD; } .comments ol.commentlist li.parent { } .comments ol.commentlist li.pingback { } .comments ol.commentlist li.pingback.parent { } .comments ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } .comments ol.commentlist li.thread-alt { } .comments ol.commentlist li.thread-even {} .comments ol.commentlist li.thread-odd {} /* Comments Form */ #respond { float:left; width:560px; padding:20px 10px; } #respond h3 { font-size:28px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0; color:#383838;} form input { width: 200px;padding: 4px; margin:0; border:1px solid #BBB; background:#DDD; color:#666; } form input:focus {background:#EEE;} form label { font-size:12px; width:450px; margin:0; font-weight:bold; } textarea { font-size:13.3px; font-family:Arial, Helvetica, sans-serif; width:97%; border:1px solid #BBB; background:#DDD; font-size:16px; padding:10px 0px 10px 10px; outline:none; height:150px; margin:10px 0; } textarea:focus { background:#EEE; } form input[type="button"], form input[type="submit"] { font-weight:bold; width:auto; padding:5px 10px; background:#00B6F8; color:#fff; margin-top:1em; } #cancel-comment-reply-link { font-size:12px; line-height:18px; } /* mm Forms */ #inner_content .entry .mmf-form p { padding:0px;} /*Linkwithin classes*/ .linkwithin_inner {margin:0 auto;} .djlinks { list-style-type:none; } .djlinks li { margin-bottom:1em; } .linkwithin-hover { background-color:yellow; } #social { position:absolute; right:20px; top:60px; z-index:999; }