/* Page Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a img, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; text-decoration: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline; } /* Page Elements */ #accessibility { position: absolute; top: -1000px; } /* Background */ body { color: #000; text-align: left; background-color: #a1a7b3; font: 12.8px/20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } #pageTop { width: auto; background: url(http://iaian7.com/images/header-clouds.jpg) no-repeat center top; } #navigation { height: 220px; width: 720px; margin: 0 auto; position: relative; } #content { width: 480px; margin: 60px auto 0px; padding: 0 120px; position: relative; } /* Repeating background */ #pageBottom { width: auto; } /* NonRepeating background */ #footer { height: 120px; width: auto; margin: 0 auto; text-align: center; padding-top: 40px; position: relative; } /* Navigation Menu */ ul { list-style: none; list-style-type: none; display: inline; } ul#navMenu { position: absolute; left: 80px; bottom: -2px; font-size: 18px; line-height: 16px; } ul#navMenu li { display: inline; position: relative; } ul#navMenu li a { margin-right: 36px; padding: 0 3px 2px; } ul#navMenu li ul { display: block; position: absolute; left: 0px; bottom: 18px; font-size: 14px; line-height: 20px; padding-bottom: 6px; } ul#navMenu li ul li { display: block; position: relative; left: 0px; bottom: 0px; } ul#navMenu li ul li a { margin-right: 0px; opacity: 0.0; } ul#navMenu li:hover ul li a { opacity: 0.6; } ul#navMenu li ul li a:hover { opacity: 1.0; } ul#navTitle { position: absolute; right: 0px; bottom: -5px; font: 40px/36px Georgia, "Times New Roman", Times, serif; width: 120px; } ul#navTitle li { position: relative; display: inline; } ul#navTitle li a { color: #000; } /* Content Lists */ #content ul { margin: 5px 30px; padding: 0 5px; display: block; list-style-type: disc; } /* Headers and Paragraphs */ h1, h2, h3, h4 { font: 24px/24px Georgia, "Times New Roman", Times, serif; text-transform: lowercase; color: #373F4D; } h5, h6 { text-transform: lowercase; color: #373F4D; } h1, .h1 { margin: 40px 0px 0px -40px; font-size: 24px; } h2, .h2 { margin: 20px 0px -5px -20px; font-size: 20px; } h3, .h3 { margin: 10px 0px 0px; font-size: 18px; } h4, .h4 { margin: 10px 0px 0px; font-size: 16px; } h5, .h5 { margin: 0px 0px 0px; font-size: 16px; line-height: 20px; text-align: right; } h6, .h6 { margin: 0px -10px 0px; font-size: 14px; line-height: 20px; text-align: right; } p, blockquote, table { margin: 10px 0px; text-align: left; clear: both; } blockquote, p.footnote { margin: 5px 30px 10px; padding: 0 5px; display: block; } sup.footnote { vertical-align: super; line-height: 10px; } pre { margin: 5px 40px 10px; display: block; } blockquote p code { padding: 0 4px; display: block; text-align: left; overflow: auto; } code, pre { font-family: "Andale Mono", Courier, "Courier New", mono; background-color: #8f96a3; padding: 0 4px; white-space: pre; } pre, .comments_author code, .comments code { display: block; text-align: left; overflow: auto; } small, .small, small.h1, small.h2, small.h3, small.h4, small.h5, small.h6 { font-size: 12px; color: #525A68; } strong, strong span.caps { font-weight: bold; } /* Tables */ table { width: 470px; } thead tr { background: #8f96a3; } th, td { margin: 0px; padding: 0px 5px; } th { padding-right: 20px; } /*tr:hover { cursor: pointer; background: #8f96a3; }*/ /* SortableTables */ /*tr.altRow { background-color: #8f96a3; }*/ .sortedASC { background: url(/images/clouds/icons/ArrowDown.png) no-repeat right center; } .sortedDESC { background: url(/images/clouds/icons/ArrowUp.png) no-repeat right center; } .tableHeaderOver { cursor: pointer; } tr.selected { } tr.over { background-color: #8f96a3; cursor: pointer; } tr.hide { display: none; } /* Links */ a, a:link, a:visited, a img { text-decoration: none; color: #373F4D; } a:hover, a:active { text-decoration: underline; color: #000; } .linkFade, .linkFade:link, .linkFade:visited, .linkFade:hover, .linkFade:active, #navigation a, #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active { text-decoration: none; color: #000; } p a, p a:link, p a:visited { text-decoration: underline; } /* forms */ form input { font-size: 14px; line-height: 20px; padding: 1px 2px; } /* comments */ .comments, .comments_author { margin: 20px 0px 0px; } .comments { color: #373F4D; } .comments p, .comments_author p { margin: 5px 20px; } .comments_error { color: #fff; background-color: #6D7482 } ul.comments_error { display: block; border: 1px solid #fff; } #cpreview { color: #000; border: 1px solid #6D7482; } form#txpCommentInputForm td { vertical-align: top; } /* Corner Radius and other effects */ img, code, pre, span.tweet_text, .an7_audio, .an7_audio_button { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* #content img { box-shadow: -10px -10px 0px #000; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.25); -moz-box-shadow: -10px -10px 0px #000; } */ /* Twitter */ ul.tweet_group { display: block; margin: 20px 5px 5px; } li.tweet { display: block; margin: 0 0 5px; padding-top: 0; } img.tweet_icon { float: left; display: block; margin: 10px 5px 5px; } span.tweet_text { background-color: #8f96a3; padding: 5px 10px; display: block; } a.tweet_time { display: block; margin: -2px 10px 0; font-size: 12px; text-align: right; } p.my_twitter { text-align: right; margin: 0 15px; } p.my_twitter a { color: #000; text-decoration: none; line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/discuss.png) no-repeat right center; } /* Icons */ a.iconDown, a.iconLeft, a.iconRight, a.iconUp, a.iconBook, a.iconCancel, a.iconChat, a.iconCircle, a.iconClose, a.iconContrast, a.iconDiscuss, a.iconDot, a.iconEmail, a.iconFile, a.iconMail, a.iconMinus, a.iconPerson, a.iconPlus, a.iconRSS, a.iconSearch, a.iconStar, a.iconFilm, a.iconForward, a.iconReverse, a.iconPause, a.iconPlay, a.iconStop, a.iconVideo { color: #000; } /* .iconContrast, .iconMail, .iconRSS, .iconSearch { margin: -2px; }*/ /* Icons Directional */ a.iconDown, .iconDown a { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/arrowdown.png) no-repeat right center; } a.iconLeft, .iconLeft a { line-height: 16px; padding-left: 16px; background: url(http://iaian7.com/images/clouds/icons/arrowleft.png) no-repeat left center; } a.iconRight, .iconRight a { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/arrowright.png) no-repeat right center; } a.iconUp, .iconUp a { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/arrowup.png) no-repeat right center; } /* Icons Basic */ .iconBook { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/book.png) no-repeat right center; } .iconCancel { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/cancel.png) no-repeat right center; } .iconChat { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/chat.png) no-repeat right center; } .iconCircle { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/circle.png) no-repeat right center; } .iconClose { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/close.png) no-repeat right center; } .iconContrast { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/contrast.png) no-repeat right center; } .iconDiscuss { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/discuss.png) no-repeat right center; } .iconDot { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/dot.png) no-repeat right center; } .iconEmail { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/email.png) no-repeat right center; } .iconFile { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/file.png) no-repeat right center; } .iconMail { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/mail.png) no-repeat right center; } .iconMinus { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/minus.png) no-repeat right center; } .iconPerson { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/person.png) no-repeat right center; } .iconPlus { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/plus.png) no-repeat right center; } .iconRSS { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/rss.png) no-repeat right center; } .iconSearch { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/search.png) no-repeat right center; } .iconStar { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/star.png) no-repeat right center; } /* Icons Media */ .iconFilm { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/film.png) no-repeat right center; } .iconForward { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/forward.png) no-repeat right center; } .iconReverse { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/reverse.png) no-repeat right center; } .iconPause { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/pause.png) no-repeat right center; } .iconPlay { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/play.png) no-repeat right center; } .iconStop { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/stop.png) no-repeat right center; } .iconVideo { line-height: 16px; padding-right: 16px; background: url(http://iaian7.com/images/clouds/icons/video.png) no-repeat right center; } /* AN7 Plugins - Global Styles*/ .an7_button, .an7_audio, .an7_audio_button { background-color: #bbb; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa'); background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa)); background: -moz-linear-gradient(top, #ddd, #aaa); background: -o-linear-gradient(top, #ddd, #aaa); background: linear-gradient(top, #ddd, #aaa); border: 1px solid #fff; border-top-color: #fff; border-bottom-color: #ccc; border-right-width: 0px; border-left-width: 0px; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.2); box-shadow: 0px 2px 8px rgba(0,0,0,0.2); } /* AN7 Plugins */ .an7_link { font-weight: bold; } .an7_button { position: relative; display: block; width: 180px; padding: 10px; margin: 10px auto; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } p a.an7_button, .an7_button small { display: block; color: #000; text-shadow: #fff 0 1px 1px; border-style: none; text-decoration: none; line-height: 18px; font-size: 18px; font-weight: bold; text-align: center; } .an7_button small { font-size: 12px; line-height: 18px; font-weight: normal; color: rgba(0,0,0,0.6); text-shadow: none; } .an7_button:hover { -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px rgba(0,0,0,0.4); } .an7_button:active { -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.4); box-shadow: 0px 2px 8px rgba(0,0,0,0.4); -webkit-transform: scale(0.975); -moz-transform: scale(0.975); -o-transform: scale(0.975); transform: scale(0.975); } .an7_imgdir, .an7_mediabox { display: block; width: 480px; margin: 5px -5px; } .an7_img, .an7_thumb img { margin: 5px 0px; } .an7_imgdir img { margin: 5px; } .an7_thumb_center, .an7_img_center { float: none; margin: 5px 0px; display: block; position: relative; margin-left: auto; margin-right: auto; } .an7_thumb_left, .an7_img_left { float: left; margin: 5px 10px 5px 0px; } .an7_thumb_right, .an7_img_right { float: right; margin: 5px 0px 5px 10px; } .an7_audio { margin: 5px 0px; padding: 5px; background-color: #000; } .an7_digg { padding: 5px; background-color: #fff; } .an7_filter { vertical-align: text-bottom; } /* Mediabox Content */ #mbImage p { margin: 40px; } #mbImage form { margin: 40px; } #mbImage form p { text-align: center; } /* IUSETHIS.COM */ div.iutapp a img { width: 32px; height: 32px; } #iutfooter { text-align: right; } #iutfooter a { margin: 0 -5px; }