/* 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;
}