/*
Theme Name: Pomodoro Technique New Version
Theme URI: http://www.pomodorotechnique.com/
Author: Simone Volpini
Author URI: http://fcgarage.com
Description: WordPress 3.x compatible Pomodoro Technique theme.
Version: 1.0
*/
@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 400;
    src: url("webfonts/2522EF_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2522EF_0_0.woff") format("woff"), url("webfonts/2522EF_0_0.ttf") format("truetype");
}
@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 700;
    src: url("webfonts/2522EF_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2522EF_1_0.woff") format("woff"), url("webfonts/2522EF_1_0.ttf") format("truetype");
}

body { font-family: 'ProximaNova', 'Futura', Arial, sans-serif; font-size: 1em; color: #4a3c31; background: #f9f7f4 }

h1, h2, h3, h4, h5, h6 { color: #4a3c31; font-family: 'ProximaNova', 'Cabin', sans-serif }
p, li { color: #4a3c31 }
h2, .post h2.tab { font-size: 1.7em; font-weight: bold; font-style: normal; border-bottom: 1px dotted #4a3c31; margin-bottom: 5px }
.home h2 { font-size: 1.07em; margin: 30px 0 10px 0; padding-bottom: 5px;  line-height: 1.07em; }
h3 { font-size: 1.07em; font-weight: bold; margin: 0; line-height: 1em; margin-bottom: 15px }
h4 { font-size: 1.07em; font-weight: bold }
h4 a { color: #4a3c31; font-weight: bold }
h6 { color: #fff }
p { font-size: 1em; line-height: 1.3em; text-align: justify }
.lead { line-height: 25px }
	
a, a:link, a:visited { color: #4a3c31 }
a:hover { text-decoration: underline }

a.likeThis { background:url("img/icons/likedark.png") center right no-repeat; padding: 10px 30px 10px 0 }


button { font-family: "ProximaNova", Helvetica, Arial, sans-serif }
hr { border: none; border-top: 1px dotted #4a3c31; margin: 30px 0 }

.linetop { border-top: 1px dotted #4a3c31; margin-top: 20px }
.linebottom { border-bottom: 1px dotted #4a3c31; margin-bottom: 20px }
.txtcenter { text-align: center }

/* button */
a.moreinfo, .moreinfo { background: #fff; border: 1px solid #4a3c31; color: #4a3c31; margin: 10px 0; padding: 5px 10px; font-style: normal; font-size: 0.86em; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 1px #999 }

/* a.btn, .btn { background-image: linear-gradient(to bottom, #ea6562, #c11c27); border-radius: 5px 5px 5px 5px; border-width: 1px;  color: #fff; font-style: normal; font-weight: normal; font-size: 0.80em; line-height: 1.3em; margin-bottom: 10px; padding: 5px 20px 6px 20px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) } */
.btn img { margin-left: 5px }
.buttonRed { margin: 15px 0 10px 0; height: 40px }
.buttonRed a { color: #fff }
.modal .btn { color: #4a3c31; background: #fff; margin: 5px 0 0 0; padding: 5px 10px; font-size: 0.86em; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

a.btn-danger, .btn-danger { background-image: linear-gradient(to bottom, #ea6562, #c11c27); border-radius: 5px 5px 5px 5px; border-width: 1px;  color: #fff; font-style: normal; font-weight: normal; font-size: 0.80em; line-height: 1.3em; margin-bottom: 10px; padding: 5px 20px 6px 20px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) }


/*input */
select {
    color: #4a3c31;
    width: 120px;
    font-size: 0.85em;
    font-weight: bold;
    height: 2.1em;
    line-height: 2.1em;
    margin-bottom: 4px;
    padding: 4px 6px;
    vertical-align: middle;
}

/* popup */
.popover { background-color: #fff; border: none; border-radius: 0; padding: 0 }
.popover.bottom { margin-top: 0 }
.popover.bottom .arrow { display: none }

.popover-content { background: #fff; padding: 0; text-align: center; border: 2px solid #bd1622 }
.popover-content a { display: block; border-bottom: 1px solid #999; width: 150px; height: 50px }

a.buy-gplay { background: url("img/stores/rollover-google-play.jpg") no-repeat 0 0  }
a.buy-amazon-com { background: url("img/stores/rollover-amazon-com.jpg") no-repeat 0 0 }
a.buy-amazon-de { background: url("img/stores/rollover-amazon-de.jpg") no-repeat 0 0 }
a.buy-kindle { background: url("img/stores/rollover-amazon-kindle.jpg") no-repeat 0 0 }
a.buy-barnes { background: url("img/stores/rollover-barnes-noble.jpg") no-repeat 0 0 }
a.buy-ibooks { background: url("img/stores/rollover-ibooks.jpg") no-repeat 0 0 }
a.buy-kobo { background: url("img/stores/rollover-kobo.jpg") no-repeat 0 0 }
a.buy-fcgarage { background: url("img/stores/rollover-fcgarage.jpg") no-repeat 0 0 }
a.buy-audible { background: url("img/stores/rollover-audible.jpg") no-repeat 0 0 }
a.buy-audible:hover, a.buy-fcgarage:hover, a.buy-gplay:hover, a.buy-amazon-com:hover, a.buy-amazon-de:hover, a.buy-amazon:hover, a.buy-kindle:hover, a.buy-barnes:hover, a.buy-ibooks:hover, a.buy-kobo:hover { background-position: 0 -50px } 


/* header */
.header { border-bottom: 5px solid #50443a; padding: 20px 0 10px 0; margin-bottom: 30px }
.menu ul { font-size: 1.07em; list-style: none; margin: 12px 0 0 0; }
.menu ul li { float: left; margin: 0 50px 0 0 }
.menu ul li a { color: #4a3c31 } 
.menu ul li a:hover { color: #6c5e53 }
.menu ul li.active a { color: #4a3c31; font-weight: bold; cursor: default; text-decoration: none }

.social { text-align: right }
.social img { width: 30px }

/* sidebar */
#sidebar { padding: 0 0 30px 0 }
#sidebar h4 { padding: 5px 0; border-bottom: 1px dotted #4a3c31; margin-bottom: 10px; clear: left }
#sidebar h4#contact { text-align: center; border-top: 1px dotted #4a3c31; border-bottom: none; padding: 15px 0 20px 0 }
#sidebar h4#contact img { margin-right: 5px }

.payoff { color: #6a6057; text-align: center; font-size: 1.7em; margin: 40px 0 10px 0; padding: 0 }
.payoff strong { color: #b6a498 }
.payofftw { color: #6a6057; text-align: left; font-size: 1.4em; margin: 0 0 10px 0; padding: 0 }
.payofftw strong { color: #b6a498 }

#logo { margin: 10px 0 }

.sidebar-news { margin: 0; list-style: none }
.sidebar-news li { font-size: 0.82em; margin: 0; clear: left; text-transform: uppercase }
.sidebar-news img { float: left; margin-right: 10px; margin-bottom: 10px }
.sidebar-news li a { color: #4a3c31 }
.sidebar-news iframe { margin-bottom: 10px }
.sidebar-news .event-title { float: left; width: 145px; margin-bottom: 10px }
.event { float: left; margin: 0 10px 10px 0; text-align: center; font-size: 0.9em; font-weight: bold; margin-bottom: 10px; width: 50px; padding: 2px; color:  #fff; background: #50443a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.month { display: block }
.day { display: block; background: #fff; color: #50443a }



/* page common */
.carousel { border: 1px solid #50443a }
.carousel-indicators.middle { left: 0; right: 0; top: auto; bottom: 15px; text-align: center }
.carousel-indicators.middle li { float: none; display: inline-block }
.carousel-caption { top: 200px; background: transparent; padding: 0 }
.carousel-caption h1 { font-size: 1.8em; text-transform: uppercase; font-weight: bold; background: #fff; float: left; padding: 5px 20px; margin: 0 }
.carousel-caption p { clear: left; float: left; color: #4a3c31; padding: 5px 20px; margin: 0; width: 50% }
.carousel-caption p.lead { color: #fff; background: #4a3c31; margin: 0; width: auto }
.carousel-indicators li { background-color: #4a3c31 }
.carousel-indicators li.active { width: 6px; height: 6px; background-color: #fff; border: 2px solid #4a3c31 }

/* page titoli bassi */
#myCarousel2 .carousel { border: 1px solid #50443a }
#myCarousel2 .carousel-indicators.middle { left: 0; right: 0; top: 15px; bottom:auto; text-align: center }
#myCarousel2 .carousel-indicators.middle li { float: none; display: inline-block }
#myCarousel2 .carousel-caption { position:relative; top: 0; background: transparent; padding: 0 }
#myCarousel2 .carousel-caption h1 { font-size: 1.8em; text-transform: uppercase; font-weight: bold; background: #fff; float: none; padding: 5px 20px; margin: 0 }
#myCarousel2 .carousel-caption p { display: none; clear: left; float: left; color: #4a3c31; padding: 5px 20px; margin: 0; width: 50% }
#myCarousel2 .carousel-caption p.lead { float: none; display:block; color: #fff; padding: 4px 15px; background: #4a3c31; margin: 0; width: auto }
#myCarousel2 .carousel-indicators { top: 10px }
#myCarousel2 .carousel-indicators li { background-color: #4a3c31 }
#myCarousel2 .carousel-indicators li.active { width: 6px; height: 6px; background-color: #fff; border: 2px solid #4a3c31 }
/*	.ctopleft, .cbottomleft, .ctopright, .cbottomright { top: 0 }
	.ctopright h1, .cbottomright h1 { float: none }
	.ctopright p, .cbottomright p { clear: none; float: none } */
	

/* carousel customization */
.ctopleft { top: 30px }
.cbottomleft { top: 240px }
.ctopright { top: 30px }
.ctopright h1 { float: right }
.ctopright p { clear: right; float: right }
.cbottomright { top: 240px }
.cbottomright h1 { float: right }
.cbottomright p { clear: right; float: right }

.cbook { top: 80px }
.cblog { top: 240px }
.ctimer { top: 300px }
.cvideo { top: 40px; bottom: 80px }
.cvideo h1 { float: right }
.cvideo p { clear: right; float: right }

/* nav tab */
.nav-tabs { margin: 20px 0; border: 1px solid #4a3c31 }
.nav-tabs > li { margin-bottom: 0 }
.nav-tabs > li > a { color: #4a3c31; font-weight: normal; font-size: 1em; line-height: 20px; padding-bottom: 7px; padding-top: 7px }
.nav-tabs > li > a, .nav-pills > li > a { line-height: 14px; margin-right: 5px; padding-left: 15px; padding-right: 15px; border: none }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { color: #6c5e53; background: none; text-decoration: underline }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background: transparent; color: #4a3c31; font-weight: bold; cursor: default; border: none; text-decoration: none }
.nav-tabs > li img { vertical-align: middle; margin-right: 10px }
.tab-pane { margin-bottom: 30px }

/* home page */
p.featuredon { text-align: right; font-weight: bold; margin: 20px 0 0 0; border-bottom: 1px dotted #4a3c31;  }
.featured { list-style: none; margin: 0 0 10px 0 }
.featured li {  }
.twitthome { font-size: 0.8em; line-height: 1.2em }
.twitthome img { float: left; margin: 0 20px 20px 0; width: 48px; border: 1px solid #9f9f87 }
.twitthome .twitt-title { float: left; width: 140px; margin-bottom: 20px }

p.simple { background: url("img/icons/home-icon1.png") no-repeat 0 0; padding: 5px 0 0 50px; min-height: 40px; text-align: left }
p.immediately { background: url("img/icons/home-icon2.png") no-repeat 0 0; padding: 5px 0 0 50px; min-height: 40px; text-align: left }
p.fun { background: url("img/icons/home-icon3.png") no-repeat 0 0; padding: 5px 0 0 50px; min-height: 40px; text-align: left }

.home .col4 { list-style: none; margin: 0 0 0 -2% }
.home .col4 li { position: relative; height: 230px; float: left; width: 23%; margin-left: 2%; margin-bottom: 25px }
.home .col4 li img { border: 1px solid #9f9f87; margin-bottom: 10px }
.home .col4 li img:hover { border: 1px solid #4a3c31 }
.home .col4 h4 { border-bottom: none; text-align: center; margin-bottom: 5px }
.home .col4 li p { font-size: 1em; text-align: center }
.home .col4 li .moreinfo { margin: 20px 0 0 0  }


/* blog */
.elempost-blog { margin-bottom: 30px }
.searchblog p { font-size: 0.9em; text-align: right }
.blog {}
.blog h2.entry-title { font-size: 1.2em; font-weight: bold; font-style: normal; text-transform: uppercase; text-align: center; border-bottom: 1px dotted #4a3c31; margin-bottom: 5px }
.blog h2 .date-title { text-transform: none; font-weight: normal; font-style:italic  }
.nav-bar { margin-bottom: 30px; padding: 5px 0; border-top: 1px dotted #4a3c31; border-bottom: 1px dotted #4a3c31 }
.next-post { float: right }
#searchform button { border: 0; background: transparent }

/* events */
.events-list { list-style: none; margin: 20px 0 20px 0 }
.events-list li { position: relative; height: 350px; float: left; width: 23%; margin-left: 2%; margin-bottom: 25px }
.events-list li .event-text { position: absolute; left: 0; bottom: 0; width: 100% }
.events-list h4 { font-size: 0.95em; border-bottom: none; text-align: center; margin-bottom: 5px; text-transform: uppercase }
.events-list li p { font-size: 0.9em; text-align: center; border-top: 1px dotted #4A3C31; padding-top: 5px; margin-top: 5px }
.events-list li .buttonRed { text-align: center }
.events-list .event { float: none; text-align: center; margin: 0 auto; font-size: 2.6em; line-height: 1.6em; font-weight: bold; text-transform: uppercase; width: 70%; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

/* page post */
.post { margin-bottom: 40px; clear: both; }
.post h2 { font-weight: normal; font-style: italic; border-bottom: none; margin: 0 }
.post h3 { font-size: 1.2em; text-transform: uppercase; margin: 10px 0 }
.post p { font-size: 1.1em; line-height: 1.4em }
.post hr { width: 100px; border: none; border-top: 4px solid #4a3c31; margin: 20px 0 }
.post ul { margin-left: 20px }
.post li { font-size: 1.1em; line-height: 1.4em }
.post img.alignleft { float: left; margin: 0 20px 20px 0 }
.post img.alignright { float: right; margin: 0 0 10px 20px }
.post p a, .post li a { font-weight: bold; font-style:italic }
.banner-post { width: 50%; height: 130px; border: 1px solid #bbb; margin: 30px 0; text-align: center; color: #bbb }
blockquote { background: #fff; padding: 10px; border: 1px solid #4a3c31 }

/* comments */
.comments-template { margin-top: 20px }
.comments-title { font-size: 1.5em }
.commentlist { list-style: none; margin: 0 }
.comment-author { font-style: italic }
.comment-author cite { text-transform: uppercase; font-weight: bold }
.reply { float: right; margin: 0 0 20px 30px }
#respond { border-top: 1px dotted #4A3C31; margin-top: 15px; padding-top: 10px }
#comments ol.children { list-style: none; margin-left: 50px }
#comments ol.children .comment-body { background: url("img/icons/replyleave.png") no-repeat 0 0; padding-left: 50px } 
 
 
#reply-title { text-transform: uppercase; margin-bottom: 5px }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width: 50%; 
	border-radius: 0;
    color: #4a3c31;
    font-size: 0.9em;
    height: 1.2em;
    line-height: 1.2em;
    margin-bottom: 2px;
    padding: 4px 6px;
	background-color: transparent;
    border: 1px solid #4a3c31;
    box-shadow: none;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea { width: 50%; height: 100px }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(74, 60, 49, 0.8);
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(74, 60, 49, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(74, 60, 49, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(74, 60, 49, 0.6);
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
    border-radius: 3px 3px 3px 3px;
    padding: 4px 8px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    background: #4a3c31;
    color: #fff;
    border: none;
}


.socialbar { margin: 20px 0 10px 0; padding: 5px 0; border-top: 1px dotted #4A3C31; border-bottom: 1px dotted #4A3C31; text-align: center; font-size: 1.0em; text-transform: uppercase; font-weight: bold }
.socialbar .comments-link { margin-right: 30px }
.socialbar .likes-link { margin-right: 30px }
.socialbar .share-link {}
.socialbar img { vertical-align:middle; width: 26px }


/* tools */
.col4 { list-style: none; margin: 20px 0 0 -2% }
.col4 li { position: relative; min-height: 240px; float: left; width: 22.8%; margin-left: 2%; margin-bottom: 25px }
.col4 li img { border: 1px solid #9f9f87; margin-bottom: 10px }
.col4 li img:hover { border: 1px solid #4a3c31 }
.col4 h4 { border-bottom: 1px dotted #4a3c31; text-align: center; margin-bottom: 5px }
.col4 li p { font-size: 1em; text-align: center }
.col4 li .moreinfo { margin: 20px 0 0 0 }

/* team */
.team { position: relative; margin-bottom: 25px }
.team img { border: 1px solid #9f9f87; margin-bottom: 10px }
.team img:hover { border: 1px solid #4a3c31 }
.team h4 { border-bottom: 1px dotted #4a3c31; text-align: center; margin-bottom: 5px }
.team p { font-size: 1em; text-align: center }
.team .moreinfo { margin: 20px 0 0 0 }

/* press area */
.col2 { list-style: none; margin: 20px 0 0 -4% }
.col2 li { position: relative; float: left; width: 45%; margin-left: 4%; margin-bottom: 25px }
.col2 li.clear { clear: left }
.col2 h4 { margin-bottom: 4px }
.col2 li p { font-size: 0.9em }

/* page timer */
.rowProduct { margin-top: 30px; padding-bottom: 20px }
.rowProduct p { text-align: left }
.boxProduct { border: 1px solid #7e746b; margin-bottom: 50px; position: relative }
.comingsoon { position: absolute; z-index: 5; top: 5px; right: 5px; width: 55px }
.boxLikeSend { padding: 10px 5px; background: #50443a; color: #fff; font-size: 0.85em; text-align: center }
.boxLikeSend a { color: #fff; margin-left: 2px;  }
.boxLikeSend img {vertical-align: middle; }

.check { font-size: 0.85em; background: url("img/icons/check.png") 0 0 no-repeat; padding-left: 27px; min-height: 21px }
p.check a { font-weight: bold; font-style:italic }

.price { font-size: 1.1em; font-weight: bold; text-shadow: 1px 1px 2px #999 }
/* .boxBuyNow p { line-height: 1.3em } */
.colBuy { text-align: center }
.colBuy p { text-align: center; line-height: 1.3em }
.buyNow { display: block; margin: 10px 0; color: #fff }

/* page get started */
.getstarted { margin-top: 30px; padding-bottom: 20px }
.getstarted h5 { font-size: 1.1em; font-weight: bold; line-height: 1.3em; letter-spacing: 0px }
.number { font-size: 1.5em; font-weight: bold; margin: 0 }

.rowObjectives { margin-top: 30px; padding-bottom: 20px }
.rowObjectives img { margin-top: 15px }
p.objectives { padding: 3px 0 0 0; font-size: 1em; font-weight: bold; line-height: 1.3em; letter-spacing: 0px }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video-container iframe,  
.video-container object,  
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

/* page courses */
.col-calendar { margin: 0; list-style: none }
.col-calendar li { position: relative; margin: 0; min-height: 75px }
.col-calendar li .event { margin-bottom: 40px }

/* footer */
.footer { background: #50443a; color: #fff; padding: 20px 0; margin-top: 30px }
.footer h6 { font-size: 0.9em; padding: 5px 0; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff }
.footer a { color: #fff; text-decoration: none }
.footer p { color: #fff; font-size: 0.9em }
.footer a:hover { text-decoration: underline }
.footerin { border-bottom: 1px dotted #fff; margin-bottom: 30px; padding-bottom: 20px }
.subfooter p { text-align:center; font-size: 0.85em }

.network { border-top: 1px dotted #fff; margin-top: 20px }
/*
.network img { vertical-align: middle; float: left; margin: 0 10px 0 0 }
.network a, .network a:link { margin: 0 auto; color: #fff; font-size: 0.85em; background-repeat: no-repeat; display: block; height: 35px; padding: 4px 0 0 42px; line-height: 1.1em }
.network a.anti-if { background-image: url('img/footer/anti-if.png'); padding-top: 10px }
.network a.fcgarage { background-image: url('img/footer/fc-garage.png'); padding-top: 10px }
.network a.pwf { background-image: url('img/footer/programming-with-francesco.png') }
.network a.wah { background-image: url('img/footer/wah.png'); padding-top: 10px }
.network a.wahprog {background-image: url('img/footer/wah-programming.png'); padding-top: 10px }
.network a.francesco { background-image: url('img/footer/francesco-cirillo.png'); padding-top: 10px }
*/
.network-link a { margin: 0; color: #fff; font-size: 0.85em; background-repeat: no-repeat; display: block; height: 35px; padding: 0 0 15px 45px; line-height: 18px; float: left; width: 15% }
.network-link a.anti-if { background-image: url('img/footer/anti-if.png'); padding-top: 10px }
.network-link a.fcgarage { background-image: url('img/footer/fc-garage.png'); padding-top: 10px }
.network-link a.pwf { background-image: url('img/footer/programming-with-francesco.png'); padding-top: 10px }
.network-link a.wah { background-image: url('img/footer/wah.png'); padding-top: 10px }
.network-link a.wahprog {background-image: url('img/footer/wah-programming.png'); padding-top: 10px }
.network-link a.francesco { background-image: url('img/footer/francesco-cirillo.png'); padding-top: 10px }
.network-link a.pomodoro { background-image: url('img/footer/pomodoro.png') }
.network-link a.rrp { background-image: url('img/footer/rrp.png'); padding-top: 10px }


/* modal */
.modal { background:  #4a3c31; color: #fff; border-radius: 0; width: 360px; margin-left: -180px }
.modal-backdrop { background: #fff }
.modal form { margin: 0 }
.modal form input, .modal form input[type="file"], .modal form textarea { font-size: 1em; background: #fff; width: 315px; resize: none; border-radius: 0 }
.modal form input[type="file"] { width: 312px }
.modal form select { width: 327px; font-size: 0.95em; background: #fff; height: 1.8em; font-weight: normal; line-height: 0.95em; margin-bottom: 3px; padding: 1px 5px; border-radius: none }
.modal-header { border: none; padding: 3px 15px }
.modal-header h3 { color: #fff }
.modal-body { border: none; padding: 0 15px }
.modal-footer { border: none; background: transparent; box-shadow: none }
.modal .close { color: #fff }
.modal #frmMessage p { color: #fff; margin: 7px 0 0 0 }

/* Large desktop */
@media (min-width: 1200px) {
	body { font-size: 1em }
	.menu ul li { float: left; margin: 0 80px 0 0 }
	#sidebar { padding: 0 40px 0 20px }
	h2.home { font-size: 1.07em; margin: 40px 0 10px 0 }
	.payoff { font-size:  1.7em; margin: 40px 0 20px 0 }
	.cblog, .cbottomleft, .cbottomright { top: 300px }
	.twitthome .twitt-title { width: 200px }
	.comingsoon { width: 65px }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	body { font-size: 0.9em }
	.menu ul { list-style: none; margin-top: 5px; }
	.menu ul li { margin: 0 30px 0 0 }
	.social img { width: 30px }
	#sidebar { padding: 0 0 30px 0 }
	h2.home { font-size: 1.4em; margin: 20px 0 20px 0 }
	.payoff { font-size:  1.5em }
	.payofftw { font-size: 1.2em }
	
	.sidebar-news li { font-size: 0.82em }
	.sidebar-news img { width: 40px; margin-right: 5px }
	.sidebar-news .event-title { float: left; width: 116px; margin-bottom: 10px }
	.event { margin: 0 5px 10px 0; width: 40px }
	
	.twitthome img { width: 40px; margin: 0 5px 10px 0 }
	.twitthome .twitt-title { width: 90px }

	.comingsoon { width: 45px }
	
	/* carousel */
	.carousel-indicators.middle { left: 0; right: 0; top: 15px; bottom:auto }
	.carousel-caption { position:relative; top: 0; float: none }
	.carousel-caption h1 { font-size: 1.4em; float: none; line-height: 1.4em; padding: 4px 15px }
	.carousel-caption p { display: none }
	.carousel-caption p.lead { float: none; display:block; padding: 4px 15px; margin: 0 }
	.carousel-indicators { top: 10px }
	.ctopleft, .cbottomleft, .ctopright, .cbottomright { top: 0 }
	.ctopright h1, .cbottomright h1 { float: none }
	.ctopright p, .cbottomright p { clear: none; float: none }
	
	.nav-tabs > li > a, .nav-pills > li > a { margin-right: 0; padding-left: 5px; padding-right: 5px }
	.nav-tabs > li img { margin-right: 6px; height: 26px }
	
	.boxBuyNow img { max-width: 35px }
	
	.searchblog p { font-size: 0.85em }
	.searchblog img { max-width: 12px }
	select { width: 100px; font-size: 0.85em; height: 2.1em; line-height: 2.1em; margin-bottom: 4px; padding: 3px 3px }
	
	.col4 { list-style: none; margin: 0 0 0 -4% }
	.col4 li { min-height: 230px; height: auto; width: 45.8%; margin-left: 4%; text-align: center }
	
	.home .col4 { list-style: none; margin: 0 0 0 -4% }
	.home .col4 li { min-height: 230px; height: 230px; float: left; width: 45.8%; margin-left: 4% }
	
	.events-list { margin: 0 }
	.events-list li { height: 270px; float: left; width: 45.8%; margin-left: 4% }
	.events-list .event { font-size: 2.2em; line-height: 1.2em; width: 60% }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.header { padding: 0 0 10px 0 }
	body { font-size: 1em; padding: 0 10px }
	
	.logomob { text-align: center }
	.menu ul { font-size: 0.86em; margin: 0 0 15px 0 }
	.menu ul li { float: none; margin: 0 }
	.menu ul li a { color: #fff; background: #4A3C31; display: block; padding: 5px 15px; margin-bottom: 1px } 
	.menu ul li a:hover { color: #fff; background: #6c5e53 }
	.menu ul li.active a { color: #fff; font-weight: bold; cursor: default; text-decoration: none }
	
	#sidebar { display: none; padding: 0 }
	h2.home { font-size: 1.4em; margin: 20px 0 20px 0 }
	.payoff { font-size:  1.5em }
	.payofftw { font-size: 1.3em }
	
	.boxProduct { max-width: 270px }
	.boxBuyNow { margin-top: 20px }
	.check { font-size: 0.9em; padding-top: 2px }
	
	.twitthome { clear: left }
	.twitthome .twitt-title { float: none; width: auto }
	
	.modal { margin: 0 auto }
	
	/* carousel */
	.carousel-indicators.middle { left: 0; right: 0; top: 15px; bottom:auto }
	.carousel-caption { position:relative; top: 0 }
	.carousel-caption h1 { font-size: 1.4em; float: none; line-height: 1.4em; padding: 4px 15px }
	.carousel-caption p { display: none;  }
	.carousel-caption p.lead { float: none; display:block; padding: 4px 15px; margin: 0 }
	.carousel-indicators { top: 10px }
	.ctopleft, .cbottomleft, .ctopright, .cbottomright { top: 0 }
	.ctopright h1, .cbottomright h1 { float: none }
	.ctopright p, .cbottomright p { clear: none; float: none }

	.nav-tabs > li, .nav-pills > li { float: none }
	
	.col-calendar { margin-top: 20px }
	
	.blog h2.entry-title { line-height: 1.3em }
	.separator-title { display: none }
	.date-title { display: block }
	
	.col4 { margin: 0 0 0 -9% }
	.col4 li { min-height: 230px; height:auto; width: 41%; margin-left: 9%; text-align: center }
	.col4 li img { width: auto }
	.col4 li p { font-size: 1em  }
	.col4 li .moreinfo { position: relative; left: 0; bottom: 0 }
	
	.home .col4 { margin: 0 0 0 -9% }
	.home .col4 li { min-height: 230px; height:auto; width: 41%; margin-left: 9%; text-align: center }
	.home .col4 li img { width: auto }
	.home .col4 li p { font-size: 1em  }
	.home .col4 li .moreinfo { position: relative; left: 0; bottom: 0 }
	
	.events-list { margin: 20px 0 20px -9% }
	.events-list li { height: 350px; float: left; width: 41%; margin-left: 9%; margin-bottom: 25px }
	.events-list .event { float: none; text-align: center; margin: 0 auto; font-size: 2.6em; line-height: 1.6em; font-weight: bold; text-transform: uppercase; width: 70%; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
	
	
	.searchblog p { font-size: 0.95em }
	.searchblog img { max-width: 12px }
	.searchfilter { display: block }
	select { width: 130px; font-size: 0.95em; height: 2.1em; line-height: 2.1em; margin-bottom: 4px; padding: 3px 5px }
	
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		width: 100%; 
	}
	
	.footer { padding: 20px 0 }
	.footer h6 { font-size: 1.2em; padding: 5px 20px; margin: 0; border-bottom: none }
	.footer p { font-size: 1.2em; line-height: 1.4em; padding: 10px 20px }
	.footerin { margin-bottom: 0 }
	.subfooter p { text-align: left; font-size: 1.2em; }
	
	/* .network a, .network a:link { font-size: 1.1em; line-height: 1.3em } */
	.network-link { padding-left: 20px }
	.network-link a { width: 40%; font-size: 1em; line-height: 1.2em; padding-top: 15px; padding-bottom: 0; height: 55px; margin-top: 5px }
    .network-link a.pwf, .network-link a.pomodoro { padding-top: 0 }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	body { font-size: 16px }
	.header { padding: 0 0 10px 0 }
	#sidebar { display: none; padding: 0 }
	h2.home { font-size: 1.2em; margin: 20px 0 20px 0 }
	.payoff { font-size:  1.2em }
	.payofftw { font-size: 1em }
	
	.col4 { list-style: none; margin: 0 }
	.col4 li { min-height: 50px; height:auto; width: 80%; margin-left: 10% }
	
	.home .col4 { list-style: none; margin: 0 }
	.home .col4 li { min-height: 50px; height:auto; width: 80%; margin-left: 10% }

	.col2 li { width: 80%; margin-left: 10%; margin-bottom: 25px }

	.events-list { margin: 20px 0 20px 0 }
	.events-list li { height: 270px; width: 80%; margin-left: 10%; margin-bottom: 25px }
	.events-list li .event-text { position: relative; left: 0; top: auto; width: 100% }
	.events-list .event { float: none; font-size: 2.2em; line-height: 1.2em; width: 50% }
	
	.socialbar { text-align: left }
	.socialbar .comments-link, .socialbar .likes-link, .socialbar .share-link { margin-left: 0; margin-bottom: 7px; display: block }
	.socialbar { text-align: left }
	.footer { padding: 20px 0 }
	.footer h6 { font-size: 1.1em; padding: 5px 20px; margin: 0; border-bottom: none }
	.footer p { font-size: 1.1em; line-height: 1.4em; padding: 10px 20px }
	.subfooter p { font-size: 0.9em }
	.network a, .network a:link { font-size: 0.8em; line-height: 1em; }
	.network-link { padding-left: 20px }
	.network-link a { width: 40%; font-size: 0.8em; padding-top: 15px; height: 20px; margin-top: 5px }
    .network-link a.pwf, .network-link a.pomodoro { padding-top: 5px }
}