2011-06-29 20:18:52 +00:00
/ *
Theme Name : Original House
Theme URI : http : / / www . originalhouse . info /
Version : 1 . 0 . 0
Description : Designed by < a href = "http://www.rodax-software.com" > Rodax Software < / a > .
Author : Rodax Software
Author URI : http : / / www . rodax-software . com
Tags :
Copyright : ( c ) 2009-2011 WooThemes .
License : GNU General Public License v2 . 0
License URI : http : / / www . gnu . org / licenses / gpl-2 . 0 . html
* /
/ *
WARNING ! DO NOT EDIT THIS FILE !
To make it easy to update your theme , you should not edit the styles in this file . Instead use
the custom . css file to add your styles . You can copy a style from this file and paste it in
custom . css and it will override the style in this file . You have been warned ! : )
* /
/ * -------------------------------------------------------------------------------------------
INDEX :
0 . RESET
1 . SETUP
-1 . 1 Defaults
-1 . 2 Hyperlinks
2 . SITE STRUCTURE & APPEARANCE
-2 . 1 Containers & Columns
-2 . 2 Navigation
-2 . 2 . 1 Drop-down menus
-2 . 2 . 2 Top Navigation ( optional )
-2 . 3 Header
-2 . 4 Content
-2 . 5 Sidebar
-2 . 6 Footer
-2 . 7 Breadcrumbs
3 . POSTS
-3 . 1 Typographic Elements
-3 . 2 Images
-3 . 3 Pagination / WP-Pagenavi / Woo-Pagination
-3 . 4 Single Post Author
-3 . 5 Entry Tables
4 . WIDGETS
-4 . 1 Generic Widgets
-4 . 2 Specific Widgets
-4 . 3 WooTabs
5 . COMMENTS
-5 . 1 Comments
-5 . 2 Pingbacks / Trackbacks
-5 . 3 Comments Form
6 . MISC
-6 . 1 Buttons
-6 . 2 Contact Form
-6 . 3 Gravity forms
-6 . 4 Timeline page template
-6 . 5 IE specific styling
-6 . 6 Subscribe & Connect
7 . DONATE
-7 . 1 Slider
-7 . 2 Slide Meta
-7 . 3 Intro
------------------------------------------------------------------------------------------- * /
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
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 , img , ins , kbd , q , s , samp ,
small , strike , strong , sub , sup , tt , var ,
b , u , i , center ,
dl , dt , dd , ol , ul , li ,
fieldset , form , label , legend ,
table , caption , tbody , tfoot , thead , tr , th , td ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup ,
menu , nav , output , ruby , section , summary ,
time , mark , audio , video {
margin : 0 ;
padding : 0 ;
border : 0 ;
font-size : 100 % ;
font : inherit ;
vertical-align : baseline ;
}
/* HTML5 display-role reset for older browsers */
article , aside , details , figcaption , figure ,
footer , header , hgroup , menu , nav , section {
display : block ;
}
body {
line-height : 1 ;
}
ol , ul {
list-style : none ;
}
blockquote , q {
quotes : none ;
}
blockquote : before , blockquote : after ,
q : before , q : after {
content : '' ;
content : none ;
}
table {
border-collapse : collapse ;
border-spacing : 0 ;
}
/* Floating & Alignment */
. fl { float : left ; }
. fr { float : right ; }
. ac { text-align : center ; }
. ar { text-align : right ; }
/* Clear Floats */
. col-full : after { content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden ; }
. fix { clear : both ; height : 1 px ; overflow : hidden ; margin : -1 px 0 0 ; }
html body * span . clear , html body * div . clear , html body * li . clear , html body * dd . clear { background : none ; border : 0 ; clear : both ; display : block ; float : none ; font-size : 0 ; list-style : none ; overflow : hidden ; visibility : hidden ; width : 0 ; height : 0 ; margin : 0 ; padding : 0 ; }
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
/* Embed fonts */
@ font-face {
font-family : AdelleBasic ;
src : url ( includes / fonts / AdelleBasic_Bold . eot ) ; /* IE */
src : local ( "AdelleBasic" ) , url ( includes / fonts / AdelleBasic_Bold . otf ) format ( "opentype" ) ; /* non-IE */
}
2011-07-04 17:34:14 +00:00
body { font : 14 px / 1.5 em sans-serif ; color : #B9B2AE ; background : #000 ; -webkit- font-smoothing : antialiased ; }
2011-06-29 20:18:52 +00:00
h1 , h2 , h3 , h4 , h5 , h6 { margin : 0 ; font-family : Georgia , serif ; color : #E0D4CE ; font-weight : normal ; }
h1 { font-size : 2 em } h2 { font-size : 1.8 em ; } h3 { font-size : 1.6 em ; } h4 { font-size : 1.2 em ; } h5 { font-size : 1 em ; } h6 { font-size : 0.8 em ; }
p { margin : 0 ; }
hr { background-color : #e6e6e6 ; border : 0 ; height : 1 px ; margin-bottom : 20 px ; }
input , textarea { padding : 5 px ; border-color : #CCCCCC #EFEFEF #EFEFEF #CCCCCC ; border-width : 1 px ; border-style : solid ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; color : #777 ; }
/* 1.2 Hyperlinks */
a { color : #329DD5 ; text-decoration : none ; }
a : hover { color : #58C8FF ; text-decoration : underline ; }
h1 a : link , h1 a : visited , h2 a : link , h2 a : visited , h3 a : link , h3 a : visited ,
h4 a : link , h4 a : visited , h5 a : link , h5 a : visited , h6 a : link , h6 a : visited { text-decoration : none ; }
h1 a : hover , h2 a : hover , h3 a : hover , h4 a : hover , h5 a : hover , h6 a : hover { text-decoration : underline ; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
# wrapper { }
2011-07-04 17:34:14 +00:00
# main { width : 440 px ; padding : 0 ; background : transparent ; position : relative ; z-index : 2 ; height : 610 px ; }
. layout-full # main , . col-full { width : 960 px ; margin : 0 auto ; }
# main . fullwidth { width : 960 px ; margin : 0 auto ; }
2011-06-29 20:18:52 +00:00
# sidebar { width : 390 px ; background-color : #242424 ; background : rgba ( 36 , 36 , 36 , 0.9 ) ; font-size : 12 px ; position : relative ; z-index : 2 ; }
# sidebar . secondary { width : 140 px ; }
. col-left { float : left ; }
. col-right { float : right ; }
. layout-right-content # main { float : right ; }
. layout-right-content # sidebar { float : left ; }
. layout-left-content # main { float : left ; }
. layout-left-content # sidebar { float : right ; }
/* 2.2 Navigation */
2011-07-04 17:34:14 +00:00
# navigation { font : normal 14 px / 1 em "Gill Sans MT Condensed" , sans-serif ; text-transform : uppercase ; }
2011-06-29 20:18:52 +00:00
# navigation ul . rss { background : url ( images/ico-rss.png ) no-repeat right 44 % ; margin : 0 15 px 0 0 ; padding : 0 25 px 0 0 ; line-height : 1 ; }
# navigation ul . rss li { display : inline ; padding : 0 ; }
# navigation ul . rss li a { color : #d75418 ; text-decoration : none ; padding : 10 px 5 px ; line-height : 18 px ; display : inline-block ; position : relative ; }
# navigation ul . rss li . sub-email { color : #dedede ; }
# navigation ul . rss li a : hover { text-decoration : underline ; }
. nav { z-index : 99 ; margin : 0 ; padding : 0 ; list-style : none ; line-height : 1 ; position : relative ; }
. nav a { position : relative ; color : #fff ; display : block ; z-index : 100 ; padding : 10 px 15 px ; line-height : 18 px ; text-decoration : none ; }
. nav li { float : left ; width : auto ; }
. nav li a . sf-with-ul { padding-right : 20 px ; }
. nav a : hover ,
. nav li . current_page_item a ,
. nav li . current_page_parent a ,
. nav li . current-menu-ancestor a ,
. nav li . current-cat a ,
. nav li . current-menu-item a { background : #181818 ; }
. nav ul li a : hover ,
. nav ul li li . current_page_item a ,
. nav ul li li . current_page_parent a ,
. nav ul li li . current-menu-ancestor a ,
. nav ul li li . current-cat a ,
. nav ul li li . current-menu-item a { padding : 8 px 0 ; }
# navigation { height : 40 px ; background : #181818 ; font-size : 20 px ; letter-spacing : 1 px ; }
2011-07-01 14:54:14 +00:00
# navigation . nav li a { color : #7f7875 ; font-weight : normal ; border-left : 1 px solid #000 ; }
2011-06-29 20:18:52 +00:00
# navigation . nav li a : hover { background : none ; color : #fff ; }
# navigation . nav li : first-child a { border-left : none ; }
/* 2.2.1 Drop-down menus */
. nav li ul { background : #181818 ; margin : 0 0 0 -1 px ; padding : 10 px 15 px ;
position : absolute ; left : -999em ; width : 180px ;
border : 1px solid # 000 ; z-index : 999 ; }
. nav li ul li a { padding : 8 px 0 px ; width : 180 px ; color : #7f7875 !important ; background : none ; font-size : 28 px !important ; }
2011-07-04 17:34:14 +00:00
. nav li ul li a : hover , . nav li . current_page_item a { text-decoration : none ; color : #fff !important ; }
2011-06-29 20:18:52 +00:00
. nav li ul li a . sf-with-ul { padding-right : 0 ; }
. nav li ul ul { margin : -48 px 0 0 195 px ; }
. nav li ul li a : hover ,
. nav li . current_page_item ul li a ,
. nav li . current_page_parent ul li a ,
. nav li . current-menu-ancestor ul li a ,
. nav li . current-cat a ul li ,
. nav li . current-menu-item ul li a ,
. nav li . sfHover ul li { background : none ; }
. nav li : hover , . nav li . hover { position : static ; }
. nav li : hover ul ul , . nav li . sfhover ul ul ,
. nav li : hover ul ul ul , . nav li . sfhover ul ul ul ,
. nav li : hover ul ul ul ul , . nav li . sfhover ul ul ul ul { left : -999 em ; }
. nav li : hover ul , . nav li . sfhover ul ,
. nav li li : hover ul , . nav li li . sfhover ul ,
. nav li li li : hover ul , . nav li li li . sfhover ul ,
. nav li li li li : hover ul , . nav li li li li . sfhover ul { left : auto ; }
. nav . sf-sub-indicator { background : url ( images/arrow-superfish.png ) no-repeat ;
position : absolute ; display : block ; right : 3px ; top : 20px ; width : 10px ; height : 10px ; text-indent : -999em ; overflow : hidden ; }
. nav li ul . sf-sub-indicator { background : url ( images/arrow-superfish-right.png ) no-repeat ; top : 38 % ; }
/* Optional Styling */
# navigation . nav li ul {
/* Border Radius */
border-radius : 0 0 4px 4px ; -moz-border-radius : 0 0 4px 4px ; -webkit-border-radius : 0 0 4px 4px ;
/* Box Shadow */
-moz-box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 03 ) ;
-webkit-box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 03 ) ;
box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 03 ) ;
}
# navigation . nav li ul ul { border-radius : 0 4 px 4 px 4 px ; -moz- border-radius : 0 4 px 4 px 4 px ; -webkit- border-radius : 0 4 px 4 px 4 px ; }
# navigation . nav li ul li a { border : 0 ; border-top : 1 px solid #252525 ; border-bottom : 1 px solid #181818 ; }
# navigation . nav li ul li : first-child a { border-top : none ; }
# navigation . nav li ul li : last-child a { border-bottom : none ; }
2011-07-01 14:54:14 +00:00
# navigation-top { height : 40 px ; background : #181818 ; font-size : 20 px ; letter-spacing : 1 px ; text-transform : uppercase ; }
2011-06-29 20:18:52 +00:00
# navigation-top . nav li a { color : #7f7875 ; font-weight : normal ; border-left : 1 px solid #000 ; }
# navigation-top . nav li a : hover { background : none ; color : #fff ; }
# navigation-top . nav li : first-child a { border-left : none ; }
# navigation-top . nav li . current_page_item a ,
# navigation-top . nav li . current_page_parent a ,
# navigation-top . nav li . current-menu-ancestor a ,
# navigation-top . nav li . current-cat a ,
# navigation-top . nav li . current-menu-item a { padding : 10 px 15 px ; color : #fff ; }
/ *
# navigation-top . nav li a . sf-with-ul { padding-right : 20 px ; }
* /
/ *
# navigation-top . nav a : hover { padding : 10 px 15 px ; }
* /
# navigation-top . nav li . current_page_item a : hover , # navigation-top . nav li . current-cat a : hover ,
# navigation-top . nav li . current-menu-item a : hover { background : #444342 ; }
# navigation-top . nav li ul { background : #242424 ; border : none ; padding : 0 ; width : 204 px ; }
# navigation-top . nav li ul li { border-bottom : 1 px solid #444342 ; }
# navigation-top . nav li ul a { border : none ; font-size : 12 px ; padding : 8 px 12 px ; font-size : 11 px ; }
# navigation-top . nav li ul a : hover { padding : 8 px 12 px ; }
# primary-nav { z-index : 100 ; }
/* 2.2.2 Top Navigation (optional) */
# top { background : #000 ; }
# top . nav { }
# top . nav a { color : #ddd ; padding : 8 px 10 px ; line-height : 18 px ; text-decoration : none ; text-shadow : none ; }
# top . nav li { }
# top . nav li a . sf-with-ul { padding-right : 20 px ; }
# top . nav a : hover ,
# top . nav li . current_page_item a ,
# top . nav li . current_page_parent a ,
# top . nav li . current-menu-ancestor a ,
# top . nav li . current-cat a ,
# top . nav li . current-menu-item a ,
# top . nav li . sfHover { background : #222 ; }
# top . nav li ul { background : #222 ; margin : 0 ; padding : 0 px ; width : 180 px ; border : none ; z-index : 999 ;
/* Box Shadow */
-moz-box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 1 ) ;
-webkit-box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 1 ) ;
box-shadow : 0 2px 2px rgba ( 0 , 0 , 0 , . 1 ) ;
}
# top . nav li ul , # top . nav li ul li : last-child a {
/* Border Radius */
border-radius : 0 0 4px 4px ; -moz-border-radius : 0 0 4px 4px ; -webkit-border-radius : 0 0 4px 4px ;
}
# top . nav li ul li { box-shadow : 0 4 px 8 px rgba ( 0 , 0 , 0 , 0.1 ) ; }
# top . nav li ul li a { padding : 8 px 10 px ; width : 160 px ; color : #ddd ; background : none ; font-size : 0.9 em ; }
# top . nav li ul li a : hover { background : #000 ; }
# top . nav li ul li a . sf-with-ul { padding-right : 10 px ; }
# top . nav li ul ul { margin : -34 px 0 0 180 px ; }
# top . nav li : hover , # top . nav li . hover { position : static ; }
# top . nav li : hover ul ul , # top . nav li . sfhover ul ul ,
# top . nav li : hover ul ul ul , # top . nav li . sfhover ul ul ul ,
# top . nav li : hover ul ul ul ul , # top . nav li . sfhover ul ul ul ul { left : -999 em ; }
# top . nav li : hover ul , # top . nav li . sfhover ul ,
# top . nav li li : hover ul , # top . nav li li . sfhover ul ,
# top . nav li li li : hover ul , # top . nav li li li . sfhover ul ,
# top . nav li li li li : hover ul , # top . nav li li li li . sfhover ul { left : auto ; }
. footer-menu { margin-top : 35 px ; }
. footer-menu . nav li a { color : #B8ABA1 ; font-size : 13 px ; font-weight : normal ; border-left : 1 px solid #454343 ; text-shadow : 1 px 1 px 0 #111 ; padding : 5 px 15 px ; }
. footer-menu . nav li a : hover { padding : 5 px 15 px ; background : none ; color : #fff ; text-shadow : 0 0 14 px #F6F7A0 ; }
/* 2.3 Header */
# header { padding : 0 ; clear : both ; position : relative ; z-index : 4 ; }
# header-left { height : 100 % ; padding : 0 40 px 0 20 px ; width : 510 px ; background : #000 ; }
# logo { background-color : #000 ; background : rgba ( 0 , 0 , 0 , 0.9 ) ; width : 390 px ; height : 100 % ; text-align : right ; }
# logo img { margin : 0 ; }
# logo . site-title , # logo . site-description { font-family : AdelleBasic , sans-serif ; color : #fff ; display : none ; padding : 40 px 0 0 ; }
# logo . site-title a { color : #fff ; font-size : 35 px ; line-height : 40 px ; text-transform : none ; font-weight : normal ; text-decoration : none ; }
# logo . site-title a : hover { text-shadow : 0 0 10 px #F6F7A0 ; text-decoration : none ; }
# logo . site-description { color : #999 ; font-size : 18 px ; text-transform : uppercase ; padding : 0 ; }
# header . tool-icons { margin-top : 25 px ; }
# header . tool-icons li { float : left ; height : 30 px ; }
2011-07-04 17:34:14 +00:00
# header . tool-icons a . full-screen { background : url ( images/full-screen-icon.png ) no-repeat left center ; }
# header . tool-icons a . home { background : url ( images/home-icon.png ) no-repeat left center ; }
# header . tool-icons li a { width : 30 px ; height : 30 px ; display : block ; color : #999 ; text-transform : none ; margin-right : 10 px ; }
2011-06-29 20:18:52 +00:00
# header . tool-icons li a : hover { text-decoration : none ; color : #fff }
# header . tool-icons li span { display : none ; }
2011-07-04 17:34:14 +00:00
# header-left . social-icons { margin-top : 25 px ; }
# navigation-top . social-icons { margin-top : 5 px ; }
. social-icons li { float : left ; height : 30 px ; }
. social-icons li . facebook { background : url ( images/ico-facebook-footer.png ) no-repeat left center ; }
. social-icons li . twitter { background : url ( images/ico-twitter-footer.png ) no-repeat left center ; ; }
. social-icons li . blogger { background : url ( images/ico-blogger-footer.png ) no-repeat left center ; ; }
. social-icons li a { padding : 2 px 20 px 0 px 35 px ; display : block ; color : #999 ; text-transform : none ; }
. social-icons li a : hover { text-decoration : none ; color : #fff }
2011-06-29 20:18:52 +00:00
# topad { float : right ; }
# search-top { display : none ; position : absolute ; top : 50 px ; z-index : 101 ; border : 5 px solid #262626 ; border-radius : 5 px ; }
# search-top . searchform { -moz- box-shadow : inset 1 px 1 px 15 px #090908 ; -webkit- box-shadow : inset 1 px 1 px 15 px #090908 ; box-shadow : inset 1 px 1 px 15 px #090908 ; border : 0 ; border-radius : 0 ; }
# search-top . search_main { background : #181818 ; padding : 2 px ; width : 419 px ; -webkit- box-shadow : inset 0 -1 px 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; -moz- box-shadow : inset 0 -1 px 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 -1 px 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; -moz- border-radius : 2 px ; -webkit- border-radius : 2 px ; border-radius : 2 px ; }
# search-top . searchform input . search-submit { height : 30 px ; right : -3 px ; top : 1 px ; padding-left : 30 px ; background : #A39B98 url ( images/ico-search-top-form.png ) no-repeat 8 px center ; }
# search-top . arrow { width : 10 px ; height : 8 px ; display : block ; background : url ( images/ico-search-top-arrow.png ) no-repeat ; left : 387 px ; position : absolute ; top : -13 px ; }
. top-search a , . top-search a : hover { width : 37 px ; background : url ( images/ico-search-top.png ) no-repeat 8 px 9 px !important ; padding-left : 30 px !important ; }
. top-search . close a { background : url ( images/ico-search-close.png ) no-repeat 8 px 12 px !important ; text-transform : uppercase ; font-size : 10 px !important ; }
/* 2.4 Content */
# content { }
. home # content { }
/* 2.5 Sidebar */
# sidebar { overflow : hidden ; padding : 2 em 0 ; }
# sidebar . primary { }
# sidebar . secondary { float : left ; margin-right : 20 px ; }
# sidebar . secondary . last { margin : 0 ; }
/* 2.6 Footer */
# footer-top { }
# footer { margin : 0 px auto ; padding : 10 px 0 30 px ; color : #767570 ; font-size : 12 px }
# footer p { }
# footer # credit img { vertical-align : middle ; }
# footer # credit span { display : none ; }
# footer-widgets { border-top : 1 px solid #e6e6e6 ; padding : 10 px 0 ; }
# footer-widgets . block { padding : 20 px 10 px 0 10 px ; width : 210 px ; float : left ; }
# footer-widgets . col-1 . block { width : 100 % ; padding-left : 0 ; }
# footer-widgets . col-2 . block { width : 460 px ; }
# footer-widgets . col-3 . block { width : 300 px ; }
# footer-widgets . col-4 . block { width : 220 px ; }
/* 2.7 Breadcrumbs */
# breadcrumbs {
margin-bottom : 1 . 5em ;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
# breadcrumb , . post . video { margin-bottom : 1.5 em ; }
. archive_header { display : block ; float : left ; width : 100 % ; margin : 0 0 30 px ; padding : 0 0 10 px ; font-size : 18 px ; font-weight : bold ; border-bottom : #3D3836 1 px solid ; }
. archive_header . catrss a { font-size : 14 px ; text-decoration : none ; line-height : 28 px ; }
# blog-title { padding : 30 px 0 ; border-top : 2 px dashed #3D3836 ; left : -40 px ; position : relative ; width : 520 px ; }
# blog-title h3 { color : #77726F ; padding : 5 px 0 ; font-size : 26 px ; text-transform : uppercase ; background : url ( images/ico-section.png ) no-repeat right center ; letter-spacing : 1 px ; margin : 0 40 px ; }
# intro { color : #E0D4CE ; font-size : 26 px ; padding-bottom : 40 px ; }
# intro p { line-height : 1.4 em ; font-weight : 100 ; }
# intro a { font-weight : 400 ; border-bottom : 1 px solid #329DD5 ; }
# intro a : hover { border-bottom : 1 px solid #58C8FF ; text-decoration : none ; }
. post { margin : 0 0 2 em ; padding : 0 0 2 em ; border-bottom : 1 px solid #3D3836 ; position : relative ; }
2011-07-04 17:34:14 +00:00
. post . title , . page . title { font-family : sans-serif ; position : relative ; margin : 0 ; padding : 2 px 15 px ; font-size : 20 px ; letter-spacing : 1 px ; color : #fff ; text-transform : uppercase ; background-color : #121212 ; }
2011-06-29 20:18:52 +00:00
. post . title a : link , . post . title a : visited { color : #fff ; }
. post . title a : hover { text-shadow : 0 0 10 px #F6F7A0 ; text-decoration : none ; }
/* date badge */
. post . post-date { background : #A39B98 ; border-left : 3 px solid #8B8481 ; position : absolute ; left : 480 px ; color : #fff ; text-transform : uppercase ; text-align : center ; padding : 5 px 10 px ; letter-spacing : 1 px ; }
. post . post-date . month { font-size : 14 px ; display : block ; }
. post . post-date . day { font-size : 26 px ; position : relative ; top : -2 px ; }
. layout-left-content . post-date { left : -85 px ; border-left : 0 ; border-right : 3 px solid #8B8481 ; }
. post-meta { margin : 1 em 0 1.5 em 0 ; font : 11 px / 1 em sans-serif ; color : #999 ; }
. post-meta div { display : block ; float : left ; width : 33.33 % ; }
. post-meta span { display : block ; font-size : 16 px ; text-transform : uppercase ; color : #77726F ; margin-bottom : 15 px ; }
. post-more { clear : both ; margin : 1 em 0 2 em ; color : #999 ; }
. post-more a . button { padding : 1 px 8 px ; margin : 0 ; font-size : 16 px ; }
. post p . tags { color : #999 ; background : url ( images/ico-tag.png ) no-repeat top left ; padding-left : 25 px ; width : 100 % ; clear : both ; margin-bottom : 20 px ; }
. post-meta a : link , . post-meta a : visited { color : #E2E2E2 ; }
. post-meta a : hover { text-decoration : none ; text-shadow : 0 0 5 px #F6F7A0 ; }
. post-more a : link , . post-more a : visited , . post p . tags a : link , . post p . tags a : visited ( )
. post-more a : hover , . post p . tags a : hover { text-decoration : none ; }
/* 3.1 Typographic Elements */
2011-07-04 17:34:14 +00:00
. entry , . entry p { font : 14 px / 2 em "MV Boli" , Helvetica , Arial , sans-serif ; font-style : italic ; }
2011-06-29 20:18:52 +00:00
. entry h1 , . entry h2 , . entry h3 , . entry h4 , . entry h5 , . entry h6 { margin : 0 0 0.5 em ; line-height : 1.5 em ; }
. entry p { margin-bottom : 1.2 em ; }
. entry blockquote { background : url ( images/blockquote.png ) no-repeat 0 12 px ; padding : 10 px 20 px 10 px 50 px ; color : #444 ; }
. entry blockquote p { font-style : italic ; }
. entry ul { margin-bottom : 1.5 em ; padding : 0 0 0 30 px ; }
. entry ul ul { margin : 0 ; }
. entry ul li { list-style-type : disc ; }
. entry ul ul li { list-style-type : circle ; }
. entry ol { margin-bottom : 1.5 em ; padding : 0 0 0 30 px ; }
. entry ol ol { margin : 0 ; }
. entry ol li { list-style-type : decimal ; }
. entry ol li ol li { list-style-type : lower-latin ; }
/* 3.2 Images */
. entry img , img . thumbnail { -moz- box-shadow : 2 px 1 px 6 px #111 ; -webkit- box-shadow : 2 px 1 px 6 px #111 ; box-shadow : 2 px 1 px 6 px #111 ; }
2011-07-04 17:34:14 +00:00
. entry img : hover , img . thumbnail : hover { opacity : .5 ; }
2011-06-29 20:18:52 +00:00
img . wp-smiley { padding : 0 ; border : none ; }
. alignleft { float : left ; height : auto ; margin : 8 px 20 px 10 px 0 ; }
. alignright { float : right ; height : auto ; margin : 0 px 0 10 px 20 px ; }
. aligncenter { text-align : center ; margin-bottom : 15 px ; }
img . aligncenter { margin-left : auto ; margin-right : auto ; display : block ; }
. entry . wp-caption { padding : 1 px ; text-align : center ; }
. entry . wp-caption img { margin : 0 ; padding : 4 px 0 ; background : none ; border : 0 ; }
. entry . wp-caption-text { margin : 0 ; padding : 0 ; font : 0.9 em / 1.5 em sans-serif ; text-align : center ; }
. entry . wp-caption . aligncenter { margin : 0 auto 15 px ; }
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
. nav-entries , . wp-pagenavi , . woo-pagination { padding : 10 px 15 px ; }
. nav-entries a { display : block ; color : #777 ; text-decoration : none ; }
. nav-entries a : hover { text-decoration : underline ; }
. pagination { text-transform : uppercase ; font-size : 16 px ; }
. wp-pagenavi { margin : 0 !important ; text-align : center !important ; }
. wp-pagenavi a : link ,
. wp-pagenavi a : visited { display : inline !important ; text-decoration : none !important ; background : #A39B98 !important ; color : #fff !important ; padding : 5 px 10 px !important ; }
. wp-pagenavi . current ,
. wp-pagenavi . on ,
. wp-pagenavi a : hover { padding : 3 px 7 px !important ; background : #ddd !important ; }
. wp-pagenavi span . extend , . wp-pagenavi span . pages { background : none !important ; border : none !important ; color : #666 !important ; }
. woo-pagination { margin : 0 ; text-align : center ; }
. woo-pagination a : link ,
. woo-pagination a : visited { display : inline ; text-decoration : none ; color : #fff ; padding : 5 px 10 px ; }
. woo-pagination span . extend , . woo-pagination . page-numbers { border : none ; color : #fff ; }
. woo-pagination a : link , . woo-pagination a : visited , . woo-pagination a : active , . woo-pagination span . current {
/* Border Radius */
border-radius : 4px ; -moz-border-radius : 4px ; -webkit-border-radius : 4px ;
}
. woo-pagination a : link , . woo-pagination a : visited , . woo-pagination a : active {
background : # A39B98 ;
text-shadow : 0 -1px 0 # 555251 ;
margin : 0 0 0 5px ;
}
. woo-pagination . current , . woo-pagination a : hover { padding : 5 px 10 px ; background : #706B68 ; }
# post-entries { }
# post-entries a { background : #A39B98 ; text-shadow : 0 -1 px 0 #555251 ; margin : 0 0 0 5 px ; color : #FFFFFF ; padding : 5 px 10 px ; border-radius : 4 px ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; text-transform : uppercase ; font-size : 15 px ; }
# post-entries a : hover { background : #706B68 ; text-decoration : none ; }
/* 3.4 Single Post Author */
# post-author { background : #242424 ; margin : 0 0 1.5 em ; padding : 15 px ; border : 1 px solid #3D3937 ; border-width : 1 px 0 1 px ; clear : both ; }
# post-author . title { margin-bottom : 10 px ; }
# post-author . profile-image { float : left ; margin : 0 15 px 5 px 0 ; padding : 5 px ; border : 1 px solid #e6e6e6 ; background : #F8F8F8 ; background : rgba ( 255 , 255 , 255 , 0.7 ) ; }
# post-author . profile-link { }
/* 3.5 Entry Tables */
. entry table { width : 100 % ; border : 1 px solid #e6e6e6 ; margin-bottom : 1.2 em ; }
. entry table tr . alt-table-row { background : #f9f9f9 ; }
. entry table th { padding : 6 px 0 3 px 0 ; background : #EEEEEE ; border : 1 px solid #e6e6e6 ; text-shadow : 1 px 1 px 0 #fff ; box-shadow : inset 0 0 1 px #fff ; -moz- box-shadow : inset 0 0 1 px #fff ; -webkit- box-shadow : inset 0 0 1 px #fff ; }
. entry table td { padding : 6 px 0 3 px 10 px ; border : 1 px solid #e6e6e6 ; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
. widget { padding : 25 px 0 ; margin : 0 25 px ; border-bottom : 1 px solid #3D3937 ; }
. widget h3 { margin : 0 0 0.5 em 0 ; font : normal 18 px sans-serif ; color : #77726F ; text-transform : uppercase ; letter-spacing : 1 px ; text-shadow : 0 1 px 0 #111 ; }
. widget p { margin-bottom : 1 em ; }
. widget ul { clear : both ; padding : 0 ; list-style : none ; }
. widget ul li { }
. widget ul li a { padding : 0 ; line-height : 22 px ; text-decoration : none ; }
. widget ul li a : hover { text-decoration : underline ; }
. widget ul ul { padding : 0 0 0 15 px ; border-top : none ; }
. widget_recent_comments li , # twitter li { padding : 6 px 0 ; line-height : 18 px ; border-bottom : 1 px solid #eee ; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
. widget_recent_comments li a , # twitter a { display : inline ; padding : 0 ; line-height : 18 px !important ; background : none !important ; border : none !important ; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
/* 4.2 Specific Widgets */
/* SEARCH FORM */
. searchform { background : #181818 ; width : 99 % ; position : relative ; border-color : #101010 #181818 #181818 #181818 ; border-width : 2 px ; border-style : solid ; border-radius : 3 px ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; box-shadow : 0 px 0 4 px #5E5E5E ; }
. searchform input . s { font-size : 14 px ; padding : 8 px ; width : 85 % ; margin : 0 ; border : none ; background : none ; color : #B9B2AE ; }
. searchform input . search-submit { position : absolute ; top : 2 px ; right : 2 px ; border : none ; margin : 0 ; padding : 1 px 10 px ; background : #A39B98 ; color : #fff ; text-shadow : 0 -1 px 0 #555251 ; text-transform : uppercase ; font-size : 20 px ; }
/* FLICKR */
. widget_woo_flickr h3 { }
. widget_woo_flickr h3 span { color : #0061D8 ; }
. widget_woo_flickr h3 span span { color : #FF1183 ; }
. widget_woo_flickr . flickr_badge_image { float : left ; margin : 3 px ; }
. widget_woo_flickr . wrap { position : relative ; padding : 0 ; }
. widget_woo_flickr a img { float : left ; margin : 0 0 4 px 4 px ; display : block ; -moz- box-shadow : 2 px 1 px 6 px #111 ; -webkit- box-shadow : 2 px 1 px 6 px #111 ; box-shadow : 2 px 1 px 6 px #111 ; }
. widget_woo_flickr a : hover img { }
/* LIFESTREAM */
. widget_lifestream ul li { border-bottom : 1 px solid #e0e6e6 ; }
. widget_lifestream ul li a { border : none ; background : none !important ; }
. widget_lifestream ul . lifestream_meta { color : inherit ; }
/* CALENDAR */
# wp-calendar { width : 95 % ; margin-bottom : 15 px ; clear : both ; padding : 0 ; }
# wp-calendar caption { padding : 10 px ; }
# wp-calendar th , # wp-calendar td { text-align : center ; background : #E7E7E7 ; color : #9E9E9E ; padding : 5 px ; }
# wp-calendar td { background : transparent ; }
# wp-calendar td , table # wp-calendar th { padding : 3 px 0 ; }
/* Blog Author Widget */
. widget_woo_blogauthorinfo . avatar { padding : 0 ; -moz- box-shadow : 2 px 1 px 6 px #111 ; -webkit- box-shadow : 2 px 1 px 6 px #111 ; box-shadow : 2 px 1 px 6 px #111 ; }
. widget_woo_blogauthorinfo . left { float : left ; margin : 0 10 px 5 px 0 ; }
. widget_woo_blogauthorinfo . right { float : right ; margin : 0 0 5 px 10 px ; }
/* TWITTER */
. widget_woo_twitter . back { }
. widget_woo_twitter ul { padding-left : 0 ; border : 0 ; }
. widget_woo_twitter ul li { border-bottom : 0 ; list-style : none ; margin-bottom : 25 px ; }
. widget_woo_twitter ul li : last-child { border : none ; margin-bottom : 0 ; }
. widget_woo_twitter ul li a { padding : 0 ; line-height : inherit ; }
. widget_woo_twitter ul li . time { color : #5B5B5B ; display : block ; }
. widget_woo_twitter p { padding : 10 px 0 0 5 px ; font-weight : bold ; color : #777 ; }
. widget_woo_twitter p a { color : #222 ; }
. widget_woo_twitter ul li . content { font-size : 13 px ; }
. widget . widget_woo_twitter h3 { background : url ( images/ico-twitter.png ) no-repeat left center ; border-bottom : none ; padding : 0 0 0 30 px ; margin : 0 0 20 px 0 ; }
/* EMBED */
. widget_woo_embedwidget { }
. widget_woo_embedwidget . widget-video-inside { background : #1B1A19 ; border-radius : 4 px ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; padding : 25 px ; }
. widget_woo_embedwidget . widget-video-unit { margin-bottom : 5 px ; }
. widget_woo_embedwidget . widget-video-unit h4 { font-size : 20 px ; margin : 0 0 15 px 0 ; text-transform : uppercase ; }
. widget_woo_embedwidget . widget-video-list { }
. widget_woo_embedwidget . widget-video-list li { border-bottom : 1 px solid #3D3937 ; padding : 5 px 4 px ; }
/* BLOGROLL */
. widget_links ul li { font-size : 16 px ; padding : 5 px 0 ; }
. widget_links ul li : last-child { padding-bottom : 0 ; }
. widget_links ul li a { background : url ( images/blogroll-link.png ) right center no-repeat ; padding-right : 19 px ; }
/* TEXT WIDGET */
. widget_text h3 { font-family : AdelleBasic , sans-serif !important ; text-transform : capitalize ; color : #fff ; }
/* BLOG ARCHIVES */
. widget_woo_archives . archive { font-size : 18 px ; letter-spacing : 1 px ; text-transform : uppercase ; margin : 7 px 0 ; }
. widget_woo_archives span a { color : #77726F ; }
. widget_woo_archives . fl { width : 10 % ; margin-right : 2 % ; }
. widget_woo_archives . fr { width : 88 % ; }
. widget_woo_archives li { float : left ; margin : 0 4 px ; }
. widget_woo_archives li a { color : #fff ; background : #1A1918 ; padding : 4 px 10 px !important ; display : block ; }
. widget_woo_archives li a : hover { background : #383A3A ; text-decoration : none !important ; text-shadow : 0 0 6 px #F6F7A0 ; }
/* 4.3 WooTabs */
# tabs {
background : # 1B1A19 ; height : auto ; display : block ; padding : 10px ;
/* Border Radius */
border-radius : 4px ; -moz-border-radius : 4px ; -webkit-border-radius : 4px ;
}
# tabs ul . wooTabs { padding : 0 px ; }
# tabs ul . wooTabs li {
float : left ; display : inline ; color : # ffffff ; margin : 0px ; cursor : pointer ;
/* Gradient Background */
background : # 292929 ;
}
# tabs ul . wooTabs li a { color : #777 ; display : block ; float : left ; padding : 10 px 12 px ; text-transform : none ; font : bold 12 px / 18 px sans-serif ; border : 1 px solid #3D3937 ; border-width : 1 px 1 px 0 0 ; }
# tabs ul . wooTabs li a . selected { padding-bottom : 11 px ; }
# tabs ul . wooTabs li a . selected ,
# tabs ul . wooTabs li a : hover { background : #242424 ; text-decoration : none ; border-width : 1 px 1 px 0 0 ; }
# tabs ul . wooTabs li : first-child a { border-width : 1 px 1 px 0 px 1 px ; }
# tabs . inside { background : #242424 ; border : 1 px solid #3D3937 ; margin-top : -1 px ; }
# tabs . inside ul , # tabs . inside # tab-tags { margin : 0 ; padding : 0 ; display : none ; }
# tabs . inside ul : first-child { display : inline ; }
# tabs . inside # tab-tags { border-width : 1 px ; padding : 10 px ; }
# tabs . inside li { border-bottom : 1 px solid #3D3937 ; padding : 15 px ; list-style : none ; }
# tabs . inside li a { color : #555 ; font : bold 12 px / 18 px sans-serif ; padding : 0 ; }
# tabs . inside a : hover { }
# tabs . inside # tab-tags a { padding : 2 px 4 px ; margin : 3 px 1 px ; display : inline-block ; background : none repeat scroll 0 0 #A39B98 ; text-shadow : 0 -1 px 0 #555251 ; font-size : 13 px !important ; border-radius : 3 px ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; color : #fff ; }
# tabs . inside # tab-tags a : hover { background : #706B68 ; text-decoration : none ; }
# tabs . inside li span . meta { display : block ; font : italic 11 px / 20 px Georgia , serif ; text-transform : normal ; color : #999 ; }
# tabs . inside li img . avatar , # tabs . inside li img . thumbnail { padding : 0 ; background : none ; float : left ; margin : 0 10 px 0 0 ; }
# tabs . inside li img . avatar : hover , # tabs . inside li img . thumbnail : hover { border-color : #aaa ; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
# comments { position : relative ; margin : 2 em 0 0 ; padding : 2 em 0 0 0 ; border-top : 1 px solid #3D3836 ; }
# comments h3 { color : #77726F ; font-weight : normal ; margin-bottom : 20 px ; text-transform : uppercase ; }
/ * # comments . comment . thread-even { border-bottom : 1 px solid #b2b2b2 ; }
# comments . comment . bypostauthor { border-bottom : 1 px solid #efe3ae ; } * /
# comments . comment { width : 100 % ; list-style-type : none ; overflow : hidden ; }
# comments . comment . comment-container { position : relative ; padding : 5 px 0 ; overflow : hidden ; }
# comments . comment-head { margin : 0 0 15 px 0 ; }
# comments . avatar { float : left ; margin : 0 20 px 10 px 0 ; width : 80 px ; }
# comments . avatar img { margin : 0 0 8 px 0 ; vertical-align : middle ; -moz- box-shadow : 2 px 1 px 6 px #000 ; -webkit- box-shadow : 2 px 1 px 6 px #000 ; box-shadow : 2 px 1 px 6 px #000 ; }
# comments . avatar span { display : block ; }
# comments . avatar . name { margin : 0 ; font-weight : bold ; font-size : 11 px ; color : #fff ; }
# comments . avatar . name a { color : #fff ; }
# comments . avatar . date , # comments . avatar . edit , # comments . avatar . perma { font-size : 11 px ; }
# comments . avatar . edit , # comments . avatar . perma { display : inline ; }
# comments . comment-entry { font-size : 12 px ; float : none ; margin-left : 5 px ; }
# comments . comment-entry p { margin : 0 0 10 px 0 ; }
# comments . reply { padding : 5 px 0 ; }
# comments . reply a { font : 11 px / 18 px sans-serif ; background : #A39B98 ; border : none ; text-shadow : 0 -1 px 0 #555251 ; color : #fff !important ; margin : 0 ; padding : 2 px 7 px 0 }
# comments . reply a : hover { background-color : #706B68 ; }
# comments ul . children { margin : 10 px 0 0 25 px ; padding : 0 ; }
# comments ul . children li { /*border-top:1px solid #e6e6e6; */ }
# comments . cancel-comment-reply { margin : 10 px 0 ; }
# comments . navigation { }
# comments . navigation a { display : block ; margin : 15 px 0 0 0 ; text-decoration : none ; }
# comments . navigation a : hover { }
# comments h3 # pings { margin-top : 25 px ; }
# comments . pingbacks li . pingback { margin : 10 px 0 ; }
# comments . pingbacks li . pingback . reply { display : none ; }
# comments . nocomments { font-size : 14 px ; font-weight : bold ; }
/* 5.2 Comments Form */
# respond { margin : 40 px 0 0 0 ; padding : 40 px 0 0 0 ; border-top : 1 px solid #3D3836 ; clear : both ; }
# respond h3 { color : #77726F ; font-weight : normal ; margin-bottom : 20 px ; text-transform : uppercase ; }
# respond . left { float : left ; width : 200 px ; margin-right : 15 px ; }
# respond . right { float : left ; width : 380 px ; }
# respond label { font-size : 11 px ; color : #777 ; }
. comment-container # respond { padding : 20 px 0 0 ; }
# commentform { margin : 15 px 0 0 0 ; }
# commentform label { position : relative ; display : inline ; vertical-align : top ; display : inline-block ; margin-top : 5 px ; }
# commentform input . txt , # commentform textarea { font : 14 px / 14 px Arial , Helvetica , sans-serif ; border-color : #101010 #181818 #181818 #181818 ; border-width : 0 px ; border-style : solid ; border-radius : 3 px ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; box-shadow : 1 px 1 px 0 #2E2D2C ; background : #0D0D0C ; }
# commentform input . txt { color : #666 ; width : 381 px ; margin : 0 5 px 20 px 0 ; padding : 10 px 10 px 10 px 45 px ; }
# commentform textarea { color : #666 ; width : 86 % !important ; padding : 14 px 14 px 14 px 45 px ; }
# commentform p . loggedin { margin-bottom : 10 px ; font-size : 12 px ; }
# respond # commentform # submit { margin : 15 px 0 0 0 ; cursor : pointer ; }
/* Form icons */
# respond input # author { background : #0D0D0C url ( images/ico-user.png ) no-repeat 12 px 9 px ; }
# respond input # email { background : #0D0D0C url ( images/ico-mail.png ) no-repeat 12 px 11 px ; }
# respond input # url { background : #0D0D0C url ( images/ico-link.png ) no-repeat 12 px 11 px ; }
# respond textarea { background : #0D0D0C url ( images/ico-comment.png ) no-repeat 12 px 13 px ; }
/* 5.3 Pingbacks / Trackbacks */
h3 # pings { margin : 25 px 0 10 px 0 ; }
. pinglist li { margin : 0 0 0 20 px ; list-style-type : decimal ; }
. pinglist li . author { font-weight : bold ; font-size : 15 px ; }
. pinglist li . date { font-size : 11 px ; }
. pinglist li . pingcontent { display : block ; margin : 10 px 0 ; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a . button ,
a . comment-reply-link ,
# commentform # submit ,
. submit {
display : inline-block ;
margin : 5px ;
padding : 5px 10px ;
border : 1px solid # F79C78 ;
border-bottom-color : # BA4D23 ;
color : white ! important ;
text-align : center ;
text-shadow : 0 -1px 0 hsla ( 0 , 0 % , 0 % , . 3 ) ;
text-decoration : none ;
font-size : 12px ;
text-transform : uppercase ;
/*Border radius*/
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
/*Background*/
background : # F9733D ; /*Fallback*/
background : -webkit-gradient (
linear ,
left top ,
left bottom ,
color-stop ( . 2 , # FA8050 ) ,
color-stop ( 1 , # B74A20 )
) ;
background : -moz-linear-gradient (
center top ,
# FA8050 20 % ,
# B74A20 100 %
) ;
/*Box shadow*/
-webkit-box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 3 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 3 ) /*Shine*/ ,
0 1px 2px hsla ( 0 , 0 % , 0 % , . 29 ) /*Shadow*/ ;
-moz-box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 3 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 3 ) /*Shine*/ ,
0 1px 2px hsla ( 0 , 0 % , 0 % , . 29 ) /*Shadow*/ ;
box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 3 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 3 ) /*Shine*/ ,
0 1px 2px hsla ( 0 , 0 % , 0 % , . 29 ) /*Shadow*/ ;
}
a . button . large { padding : 6 px 16 px ; }
a . button . small , a . comment-reply-link { padding : 0 px 10 px ; }
a . button : hover ,
a . button . hover ,
a . button . active ,
a . comment-reply-link : hover ,
# commentform # submit : hover ,
. submit : hover {
text-decoration : none ! important ;
/*Background*/
background : # A1421E ; /*Fallback*/
background : -webkit-gradient (
linear ,
left top ,
left bottom ,
color-stop ( . 2 , # DD5926 ) ,
color-stop ( 1 , # B74A20 )
) ;
background : -moz-linear-gradient (
center top ,
# DD5926 20 % ,
# B74A20 100 %
) ;
}
a . button : active ,
a . button . active , . submit : active {
border-color : # E56230 ;
/*Box shadow*/
-webkit-box-shadow : inset 0 0 7px hsla ( 0 , 0 % , 0 % , . 3 ) /*Shine*/ ,
0 0 0 hsla ( 0 , 100 % , 100 % , 1 ) /*Shadow*/ ;
-moz-box-shadow : inset 0 0 7px hsla ( 0 , 0 % , 0 % , . 3 ) /*Shine*/ ,
0 0 0 hsla ( 0 , 100 % , 100 % , 1 ) /*Shadow*/ ;
box-shadow : inset 0 0 7px hsla ( 0 , 0 % , 0 % , . 3 ) /*Shine*/ ,
0 0 0 hsla ( 0 , 100 % , 100 % , 1 ) /*Shadow*/ ;
}
a . button . inactive , {
border : 1px solid # d5d5d5 ;
border-bottom-color : # e6e2e2 ;
color : # aeaeae ;
text-shadow : 0 1px 0 white ;
/*Background*/
background : # e8e8e8 ; /*Fallback*/
background : -webkit-gradient (
linear ,
left top ,
left bottom ,
color-stop ( . 2 , # f3f3f3 ) ,
color-stop ( 1 , # e6e6e6 )
) ;
background : -moz-linear-gradient (
center top ,
# f3f3f3 20 % ,
# e6e6e6 100 %
) ;
/*Box shadow*/
-webkit-box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 5 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 1 ) /*Shine*/ ,
0 1px 0 hsla ( 0 , 100 % , 100 % , . 7 ) /*Shadow*/ ;
-moz-box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 5 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 1 ) /*Shine*/ ,
0 1px 0 hsla ( 0 , 100 % , 100 % , . 7 ) /*Shadow*/ ;
box-shadow : inset 0 1px 0 hsla ( 0 , 100 % , 100 % , . 5 ) /*Top*/ ,
inset 0 0 2px hsla ( 0 , 100 % , 100 % , . 1 ) /*Shine*/ ,
0 1px 0 hsla ( 0 , 100 % , 100 % , . 7 ) /*Shadow*/ ;
}
/* 6.2 Contact Form */
# contact-page . screenReader { left : -9999 px ; position : absolute ; top : -9999 px ; }
# contact-page ol . forms { float : left ; list-style : none ; width : 100 % ; margin : 10 px 0 0 ; }
# contact-page ol . forms li { clear : both ; float : left ; margin-bottom : 18 px ; position : relative ; width : 100 % }
# contact-page ol . forms label { cursor : pointer ; display : block ; float : left ; font-weight : 700 ; padding-right : 20 px ; width : 100 px ; }
# contact-page ol . forms input . txt { width : 214 px ; }
# contact-page ol . forms input # sendCopy { border : none ; }
# contact-page ol . forms textarea { height : 300 px ; width : 400 px ; }
# contact-page ol . forms li . error { font-size : 12 px ; display : block ; margin-left : 120 px ; color : red ; }
# contact-page ol . forms li . textarea . error { display : block ; margin-left : 120 px }
# contact-page ol . forms li . screenReader { margin-bottom : 0 ; }
# contact-page ol . forms li . buttons . submit { margin : 15 px 0 0 120 px ; cursor : pointer ; }
# contact-page ol . forms li . inline input { width : auto ; margin-left : 120 px ; }
# contact-page ol . forms li . inline label { display : inline ; float : none ; width : auto ; }
. entry # contact-page ol . forms li { list-style : none ; } /* Added to accomodate the contact form shortcode */
/* 6.3 Gravity forms */
. gfield { margin-bottom : 10 px ; }
. gform_wrapper . top_label . gfield_label { display : block ; float : left ; padding-right : 20 px ; width : 100 px ; margin : 5 px 0 px 4 px !important ; }
. gform_wrapper input . button { padding : 5 px 10 px 6 px !important ; }
. gform_wrapper input { padding : 7 px 3 px !important ; }
. gform_wrapper . top_label input . large , . gform_wrapper . top_label select . large , . gform_wrapper . top_label textarea . textarea { width : 400 px !important ; padding : 7 px 3 px !important ; }
. gform_wrapper . entry img , . gform_wrapper img . thumbnail { padding : 0 px !important ; border : 0 px !important ; }
ul . top_label . clear-multi { clear : none !important ; }
. gform_wrapper . gfield_checkbox , . gform_wrapper . gfield_radio { margin-left : 120 px !important ; }
img . ui-datepicker-trigger { border : 0 px ; padding : 0 px ; }
/* 6.4 Timeline Page Template */
# archives { padding : 10 px 0 0 ; }
# archives a { font-style : italic ; }
h3 . archive_year { font : bold 20 px sans-serif ; color : #555 ; margin-top : 0 ; }
# archives . archives_list { border-left : 1 px solid #555555 ; list-style : none ; list-style-image : none ; list-style-position : outside ; list-style-type : none ; margin : 0 0 15 px 15 px ; }
# archives . archives_list li { clear : left ; padding-left : 24 px ; font-size : 12 px ; font-style : normal ; list-style : none ; margin-bottom : 10 px ; }
# archives . archives_list . date { color : #808080 ; width : 100 px ; font-style : italic ; display : inline-block ; vertical-align : top ; }
# archives . archives_list . linked { width : 154 px ; display : inline-block ; vertical-align : top ; }
# archives . archives_list . comments { width : 109 px ; display : inline-block ; vertical-align : top ; }
# archives . archives_list . comments a { color : #808080 ; font-size : 12 px ; font-style : italic ; text-decoration : underline ; padding-left : 13 px ; }
# archives . archives_list . comments a : hover { text-decoration : none ; }
/* 6.5 IE specific styling */
. ie6 . nav . sf-sub-indicator { display : none ; }
. ie6 . nav li a : hover { text-decoration : none ; }
. ie6 . nav li a . sf-with-ul { padding-right : 10 px ; }
. ie6 . button , . ie6 . button : visited { margin : 0 ; color : #555 !important ; font-weight : normal ; } . reply a { color : #555 !important ; }
. ie7 . nav li a { _height : 0 ; zoom : 1 ; } /* IE7 Fix */
. ie7 . button , . ie7 . button : visited { padding : 7 px 6 px ; margin : 0 ; }
. ie8 . button , . ie8 . button : visited { padding : 10 px 15 px ; margin : 0 ; }
/* 6.6 Connect */
# connect { background : #1B1A19 ; margin : 0 ; padding : 15 px ; clear : both ; border-radius : 4 px ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; }
# main # connect . col-left , # connect . col-right { width : 48 % ; }
# connect . title { margin-bottom : 10 px ; }
# connect p { margin : 0 0 1 em ; }
# connect . newsletter-form { margin : 0 0 1 em ; }
# connect . newsletter-form . input { }
# connect . newsletter-form . email { width : 140 px ; }
# connect . newsletter-form . submit { cursor : pointer ; -webkit- border-radius : 3 px ; -moz- border-radius : 3 px ; border-radius : 3 px ; }
# connect . social { }
# connect . social a { opacity : 0.8 ; }
# connect . social a : hover { opacity : 1 ; }
# connect . related-posts { border-left : 1 px solid #e6e6e6 ; padding-left : 15 px ; }
# connect . related-posts ul { list-style : outside disc ; margin : 5 px 0 5 px 15 px ; }
. widget # connect . fl , . widget # connect . fr { float : none ; }
/* 7. Donate */
# donate { background : #000 ; background : rgba ( 0 , 0 , 0 , 0.3 ) ; border : 0 ; position : relative ; }
. home # donate { }
# donate . title { width : 750 px ; text-align : center ; margin : 0 auto ; padding : 30 px 0 ; }
# donate h2 { font-family : AdelleBasic , sans-serif ; color : #fff ; text-shadow : 2 px 2 px 0 #000 ; font-size : 60 px ; line-height : 1.3 em ; }
# donate . info { background : #252424 ; border-top : 3 px solid #000 ; padding : 20 px 40 px ; }
/* 7.1 Slider */
/* 7.1.1 Background Scrolling Images */
/* The !important flag is used here to override properties set by jCarouselLite. */
# scrolling-images { z-index : -1 !important ; }
# scrolling-images . slides { width : 99 % ; position : absolute !important ; z-index : 1 ; top : -192 px ; }
body . admin-bar # scrolling-images . slides { top : -163 px ; }
# scrolling-images . slides ul { display : block ; width : 1078 px ; margin-left : auto !important ; margin-right : auto !important ; }
# scrolling-images . slides . slide . content { background : #000000 ; width : 480 px ; }
# scrolling-images . slides . slide . content img { -moz- opacity : 0.5 ; -webkit- opacity : 0.5 ; opacity : 0.5 ; }
/* 7.1.2 Main Slides */
# slides . slides { margin-left : -94 px ; }
body . chrome # slides . slides { margin-left : -91 px ; }
body . gecko # slides . slides { margin-left : -92 px ; }
# slides . slides ul { float : left ; }
# slides . slides . slide { float : left ; width : 100 % ; }
# slides . slides . slide-image { float : left ; width : 480 px ; margin : 30 px 0 ; }
# slides . slides . slide-content { float : right ; width : 433 px ; height : 100 % ; padding : 23 px 50 px 30 px 37 px ; background : #000 ; background : rgba ( 0 , 0 , 0 , 0.3 ) ; }
# slides . slides . slide-content . slide-title { font-family : AdelleBasic , sans-serif ; color : #FFFFFF ; font-size : 55 px ; }
# slides . slides . slide-content . slide-entry { line-height : 1.6 em ; font-size : 1.1 em ; margin-top : 5 px ; color : #E0D4CE ; }
/* 7.1.3 Slider Navigation */
# slide-navigator { position : absolute ; z-index : 3 ; width : 600 px ; margin-left : 250 px ; margin-top : 325 px ; background : #000 ; background : rgba ( 0 , 0 , 0 , 0.6 ) ; padding : 10 px ; -webkit- border-radius : 60 px ; -moz- border-radius : 60 px ; border-radius : 60 px ; }
# slide-navigator a . pager { display : inline-block ; width : 50 px ; height : 42 px ; margin-top : 5 px ; }
body . ie7 # slide-navigator { margin-left : 350 px ; margin-top : 315 px ; }
body . ie7 # slide-navigator a . pager { display : block ; float : left ; zoom : 1 ; }
# slide-navigator a . pager : hover { -moz- opacity : 0.9 ; -webkit- opacity : 0.9 ; opacity : 0.9 ; }
# slide-navigator a . pager : active { position : relative ; top : 1 px ; }
# slide-navigator a . btn-previous { background : transparent url ( images/slide-nav-left.png ) no-repeat left top ; text-indent : -9999 px ; margin-left : 5 px ; }
# slide-navigator a . btn-next { background : transparent url ( images/slide-nav-right.png ) no-repeat left top ; text-indent : -9999 px ; margin-right : 5 px ; }
/* 7.1.4 "Donate" button */
. donate-button { display : inline-block ; margin-left : 70 px ; }
body . ie7 . donate-button { display : inline ; zoom : 1 ; } /* Fix for IE7 */
. donate-button input . submit , a . donate-button { -webkit- border-radius : 60 px ; -moz- border-radius : 60 px ; border-radius : 60 px ; font-size : 28 px ; margin : 0 px ; padding : 5 px 40 px ; }
body . ie7 . donate-button input . submit , body . ie7 a . donate-button { padding : 0 20 px ; }
body . chrome . donate-button input . submit , body . chrome a . donate-button { border : 0 ; }
. donate-button input . submit : hover , a . donate-button : hover { cursor : pointer ; }
. donate-button input . submit : active , a . donate-button : active { position : relative ; top : 1 px ; }
a . donate-button { padding : 10 px 40 px ; margin-left : 70 px ; }
# intro a . donate-button { font-weight : normal ; padding : 13 px 40 px ; }
/* 7.1.5 "Learn More" link */
# slide-navigator . learn-more { display : inline-block ; margin-top : 13 px ; margin-left : 20 px ; margin-right : 30 px ; }
body . ie7 # slide-navigator . learn-more { display : inline ; zoom : 1 ; }
# slide-navigator . learn-more . or-text { font-size : 16 px ; padding-right : 16 px ; }
# slide-navigator . learn-more a . more-link { font-size : 18 px ; border-bottom : 1 px solid #329DD5 ; }
# slide-navigator . learn-more a . more-link : hover { text-decoration : none ; border-bottom : 1 px solid #58C8FF ; }
/* 7.2 Donate Page Template */
. page-template-template-donate-php # intro { background : #252424 ; padding : 45 px 40 px ; border-top : 3 px solid #000 ; }
. page-template-template-donate-php # intro . meter { margin-top : 40 px ; height : 49 px ; /* Can be anything */ width : 556 px ; position : relative ; background : #000 ; -moz- border-radius : 60 px ; -webkit- border-radius : 60 px ; border-radius : 60 px ; padding : 10 px ; display : inline-block ; background : #000 url ( images/donate-meter-page.png ) 524 px 21 px no-repeat ; }
. page-template-template-donate-php # intro . meter > span { display : block ; height : 100 % ; -moz- border-radius : 60 px ; -webkit- bottom-radius : 60 px ; border-radius : 60 px ; background : #7F7875 ; position : relative ; overflow : hidden ; text-align : right ; }
. page-template-template-donate-php # intro . money-so-far { background : url ( "images/donate-meter-page.png" ) no-repeat 97 % center ; color : #FFF ; display : block ; height : 25 px ; margin-top : 10 px ; padding-right : 55 px ; padding-top : 5 px ; font-size : 26 px ; }
. page-template-template-donate-php . donate-button-wrap { background : #000 ; -moz- border-radius : 60 px ; -webkit- border-radius : 60 px ; border-radius : 60 px ; margin-top : 40 px ; margin-left : 20 px ; padding : 10 px ; display : inline-block ; }
. page-template-template-donate-php . donate-button { margin : 0 ; }
