/*
Theme Name: CITE Chicago
Theme URI: http://themeopoly.com
Description: A premium magazine theme based on Blueprint CSS framework
Version: 1.0
Author: Christos Chiotis
Author URI: http://makeuproud.com
*/
@font-face {
	font-family:'MedioRegular';
	src:url('fonts/Medio-webfont.eot');
	src:local('☺'), url('fonts/Medio-webfont.woff') format('woff'), url('fonts/Medio-webfont.ttf') format('truetype'), url('fonts/Medio-webfont.svg') format('svg');
}
/* Basic Styling ----------------------------------------------------*/
*{margin:0;padding:0;}
body {
  overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#000;
  font-family: 'MyriadProRegular', 'helvetica', 'Arial', sans-serif;
  color:#eee;
}
a:link, a:visited {color:#ccc;text-decoration:none;outline:none;}
a:hover {color:#fff;}
h1,h2,h3,h4,h5,h6 {
  margin: 10px 0 15px 0;
  color:#eee;
}
img{border:none;}
.wp-post-image {padding:5px;background:#fff;border:1px solid #888;}

/* Supersized Default Style -----------------------------------------*/		
		#content{
            padding:15px;
            height:270px;
            width:340px;
            top:50px;
            right:50px;
            z-index: 12;
            text-align:justify;
            position:absolute;
            overflow:auto;
            background-color: #333;
            background-color: rgba(0, 0, 0, 0.6);
		}
		#content h1 {
	  }
		#content p {
		  color:#fff;font-size:14px;line-height:18px;margin:0 0 18px 0;
		}
		#content ul {
		  margin:10px 0 10px 25px;
		  text-align:left;
		}
		#content ul li {
		  margin:0 0 5px 0;
	  }
		#content a:link, #content a:visited {
		  color:#e3d0bb;
		}
		#content a:hover {
		  color:#fff;
	  }
#content address {
  color:#444;
  font-style:normal;
}
		
a#content-show {
  position:absolute;top:26px;right:50px;z-index:9998;
  display:block;width:340px;font-size:13px;
  color:#777;
  background:url(images/showhide.png) no-repeat right center;
  border-bottom:1px solid #555;padding:5px 15px;
  text-align:right;
  }
a.viewpdf{
  display:block;
  background:#222 url(images/pdf.gif) no-repeat right center;
  color:#ccc;padding:5px 30px 5px 6px;
  font-size:11px;text-align:right;
}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
		.logo{
			position:absolute;
            top:50px;left:50px;
            z-index:10;
			margin:0;
		}

/* Custom Pages -----------------------------------------------------*/
body #homecontent {
            padding:15px;
            height:270px;
            width:340px;
            top:50px;
            right:50px;
            z-index: 3;
            text-align:justify;
            position:absolute;
            overflow: auto;
            background-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.9);
		}
body #homecontent p {
  color:#444;
}

/* Home Newsletter Teaser */
body #newsletter {
  width:370px;
  height:80px;
  top:360px;
  right:50px;
  position:absolute;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Gallery Page */
body.page-id-72 #content{
    padding:15px;
    height:270px;
    width:340px;
    top:50px;
    right:50px;
    z-index: 3;
    position:absolute;
    overflow: auto;
}
/* Contact Page */
body.page-id-79 #content{
    padding:15px;
    height:580px;
    width:700px;
    top:50px;
    right:50px;
    z-index: 3;
    position:absolute;
    overflow: auto;
}
body.page-id-79 a#content-show {
  width:700px;
  }
body.page-id-52 a#content-show {
  display:none;
  }
body.page-id-52 #content{
    padding:2%;
    height:35%;
    width:35%;
    top:25%;
    left:30%;
    z-index: 13;
    position:absolute;
    overflow: auto;
}  

#content .directions {
  float:left;display:inline;
  margin:0 20px 0 0;
  width:240px;
}
#content .directions p {
 font-size:11px;
}
body.page-id-79 #content h2,
body.page-id-79 #content h3 {
  font-size:16px;
}
#content .contactdetails {
  float:left;display:inline;
  width:420px;
}
#content .contactdetails .wpcf7 p {
  width:210px;
  float:left;
  font-size:12px;
  margin:0 0 5px 0;
}
#content .contactdetails .wpcf7 p.button {
  float:right;
}
#content .contactdetails .wpcf7 input {
  padding:3px 5px;
  border:1px solid #ccc;
  margin:0;
  width:188px;
}
#content .contactdetails .wpcf7 textarea {
  padding:3px 5px;
  border:1px solid #ccc;
  margin:0;
  width:188px;
  height:50px;
}
#content .contactdetails .wpcf7 input.wpcf7-submit {
  background:#fff;
  padding:10px;
  border:1px solid #ddd;
  color:#666;
  cursor:pointer;
  width:auto;
}
/* Menu Pages */
body.page-id-114 a#content-show,
body.page-id-116 a#content-show,
body.page-id-118 a#content-show,
body.page-id-277 a#content-show,
body.page-id-283 a#content-show,
body.page-id-298 a#content-show,
body.page-id-225 a#content-show {
  width:660px;
  }
body.page-id-114 #content,
body.page-id-116 #content,
body.page-id-118 #content,
body.page-id-277 #content,
body.page-id-283 #content,
body.page-id-298 #content,
body.page-id-225 #content  {
    width:660px;height:475px;overflow:hidden;background-color:#2c2c2c;
}
body.page-id-114 #content div,
body.page-id-116 #content div,
body.page-id-118 #content div,
body.page-id-277 #content div,
body.page-id-283 #content div,
body.page-id-298 #content div,
body.page-id-225 #content div {
    height:475px;overflow:hidden;
} 
/* Comment Style ----------------------------------------------------*/
#comments {}
#comments h3 {font-size:14px;line-height:18px;padding:30px 0 0 0;}
.commentlist {padding:0;text-align:justify;}
.commentlist p {margin:10px 5px 10px 0;}
.commentlist li {margin:15px 0 10px;padding:5px 5px 10px 10px;}
.commentlist li a, .commentlist li a:visited {color:#000;border-bottom:1px dotted #000;}
.commentlist li a:hover {color:#555;border-bottom:solid;}
.commentlist li li {margin-right:-5px;margin-left:10px;}
.commentlist .alt {background:#f5f5f5;}
.commentlist .avatar {float:right;border:1px solid #eee;padding:2px;background:#dedede;}
#comments .nocomments {text-align:center;margin:0;padding:0;}
#comments .commentmetadata {margin:0;display:block;color:#dedede;font-size:10px;}
#comments .children {padding:0;}
#comments #commentform p {margin:5px 0;}
#comments p {color:#777;}
#comments p a, #comments p a:visited {color:#000;}
#comments input {width:200px;padding:8px 10px;margin:0 10px 0 0;border:none;background:#ededed;color:#222;}
#comments #comment {background:#ededed;color:#222;border:none;width:540px;padding:15px;}
#comments #submit {background:#f5f5f5;color:#222;border:3px double #cdcdcd;width:auto;padding:10px;cursor:pointer;}
#comments #submit:hover {background:#fff;color:#000;}

/* Widget Style -----------------------------------------------------*/
.hidden {display:none;}
.widget {margin:0 0 20px 0;overflow:hidden;}
.widget h3 {
  background:#f5f5f5;
  border-top:1px solid #999;
  margin:0;padding:5px 8px;
  text-transform:uppercase;font-size:12px;color:#999;font-weight:bold;
}
.widget ul {
  list-style:none;
  margin:0;
}
.widget ul li a {
  display:block;
  margin:0;
  padding:8px 0 5px 10px;
  border-bottom:1px solid #ddd;
  background:#fff;
}
.widget ul ul {
  margin:0 0 0 20px;
}
.widget ul ul li a {
  border-left:1px solid #ddd;
}
.widget #searchform input {
  width:158px;
  padding:6px 10px;
  border:1px solid #cdcdcd;
}
.widget #searchform input#searchsubmit {
  background:#F2F6FA;
  border:1px solid #abc;
  color:#abc;
  width:auto;
  cursor:pointer;
}
.widget #calendar_wrap table#wp-calendar {
  width:100%;
  table-layout:fixed;
}
.widget #calendar_wrap table caption {
  text-align:center;
  padding:10px 0;
  color:#F2F6FA;
  background:#888;
}
.widget #calendar_wrap table thead th {
  background:#eee;
}

.shade {
  background:url(images/shadebg.png) repeat-x top left;
  width:100%;
  height:10px;
  position:fixed;
  top:85px;
  z-index:9999999;
}
#footerwrap {
  width:100%;
}
#footer{
	margin:0px auto;
	height:50px;
	width:100%;
	bottom:0%;
	z-index: 3;
	background:#000;
	border-top:1px solid #000;
	position:absolute;
}
#footerframe{
	height: 100%;
	text-align:left;
	z-index: 3;
}
#footerframe p.credits {float:right;margin:-8px 20px 0 0;font-size:11px;line-height:14px;}
#footerframe p.credits img {position:relative;top:5px;}
#footerframe ul#extranav {list-style:none;margin:15px 0 0 15px;}
#footerframe ul#extranav li {display:inline;float:left;margin:0 20px 0 0;}
#footerframe ul#extranav li a {font-size:12px;font-weight:700;}
#footerframe ul#extranav li img {position:relative;top:-3px;}

/* Navigation -------------------------------------------------------*/
#nav {
    margin:0px auto;
    height:130px;
    width:100%;
    overflow:hidden;
    bottom:50px;
    z-index: 10;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    border-top:1px solid #000;
    position:absolute;
    display:none;
}
#nav ul,
#nav ul li,
#nav ul ul {list-style:none;margin:0;padding:0;}
#nav ul {position:relative;z-index:5970;width:180px;float:left;background:transparent;margin:10px 0 0 20px;border-right:1px solid #000;}
#nav ul li {line-height:16px;vertical-align:middle;zoom:1;margin:0 0 2px 0;}
#nav ul li.hover,
#nav ul li:hover {position:relative;z-index:5990;cursor:default;}
#nav ul ul {visibility:hidden;position:absolute;top:0;left:180px;z-index:95980;width:200px;}
#nav ul ul li {float:none;margin:0;}
#nav ul ul ul {top:0;left:100%;width:110%;}
#nav ul li:hover > ul {visibility:visible;}

#nav ul {}
#nav ul li {padding:0 30px 0 0;}	

#nav ul a,
#nav ul a:visited {
  color:#ddd;text-decoration:none;font-size:11px;text-transform:uppercase;font-weight:700;
  /*font-family:'MedioRegular', 'palatino', 'georgia', serif;*/
  }

#nav ul a:active {}
#nav ul li.current-menu-ancestor,
#nav ul li.current-menu-item {background:#000;color:#fff;}
#nav ul li.current-menu-ancestor a:visited,
#nav ul li.current-menu-item a:visited {color:#fff;}
#nav ul ul li.current-menu-ancestor,
#nav ul ul li.current-menu-item {background:#000;border-bottom:none;color:#fff;}

/* -- level mark -- */	
#nav ul ul {width:180px;height:100px;margin-top:0px;background:transparent;}		
#nav ul ul li {font-weight:normal;padding:0 30px;}
#nav ul a {display:block;padding:0;}
#nav ul li {padding:0;border:none;}
#nav ul ul li {}
#nav ul ul a {padding:0;background:transparent;}
#nav ul ul ul a {padding:0;background:transparent;}
#nav ul ul a:link,
#nav ul ul a:visited {}

#nav ul li {}
#nav ul li.parent {background:#000;}
#nav ul li.hover,
#nav ul li:hover {}
/* Non-first level */
#nav ul ul {margin-top:0;padding:0;}	
#nav ul ul li {	}	
#nav ul ul li.hover,	
#nav ul ul li:hover {  	}
#nav ul ul ul {border:1px solid #000;}
/* Mixed */
#nav ul li.current_page_item {font-weight:bold;}
/* HOVERS */
#nav ul li.hover,	
#nav ul li:hover {background:#000;}
#nav ul li:hover a {color:#fff;}
#nav ul li:hover ul li a {border-bottom:none;}
#nav ul ul li:hover a {background:#000;border-bottom:none;color:#fff;}
#nav ul li.current-menu-ancestor ul li,
#nav ul ul li.current-menu-item {}
#nav ul li:hover.current_page_item a {border-bottom:none;color:#fff;}

#nav ul li.menu-item-182 ul {margin-top:-18px;}
#nav ul li.menu-item-188 ul {margin-top:-54px;}
#nav ul li.menu-item-191 ul {margin-top:-72px;}
#nav ul li.menu-item-185 ul {margin-top:-36px;}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 10px;
background: #ddd;
}
.vscrollerbar {
width: 10px;
background: #666;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: #666;
width: 10px;
height: 15px !important;
}
.vscrollerbarend {
background: #666;
width: 10px;
height: 15px;
}
.scrollerjogbox {
width: 10px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C;
}
.vscrollerbasebeg { /* Top arrow */
background: #ddd;
width: 10px;
height: 15px !important;
}
.vscrollerbaseend { /* Bottom arrow */
background: #ddd;
height: 15px;
width: 10px;
}
.scrollerjogbox:hover {
background: #555;
}
/* Scroll Bar Master Styling Ends Here */