@import url(//fonts.googleapis.com/css?family=Open+Sans|Lato);

body {
	padding: 0px;
	margin: 0px;
	font-family: Lato, Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	color: #646464;
}
#header, #panel, #content, .fw, #footer {
	position: relative;
	float: left;
	width: 100%;
}
#footer {
	text-align: center;
	font-size: 16px;
	color: #777;
	margin: 50px 0px 0px 0px;
}
#footer ul {
	list-style: none;
}
#footer li {
	display: inline;
	padding: 0 0 0 5px;
}
#footer li a {
	color: #8c8c8c;
	font-weight:normal;
	text-decoration: none;
	outline: none;
	line-height: 175%;
}
#footer li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #555;
	color: #494949;
}
#footer a {
	border:none;
}
#footer p {
	margin: 1.5em 0;
}


/****** NEW HEADER AND MENU ******/
.header { position: relative; width: 960px; margin: 0 auto; }
.logo { float: left; display: block; border: none; margin: 12px 0; height: 42px; max-width: 284px; }
/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
#toggle, .toggle { display: none; }
.nav { display: block; float: right; }
.nav, .navmenu, .navmenu li, .navmenu li a { height: 100%; }
.navmenu { margin-top: 22px; float: right; }
.navmenu li { list-style: none; float:left; display: inline; margin-top: 3px; margin-bottom: 0px !important; padding: 0 0 0 10px; line-height: 100% !important; font-size: 1em; }
.navmenu li a { text-decoration: none; color: #8c8c8c; padding: 10px; }
.navmenu li a:hover, .navmenu li a:focus { color: #494949; }
.navmenu li a.signup { color: #fff; font-size: 1em; background:#faa91b; text-shadow: none; }
.navmenu li a.signup:hover { background: #f09901; }
/****** END OF NEW HEADER AND MENU ******/


#loginButtons {
	position: absolute;
	right: 0px;
	top: -21px;
	height: 26px;
	z-index: 100;
}

#header {
	height:70px;
}
#logo {
	/*position: relative;
	float: left;
	width: 272px;
	height: 42px;*/
	position: absolute;
	top:14px;
	
}
#nav {
	position: absolute;
	display:inline-block;
	right:235px;
	margin-top:25px;
}
	#nav ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
}
	#nav li {
		float: right;
		margin: 0px;
		font-size: 16px;
		line-height: 16px;
		padding: 0px 0px 0px 25px;
}
	#nav li a {
		text-shadow: 0 1px 0 #fff;
		color: #8c8c8c;
		text-decoration: none;
		outline: none;
		font-weight:normal;
}
	#nav li a:hover {
		color: #494949;
		/*border-bottom: 1px dotted #494949;*/
}
	#nav li.first a:hover {
		border:0px;
	}
	

.social-icon {
	margin-left: 20px;
	width: 32px;
	height: 32px;
}
.social-icon.email { background:url(https://s3-eu-west-1.amazonaws.com/toptableplanner/web/img/social-icons-sprite.png) 0 0; }
.social-icon.twitter { background:url(https://s3-eu-west-1.amazonaws.com/toptableplanner/web/img/social-icons-sprite.png) -32px 0; }
.social-icon.facebook { background:url(https://s3-eu-west-1.amazonaws.com/toptableplanner/web/img/social-icons-sprite.png) -64px 0; }
.social-icon.pinterest { background:url(https://s3-eu-west-1.amazonaws.com/toptableplanner/web/img/social-icons-sprite.png) -96px 0; }
.social-icon.youtube { background:url(https://s3-eu-west-1.amazonaws.com/toptableplanner/web/img/social-icons-sprite.png) -128px 0; }



.inner {
	position: relative;
	margin: auto;
	width: 960px;
}
a, a:link, a:visited {
	color:#39a9d1;
	text-decoration: none;
}

a:hover {
	/*border-bottom: 1px dotted #39a9d1;	*/
	text-decoration: underline;
}

#eventtypes li {
    line-height:1.5;
}
.content_box {
	padding: 10px;
	border: 1px solid #dcdbd9;
	text-align:left;
	background-color:white ;
}
.content_box_title {
    font-family: verdana, arial, sans-serif;
    padding: 1px;
    padding-left: 10px;
    background: #5b73d0;
    font-weight: bold;
    color: #ffffff;
    text-align:left;
    font-size: 12px;
}

h1 {
	background: #3194cd;
	border-top: 1px solid #bed8ee;
	border-bottom: 1px solid #bed8ee;
	color: #ffffff;
	font-weight: normal;
	font-family: 'Lato', Verdana, Geneva, Tahoma, sans-serif;
	font-size: 2em;
	width: 920px;
	margin: 0 0 30px 0;
	padding: 0.4em 20px 0.4em 20px;
	height: auto;
}
h2 { margin: 0 0 20px 0; color: #EF7D53; font-size: 1.7em; font-weight: normal; }
h3 { margin: 0 0 20px 0; color: #0276ba; font-size: 1.6em; font-weight: normal; }
h4 { margin: 0 0 10px 0; color: #EF7D53; font-size: 1.2em; font-weight: normal; }


/* BANNER AD */
.hrTop { margin: 2.85em 0 1.43em 0; clear: both; }
.hrBottom { margin: 1.43em 0 2.85em 0; }
.banner-ad p { margin: 0 0 2em 0; line-height: 1.5em; }
.banner-ad img { border: none; }
.banner-ad img { float: left; margin: 0 5em 0 0; height: 180px; }
/* END BANNER AD */


.ticklist {
    margin: 0px;
	padding: 0px;
	list-style: none;
}

.ticklist li {
    margin: 0px;
	padding: 7px 0px 7px 40px;
	background-image: url('https://s3-eu-west-1.amazonaws.com/toptableplanner/web/images/list_li.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.ticklist li li {
	padding: 0px;
	background-image: none;
}


* html a:hover{background:transparent}

/* IMAGES */
img.centered { padding: 4px; border:1px solid #dcdbd9; display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { padding: 4px; border:1px solid #dcdbd9; display: block; margin: 30px auto; }
img.alignleft { padding: 4px; margin: 4px 45px 25px 0; display: inline; border:1px solid #dcdbd9; width: 425px; }
img.alignright { padding: 4px; margin: 4px 0 25px 45px; display: inline; border:1px solid #dcdbd9; width: 425px; }
img.alignleft-vertical { padding: 4px; margin: 4px 45px 25px 0; display: inline; border:1px solid #dcdbd9; width: 350px; float: left; }
img.alignright-vertical { padding: 4px; margin: 4px 0 25px 45px; display: inline; border:1px solid #dcdbd9; width: 350px; float: right; }
img.imgRowLeft { margin: 30px 20px 30px 0; width: 450px; }
img.imgRowRight { margin: 30px 0 30px 20px; width: 450px; }
img.Big { width: 500px; }
.alignright { float: right; }
.alignleft { float: left; }
.videoleft { margin: 5px 60px 25px 0px; float: left; }
.videoright { margin: 5px 0px 25px 60px; float: right; }
.videocenter { display: block; margin: 30px auto; }


/* CAPTIONS */
.wp-caption p.wp-caption-text { font-size: 0.75em; line-height: 1.5em; padding: 10px 0 0 0; margin: 0; }
p.wp-caption-text a { font-size: 1em !important; }
.wp-caption.alignleft { margin: 5px 60px 15px 0px; width: 435px; }
.wp-caption.alignright { margin: 5px 0px 15px 60px; width: 435px; }
.wp-caption.bigImage { width: 500px;}
.wp-caption.aligncenter { margin: 30px auto; }
.wp-caption img { padding: 4px; border:1px solid #dcdbd9; width: 425px; }
.wp-caption.bigImage img { width: 490px; }
.wp-caption.imgRowLeft { margin: 20px 20px 50px 0px; width: 460px; }
.wp-caption.imgRowRight { margin: 20px 0px 50px 20px; width: 460px; }
.wp-caption.imgRowLeft img { width: 450px; }
.wp-caption.imgRowRight img { width: 450px; }


/***** NEW BUTTONS *****/

.flatButton { display: inline-block; text-decoration: none; text-shadow: none; text-align: center; background:#77a809; }
.smaller.flatButton { font-size: 0.9em; padding: 0.3em 0.75em; }
.small.flatButton { font-size: 1.1em; padding: 0.3em 0.75em;  }
.medium.flatButton { font-size: 1.25em; padding: 0.45em 0.75em; }
.big.flatButton { font-size: 1.75em; padding: 0.75em 1.75em; }
.signup.flatButton { font-size: 1.15em; padding: 0.75em 1em; }
.home.flatButton { font-size: 26px; padding: 10px 15px; }

.green.flatButton { background: #77a809; color: #fff; }
.green.flatButton:hover { background: #82b70a; text-decoration: none; }
.orange.flatButton { background: #faa91b; color: #fff; }
.orange.flatButton:hover { background: #f09901; text-decoration: none; }
.grey.flatButton { background: #dfdfdf; color: #777; }
.grey.flatButton:hover { background: #ededed; text-decoration: none; }
.pink.flatButton { background: #ed73a3; color: #fff; }
.pink.flatButton:hover { background: #ee7fab; text-decoration: none; }

/***** END NEW BUTTONS */