/* Theme Name: Ayars Animation Theme URI: http://ayarsanimation.com Description: Ayars Animation Website Version: 1.0 Author: PlainJoe Studios Author URI: http://plainjoestudios.com */ html, body, #container {width: 100%; height:100%;} body, h1, h2, h3, ul, ol, li, form, div, p {margin: 0; padding: 0;} div {width:auto; height:auto; margin-left:auto; margin-right:auto;} html {background:#ffffff;} body {background:url(images/bg.jpg) top center no-repeat; text-align:center;} h1 {font:140% Tahoma, Arial, Geneva, sans-serif; color:#000000;} h2 {font:140% Tahoma, Arial, Geneva, sans-serif; color:#000000; padding:0px 0 2px 0;} a {color:#5b5d2a; text-decoration:none;} a:hover {color:#000000; text-decoration:none;} img {border: 0; padding:0 0 0 0;} object {outline: none; display: block;} #flash {background-image:url(images/iphone.png); background-repeat:no-repeat; width:753px; height:100%; display:inline-block; text-align:center; margin:0px 0 0 0;} #banner {height:248px; width:372px; margin:26px 0 0 0px; padding:0 0 0 0; display:inline-block;} #header {width:570px; padding:0 0 0 10px; display:block;} #logo {text-align:left; width:570px; height:56px; margin:55px 0 0 0;} #logo h1 a {display:block; background:url(images/logo.png) no-repeat; text-indent:-9999px; width:269px; height:56px;} #toplinks {text-align:center; width:650px; font:85% Arial, Helvetica, sans-serif; color:#fff; padding:15px 0px 0 0; text-transform:uppercase; line-height:20px; font-weight:lighter; height:20px; display:inline-block;} #links {margin:0; padding:0; list-style-type:none; text-align:center;} #links li {text-align:center; float:left; margin:0px 15px 0px 0px;} #about a {color:#fff; height:20px; width:54px; background:url(images/about.png) no-repeat; display:inline-block;} #about a:hover {color:#fff; height:20px; background:url(images/about_o.png) no-repeat;} #aboutover a {color:#fff; height:56px; width:62px; background:url(images/about_h.png) no-repeat; display:block;} #blog a {color:#fff; height:20px; width:40px; background:url(images/blog.png) no-repeat; display:inline-block;} #blog a:hover {color:#fff; height:20px; background:url(images/blog_o.png) no-repeat;} #blogover a {color:#fff; height:56px; width:56px; background:url(images/blog_h.png) no-repeat; display:block;} #store a {color:#fff; height:20px; width:49px; background:url(images/store.png) no-repeat; display:inline-block;} #store a:hover {color:#fff; height:20px; background:url(images/store_o.png) no-repeat;} #storeover a {color:#fff; height:56px; width:59px; background:url(images/store_h.png) no-repeat; display:block;} #downloads a {color:#fff; height:20px; width:98px; background:url(images/downloads.png) no-repeat; display:inline-block;} #downloads a:hover {color:#fff; height:20px; background:url(images/downloads_o.png) no-repeat;} #downloadsover a {color:#fff; height:56px; width:110px; background:url(images/downloads_h.png) no-repeat; display:block;} #support a {color:#fff; height:20px; width:70px; background:url(images/support.png) no-repeat; display:inline-block;} #support a:hover {color:#fff; height:20px; background:url(images/support_o.png) no-repeat;} #supportover a {color:#fff; height:56px; width:79px; background:url(images/support_h.png) no-repeat; display:block;} #contact a {color:#fff; height:20px; width:68px; background:url(images/contact.png) no-repeat; display:inline-block;} #contact a:hover {color:#fff; height:20px; background:url(images/contact_o.png) no-repeat;} #contactover a {color:#fff; height:56px; width:78px; background:url(images/contact_h.png) no-repeat; display:block;} #review a {color:#fff; height:20px; width:72px; background:url(images/reviews.png) no-repeat; display:inline-block;} #review a:hover {color:#fff; height:20px; background:url(images/reviews_o.png) no-repeat;} #reviewover a {color:#fff; height:57px; width:80px; background:url(images/reviews_h.png) no-repeat; display:block;} #contenttop {width:570px; background-image:url(images/top.png); text-align:center; display:block; height:47px; background-repeat:no-repeat; margin-top:10px;} #contenttile {width:700px; background:url(images/tile.png); text-align:center; background-repeat:repeat-y; display:table; padding:0 0 0 0; margin:0 0 0 65px;} #contentbottom {width:570px; background-image:url(images/bottom.png); text-align:center; display:block; height:150px; background-repeat:no-repeat;} #contentmain{width:770px; text-align:center; padding:0px 0px 0px 0px;} .detailmain {overflow:hidden; font:85% Tahoma, Arial, Geneva, sans-serif; color:#323232; clear:both; padding:0px 0 0px; line-height:130%;} .detailmain p {margin:0px 0px 0px 0px;} .detailmain a {color:#5b5d2a;} .detailmain a:hover{color:#000000;} .detailmain h1 {color:#9aa524; font-family:Tahoma, Arial, Geneva, sans-serif; padding:10px 0 0px 0;} .detailmain h1 a{color:#000000;} .detailmain h1 a:hover{color:#5b5d2a;} .detailmain img {border:0px solid #f2a11a; margin-top:6px; margin-bottom:5px; margin-right:12px;} #content {width:700px; text-align:center;} #contentleft {width:503px; float:left; text-align:left; padding:0px 0px 0px 35px;} .contentpost {padding:10px 20px 0px 20px;} .contentpost h1 {font-family:Tahoma, Arial, Geneva, sans-serif; padding:10px 0 2px 0;} .contentpost h1 a{color:#000000;} .contentpost h1 a:hover{color:#5b5d2a;} .posted {float:left; font:65% Arial, Helvetica, sans-serif; color:#323232;} .posted img {margin:0 3px -1px 0;} .comments {width:237px; float:right; text-align:right; font:75% Tahoma, Arial, Geneva, sans-serif; color:#000000; clear:right;} .comments a {color:#5b5d2a; text-decoration:none; border-bottom:1px solid #5b5d2a; display:inline-block;} .comments a:hover {color:#000000; text-decoration:none; border-bottom:1px solid #000000; display:inline-block;} .iconcomment {margin:0 0 -2px; border:0;} .iconarrow {width:5px; height:5px; margin:-6px 0 0; border:0;} .detail {overflow:hidden; font:85% Tahoma, Arial, Geneva, sans-serif; color:#323232; clear:both; padding:10px 0 20px; line-height:130%;} .detail p {margin:0px 0px 10px 0px;} .detail a {color:#5b5d2a;} .detail a:hover{color:#000000;} .detail h1 {color:#9aa524; font-family:Tahoma, Arial, Geneva, sans-serif; padding:10px 0 2px 0;} .detail h1 a{color:#9AA524;} .detail h1 a:hover{color:#000000;} .detail img {border:0px solid #f2a11a; margin-top:6px; margin-bottom:5px; margin-right:12px;} .commentarea {overflow:hidden; font:75% Tahoma, Arial, Geneva, sans-serif; color:#000000; clear:both; padding:18px 0 20px;} #content ul {margin:10px 10px 10px 5px; list-style-type:none; font:100% Tahoma, Arial, Geneva, sans-serif; color:#323232;} #content li {padding:5px 10px 0 10px; list-style-type:none;} #content li a {color:#5a4321; padding-left:0px;} #content li a:hover {color:#000000; padding-left:0px;} #contentright {width:130px; float:right; margin:0px 0px 0 0;} #rightbox {overflow:hidden; margin:10px 0 0 0; padding:0 15px 20px 0; text-align:right; height:230px;} #rightbox h2 {font-size:90%; margin:0 0px 0 0px; width:100%; padding:0 0 0px 0;} #rightbox ul {margin:0 0px 0 0px; list-style-type:none; font:100% Tahoma, Arial, Geneva, sans-serif; color:#5a4321; font-weight:bolder;} #rightbox li {padding:0px 0px; list-style-type:none;} #rightbox li a {color:#5a4321; padding-left:0px;} #rightbox li a:hover {color:#000000; padding-left:0px;} #contentbottom {width:570px; background-image:url(images/bottom.png); text-align:center; display:inline-block; background-repeat:no-repeat; vertical-align:top; margin-top:0px;} #bottommain {width:390px; text-align:center; font:95% Tahoma, Arial, Geneva, sans-serif; color:#323232; padding:80px 0 20px 0; line-height:110%; display:inline-block;} #bottomcontent{width:235px; float:left; margin:0 10px 0 0; padding:0px 0px 0px 0px; text-align:left;} #bottomcontentcosmo{width:235px; float:left; margin:0 10px 0 0; padding:0px 0px 0px 0px; text-align:left;} #bottomimages{width:141px; float:right; margin:0 0 0 0; padding:0px 0px 0px 0px; text-align:left;} #appslideshow {width:600px; text-align:center; font:95% Tahoma, Arial, Geneva, sans-serif; color:#323232; padding:0px 0 0px 0; line-height:110%; display:inline-block;} #appslideshowcontent{width:450px; float:left; margin:0 0 0 0; padding:0px 0px 0px 0px; text-align:left;} #appslideshowimage{width:150px; float:right; margin:0px 0 0 0; padding:0px 0px 0px 0px; text-align:right;} #applinks {width:750px; text-align:center; font:95% Tahoma, Arial, Geneva, sans-serif; color:#323232; padding:0px 0 0px 0; line-height:110%; display:inline-block;} #applinksimage {width:250px; float:left; margin:0 0 0 0; padding:0px 0px 0px 0px; text-align:left;} #footer {width:490px; font-weight:bold; font-size:75%; text-align:left; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#a3aea5; padding:20px 0px 35px 0px;} #footerleft {float:left; margin:0 20px 0 5px;} #footerleft a {color:#a3aea5; font-weight:bold;} #footerleft a:hover {color:#000000; font-weight:bold;} #footermiddle {float:left; margin:0px 20px 0 0;} #footermiddle a {color:#5b5d2a; font-weight:bold;} #footermiddle a:hover {color:#000000; font-weight:bold;} #footerright {float:left; text-align:right; margin:0 0 0 0;} #footerright a {color:#a3aea5; font-weight:bold;} #footerright a:hover {color:#000000; font-weight:bold;} img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden } .intro {font:90% Tahoma, Arial, Geneva, sans-serif; color:#000000; line-height:180%; padding:10px 0 20px;} #line {border: none; background-color: #323232; color: #323232; height: 1px; margin:0 10px 0 10px;} #bottom {margin:-5px 0 0 0;} #socaillinks {width:215px; font:85% Arial, Helvetica, sans-serif; color:#fff; padding:0px 0px 0 0; text-transform:uppercase; font-weight:lighter;} #sociallinksbox {margin:0 12px 0 0; padding:0px 0px 0px 0; list-style-type:none;} #sociallinksbox li {float:right; margin:0px 1px 0px 0px;} #facebook a {color:#fff; padding:20px 0px; width:112px; background:url(images/facebook.png) no-repeat; display:inline-block;} #facebook a:hover {color:#fff; padding:20px 0px; background:url(images/facebook.png) no-repeat;} #rss a {color:#fff; padding:41px 0px; width:112px; background:url(images/rss.png) no-repeat; display:inline-block;} #rss a:hover {color:#fff; padding:41px 0px; background:url(images/rss.png) no-repeat;} /* Jquery Homepage Slidshow */ /** * Slideshow style rules. */ #slideshow {margin:0 auto; width:372px; height:248px; position:relative;} #slideshow #slidesContainer {margin:0 auto; width:372px; height:263px; overflow:auto; /* allow scrollbar */ position:relative;} #slideshow #slidesContainer .slide {margin:0 auto; width:352px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px;} /** * Slideshow controls style rules. */ .control {display:block; width:35px; height:248px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:3;} #leftControl {top:0; left:0; background:transparent url(/wp-content/themes/ayarsanimation/images/control_left.png) no-repeat 0 0;} #rightControl { top:0; right:0; background:transparent url(/wp-content/themes/ayarsanimation/images/control_right.png) no-repeat 0 0;} /** * Style rules for Demo page */ #pageContainer {margin-top:0px; width:372px; margin-left:auto; margin-right:auto;} .slide img {float:right; margin:0 0px;} #cf2_field_1{margin-left:60px;} #cf2_field_2{margin-left:60px;} #cf2_field_3{margin-left:60px;} #cf2_field_4{margin-left:60px;} #cf2_field_5{margin-left:60px;} #cf2_field_6{margin-left:60px;} #iconbox{ width:375px; height:120px; margin:10px 0 15px 68px;} #icontext{ color: #323232; font: 85%/130% Tahoma,Arial,Geneva,sans-serif; width:375px; text-align:center; margin:0 0 8px 0; } #shadow{ z-index:0; position:relative; width:262px; height:114px; background-image:url("/images/shadow.png"); background-repeat:no-repeat; margin-bottom:-114px; } #icon-jack{ z-index:100; float:left; padding:8px 21px 0 21px; opacity:0.4; } #icon-cosmo{ z-index:100; float:left; padding:8px 21px 0 21px;} #icon-pirate{ z-index:100; float:left; padding:8px 21px 0 21px; opacity:0.4;} #icon-jack-content{ display:none; width:460px; margin-left:20px; } #icon-cosmo-content{ width:460px; margin-left:20px; } #icon-pirate-content{ display:none; width:460px; margin-left:20px; } /* * * Mail Chimp Table Style * */ #mc_embed_signup{font:14px Helvetica,Arial,sans-serif; width:730px;} #mc-embedded-subscribe { width: 27px; height: 26px; background: url(http://www.ayarsanimation.com/wp-content/plugins/cforms/images/button-bg.gif); display: inline-block; float: right; clear: both; border-width: 0px;} #mce-NAME { border: 1px solid #CCCCCC; width: 170px; height: 26px; } #mce-EMAIL { border: 1px solid #CCCCCC; width: 170px; height: 26px; }