/* Main CSS file for modern browsers */
/* Armchair Media 2010 */

/* some initial global styles - post browser reset */
body, form input, form textarea{font:13px/1.5 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif}
a:focus{outline:none}
a {text-decoration:none;color:#f00;}
a:hover {color:#999;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1,h2,h3,h4,h5,h6, #nav {font-family:helvetica;}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}

/* Homepage */
body {background:#f0f0f0;}
body#home {overflow:hidden;height:100%;background:#000;}
#home-video {width:100%;height:100%;position:absolute;}

/* Homepage Trays */
#tray-wrap {position:fixed;bottom:-250px;height:308px;}
.tray {background:url(../img/tray.png) 6px 0 no-repeat;height:308px;padding:0 10px;}
.tray h2 {width:180px;padding:4px 14px 4px 65px;background:url(../img/tray-icon-sprite2.gif) 0 0 no-repeat;height:25px;margin:12px 0 0 10px;color:#f00;line-height:1.1em;font-family:"proxima-nova-1","proxima-nova-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;font-weight:normal;}
#tray-forum h2 {background-position:0 -33px;}
#tray-social h2 {background-position:0 -66px;}
.open h2 {width:auto;}

.tray-content h3 {font-size:16px;line-height:1.3em;margin-bottom:6px;font-family:"proxima-nova-1","proxima-nova-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;}
.tray-content p {font-size:12px;}
.tray-content p.readmore {margin-top:2em;}
.tray-content {padding:12px;}
.tray-content a {color:#c00;font-weight:bold;}
.tray-content a:hover {color:#999;}

.tray-content .social-intro {margin:10px 0 10px 0;min-height:46px;}
.tray-content .social-icon {float:left;width:46px;text-indent:-9000em;background:url(../img/sprite-icons-social-media.jpg) no-repeat;height:46px;}
.tray-content #IZOD-Facebook {background-position:0 -55px;}
.tray-content #IZOD-YouTube {background-position:0 -112px;}
.tray-content #IZOD-Flickr {background-position:0 -165px;}
.tray-content .social-intro p {margin-left:60px;}
.tray-content .social-intro p.social-text {font-size:12px;line-height:1.3em;}
.tray-content .social-intro p.social-read-more {}

/* Navigation */
body #nav {background:#f00;font-family:"proxima-nova-1","proxima-nova-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;}
body#home #nav {background:transparent;}

#dealsform {float:right;padding:8px 8px 0 0;width:170px;height:50px;}
#deals-email {width:117px;border:0;padding:5px 8px;
   -moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
        border-radius: 4px; 
}
#deals-button {border:0;text-indent:-9000em;width:32px;height:32px;background:url(../img/email-sprite.png) 0 0 no-repeat;}
#deals-button:hover {background-position:0 -59px;}

#nav {color:#fff;list-style-type:none;font-weight:bold;font-size:14px;height:50px;}
#nav li {margin:0;padding:0;display:inline;}
#nav a {color:#fff;text-decoration:none;line-height:1em;padding:6px 8px;margin-right:10px;margin-top:12px;float:left;display:block;letter-spacing:1px;}
#nav a:hover, #nav a.current {background:#fff;color:#f00;}
#nav a.current:hover {background:#f00;color:#fff;}

#nav a {
   -moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
        border-radius: 4px; 
}


#nav li#izod a {background:url(../img/izod.png) 0 0 no-repeat;width:144px;height:50px;margin-top:0;padding:0;text-indent:-9000em;}
#nav li#izod a:hover {background-position:0 -100px;background-color:transparent;}
#nav, #nav li#izod a{
/* reset the borders */
   -moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
        border-radius: 0px;
/* set border for bottom left */
  -moz-border-radius-bottomleft: 6px; 
-webkit-border-bottom-left-radius: 6px; 
        border-bottom-left-radius: 6px; 
}
#nav {
   -moz-border-radius-bottomright: 6px; 
-webkit-border-bottom-right-radius: 6px; 
        border-bottom-right-radius: 6px; 

  -moz-border-radius-bottomleft: 7px; 
-webkit-border-bottom-left-radius: 7px; 
        border-bottom-left-radius: 7px;
}

/* Sub Page Navigation */

.subnav {color:#f00;list-style-type:none;font-weight:bold;font-size:14px;height:50px;}
.subnav li {margin:0;padding:0;display:inline;}
.subnav a {color:#fff;background:#f00;text-decoration:none;line-height:1em;padding:6px 8px;margin-right:10px;margin-top:12px;float:left;display:block;letter-spacing:1px;font-family:"proxima-nova-1","proxima-nova-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;}
.subnav a:hover, .subnav a.current {background:#fff;color:#f00;}
.subnav a.current:hover {background:#f00;color:#fff;}

.subnav a {
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px; 
}

#aboutnav {margin-left:154px;}
#searchnav {margin-left:235px;}

/* News Section */
.post, .box {background:#fff;
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px; 
padding:10px;
font-size:0.9em;
margin-bottom:20px;
}
.post h3, .box h3 {font-family:"proxima-nova-1","proxima-nova-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;font-weight:normal;line-height:1.2em;padding-bottom:0.5em;}
.box a {font-weight:bold;}
.post p {padding:0 0 5px 0;margin:0;}
.post-date {font-size:0.8em;}
.post p.post-date-video {margin-top:5px;font-size:0.8em;}
.post h3 a {color:#000;}
.post-foot a {font-weight:bold;}
.post-foot {line-height:20px;margin-top:10px;padding:0;}
.post-foot p {margin:0;padding:0;line-height:1.5em;}
.sharelinks {width:40px;display:inline-block;vertical-align:bottom;}
.sharelinks a {display:block;float:left;width:15px;height:15px;text-indent:-9000em;padding:0 5px 0 0;}
a.sharefb {background:url(../img/social-sprite.gif) 0 0px no-repeat;}
a.shareemail {background:url(../img/social-sprite.gif) -20px 0px no-repeat;}
a.sharefb:hover {background-position:0 -30px;}
a.shareemail:hover {background-position:-20px -30px;}

#recent-posts h3 {padding-bottom:10px;}
#recent-posts ul {list-style-type:none;}
#recent-posts ul li {margin:0;padding:0;font-weight:bold;padding-bottom:1em;}

#flickr_badge_wrapper {height:290px;}
#flickr_badge_wrapper .flickr_badge_image {float:left;padding:9px;}

#archive ul {margin:0;padding:0;list-style-position:inside;}
#archive ul li {margin:0;padding:0;}

#blog-search-input {width:220px;padding:5px;font-weight:bold;background:#e1e1e1;border:0;margin-right:5px;}
#blog-search-go {border:0;background:url(../img/search.gif) 0 0;width:30px;height:30px;text-indent:-9000em;}
#blog-search-go:hover {background-position:0 -41px;}

#pagination {font-weight:bold;height:25px;}
#pagination-continue {float:left;}
#pagination-continue {background:#fff;padding:4px 6px;
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px;}
#pagination-numbers {width:50%;float:right;text-align:right;}
#pagination-numbers p {display:inline;background:#fff;padding:4px 6px;margin-left:5px;
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px;}
#pagination-numbers p.current, #pagination-numbers p:hover, #pagination-continue:hover {background:#f00;color:#fff;}
#pagination-numbers p.current a, #pagination-numbers p:hover a, #pagination-continue:hover a {color:#fff;}
/* commment pagination */
.post #pagination-numbers p {background:#e1e1e1;}
.post #pagination-numbers p.current, .post #pagination-numbers p:hover {background:#f00;color:#fff;}

hr {margin:20px 0 10px 0;}
.comment-list th, .comment-list td {text-align:left;padding-bottom:1em;}
.comment-list th {padding-right:10px;}
.comment-list th span.date {font-size:0.8em;font-weight:normal;}

/* Search */
.type-news, .type-forum, .type-social {width:60px;float:left;height:65px;text-indent:-9000em;}
.type-news {background:url(../img/icon-news.gif) 0 22px no-repeat;}
.type-forum {background:url(../img/icon-forum.gif) 0 22px no-repeat;}
.type-social {background:url(../img/icon-social.gif) 0 22px no-repeat;}
.search-result {margin-left:70px;}

#topsearch {width:300px;}
#topsearch span {float:right;font-size:0.9em;font-weight:bold;padding-top:8px;}
#searchsort {float:right;padding-top:60px;}

/* contact form */
#contact-info p {margin-bottom:10px;}

.contactform {margin-top:20px;margin-bottom:40px;} /* margin-bottom:40px; added by Uma Bonam */
.contactform p {margin-bottom:10px;padding:0;line-height:1em;}
.contactform label {width:130px;float:left;font-weight:bold;padding-right:10px;text-align:right;line-height:2em;}
.contactform input, .contactform textarea {width:300px;background:#e1e1e1;border:0;padding:4px 6px;}
.contactform textarea {height:150px;}
.contactform fieldset {margin:0;padding:0;}

/* Start - added by Uma Bonam for contact form */
.contactform span {position:absolute;left:465px;line-height:2em;}
.contactform div span {position:absolute;left:150px;line-height:2em;}
/* End - added by Uma Bonam for contact form */


.contactform .contactsubmit {display:block;width:60px;padding:7px 10px 7px 3px;color:#fff;background:#f00 url(../img/btn-arrow.png) 100% 50% no-repeat;margin:0;border:0;float:right;position:absolute;bottom:80px;right:80px;height:27px;line-height:1em;
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px;
} /* bottom:40px changed to bottom:80px; by Uma Bonam */
.contactsubmit:hover {background-color:#999;}

#contact-map {position:relative;}
#contact-map h2 {background:#fff;position:absolute;bottom:10px;left:10px;padding:3px 8px;font-size:20px;
  -moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
        border-radius: 3px;}

/* plain text pages, multi-column */

.multi-column-wrap p {
padding-bottom:1.3em;
-webkit-column-count: 3;
-webkit-column-gap: 30px;
-moz-column-count: 3;
-moz-column-gap: 30px;
column-count: 3;
column-gap: 30px;
}

a.button {display:block;width:163px;padding:7px 10px;color:#fff;background:#f00 url(../img/btn-arrow.png) 100% 50% no-repeat;margin-top:1em;
   -moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
        border-radius: 6px;
}
a.button:hover {background-color:#999;}



/* Footer */
#footer {font-size:0.8em;padding:20px 0 90px 0;}
#footer p {display:block;float:left;}
#footer p.chop a {background:url(../img/izod-chop.gif) 0 0 no-repeat;width:89px;height:103px;text-indent:-9000em;display:block;}
#footer p.address {padding:0 8px 20px 0;}
#footer p.footlinks {padding:0 20px 0 0;}
#footer a {font-weight:bold;}
