/*  
Theme Name: 2HL
Version: 1.0
Description: Custom Theme For 2nd Half Lounge
Author: Jared Erickson
Author URI: http://jarederickson.com
*/

/* COLORS USED: 
	blue: #526f7e
	
*/

/* ********************************************** */
/* Default Styles and Hyperlinks */
/* ********************************************** */

@import "css/reset.css";
@import "css/css3.css";

body {background: #fff url(images/back-rep.jpg) repeat-x; font: 14px arial, helvetica, serif; line-height: 1.5; color: #555555;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, Sans-serif; color: #000;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

/* URLs and Hyperlinks */
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;}
a:link, a:visited  { color: #526f7e; }
a:hover  { color: #666666; }

/* Registration styles */

p.alert{
	padding:5px;
	background:#f9f0e0;
	border:1px solid #fbd180;
}
.user-forms label{
	display:inline-block;
	width:200px;
}
.user-forms input{
	width:200px;
}

.wpcf7 { }
.wpcf7 form {}
.wpcf7 form textarea {width: 96%; }


/* Custom Post Styles */

.pcredit { font-size: 12px; color: #526F7E; background: #d4f9fa; padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.vcredit { font-size: 12px; color: #333; border-top: 1px solid #f0f0f0; padding: 15px 0; }
.vcredit a { color: #333; }

/* ********************************************** */
/* Core Site Design and General Appearance */
/* ********************************************** */

/* Columns */
.col-left {float: left;}
.col-right {float: right;}
.col-full {width: 830px; margin: 0 auto;}

.2col {	width: 100%; }
.col1 { width: 295px; float: left; }
.col2 { width: 285px; float: right;  }

#container { background: url(images/main-bg.png) repeat-y; width: 866px; margin: 0 auto; }

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

.navigation {text-transform: capitalize; font-size: 11px; margin: -10px 20px 0 0; float: right; width: 615px; }
.nav, .nav ul {z-index: 100; margin: 0; list-style: none; line-height: 1;}
.nav li {float: left; width: auto; margin-right: 8px; }
.nav li:last-child { margin-right: 0; }

/** WordPress 3 Menu Support */
.nav_wp3menu { float: left; position: relative;}
.nav_wp3menu a { color: white; text-decoration: none; font-family: Arial, Sans-serif; }
.nav_wp3menu a:hover { text-decoration: underline;}

/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

.nav li a span { float: left; padding: 15px 13px 0 15px; margin-right: -10px; }
.nav li.current-menu-item a { background: url(images/nav-bg-left.png) top left no-repeat; color: #7c9cac; }
.nav li.current-menu-item a span {background: url(images/nav-bg-right.png) top right no-repeat;}

/* Top Page Navigation */
.nav {} 
.large_nav {padding-top: 0.6em; }
.nav a:link, .nav a:visited { float: left; font-size: 34px;display: block; z-index: 100; line-height: 10px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #526f7e; }
.nav a:hover {color:#7c9cac;}
.nav li ul {margin-top: 0px; border-top: 0px solid #d8d8d8; }
.nav li ul a:link, .nav li ul a:visited {padding: 0 0 0 10px;}
.nav li ul a:hover {color: #000!important; background: #d8d8d8;}

/* ********************************************** */
/* Social Networking Icons, WebKit            *** */
/* ********************************************** */

.social-icons { float: left; }

ul.social_icons {margin: 0 auto !important; overflow: hidden;}
ul.social_icons img {position: absolute; left: 0; top: 0; border: 0;}
ul.social_icons .small {display: inline;}
ul.social_icons, ul.social_icons li {list-style: none; padding: 0;	margin: 0;}
ul.social_icons li {width: 32px; height: 32px; float: left; line-height: 32px; text-align: center; position: relative;}
ul.large_icons li { width: 45px; height: 45px; }
ul.social_icons li, ul.social_icons li img {float: right;}
ul.social_icons li strong {position: absolute; left: -9000px;}

/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */

#header { background: url(images/header-bg.png) no-repeat; width: 866px; height: 75px; }

#header-login { height: 15px; margin: 15px auto; } 
#header-login ul { } 
#header-login ul li { color: #999; float: left; margin-left: 10px; font-size: 12px; }
#header-login ul li a {text-decoration: none; color: #999; }
#header-login ul li a:hover {color: #666; }

/* Top Search Box */
#search_main { float: left; margin-right: 20px; padding: 0 0 0 8px; background: url(images/search-bg.png) no-repeat; height: 30px; width: 190px; }
#topsearch {width: 300px; line-height: 0;}
#topsearch #searchform_top {margin: 14px 0 0 0;}

/* Logo Style */
#logo { position: absolute; margin: -10px 0 0 -10px; }
#logo img {}
#logo .site-title { font-size: 3em; }
#logo .site-title, #logo .site-description {}

/* ********************************************** */
/* Top Advertisment */
/* ********************************************** */

#topad {margin: 23px 0 0px; float: right; }

/* ********************************************** */
/* Main Content Area */
/* ********************************************** */

#content {min-height: 550px; padding: 0; margin-top: 30px;}
#html #content {height: 550px;}
#main {width: 600px; margin-right: 10px; }

/* Full Width Content Area */
#main.fullwidth {width: 830px;}

/* ********************************************** */
/* Sidebar */
/* ********************************************** */

#sidebar {width: 220px; margin:20px 0 0 -25px; overflow: hidden;}
#sidebar #left-nav { }
#sidebar #left-nav ul { }
#sidebar #left-nav ul li {margin-bottom: 5px; }

#sidebar #subscribe { margin-left: 25px; margin-bottom: 20px; }
#sidebar #subscribe .join-text { font-size: 20px; text-align: center; color: #526f7e; }
#sidebar #subscribe form { margin: 5px 0 0 10px; }
#sidebar #subscribe input.sub-input { border: 1px solid #526f7e; padding: 5px; } 
#sidebar #subscribe input.subscribe { background: url(images/subscribe.png) no-repeat; text-indent: -999px; display: block; width: 92px; height: 24px; margin-top: 10px; cursor: pointer; border: 0 none; }
#mce-responses { width: 180px; padding-top: 10px; }


/* ********************************************** */
/* Footer */
/* ********************************************** */

#pre-footer {background: url("images/footer-bg.png"); padding: 25px; }
#pre-footer h4 { font-size: 34px; color: #fff; text-transform: uppercase; }
#pre-footer h4 img { vertical-align: middle; }
#foot-twitter { width: 330px; margin: 0 25px 0 0; background: url(images/foot-devide.jpg) right repeat-y; }

#pre-footer .featured { margin: 15px 0 0 20px; height: 150px; width: 200px; float: left; }
#pre-footer .featured a { height: 150px; display: block; }
#pre-footer .featured span { width: 130px; position: absolute; background: url(images/darktrans.png); padding: 5px; color: #fff; margin-top: 0px; }
#foot-twitter #twitter { width: 300px; margin: 0; }
#foot-twitter #twitter #twitter_update_list { }
#foot-twitter #twitter #twitter_update_list li { border-top: 1px dashed #fff; line-height: 18px; padding: 10px 0; }
#foot-twitter #twitter #twitter_update_list li:first-child { border-top: 0 none; }
#foot-twitter #twitter #twitter_update_list li span { color: #fff }
#foot-twitter #twitter #twitter_update_list li a:link,#foot-twitter #twitter #twitter_update_list li a:visited { color: #ccc; }
.twitter_follow_link a { color: #fff; text-decoration: none; font-weight: bold; }

#footer .navigation { border-bottom: none !important; }
#footer .nav a { padding-top: 0; }
#footer #footer_navigation li { margin-right: 0.5em; }
#footer {font-family: Arial, sans-serif; font-size: 11px; line-height: 0px; margin:0 0 10px 0; padding: 15px 0; color: #ccc; text-transform: uppercase;}
#footer a:link, #footer a:visited {color: #aaa; text-decoration:none;}
#footer a:hover { text-decoration: underline; }

#footer #credit { color: #aaa; }
#footer #credit img {vertical-align: middle;}
#footer #credit span {display: none;}


/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */

.post {position: relative; margin: 0 0 30px 0; padding: 20px 0px 0 0; background: #fff;  min-height: 250px; }
.featured-image { margin-bottom:15px; }

.pre-title { background: url(images/title-bg.jpg) no-repeat; width: 590px; height: 40px; margin: 0 0 10px 0; padding: 5px 0 0 10px; }
.pre-title span { font-size: 30px; color: #fff; text-transform: uppercase; }
span.episode-num a:link, span.episode-num a:visited { color: #fff; text-decoration: none; }
span.episode-num a:hover { color: #f0f0f0; }

.pre-title ul { }
.pre-title ul li { float: left; line-height: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }
.pre-title ul li a { cursor: pointer; color: #fff;font-size: 20px; text-decoration: none; }
.pre-title ul li a:hover { color: #fff; } 
.pre-title ul li.the_comment_link { }
.pre-title ul li.the_comment_link a { padding-left: 35px; background: url(images/comment.png) left no-repeat; }
.pre-title ul li.the_comment_link img { vertical-align: middle; margin-right: 10px; }
.pre-title ul li.iLikeThis { }

/* LIKE THIS PLUGIN */
.iLikeThis .counter { font-size: 20px;}
.iLikeThis .counter { color: #fff; }
.iLikeThis .image { color: #666; }
.iLikeThis img { float: left; padding-top: 3px; padding-right: 7px; }
.pre-title ul li.shortlink { }
.pre-title ul li.shortlink a { }
.pre-title ul li.shortlink img { padding-top: 5px; }

/* Breadcrumbs */
#breadcrumb, .archive_header {font-family: Helvetica, Arial, sans-serif; display: block; margin: 10px 0; padding: 0; font-size: 18px; font-weight: bold; color: #000;}
#breadcrumb {font-size: 14px; font-weight: normal; padding: 0;}
.archive_header .catrss a {font-size: 14px; text-decoration: none; line-height: 28px;}

/* Post Title */
.post .title {width: 500px; position: relative; margin: 0 0 0 -10px; padding: 0; color: #526f7e; font-size: 38px;}
.post .title a:link, .post .title a:visited {}
.post .title a:hover {text-decoration: none; color: #333; }

/* Post Meta */
.post-meta { font-family: Helvetica, Arial, sans-serif; font-size: 12px; width: 100%; position: relative; margin: 0 0 5px 0; padding: 0 0 10px 0; color: #a1abaf;}
.post-meta a { color: #a1abaf; text-decoration: none; }
.post-meta a:hover { color: #a0a4d5; }
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}

.the_edit_link { display: block; float: right; background: url(images/edit-bg.jpg) repeat-x; height:18px; margin: 8px 15px 0 5px; padding:5px 0 0 15px; width:36px; }
.the_edit_link a:link, .the_edit_link a:visited {color:#fff; font-family:helvetica, arial, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; }

/* Post Image Thumb */
.post img.attachment-thumbnail {margin:0;}

a.more-link { display: block; text-decoration: underline; font-weight: bold; margin-top: 20px; }
.moretext { }

/* ********************************************** */
/* Author Information */
/* ********************************************** */
.author_info {position: relative; margin: 0 0 20px 0; padding: 20px 25px 10px; background-color: #fff; }
.author_info .avatar {float: left; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Tweetmeme Button */
/* ********************************************** */
.tweetmeme_button {float: right; position: relative; padding: 0 0 10px 10px; margin-right: -25px; background-color: transparent;}

/* Share Post */

.shareOptions { background: #f3f3f3; padding: 10px; border: 1px solid #eee; }


.sharepost{ background: #fff; float:left; margin-right:10px; position:fixed; margin-left:-75px; width: 60px; z-index: 0; }
.sharepost-right { background: #fff; float:left; margin-right:10px; position:fixed; margin-left: 630px; width: 60px; z-index: 0;}
.sharer{ padding: 5px; margin: 0 0 5px 0; }
.share_comment a { font-size: 12px; text-decoration: none; float: right; padding-top: 2px; }


/* ********************************************** */
/* Post Entry, Typographic Elements */
/* ********************************************** */

.entry { margin: 0; padding:  0 0 15px 0; }

/* Image */
.entry img  { padding: 5px; border: 1px solid #b0b0b0; }
.entry .attachment-post-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* H1-H6 Elements */
.entry h1 {} .entry h2 { font-size: 20px; color: #526F7E; } .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin: 0 0 15px 0;}

/* Paragraph Element */
.entry p {margin: 0 0 15px 0;}

/* Blockquote Element */
.entry blockquote {padding: 10px 30px; color: #666; font-style: italic; font-size: 16px;}
.entry blockquote p {}

/* Unordered List Element */
.entry ul {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ul ul {margin: 0;}
.entry ul li {list-style-type: circle;}
.entry ul ul li {list-style-type: disc;}

/* Ordered List Element */
.entry ol {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ol ol {margin: 0;}
.entry  ol li {list-style-type: upper-latin;}
.entry  ol li ol li {list-style-type: lower-latin;}

/* ********************************************** */
/* Post Images, Alignment, Captions */
/* ********************************************** */

/* Smiley Faces, Emoticons */
img.wp-smiley {padding: 0; border: none;}

/* Image Alignment Elements */
.entry .alignleft {float: left; width: auto; margin: 10px 10px 0px 0;}
.entry .alignright {float: right; width: auto; margin: 10px 0 0px 10px;}
.entry .aligncenter {text-align: center;}

/* Image Caption Elements */
.entry .wp-caption {margin-bottom: 20px; padding: 1px; text-align: center; background: #F8F8F4; border: solid 1px #e6e6e6;}
.entry .wp-caption img {margin: 0; padding: 4px 0; background: none; border: 0;}
.entry .wp-caption-text {margin: 0; padding: 0; font-size: 11px; text-align: center;}

/* ********************************************** */
/* Post Pagination */
/* ********************************************** */

/* Newer, Older Entries */
.more_entries { background: none; border: 0; margin: 0 0 20px 0; padding: 10px 0; }
.more_entries a { background: #ffbd73; color: #526F7E; padding: 8px; display: block; margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; text-decoration: none;}

/* ********************************************** */
/* WP-Pagenavi Styling */
/* ********************************************** */

.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; }
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; }

.wp-pagenavi a:hover {color: #000000; background-color: #FFFFFF;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #333333; background-color: #FFFFFF;}
.wp-pagenavi span.pages { background: none; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #101010; }
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #000000; background-color: #FFFFFF;}
.wp-pagenavi span.extend { margin: 2px; color: #000000;}

.more_entries .wp-pagenavi {margin: 0; text-align: center;}
.more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { font-family: arial, sans-serif; display: inline; text-decoration: none; color: #fff; background: #404040; padding: 8px 12px !important; border: 0 !important; }
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background: #101010 !important; color: #fff; font-family: arial, sans-serif; font-weight: bold; padding: 8px 12px !important; border: 0; }
.more_entries .wp-pagenavi .extend {background: none; border: none; color: #999;}


/* ********************************************** */
/* Widgets */
/* ********************************************** */

.widget {margin: 0 0 30px 0;}
.widget h3 {border-bottom: 1px solid #b0b0b0; margin: 0; padding: 10px 0; text-transform: uppercase; color: #333333;}

/* Unordered List */
.widget ul {clear: both;}
.widget ul li { border-top: 1px solid #b0b0b0; display: block; line-height: 34px; color: #666; }
.widget ul li:first-child { border-top: none; }
.widget ul li ul li:first-child { border-top: 1px solid #b0b0b0;}
.widget ul li ul li ul li:first-child { border-top: 1px solid #b0b0b0;}
.widget ul li a:link, .widget ul li a:visited { text-decoration: none;}
.widget ul li a:hover {color: #000000; text-decoration: underline;}
.widget ul ul {padding: 0 0 0 15px; border-top: none;}


/* Forms */
#searchform  {margin: 2px 0 0 0; }
#searchform input.submit { background: none; margin: 0 15px 0 0; padding: 3px 0; }
input#s, input.field  { border: 1px solid #9ebbc6; background: #f0f0f0; float: left; width: 140px; height: 18px; margin-top: 2px; padding: 0 0 2px 5px; }
input#s:focus, input.field:focus  { border: 1px solid #85a7b4; background: #fff; }
input.submit { background-color: #101010; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; }
input.submit:hover { background-color: #333; }
.widget .screen-reader-text  { display: none; }
input {border: 1px solid #526F7E; padding: 5px; }
textarea {border: 1px solid #526F7E; padding: 5px; }

/* Follower Count */
.follower_count { background: url(images/followers_count_bg-light.png) top left no-repeat; padding: 13px 0 0 30px; height: 50px; width: 270px; font-family: Helvetica, Arial, sans-serif;}
.follower_count .count_label { font-size: 14px; padding: 10px 0 0; display: block; height: 40px; float: left; width: 130px; }
.follower_count .count { color: #404040; display: block; float: right; font-size: 28px; text-align: center;width: 125px; padding: 0 0 0 10px;}
.follower_count .followers { }


/* Personal image */
.personal-image {}

/* Flickr */
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures  { margin-right: -28px; }
#flickr a img  { border: #b0b0b0 1px solid; float: left; display: block;}
#flickr a:hover img  { border:#333333 1px solid; }

/* Text */
.textwidget  { padding: 10px 0; }

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th  { color: #333333; }
#wp-calendar td{background:#b0b0b0; text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* Ads */
#sidebar .ads125 { padding: 0 0 15px 15px; background: #fff; border: 1px solid #ddd; }
.ads125 img  { margin: 15px 14px 0 0; }
.ads125 a { text-decoration: none; display: block; width: 190px; height: 125px; overflow: hidden; }


/* ********************************************** */
/* Comments */
/* ********************************************** */

.comment-navigation { padding: 1em 0 1em 0; }
#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px; background-color: #fff; }
#comments h3 {margin: 0 0 20px 0; font-size: 28px; text-transform: uppercase; }
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 10px 0; border-bottom: 1px solid #eee;}
#comments .comment-head {margin: 0 0 15px 0;}

/* Styling for Authors */
.bypostauthor {}

/* Styling for Registered Users */
.byuser {}

/* Avatars */
#comments .comment-head .avatar {float: left;}
#comments .comment-head .avatar img {margin: 0 10px 0 0; vertical-align: middle; border: 1px solid #eee;}

/* Pre-Avatar */
.pre_comment_avatar {float: left; margin: 15px 10px 10px 0; border: 1px solid #f; width: 105px; height: 105px; }

/* Meta */
#comments .comment-head .name {display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px;}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {font-size: 11px;}
#comments .comment-entry p {margin: 0 0 10px 0;}

/* Replies */
#comments ul.children {margin: 10px 0 0 25px; padding: 0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link {text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: underline; font-size: 11px;}
.cancel-comment-reply {float: right;}

/* Navigation */
#comments .navigation {}
#comments .navigation a {display: block; margin: 15px 0 0 0; text-decoration: none;}
#comments .navigation a:hover {}

/* Pingbacks, Trackbacks */
#pings {margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}
#pings h3 {margin: 0 0 20px 0;}
.pinglist li {margin: 0 0 0 20px; list-style-type: decimal;}
.pinglist li .author {font-weight: bold; font-size: 15px;}
.pinglist li .date {font-size: 11px;}
.pinglist li .pingcontent {display: block; margin: 10px 0;}

/* Comment Form */
#respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #fff;}
#comments #respond {padding: 20px 0; margin: 0; border: none;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}

#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #ccc;}
#commentform label {font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#commentform textarea {width: 95%!important; padding: 5px; border: 1px solid #ccc;}
#commentform #submit {background-color: #526F7E; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-transform: uppercase; font-size: 12px;}