/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart.css
Don't edit the file if you want HTML KickStart to be upgradeable.
Instead, copy any CSS selectors you want to modify to your style.css file.
// Colors
blue: #4D99E0;
*/
/*---------------------------------
IMPORTS
-----------------------------------*/
/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart-buttons.css
Super Easy Cross Browser CSS3 Gradients
http://www.colorzilla.com/gradient-editor/
*/
/*---------------------------------
BUTTONS
-----------------------------------*/
button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{
position:relative;
top:0;
left:0;
margin:0 2px 20px 0;
padding:10px 15px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
width:auto;
overflow:visible;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/
a.btn,a.button{}/*overrides*/
button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;}
button.medium, a.btn.medium, a.button.medium{}/*default*/
button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;}
button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;}
button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}
button:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
border:1px solid #bbb;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
button img,
a.btn img,
a.button img,
input[type="submit"] img,
input[type="reset"] img,
input[type="button"] img{
display:inline;
margin:0;
vertical-align: middle;
margin:-10px 10px -5px -5px;
padding:0;
}
.small img{margin:-3px 5px -3px -3px;}
.medium img{margin:-10px 10px -5px -5px;}
.large img{margin:-10px 10px -10px -10px;}
.icon-only{padding:7px 10px;}
.icon-only img{margin:0;display:block;padding:0;}
.icon-only .icon{margin:-5px -6px -8px -6px;}
/* icons */
button .icon,
a.btn .icon,
a.button .icon,
input[type="submit"] .icon,
input[type="reset"] .icon,
input[type="button"] .icon{
vertical-align: middle;
margin:-5px 3px -7px -2px;
*margin:-5px 3px -10px 0px;/*IE 7 ONLY*/
}
button .icon.medium,
a.btn .icon.medium,
a.button .icon.medium,
input[type="submit"] .icon.medium,
input[type="reset"] .icon.medium,
input[type="button"] .icon.medium{
margin-left:-5px;
*left:-5px;
*top:0px;
}
button .icon.large,
a.btn .icon.large,
a.button .icon.large,
input[type="submit"] .icon.large,
input[type="reset"] .icon.large,
input[type="button"] .icon.large{
margin-left:-10px;
*left:-10px;
*top:0px;
}
/*---------------------------------
ORANGE
-----------------------------------*/
button.orange,
a.btn.orange,
a.button.orange,
input[type=submit].orange,
input[type=reset].orange,
input[type=button].orange{
text-shadow:0 -1px 0 #FC730A;
color:#fff;
border:1px solid #FC730A;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
button.orange:hover,
a.btn.orange:hover,
a.button.orange:hover{
text-shadow:0 1px 0 #FC730A;
border:1px solid #FC730A;
background: rgb(249,191,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
BLUE
-----------------------------------*/
button.blue,
a.btn.blue,
a.button.blue,
input[type=submit].blue,
input[type=reset].blue,
input[type=button].blue{
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border:1px solid #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
button.blue:hover,
a.btn.blue:hover,
a.button.blue:hover{
text-shadow:0 1px 0 #1D6DC1;
border:1px solid #1D6DC1;
background: rgb(155,205,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
PINK
-----------------------------------*/
button.pink,
a.btn.pink,
a.button.pink,
input[type=submit].pink,
input[type=reset].pink,
input[type=button].pink{
text-shadow:0 -1px 0 #EF0251;
color:#fff;
border:1px solid #EF0251;
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}
button.pink:hover,
a.btn.pink:hover,
a.button.pink:hover{
text-shadow:0 1px 0 #EF0251;
border:1px solid #EF0251;
background: rgb(255,169,213); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
GREEN
-----------------------------------*/
button.green,
a.btn.green,
a.button.green,
input[type=submit].green,
input[type=reset].green,
input[type=button].green{
text-shadow:0 -1px 0 #669E00;
color:#fff;
border:1px solid #669E00;
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
}
button.green:hover,
a.btn.green:hover,
a.button.green:hover{
text-shadow:0 1px 0 #669E00;
border:1px solid #669E00;
background: rgb(198,226,120); /* Old browsers */
background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
RED
-----------------------------------*/
button.red,
a.btn.red,
a.button.red,
input[type=submit].red,
input[type=reset].red,
input[type=button].red{
text-shadow:0 -1px 0 #B21203;
color:#fff;
border:1px solid #B21203;
background: rgb(229,60,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
button.red:hover,
a.btn.red:hover,
a.button.red:hover{
text-shadow:0 1px 0 #B21203;
border:1px solid #B21203;
background: rgb(238,106,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
}
/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart-menus.css
DO NOT EDIT THIS FILE unless you know what you are doing.
Edit/override menu styles in kickstart.css
*/
/*---------------------------------
MENU LAYOUT
-----------------------------------*/
.menu,.fmnu{margin:0;padding:0;line-height:100%;
font-size:0; /* Kill white space gap between LI elements */
position:relative;z-index:1000;}
.menu:after,.fmnu:after,.login:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.menu li,.fmnu li,.login li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
.menu li a,.fmnu li a,.login a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;}
/*--------------Sub Menus-------------------*/
/*.menu li:hover > ul{display:block;}*/
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:170px;max-width:170%;*width:170px;}
.menu ul li{display:block;width:100%;}
.menu ul li a{display:block;}
.menu ul ul{top:0;left:100%;}
/*--------------Dividers-------------------*/
.menu ul li.divider{border-top:1px solid #ccc;}
.menu ul li.divider a{border-top:1px solid #fff;}
/*--------------Arrows-------------------*/
.menu li.has-menu a{padding-right:25px;}
.menu li.has-menu span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;}
.menu li li.has-menu span.arrow{margin-top:-4px;}
/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{}
.menu.vertical li{display:block;}
.menu.vertical li a{display:block;}
.menu.vertical ul{top:0;left:100%;}
.menu.vertical li.has-menu span.arrow{margin-top:-4px;}
/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
.menu.vertical.right ul{top:0;right:100%;left:auto;}
.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart-grids.css
DO NOT EDIT THIS FILE unless you know what you are doing.
*/
/*---------------------------------
GRID/COLUMNS
-----------------------------------
tinyfluidgrid.com
& girlfriendnyc.com
with changes by 99Lime
-----------------------------------*/
/*
& Columns : 12
& Gutter %: 20%
& MinWidth: 960px
& MaxWidth: 1080px
*/
.col_1 { width: 6.6666666666667%; }
.col_2 { width: 15%; }
.col_3 { width: 23.333333333333%; }
.col_4 { width: 31.666666666667%; }
.col_5 { width: 40%; }
.col_6 { width: 48.333333333333%; }
.col_7 { width: 56.666666666667%; }
.col_8 { width: 65%; }
.col_9 { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:8px;
margin-bottom:8px;
float: left;
display: block;
}
.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}
/* Viewable Grids
To view your grids, add the class .visible to any grid container.
This will add a background color so you can see the layout of your grids.
*/
.col_1.visible,
.col_2.visible,
.col_3.visible,
.col_4.visible,
.col_5.visible,
.col_6.visible,
.col_7.visible,
.col_8.visible,
.col_9.visible,
.col_10.visible,
.col_11.visible,
.col_12.visible {
background:#efefef;
}
/* Default .inner Padding
The inside of a column is automatically wrapped with div.inner by Javascript.
This allows for more flexible styling and layout without breaking your columns.
*/
.column .inner{
/* padding:10px; */
}
/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart-icons.css
DO NOT EDIT THIS FILE unless you know what you are doing.
Edit/override icon styles in kickstart.css
*/
@font-face{
font-family: 'IcoMoon';
src: url('fonts/base/icomoon-webfont.eot');
src: url('fonts/base/icomoon-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/base/icomoon-webfont.woff') format('woff'),
url('fonts/base/icomoon-webfont.ttf') format('truetype'),
url('fonts/base/icomoon-webfont.svg#IcoMoonBase') format('svg');
}
@font-face{
font-family: 'IcoMoonSocial';
src: url('fonts/social/icomoonsocial-webfont.eot');
src: url('fonts/social/icomoonsocial-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/social/icomoonsocial-webfont.woff') format('woff'),
url('fonts/social/icomoonsocial-webfont.ttf') format('truetype'),
url('fonts/social/icomoonsocial-webfont.svg#IcoMoonSocial') format('svg');
}
.icon{
height:0.8em;
width:0.8em;
overflow:hidden;
display:inline-block;
font-size:21px;
color:inherit;
text-decoration:none;
vertical-align:middle;
text-align:center;
line-height:120%;
padding:0;
margin:0;
font-family: 'IcoMoon', arial, sans-serif;
position:relative;
top:-3px;
left:0;
-webkit-font-smoothing: antialiased;
zoom:1;
}
.msie .icon{top:-1px;}/* IE ONLY - I know :P */
.icon span{position:relative;top:-49%;left:0.017em;color:inherit;display:inline-block;zoom:1;}
.icon.small{font-size:21px;} /* default */
.icon.medium{font-size:31px;}
.icon.large{font-size:41px;}
.icon.x-large{font-size:61px;}
.icon.social{font-family: 'IcoMoonSocial', arial, sans-serif;}
.icon.social span{top:-23%;}
/* colors (starting point) */
.icon.gray{color:#999;}
.icon.darkgray{color:#666;}
.icon.black{color:#000;}
.icon.white{color:#fff;}
.icon.red{color:#CA2200;}
.icon.blue{color:#3EBDFF;}
.icon.green{color:#A7C210;}
.icon.pink{color:#E9236E;}
/*---------------------------------
HTML ELEMENTS
-----------------------------------*/
a,a:active{color:#007ccc;outline:0;}
a:visited{color:#624AB6;}
a:hover{}
a img{border:0;}
strong,b{color:#000;position:relative;top:0;left:0;padding:2px 5px;}
strike{}
em,i{}
hr,hr.dotted{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0px;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
/*---------------------------------
HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
/*---------------------------------
HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6,.h5{
font-weight:bold;
line-height:140%;
text-align:center;
}
h1{
font-size:1.2em;
margin:10px 0 10px 0;
}
h2{
font-size:1.5em;
margin:10px 0 10px 0;
}
h3{
font-size:1.4em;
margin:10px 0 10px 0;
line-height:130%;
}
h4{
font-size:1.3em;
margin:10px 0 10px 0;
}
h5,.h5{
font-size:1.2em;
margin:10px 0 10px 0;
}
h6{
font-size:1em;
margin:10px 0 5px 0;
}
/*---------------------------------
PARAGRAPHS
-----------------------------------*/
p{
line-height:150%;
color:#666;
margin:10px 0;
}
/*---------------------------------
BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
font-style: italic;
color:#888;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}
blockquote span{font-size:0.7em;color:#000;display:block;}
blockquote.small{font-size:1.2em;}
/*---------------------------------
LISTS
-----------------------------------*/
ul, ol{
padding:0;
margin:0 0 20px 25px;
}
li{
padding:5px 0;
margin:0;
}
ul.checks{
padding:0;
margin:0 0 20px 0;
}
ul.checks li{
list-style-type:none;
margin:0;
background:url(img/icon-check.png) no-repeat 5px 0.5em;
padding-left:30px;
}
ul.alt{
padding:0;
margin:0 0 20px 0;
}
ul.alt li{
list-style-type:none;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin:0 0 -1px 0;
background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;
padding-left:20px;
}
/*---------------------------------
PRE & CODE
-----------------------------------*/
code{
font-family: monospace;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}
pre{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0 20px 0;
border:1px solid #ddd;
}
/*---------------------------------
TABLES
-----------------------------------*/
table{
border-collapse: collapse;
border:1px solid #e5e5e5;
width:100%;
margin:20px 0;
}
thead, tbody{
margin:0;
padding:0;
}
tr{}
tr.alt{background:#f5f5f5;}
th,td{
padding:10px;
font-weight:normal;
}
thead th{
text-align:left;
padding:3px 10px;
font-size:0.8em;
color:#888;
border-bottom:1px solid #ddd;
background:#eee;
}
tbody th{
background:#f5f5f5;
text-align:right;
padding-right:15px;
font-size:0.9em;
color:#666;
border-right:1px solid #e5e5e5;
}
tbody tr.alt th{background:#efefef;}
/*---------------------------------
TABS
-----------------------------------
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
}
ul.tabs.left{text-align:left;}
ul.tabs.center{text-align:center;}
ul.tabs.right{text-align:right;}
ul.tabs li{
list-style-type:none;
margin:0 2px 0 0;
padding:0;
display:inline-block;
*display:inline;
position:relative;
top:0;
left:0;
*top:1px;
zoom:1;
}
ul.tabs li a{
text-decoration:none;
color:#666;
display:inline-block;
padding:9px 15px;
position: relative;
top:0;
left:0;
line-height:100%;
background:#f5f5f5;
border:1px solid #e5e5e5;
border-bottom:0;
font-size:0.9em;
zoom:1;
}
ul.tabs li a:hover{
background:#fff;
}
ul.tabs li.current a{
position:relative;
top:1px;
left:0;
background:#fff;
color:#222;
}
.tab-content{
border:1px solid #efefef;
border-left:1px solid #e5e5e5;
clear:both;
padding:20px;
margin:0 0 40px 0;
}
ul.tabs .icon{
margin:-3px 7px -3px -5px;
position:relative;
top:-2px;
left:0;
}
/*---------------------------------
BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}
ul.breadcrumbs li{
list-style-type:none;
margin:0;
padding:0;
display:inline-block;
*display:inline; /* IE ONLY*/
position:relative;
line-height:100%;
font-size:14px; /* 0.8em default to override font-size:0; on parent*/
}
ul.breadcrumbs li a{
display:inline-block;
*display:inline; /* IE ONLY*/
position:relative;
float:left;
padding:5px 15px 5px 5px;
font-size:0.9em;
margin:0;
background:url(img/icon-arrow-right.png) no-repeat right center;
}
ul.breadcrumbs li.last a{
color:#333;
cursor: default;
text-decoration:none;
background:none;
}
ul.breadcrumbs li.last a:hover{
text-decoration:none;
}
/* Alternative Style */
ul.breadcrumbs.alt1{
border:1px solid #efefef;
}
ul.breadcrumbs.alt1 li a{
padding:10px 25px 10px 15px;
background:url(img/breadcrumbs-bg.gif) no-repeat right center;
text-decoration:none;
}
ul.breadcrumbs.alt1 a:hover{
text-decoration:underline;
}
ul.breadcrumbs.alt1 li.last a{
background:none;
}
/*---------------------------------
IMAGES
-----------------------------------*/
/*
for img .style1, .style2, .style3
view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
}
img.align-left{float:left;margin:0 10px 5px 0;}
img.align-right{float:right;margin:0 0 5px 10px;}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
span.img-wrap{
display:inline-block;
position: relative;
top:0;
left:0;
zoom: 1;
}
span.img-inner{
display:block;
position:absolute;
top:0;
left:0;
width: 100%;
height:100%;
}
span.img-wrap img{
display:block;
padding:0;
margin:0;
}
img.blocknews{/* DON'T Style This */ }
.img-wrap.blocknews{
border:3px solid #007dcd;
background-color:#fff;
margin-left:-3px;
margin-top:-3px;
margin-bottom:-3px;
float:left;margin:0 10px 5px 0;
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
box-shadow: 2px 2px 3px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
img.style1{/* DON'T Style This */}
.img-wrap.style1{
border:1px solid #ddd;
padding:3px;
background-color:#fff;
margin-left:-3px;
margin-top:-3px;
margin-bottom:-3px;
}
img.style2{/* DON'T Style This */}
.img-wrap.style2{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
overflow: hidden;
}
img.style3{/* DON'T Style This */}
.img-wrap.style3{
margin-left:-3px;
margin-top:-3px;
margin-bottom:-3px;
border:3px solid #efefef;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
overflow: hidden;
-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
div.caption{
background:#f5f5f5;
border:1px solid #ddd;
padding:3px;
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
box-shadow: 2px 2px 3px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
div.caption img{
display:block;
padding:0;
margin:0;
}
div.caption span{
display:block;
margin-top:3px;
font-size:1em;
color:#666;
padding:0px 5px;
font-weight:bold;
font-family:arial;
}
.gallery{}
.gallery a{
display:inline-block;
position:relative;
border:1px solid #ddd;
background:#fff;
padding:3px;
margin:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.gallery a img{
display: block;
position: relative;
margin:0;
padding:0;
}
/*---------------------------------
SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}
.slideshow-inner{
overflow:hidden;
clear:both;
position:relative;
top:0;
left:0;
border:1px solid #efefef;
}
.slideshow{
clear:both;
margin:0;
padding:0;
width:auto;
height:auto;
overflow:hidden;
}
.slideshow li{
list-style-type:none;
margin:0;
padding:0;
float:left;
display:block;
}
.slideshow img{vertical-align: bottom;}
.slideshow-buttons{
text-align:right;
margin:3px 0 0 0;
padding:0;
}
.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
.slideshow-buttons li.current a{background:#ddd;}
.slideshow-buttons a{
display:inline;
position:relative;
top:0;
left:0;
padding:1px 3px;
margin:0 1px;
line-height:100%;
border:1px solid #efefef;
text-decoration:none;
font-size:0.8em;
}
/*---------------------------------
MENUS
-----------------------------------*/
.menu{
border:1px solid #ccc;
text-shadow:0px 1px 1px #aaa;
text-transform:uppercase;
background: #1187d3; /* Old browsers */
background: -moz-linear-gradient(top, rgba(104,164,245,1) 0%, rgba(17,135,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,164,245,1)), color-stop(100%,rgba(17,135,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(104,164,245,1) 0%,rgba(17,135,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(104,164,245,1) 0%,rgba(17,135,211,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(104,164,245,1) 0%,rgba(17,135,211,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(104,164,245,1) 0%,rgba(17,135,211,1) 100%); /* W3C */
z-index:600;
}
.menu li{}
.menu li a,.fmnu li a,.login li a{
padding:10px 15px;
text-decoration:none;
font-size:0.8em;
color: #fff;
}
.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a{
background: rgb(17,135,211); /* Old browsers */
background: -moz-linear-gradient(top, rgba(17,135,211,1) 0%, rgba(96,171,248,1) 44%, rgba(104,164,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,135,211,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(104,164,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(17,135,211,1) 0%,rgba(96,171,248,1) 44%,rgba(104,164,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(17,135,211,1) 0%,rgba(96,171,248,1) 44%,rgba(104,164,245,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(17,135,211,1) 0%,rgba(96,171,248,1) 44%,rgba(104,164,245,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(17,135,211,1) 0%,rgba(96,171,248,1) 44%,rgba(104,164,245,1) 100%); /* W3C */
color:#fff;
text-shadow:0px -1px 0px rgba(0,0,0,0.2);
cursor: default;
}
.menu li a:hover,
.menu li.hover>a{
background:#1187d3;
}
/* sub menus */
.menu ul{
background: #4b96fa;
border:1px solid #ccc;
}
.menu ul li{}
.menu ul li a{font-size:0.8em;text-transform:none;padding:5px;}
/* sub-sub menus */
.menu ul ul{}
.menu ul ul li{}
.menu ul ul li a{}
/* arrows */
/* arrow down */ .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
/* arrow left */ .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
{border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
/* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}
/* dividers */ .menu ul li.divider{border-top:1px solid #ccc;}
.menu ul li.divider a{border-top:1px solid #fff;}
/* icons */
.menu .icon{margin:-10px 7px -10px -5px;vertical-align: middle;}
.menu ul .icon{margin-left:-10px;}
/*---------------------------------
FORMS
-----------------------------------*/
form{
padding:0;
margin:20px 0;
}
fieldset{
margin:30px 0 20px 0;
padding:5px 15px 15px 15px;
border:1px solid #ccc;
background:#f5f5f5;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position: relative;
top:0;
left:0;
}
legend{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #ccc;
background:#f5f5f5;
padding:2px 10px;
margin:0 0 0 0;
display:block;
position: relative;
top:0;
left:0;
}
/*IE ONLY - I know, this is a stop gap*/
.msie fieldset{padding-top:25px;}
.msie legend{position:absolute;top:-0.7em;left:10px;}
label{
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}
label.inline{
display:inline;
margin:0;
}
label span{
color:#999;
font-size:0.9em;
}
label span.right{
position:absolute;
bottom:0;
right:0;
text-align:right;
}
label.disabled{
color:#ccc;
}
input{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#bbb;
}
input::-moz-focus-inner {border:0;}
input[disabled="disabled"], input.disabled{
color:#999;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}
input.checkbox,
input[type="checkbox"]{
display:inline;
width:auto;
margin:0 0 10px 0;
padding:0;
border:0;
background:none;
vertical-align: top;
}
input.radio,
input[type="radio"]{
display:inline;
width:auto;
margin:0 0 10px 0;
padding:0;
border:0;
background:none;
vertical-align: top;
}
input.file,
input[type="file"]{
font-size:0.8em;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
select{
width:auto;
margin:0 0 20px 0;
line-height:150%;
font-size:1em;
padding:3px;
}
textarea,.jHtmlArea iframe{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}
/*---------------------------------
FORM VALIDATION
-----------------------------------*/
label.error{color:red;}
input.error{border:1px solid red;}
/*---------------------------------
NOTICES
-----------------------------------*/
.notice{
border:1px solid gold;
background:lightyellow;
padding:10px 20px 10px 10px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#DEAE00;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}
.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid green;background:lightgreen;color:green;}
.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
.notice a.icon.close,
.notice a.icon.close:active,
.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}