/* General */
html, body, div, span, img, a, textarea, ul {margin:0px; padding:0px; border:0px; outline:0px;}
body {background:#ffffff; font:normal 12px Arial, Tahoma, Verdana; color:#333333; border:0; padding:0px; outline:0;}
p {font-family: Arial, Trebuchet MS; font-size:12px; margin:0px 0px 12px 0px;}
/*h1 {font:normal 24px Arial; color:#669999; font-weight:bold; letter-spacing:-1px; margin:0px 0px 12px 0px;}*/
h1 {font-size:36px; color:#333; border-top:solid 1px #333; border-bottom:solid 1px #333; padding:10px 0; margin: 0 0 15px 0;}
h1:hover {color:#666;}
h1 .small {color:#999999; font-size:13px; letter-spacing:normal;}
h2 {font:normal 16px Arial; color:#333; font-weight:bold; margin:0px 0px 12px 0px;}
h2 .small {color:#999999; font-size:12px;}
h3 {color:#333;}
/*hr {color:#ffffff; height:0px; border:dotted #456b78; border-width:0 0 1px 0; margin:10px 0px; clear:both;}*/
hr {color:#ffffff !important; height:0px !important; border:solid #ddd !important; border-width:0 0 1px 0 !important; margin:10px 0px !important; clear:both !important;}
hr.dark {color:#333 !important; height:0px !important; border:solid #333 !important; border-width:0 0 1px 0 !important; margin:10px 0px !important; clear:both !important;}
a {outline:none; text-decoration:none; color:#aa7439; font-weight:bold;}
a:hover {color:#666666; text-decoration:underline;}
/* a {outline:none; text-decoration:none; color:#e6a14f; font-weight:bold;} */
/* a {outline:none; text-decoration:none; color:#0099ff; font-weight:bold;} */
ul {font-family:Arial, Trebuchet MS; margin:15px;}
li {font-family:Arial, Trebuchet MS;}
ol {font-family:Arial, Trebuchet MS; margin:20px !important;}
td {font-family:Arial, Trebuchet MS; font-size:12px;}
div .clear {clear:both; height:15px; overflow:hidden;}
.nobr {white-space:nowrap;}
/* Main template dimensions */
#container {width:1055px; margin:5px auto 5px auto; position:relative;}
#container .tuck_in {clear:both;}
#main {width:100%; text-align:center;}
#left {width:198px; margin:auto; text-align:left; background:bottom no-repeat;}
#left_home {width:198px; margin:auto; text-align:left; background:url(/images/wca_main/bg_nav_side_home.jpg) no-repeat #000000;}
#inner {width:auto; margin:auto; text-align:left; background:url(/images/wca_main/bg_dividers_659.gif) repeat-y; padding:10px 40px 20px 40px;}
#inner_wide {width:auto; height:400px; margin:auto; text-align:left; background:url(/images/wca_main/content_bottom_857x10.gif) bottom no-repeat;}
#inner_wide .content_padding {padding:10px 30px 20px 40px;}
#inner_content_wide {width:auto; min-height:400px; margin:auto; text-align:left; background:url(/images/wca_main/content_bottom_1055x10.gif) bottom no-repeat;}
#inner_content_wide .content_padding {padding:10px 30px 20px 40px;}
#inner_content_wide .content_padding_flush {padding:0px;}
#inner_home {width:auto; margin:auto; text-align:left; background:url(/images/wca_main/bg_dividers_659.gif) repeat-y; padding:0px 0px 0px 12px;}
#inner_home_wide {width:auto; margin:auto; text-align:left; padding:0px 0px 0px 12px;}
#right {width:198px; margin:auto; text-align:left; background:url(/images/wca_main/bg_callout.jpg) no-repeat;}
#callout_right {width:198px; height:438px; margin:0px auto auto auto; text-align:left; background:url(/images/wca_main/bg_callout_11-15-2012.gif) no-repeat; clear:both; position:absolute; top:100px; left:857px; z-index:100;} /* /images/wca_main/bg_callout_2012.gif */
#content {width:1055px; background:url(/images/wca_main/bg_dividers_1055.gif) repeat-y;}
#content_wide {width:1055px; background:url(/images/wca_main/bg_sides_wide.gif) repeat-y;}
/* Top login strip */
#login {background:#dddddd;}
/* Content Area login */
div.container_login {width:284px; font-family:Arial, Helvetica, sans-serif;}
div.content_login {background:#eee !important; padding:10px 0px;}
h3.login_title {font-size:16px; font-weight:bold; background:#eee; margin:0px; text-align:center; padding-top: 10px; color:#669999;}
p.field_title {font-size:12px; font-weight:bold; margin:10px 0px 0px 0px; text-align:left; color:#000000;}
.tiny_text {font-size:11px; font-weight:normal;}
a.login {color:#669999;}
.wca {font-size:12px; color:#999; margin: 0px; vertical-align: text-top; line-height: 7px;}
.rounded-corners {
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
padding:5px; border:solid 1px #ccc; background:#f6f6f6;
width:200px;
}
.rounded_corners_form {
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px;
border:solid 1px #ccc;
background:#ffffff;
padding:5px;
width:200px;
color:#888888;
font-size:13px;
}
.rounded_corners_form:hover {color:#666666; border:solid 1px #666666;}
.form_sub {background-color:#c25c05; padding:7px;}
.form_sub h2 {color:#fff;}
.label {font-weight:bold; color:#333; margin-top:20px;}
/* Main header image positioning */
#header img {margin:0px; padding:0px; float:left;}
#header .logo {margin:0px 0px 0px 0px;}
/* Very top strip navigation */
#stripNav {background:#333; color:#666; font-size:12px; font-weight:bold; text-align:center; padding:5px; overflow:hidden;}
#stripNav a {color:#ccc; margin:0 2px;}
#stripNav a:hover {color:#fff; text-decoration:none;}
#stripNav a img {vertical-align:middle;}
/* Main top navigation */
#nav {clear:both; max-width:1052px; margin:0px auto 0px auto; position:relative; z-index:500;}
#menu ul {font:bold 12px Helvetica, Arial, Trebuchet MS; list-style-type:none; overflow:hidden; height:41px; margin:0; position:relative; right:40px;}
#menu li {display:inline; background:none; margin:0;}
#menu li a {float:right; display:block; text-align:center; text-transform:uppercase; letter-spacing:1px; height:29px; padding:12px 10px 0px 10px; color:#aa7439;}
#menu li a:hover, #menu li a.selected {background:#cececa; color:#fff; text-decoration:none;}
#menu li a.active {color:#000000;}
#menu_special ul {font:10px Helvetica, Arial, Trebuchet MS; list-style-type:none; overflow:hidden; height:41px; margin:0; position:relative; right:40px;}
#menu_special li {display:inline; background:none; float:right; display:block; text-align:center; text-transform:uppercase; letter-spacing:1px; height:29px; padding:10px 7px 0px 7px; margin:5px 0 0 0; color:#669999;}
#menu_special li a {color:#666666; font-weight:normal;}
#menu_special li a:hover, #menu li a.selected {color:#000; text-decoration:none;}
#menu_special li.login_tab {background:url(/images/wca_main/tab_login.gif) no-repeat center; position:relative; top:-15px; left:-20px; width:150px;}
/* Sub navigation hidden until called */
ul.submenu, .submenu {background:#cececa; font:normal 11px Helvetica, Arial, Trebuchet MS; position:absolute; left:0px; top:0px; list-style-type:none; visibility:hidden; z-index:100; color:#fff; margin:0px;}
.submenu li a {display:block; width:220px; padding:4px 0 4px 10px; background:none; color:#333; text-transform:uppercase; font-weight:bold; font-size:11px; border:solid #999999; border-width:0 0 1px 0;}
.submenu li a:hover {background:#444444; color:#fff; text-decoration:none;}
.submenu li {margin:0; padding:0;}
.submenu li.spacer {display:block; width:220px; padding:4px 0 4px 10px; background:none; color:#669999; text-transform:uppercase; font-weight:bold; font-size:11px; border:solid #999999; border-width:0 0 1px 0;}
* html .submenu li {/*IE6 CSS hack*/ display:inline-block; width:170px; /*width of menu (include side paddings of LI A*/}
.menuiframe {position:absolute; z-index:500; background:transparent; border-width:0; width:0; height:0; display:block;}
/* Feature box */
#box_feature_home {font-family:Arial, Helvetica, sans-serif; color:#000000; position:absolute; z-index:400; top:262px; left:15px; width:256px; height:268px; padding:0px; background:url(/images/wca_main/box_256x268.png) no-repeat; overflow:hidden;}
#box_feature {font-family:Arial, Helvetica, sans-serif; color:#000000; position:absolute; z-index:400; top:187px; left:15px; width:256px; height:343px; padding:0px; background:url(/images/wca_main/box_256x343.png) no-repeat; overflow:hidden;}
#blog {margin:20px 26px 26px 20px; height:298px; overflow:hidden;}
#blog h1 {font-size:16px; color:#999999; font-weight:bold; letter-spacing:normal;}
#blog h2 {font-size:14px; color:#999999; font-weight:bold; letter-spacing:normal; margin:0px;}
#blog p {font-size:11px; margin:0px;}
#twitter {margin:20px 26px 26px 20px; height:298px; overflow:hidden;}
#twitter h1 {font-size:16px; color:#999999; font-weight:bold; letter-spacing:normal;}
#twitter h2 {font-size:11px; font-weight:bold; letter-spacing:normal; margin:0px;}
#twitter p {font-size:11px; margin:0px;}
#news {margin:20px 26px 26px 20px; height:298px; overflow:hidden;}
#news h1 {font-size:16px; color:#999999; font-weight:bold; letter-spacing:normal;}
#news h2 {font-size:11px; font-weight:bold; letter-spacing:normal; margin:0px;}
#news p {font-size:11px; margin:0px;}
#widget_tab {position:absolute; z-index:400; top:280px; left:261px; width:38px; height:80px; padding:0px; background:url(/images/wca_main/widget_tab_3_items.png) no-repeat right; overflow:hidden;}
#widget_tab_short {position:absolute; z-index:400; top:205px; left:261px; width:38px; height:52px; padding:0px; background:url(/images/wca_main/widget_tab.png) no-repeat right; overflow:hidden;}
.timestamp {font-size:11px; font-weight:normal; color:#999999; margin-top:0px;}
/* Pop box */
#pop_box {font-family:Arial, Helvetica, sans-serif; color:#000000; width:495px; height:332px; background:#ffffff; overflow:hidden;}
#pop_box h1 {font-size:18px; color:#000000; font-weight:bold; letter-spacing:normal;}
#pop_box h2 {font-size:14px; font-weight:bold; letter-spacing:normal;}
#pop_box p {font-size:14px; margin:0px;}
/* Left side navigation */
#nav_side ul {font-family: Arial, Trebuchet MS; font-size:12px; margin:0px 15px 0px 15px; color:#000000;}
#nav_side li {font-family: Arial, Trebuchet MS; font-size:12px; list-style-type:none; margin:0px; color:#000000; border-bottom:dotted #516a63 1px; padding:8px 0px 8px 0px;}
#nav_side a {color:#000000; font-weight:bold; font-size:12px;}
#nav_side a:hover {color:#666666; text-decoration:none;}
#nav_side_menu {}
#nav_side_menu h2 {margin:15px;}
#nav_side_menu h2:hover {color:#456b78;}
#nav_side_menu h3 {margin:15px;}
#nav_side_menu .sub_group {margin-bottom:0px;}
#nav_side_menu .sub {margin:0 0 10px 0; font-size:10px; border-bottom:dotted #000000 1px; padding-bottom:0px;}
#nav_side_menu .subRel {margin:0 0 10px 0; font-size:10px; padding-bottom:0px;}
#nav_side_menu .sub a {color:#000000;}
#nav_side_menu .sub a:hover {color:#666666;}
#nav_side_menu .sub a.active {color:#aa7439;}
#nav_side_menu hr {margin:0px;} /* Set border:0px; to turn off left side nav lines */
/* Adjust opacity of simple image link rollover */
a.linkopacity img {filter:alpha(opacity=100); opacity:1.0;}
a.linkopacity:hover img {filter:alpha(opacity=50); opacity:0.5;}
/* MISC */
.quote {font-size:14px; color:#999999; font-style:oblique;}
.subhead_tan {font-size:14px; color: #bbaa72;}
.subhead_gray {font-size:12px; color: #999999;}
.subhead_green {font:normal 18px Arial; color:#669999;letter-spacing: -1px; clear:both; margin:0px 0px 12px 0px;}
.pr_footer {font-size: 10px; color: #999;}
/* TOGGLE CONTENT */
#zero {display:none;}
#first {}
#second {}
#third {}
#fourth {}
/* FORM BUTTON */
.button {}
.bg_btn_gray {
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #666666;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px;
color:#ffffff;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); /* for webkit browsers */
background: -moz-linear-gradient(top, #999999, #666666); /* for firefox 3.6+ */
background-color:#999999;
cursor: pointer;
position:relative; top:3px; text-align:center; margin:0px; padding:5px 10px; letter-spacing:normal;
white-space:nowrap;
}
a:hover.bg_btn_gray {background:#666666; color:#ffffff; text-decoration:none;}
input:hover.bg_btn_gray {background:#666666; color:#ffffff; text-decoration:none;}
button:hover.bg_btn_gray {background:#666666; color:#ffffff; text-decoration:none;}
.bg_btn_blue {
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #1796db;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px;
color:#ffffff;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#2ca9ec), to(#1796db)); /* for webkit browsers */
background: -moz-linear-gradient(top, #2ca9ec, #1796db); /* for firefox 3.6+ */
background-color:#2ca9ec;
cursor: pointer;
position:relative; top:3px; text-align:center; margin:0px; padding:5px 10px; letter-spacing:normal;
white-space:nowrap;
}
a:hover.bg_btn_blue {background:#1796db; color:#ffffff; text-decoration:none;}
input:hover.bg_btn_blue {background:#1796db; color:#ffffff; text-decoration:none;}
button:hover.bg_btn_blue {background:#1796db; color:#ffffff; text-decoration:none;}
.btn_big {width:100%; height:50px; font-size:20px;} /* for mobile full screen buttons */
footer {clear:both; overflow:auto; font-size:10px; color:#999999; line-height:14px; text-align:left; margin:20px 10px 20px 0px;}
/* MOBILE */
/* Columns: 12, Gutter Width: 1.5, Breakpoints: 320,480,640,720,768,960,1024,1280,1536,1920 */
/* Removed Objects: ul, li, h1 */
html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
/* font-size:100%; */
/* vertical-align:baseline; */
background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.col {margin-left: 1.5%;}
.col:first-child {margin-left:0;}
.span1 {width:6.95833333333%;}
.span2 {width:15.4166666667%;}
.span3 {width:23.875%;}
.span4 {width:32.3333333333%;}
.span5 {width:40.7916666667%;}
.span6 {width:49.25%;}
.span7 {width:57.7083333333%;}
.span8 {width:66.1666666667%;}
.span9 {width:74.625%;}
.span10 {width:83.0833333333%;}
.span11 {width:91.5416666667%;}
.span12 {width:100%; margin-left:0;}
body {
font-size:87.5%;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height:1.5em;
*zoom:1; /* Micro Clearfix For IE 6/7 (trigger hasLayout) */
}
body:before {content:""; display:table;} /* Micro Clearfix For modern browsers */
body:after {content:""; display:table; clear:both;} /* Micro Clearfix For modern browsers */
h1 {
font-size:2.5em;
line-height:1.5em; /* 21 / 14 */
/* margin:0; */
}
h2 {
font-size:1.5em; /* 21 / 14 */
line-height:1.5em; /* 21 / 14 */
}
p {
font-size:1em; /* 14 / 14 */
line-height:1.5em; /* 21 / 14 */
margin-bottom:1.5em; /* 21 / 14 */
}
#container, .inner {margin:0 auto;}
#container {clear:both; padding:20px 0px; background:#fff;}
#container {*zoom:1;} /* Micro Clearfix For IE 6/7 (trigger hasLayout) */
#container:before {content:""; display:table;} /* Micro Clearfix For modern browsers */
#container:after {content:""; display:table; clear:both;} /* Micro Clearfix For modern browsers */
header {}
header h1 {margin:7px 0 0 0;}
.alt {letter-spacing:0.05em;}
/* NAVIGATION */
nav {margin:7px 0 7px 0;}
nav ul {
text-align:right;
overflow:hidden; /* auto; */
width:100%;
}
nav ul li {
margin:0 5px 0 5px;
text-align:center;
overflow:hidden;
float:left;
/*width:16%;*/
}
nav a {
text-decoration:none;
margin:0;
display:block;
padding:7px 0 7px 0;
margin:0 0 0 0;
background:none;
}
nav a.active {color:#000;}
.callout {
-moz-border-radius:10px; /*Required for smooth corners in Firefox*/
border-radius:10px;
border:none !important;
padding:5px; border:solid 1px #ccc;
background:url(http://www.willowcreek.com/images/wca_main/bg_vline_fade.png) repeat top #eee;
padding:20px;
}
.callout_fade {
-moz-border-radius:10px; /*Required for smooth corners in Firefox*/
border-radius:10px;
border:none !important;
padding:5px; border:solid 1px #ccc;
background:url(http://www.willowcreek.com/images/wca_main/bg_vline_fade_20.png) repeat top;
padding:20px;
}
.callout_tint {
-moz-border-radius:10px; /*Required for smooth corners in Firefox*/
border-radius:10px;
border:none !important;
padding:5px; border:solid 1px #ccc;
background:url(http://www.willowcreek.com/images/wca_main/bg_white_50.png) repeat top;
padding:20px;
}
.login_callout {
-moz-border-radius:10px; /*Required for smooth corners in Firefox*/
border-radius:10px;
border:none !important;
padding:5px; border:solid 1px #ccc;
background:url(http://www.willowcreek.com/images/wca_main/bg_vline_fade.png) repeat top #c73737;
padding:20px;
text-align:center;
}
.shadowbox {
position:relative;
background:#fff;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
#sidenav {margin:0px;}
#sidenav ul {margin:0 0 40px 0;}
#sidenav li {font-size:18px; color:#333; border-top:solid 1px #333; padding:10px 0; list-style:none;}
#sidenav li.end {border-bottom:solid 1px #333; margin-bottom:20px;}
#sidenav a.about {color:#333;}
#sidenav a.about:hover {color:#333; text-decoration:none;}
#sidenav a.active {color:#000;}
.video_border_top {width:340px; height:10px; background:url(/images/wca_main/video_border_top_340.gif) no-repeat;}
.video_border_bottom {width:340px; height:10px; background:url(/images/wca_main/video_border_bottom_340.gif) no-repeat;}
.video_box {width:340px; text-align:center; background:#333333;}
div.iframeVid {height:0; position:relative; margin-bottom:15px; padding-bottom:56.25%;}
div.iframeVid iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
div.iframeVid object {width:100%; height:100%; position:absolute; top:0; left:0;}
#nav_audio_box {margin:0 0 15px 0;}
.memBenImg {float:left; margin:0 10px 20px 0; width:60px;}
.memBenTxt {clear:both;}
/* MEDIA QUERIES */
/* Custom Breakpoints */
@media screen and (max-width:1920px) {
/* Add your styles for devices with a maximum width of 1920 */
}
@media screen and (max-width:1536px) {
/* Add your styles for devices with a maximum width of 1536 */
}
@media screen and (max-width:1100px) {
#container {width: 90%;}
}
@media screen and (max-width:1024px) {
.span7, article {width: 100%;}
.span5, aside {width:100%; margin-left:0;}
#container {width: 90%;}
}
@media screen and (max-width:960px) {
.span7, article {width: 100%;}
.span5, aside {width:100%; margin-left:0;}
#container {width: 90%;}
}
@media screen and (max-width:895px) {
ul.cf {margin:0px;}
nav ul li {font-size:11px; letter-spacing:1px;}
.span7, article {width: 100%;}
.span5, aside {width:100%; margin-left:0;}
#container {width: 90%;}
}
@media screen and (max-width:825px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
#nav_audio_box {width:100%; min-width:250px;}
nav a {
margin:0; padding:14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
h1 {font-size:1.714285714em; /* 24 / 14 */}
}
@media screen and (max-width:768px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
nav a {margin:0; padding:14px 0 14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
}
@media screen and (max-width:720px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
nav a {margin:0; padding:14px 0 14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
}
@media screen and (max-width:640px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
nav a {margin:0; padding:14px 0 14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
}
@media screen and (max-width:480px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
nav a {margin:0; padding:14px 0 14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
}
@media screen and (max-width:320px) {
.span8, nav ul li {width:100%; margin:0 0 5px 0;}
nav a {margin:0; padding:14px 0 14px 0;
-moz-border-radius:5px; /*Required for smooth corners in Firefox*/
border-radius:5px; border:solid 1px #999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px;
color:#ddd;
background-color:#aaa;
text-decoration:none; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aaa, #999); /* for firefox 3.6+ */
cursor: pointer;
}
nav a:hover {background:#666; color:#fff; text-decoration:none;}
#feature img {width:90px; height:90px;} /* Customized for 3 column images */
#header .logo {margin-bottom:5px;}
}
// Micro Clearfix
/* For modern browsers */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {*zoom:1;}