@charset "UTF-8";
/* IRIS CAFE STYLE || web design by Abby Browde || abbybrowdedesign.com */

<!--
body {
	font: 100%/1.4 "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 15px;
	letter-spacing: .75px;
	line-height: 15.5px;
	background-image:url(http://iriscafenyc.com/paper-faded.jpg);
	
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
}

h1 {
	font-size:36px
}

h2 {
	font-size:24px
}

h3 {
	font-size:18px
}
h4 {
	font-size:16px

}


/* ~~ KEEP THESE IN ORDER ~~ */
a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold; 
}
a:visited {
	color: #000;
	text-decoration: none; 
}
a:hover, a:active, a:focus { 
	color: #369;
}

.container {
	width: 1200px;
	margin-top: 20px;
}

.header {

}
.sidebar1 {
	float: left;
	width: 283px;
	height: 800px;
	padding-bottom: 10px;
	margin-top: 10px;
	background:url(http://iriscafenyc.com/ic-logo.png) 0 0 no-repeat;
}

.content {

	padding: 10px 0;
	width: 900px;
	float: left;
}


/* ~~ NAV BAR AT TOP ~~ */
.nav a {
	background-color:transparent;
text-indent:-100em;
	float:left;
	height:80px;
	margin-right:12.2px;
}
.nav {
	padding-bottom:10px;
	height: 40px;
}

#navHome a, #navHome a:link {
	background: url(http://iriscafenyc.com/nav/home.png) 0 0 no-repeat;
	background-position: 0 21px;
	width:90px;
	height: 36px;
}
#navHome a:hover, #navHome a:active {
	background:url(http://iriscafenyc.com/nav/home-blue.png) 0 0 no-repeat;
	background-position: 0 21px;
	width:90px;
	height: 36px;
}

#navMenu a, #navMenu a:link {
	background: url(http://iriscafenyc.com/nav/menu.png) 0 0 no-repeat;
	background-position: 0 19px;
	width:90px;
	height: 40px;
}
#navMenu a:hover, #navMenu a:active {
	background:url(http://iriscafenyc.com/nav/menu-blue.png) 0 0 no-repeat;
	background-position: 0 19px;
	width:90px;
	height: 40px;
}
#navPress a, #navPress a:link {
	background: url(http://iriscafenyc.com/nav/press.png) 0 0 no-repeat;
	background-position: 0 23px;
	width:95px;
	height: 43px;
}
#navPress a:hover, #navPress a:active {
	background:url(http://iriscafenyc.com/nav/press-blue.png) no-repeat;
	background-position: 0 23px;
	width:95px;
	height: 43px;
}
#navInfo a, #navInfo a:link {
	background: url(http://iriscafenyc.com/nav/directions.png) 0 0 no-repeat;
	background-position: 0 20px;
	width:150px;
	height: 34px;
}
#navInfo a:hover, #navInfo a:active {
	background:url(http://iriscafenyc.com/nav/directions-blue.png) 0 0 no-repeat;
	background-position: 0 20px;
	width:150px;
	height: 34px;
}

#navContact a, #navContact a:link {
	background: url(http://iriscafenyc.com/nav/contact.png) 0 0 no-repeat;
	background-position: 0 19px;
	width:100px;
	height: 40px;
}
#navContact a:hover, #navContact a:active {
	background:url(http://iriscafenyc.com/nav/contact-blue.png) 0 0 no-repeat;
	background-position: 0 19px;
	width: 100px;
	height: 40px;
}

ul.nav {
	list-style: none;
	border-bottom: 3px double #000; 
	margin-bottom: 15px; 
	padding-left: 50px;
}



ul.nav li {
	border-top: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;
	height: 100px;  
	text-decoration: none;
	background: #FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #FFF;
	color: #FFF;
}
a img {
border:none;
}
.nav {
	list-style:none;
}
.nav li {
	display:inline;
}


.press a {
	float: left;
	height:80px;
	margin-right:12.2px;
	margin-bottom: 10px;
}

.press {
	padding-bottom:20px;
	height: 40px;
}

#pressNym a, #pressNym a:link {
	background: url(http://iriscafenyc.com/press/nym.png) 0 0 no-repeat;
	background-position: 135px;
	width:500px;
	height: 80px;
}
#pressNym a:hover,#pressNym a:active {
	background:url(http://iriscafenyc.com/press/nym-green.png) 0 0 no-repeat;
	background-position: 135px;
	width:500px;
	height: 80px;
}
#pressTony a, #pressTony a:link {
	background: url(http://iriscafenyc.com/press/tony.png) 0 0 no-repeat;
	background-position: 135px;
	width:790px;
	height: 75px;
}
#pressTony a:hover, #pressTony a:active {
	background:url(http://iriscafenyc.com/press/tony-green.png) no-repeat;
	background-position: 135px;
	width:790px;
	height: 75px;
}
#pressNyt a, #pressNyt a:link {
	background: url(http://iriscafenyc.com/press/nyt25.png) 0 0 no-repeat;
	background-position: 160px;
	width:900px;
	height: 80px;
}
#pressNyt a:hover, #pressNyt a:active {
	background:url(http://iriscafenyc.com/press/nyt25-green.png) 0 0 no-repeat;
	background-position: 160px;
	width:900px;
	height: 80px;
}

#pressEats a, #pressEats a:link {
	background: url(http://iriscafenyc.com/press/serious.png) 0 0 no-repeat;
	background-position: 120px;
	width:810px;
	height: 70px;
}
#pressEats a:hover, #pressEats a:active {
	background: url(http://iriscafenyc.com/press/serious-green.png) 0 0 no-repeat;
	background-position: 120px;
	width:810px;
	height: 70px;
}

#pressLmag a, #pressLmag a:link {
	background: url(http://iriscafenyc.com/press/lmag.png) 0 0 no-repeat;
	background-position: 130px;
	width: 775px;
	height: 70px;
}

#pressLmag a:hover, #pressLmag a:active {
	background:url(http://iriscafenyc.com/press/lmag-green.png) 0 0 no-repeat;
	background-position: 130px;
	width: 775px;
	height: 70px;
}

#pressNytb a, #pressNytb a:link {
	background: url(http://iriscafenyc.com/press/nyt.png) 0 0 no-repeat;
	background-position: 125px;
	width:750px;
	height: 80px;
}
#pressNytb a:hover, #pressNytb a:active {
	background:url(http://iriscafenyc.com/press/nyt-green.png) 0 0 no-repeat;
	background-position: 125px;
	width: 750px;
	height: 80px;
}


ul.press {
	list-style: none;
	
}



ul.press a, ul.press a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;
	height: 100px;  
	text-decoration: none;
	
}


a img {
border:none;
}
.press {
	list-style:none;
}


/* other formats */

.food1 {
	width: 305px;
	float: left;
	padding: 20px 0;
	margin-left: 25px;
}
.food2 {
	width: 270px;
	float: left;
	padding: 20px 0;
}
.food3 {
	width: 280px;
	float: left;
	padding: 20px 0;
}

.mainContent {
	width: 405px;
	float: left;
	padding: 20px 0;
	padding-left: 150px;
	padding-top: 75px;

}


.pressContent {
	width: 700px;
	float: left;
	padding: 20px 0;
	padding-left: 30px;
	padding-top: 75px;

}


.photos {
	width: 800px;
	float: left;
	padding: 20px 0;
	padding-left: 60px;
	padding-top: 40px;

}




.footer {
	padding: 10px 0;

	position: relative;
	clear: both; 
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->
</style>