/* Theme Name: Portfolious Ultimately Extensive Theme Theme URI: http://www.themeforest.net Version: 1.0 Author: Onur Oztaskiran Author URI: http://www.monofactor.com */ /************************************************************************/ /******************* Portfolious StyleSheet *****************************/ /************************************************************************/ /* 00. General Settings 01. Headings & Colours 02. Header 03. Home Blog Posts Settings 04. Content, Home Sidebar 05. Footer 06. General Sidebar 07. Post General Settings Additional: Common Classes --------------------------------------------- Author: Onur Oztaskiran - www.monofactor.com */ /************************************************************************/ /************************************************************************/ /*** 00. General Settings ***/ /** ----------------------------------------------------- **/ body {font: 82.5% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; } body, html {height:100%} a:hover{color:orange;} a { cursor: pointer;} /** common classes **/ .clearfix { width: 100%; /*height: 0px;*/ clear: both; display: block;}/* clearfix for floated elements */ .hidden {display: none;} .right {float: right;} .left {float: left;} .morespace {padding: 3px 0 !important;} .full-width {width: 100% !important;} a.bt, a.bt span, a.more-link, a.more-link span {display: inline-block; height:22px; border:none !important;} a.bt, a.more-link {padding-left: 15px; background: url(images/bt-casual-left.png) no-repeat; color:#333 !important; margin-top: 5px; text-decoration: none; } a.bt:hover {color: #666 !important;} a.bt span, a.more-link span { background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px} a.arrowedbt {background: url(images/bt-casual-left-arrowed.png) no-repeat; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; } a.arrowedbt:hover {background: url(images/bt-casual-left-arrowed-hover.png) no-repeat;} a.left-button {background-image: url(images/bt-casual-left-arrowed-left.png) !important} a.left-button:hover {background-image: url(images/bt-casual-left-arrowed-left-hover.png) !important} div.leftbutton, div.rightbutton {margin:0px 0px 20px 0px!important; } div.leftbutton a, div.leftbutton a span, div.rightbutton a, div.rightbutton a span {display: inline-block; height:22px} div.leftbutton a span, div.rightbutton a span {display: inline-block; height:22px; background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px} div.leftbutton a, div.rightbutton a {padding-left: 26px; color:#333 !important; margin-top: 5px; text-decoration: none; } div.leftbutton a {background: url(images/bt-casual-left-arrowed-left.png) no-repeat;} div.rightbutton a {background: url(images/bt-casual-left-arrowed.png) no-repeat;} div.leftbutton a:hover, div.rightbutton a:hover {color: #666 !important;} /*** 01.a - Headings **/ /** logo **/ #header h1 { float: left; margin-right: 60px;} #header h1 a {width: 163px; height: 46px; display:block; text-indent:-9999px} /** home featured section headings **/ #featured-info h3 { font-size: 2em; margin-bottom: 25px;text-shadow: -1px -1px 3px rgba(0,0,0,0.65); } #featured-info h3 a { color: #fff; text-decoration: none; } #featured-info h3 a:hover:after {content: " →";} /** #content general headings **/ #content h3 {font-size: 1.75em; font-family: "Lucida Grande", Verdana, Helvetica, Arial; margin:10px 0px 6x 0px; } #content h4 {font-size: 1.35em;} #content h5 {font-size: 1.15em;} div.postcontent h4 {font-size:1.25em !important;} /** sidebar headings **/ #sidebar-home h3, h3#blog-title { border-bottom: 1px solid #999; margin-bottom:1px; padding-bottom:5px} #sidebar-home h3 { color: #333;} #sidebar h3 {font-size: 1.3em; border-bottom: 1px solid #999; margin-bottom:1px; padding-bottom:5px; color: #333;} div.home ul li h3 { font-size: 1.3em !important; } /** flickr heading **/ li.flickr h3 {background: url(images/icon-flickr.png) no-repeat 2px 0; padding-left: 38px;} /** post listing general headings **/ #posts h4 {margin-bottom: 8px;} #posts h4 a {color:#333; text-decoration: none; text-transform: uppercase;} #posts h4 a:hover {text-decoration: underline;} .portfolio h4 {font-size: 1.3em !important; line-height:1.4em;} /** twitter heading **/ li#portfolious-twitter h3 {padding-left: 28px; background: url(images/icon-twitter.png) no-repeat ;} /** right side wide column headings **/ #wide-column h2 {font-size:1.7em; border-bottom: 1px solid #999; margin-bottom:1px; padding-bottom:5px;} div.the-post h2, div.the-post h3, div.the-post h4, div.the-post h5 {margin-bottom:15px; padding-top:5px; color:#111;} div.the-post h3 {font-size: 1.3em !important;} div.the-post h4 {font-size: 1.15em !important;} div.the-post h5 {font-size: 1em !important;} div#info h3 { border-bottom: 1px solid #aaa; font-size: 1.3em; padding-bottom: 2px; padding-top: 10px; color: #333; } #comments h3, h3#respond-title {font-size:1.4em ; color: #333;} /** Container Settings **/ #container-wrap {width: 100%; /*height:100%;*/ margin: 0 auto -65px; position:relative; min-height: 100%; height: auto !important; height: 100%;} #container {width: 960px; padding: 20px 5px; margin: 0 auto; position:relative; } .sub {background:url(images/bg-container-sub.png) repeat-x 0px 50px} #container .sub {padding-top: 50px;} .push {height:61px;} /*** 02. Header ***/ /** main and footer navigation **/ #header ul, ul#nav-footer {min-width: 400px; max-width: 475px; float:left; padding-top:10px} #header ul li, ul#nav-footer li { float:left; margin-right:10px;} #header ul li a, ul#nav-footer li a {display:block; color: #ccc; text-decoration: none; text-transform: uppercase; padding: 6px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #header ul li a:hover, #header ul li.current-cat a, #header ul li.current_page_item a {color: #fff; background: #111; } #header ul li.current_page_item ul li a {color: #666 !important; background: none !important;} #header ul li {position: relative; } #header ul li ul {position: absolute; margin-top: 0px; background: #fff; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; min-width: 150px; max-width:200px !important; padding: 5px; display:none; z-index:10; } #header ul li ul li {margin: 0; float: none;} #header ul li ul li a {color: #666 !important; text-transform: none; font-size: 0.9em;} #header ul li ul li a, #header ul li ul li a:hover {background-image: none; padding: 5px !important; } #header ul li ul li a:hover, #header ul li ul li.current-cat a:hover { -moz-border-radius: 5px !important;-webkit-border-radius: 5px !important; -khtml-border-radius: 5px !important; background: #333 !important; color: #fff !important; } #header ul li.current-cat ul li a {background: none} #header ul.children li a {background:none !important;} /*#header ul li.current-cat ul li.current-cat a:link {background: none !important;}*/ ul#nav-footer li { margin-right: 5px;} ul#nav-footer li a {color: #666; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; background-image:none; font-size:0.9em} ul#nav-footer li a span {background-image: none !important; line-height:25px} ul#nav-footer li a:hover, ul#nav-footer li.selected a { background: #666; color: #fff;} /** search **/ #header fieldset {float: right; width:207px; padding-top: 10px;} #header fieldset legend {display: none;} #header fieldset label {background: url(images/bg-search.png); padding-left: 38px; height: 27px; display:block} #header fieldset label input {border: none; background: none; padding-top:6px; color:#666; line-height:17px /** <- be careful **/} /*** 03. Home Featured Section ***/ #featured { /*padding-top: 30px;*/ color:#fff;margin-top:100px;} #featured-info, #home-featured-nav {float: left;} #featured-images {float: right;} #featured-info { width: 455px; margin-top: 72px;} #featured-info ul li {height:200px;} #featured-info p { margin: 10px 0; color:#ddd} #featured-info p strong {color:#fff;} a.home-read-more-button {background: url(images/bt-home-readmore.png) no-repeat; width:103px; height: 42px; margin-top: 25px; display:block; text-indent: -9999px; } /** featured images**/ #featured-images {width: 440px; height: 416px; background:url(images/computer.png) no-repeat top center; margin-right:-10px; position:relative; z-index:2;} #images {margin: 42px 0 0 50px;} #images ul li {width: 354px; height: 214px; overflow:hidden;} span.glare { background: url(images/computer-glare.png) no-repeat; display:block; position: absolute; right: 34px; top: 42px; width: 219px; height: 216px; z-index: 9; } /** featured slider navigation **/ ul#home-featured-nav { background: url(images/bg-homeslider.png) no-repeat; width: 33px; height: 48px; margin-left: 35px; margin-top: 127px; padding-top: 12px; } ul#home-featured-nav li { margin-bottom: 5px;} ul#home-featured-nav a { width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} ul#home-featured-nav li.next a { background: url(images/homeslider-arrow-down.png) no-repeat; margin-left: 10px;} ul#home-featured-nav li.prev a { background: url(images/homeslider-arrow-up.png) no-repeat;} /*** 04. Content ***/ #content {position:relative;font-size: 0.95em;} #content p {margin: 15px 0;} /** 04.a - Home Sidebar and Sidebar General **/ #sidebar-home {width: 435px; float: left;} #sidebar-home img.shade, #home-blogposts img.shade, #sidebar img.shade {display: block; height: 20px;} #sidebar-home img.shade{width: 435px;} #sidebar-home p strong {color: #333;} #sidebar-home ul li p:first-child {margin-top: 0px;} #sidebar-home ul li, #sidebar ul li { border-bottom: 1px solid #ccc; margin-bottom: 35px; padding-bottom: 3px; } #sidebar-home ul li ul li, #sidebar ul li ul li { border-bottom: none; margin-bottom:0px;} /** flickr **/ li.flickr { position: relative;} li.flickr ul li img { border: 1px solid #999; margin: 0 10px 0px 0; } a.bt-flickr {width: 38px; height: 85px; position: absolute; right:10px; top:50px; background: url(images/bt-flickr.png) no-repeat;} a.bt-flickr span { display: none;} li.sideflickr ul li img {margin-right: 0px;} div.flickr_badge_image {border: 1px solid #999; margin: 0 9px 10px 0; width:75px; height:75px; float:left;} /** 04.b - Home Blog Posts **/ #home-blogposts { width: 475px; float: right; border-bottom:1px solid #ccc; position: relative; padding-bottom: 15px; } #home-blogposts img.shade {width: 475px;} #home-blogposts ul li.no-slide-list {margin-bottom:25px; border-bottom:1px solid #ccc;} #home-blogposts #posts {padding-top:0 !important;} span.date { color: #999; padding-left: 22px; /*display: block;*/ background: url(images/icon-date.png) no-repeat; font-size: 0.9em; line-height:18px; margin-bottom: 10px; } img.post-thumb { float: left; margin: 0 12px 12px 0;} .portfolio_crop {height:155px; overflow:hidden; border: 1px solid #666;float: left; margin: 0 12px 12px 0; margin: 0 20px 20px 0;} .portfolio img.post-thumb { margin: 0 20px 10px 0;} /** homepage blog posts, testimonials and twitter slider navigation **/ ul#home-blogposts-nav, ul.testimonials-nav, ul.twitter-nav {width: 43px !important; height: 20px !important; padding: 4px 0 0 5px !important; background: #dfdfdf !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; position: absolute; right: 0; bottom: -12px; } ul#home-blogposts-nav li, ul.testimonials-nav li, ul.twitter-nav li {float: left !important;} ul#home-blogposts-nav a, ul.testimonials-nav a, ul.twitter-nav a {display: block !important; width: 16px !important; height: 16px !important; margin-right: 5px !important; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; padding:0px !important;} ul#home-blogposts-nav a:hover, ul.testimonials-nav a:hover, ul.twitter-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} ul#home-blogposts-nav a span, ul.testimonials-nav a span, ul.twitter-nav a span {display: none;} ul#home-blogposts-nav li.prev a, ul.twitter-nav li.prev a {background: url(images/arrow-low-prev.gif) no-repeat !important;} ul#home-blogposts-nav li.next a, ul.twitter-nav li.next a {background: url(images/arrow-low-next.gif) no-repeat !important;} ul.testimonials-nav li.next a {background: url(images/arrow-low-down.gif) no-repeat;} ul.testimonials-nav li.prev a {background: url(images/arrow-low-up.gif) no-repeat;} /*** 05. Footer ***/ #footer-wrap {background: url(images/bg-footer.gif) #d9dada repeat-x; padding-bottom: 10px; position: relative; } #footer {width: 960px; padding: 10px; margin: 0 auto;} a#jeca {display: block; width:180px; float: right; color:#999; text-decoration: none; line-height:22px; font-size:0.9em; padding-top: 12px; } /*a#jeca span {display: inline-block; background: url(images/logo-monofactor.png) no-repeat; width: 104px; height: 22px; text-indent:-9999px}*/ /*** 06. General Sidebar ***/ #sidebar { width: 260px; float: left; padding-top: 6px; } #sidebar img.shade{width: 250px; height: 20px !important; } #sidebar p:first-child {margin-top: 0px;} #sidebar ul li {padding-bottom: 8px;} #sidebar ul li ul {font-size:0.95em;} #sidebar ul li a {color: #333; text-decoration: none;} #sidebar ul li a:hover {color: #666} /** sidebar categories **/ ul.cats li {width: 120px ; margin-right: 10px; margin-bottom:10px; float:left;} ul.cats li a {display:block; padding:5px; padding-left:18px; background:url(images/arrow-mini.png) no-repeat 10px 8px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; border:1px solid #d1d1d1;} /** sidebar alternate link lists **/ li.alternate-lists ul li {padding: 0 !important;} li.alternate-lists ul li a {display: block; background: url(images/dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 15px; } li.alternate-lists ul li a:hover {background-image:url(images/dot-hover.gif); background-color: #f1f1f1; } /** testimonials and twitter widget **/ li.testimonials, li#portfolious-twitter {position: relative; font-size: 0.9em; padding-bottom: 10px !important; } li.testimonials blockquote p, li#portfolious-twitter p {color: #777 !important;} li.testimonials blockquote {font-style: italic; background: url(images/quote.png) no-repeat; padding: 0px 10px 0 20px; } ul.testimonials-nav li {padding: 0px !important; background: none !important;} li#portfolious-twitter p {margin: 5px 0 !important;} li#portfolious-twitter p.timeago {color: #333 !important;} /*** 07. Post General Settings **/ /** wide column **/ #wide-column {width: 650px; float: right; } div.full-width p {margin-top: 15px !important;} #info a {text-decoration: none; border-bottom: 1px solid #999; } #info a:hover {color:#666; text-decoration: none;} #info h4 { text-transform: uppercase;} #posts {padding-top:0px;} /** 07.a posts general settings **/ .each-post {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 30px;} .each-post { color: #444; } .each-post p {margin-top: 0px !important;line-height:1.4em; } .each-post a.bt {margin-top:10px !important;} div.blog span.date {float: left !important;} div.blog p:first-child {margin-top: 0px !important;} a.comment-count, a.comment-add {display:inline-block; font-size:0.9em; color:#666; padding-left:20px; background: url(images/icon-comments.png) no-repeat; line-height: 16px; margin-left: 15px; text-decoration:none; } a.comment-count:hover, a.comment-add:hover { color: #333;} a.comment-add {background-image: url(images/icon-comment-add.png) !important;} div.the-post ul { padding: 5px 10px 20px 25px; } #info ul {padding: 5px 10px 10px 15px;} div.the-post ul li, #info ul li {line-height: 1.5em; color: #666; list-style-type: disc; list-style-position: inside; } div.the-post ul li strong, #info ul li strong {color: #333;} div.the-post blockquote {font-style: italic; background: url(images/quote.png) no-repeat; padding: 10px 10px 10px 20px; padding-bottom: 15px; color: #777; } /** 07.b post meta **/ .postmeta { clear: both; line-height:3em; font-size: 0.9em; color: #999; background: #f7f7f7; margin-top: 10px;} .postmeta a:hover { text-decoration: none;} .postmeta div { float: left; } .author {display: block; color: #666; float: left; padding: 0 15px 0 30px; background: url(images/icon-author.gif) no-repeat 10px 8px; } .categories, .tags {padding: 0 15px;} .categories {background: #f1f1f1;} .tags a {color: #927b57;} #info {float: right; width: 500px;} /** 07.c comments **/ #comments_wrap h3 { font-size: 22px; font-weight: normal; margin: 0px; padding-bottom: 20px; margin-top: 10px;} #comments_wrap h3 a, #comments_wrap h3 a:hover {color: #242323; text-decoration: none;} #comments_wrap .get_avatar {color: #a7a7a7; font-size: 10px;letter-spacing: -1px;padding-top: 10px;} #comments ol.parent {padding-bottom: 25px} #comments ol { margin: 0px; padding: 0px; padding-left: 100px;} #comments ol li {list-style: none; padding: 0px; /*margin: 10px 0px;*/ padding-top: 1px;} #comments span.comment-reply { font-size: 10px; text-transform: uppercase;} #comments .comment_wrap {position: relative; background: #f2f2f2;} #comments .single_comment { padding: 10px;} #comments .comment-content { padding: 10px; background: #fafafa;color: #666; } #comments .comment-content p, .children .comment-content p {padding-bottom: 15px; } #comments a, div#respond ol li a {color:#333; text-decoration:none} #comments a:hover, div#respond ol li a:hover {border-bottom:1px solid #ccc; text-decoration:none} #comments .comment_arrow { position: absolute; top: 20px; left: -11px;} #comments .comment_author { position: absolute; left: -100px; width: 100px; color: #8d8d8d; font-size: 10px; line-height: 14px; } #comments .comment_author span {display: block;} #comments .comment_author a {border-bottom:none;} #comments .comment_author p {margin:5px 0 2px 0;} #comments .children { padding-left: 0px; border-left: 1px solid #ced0d0;} #comments .children li {padding-left: 25px; background: url(images/comment_li_bg.gif) no-repeat 0px 25px;} #comments .children .comment_wrap { background: #f2f2f2; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;} #comments .children .comment_arrow { display: none;} #comments .children .comment_author { position: absolute; left: auto; right: 20px; bottom: 10px; width: 200px; height: 40px;} #comments .children .comment_author p { position: absolute; right: 40px; bottom: 10px; text-align: right;} #comments .children .comment_author span { display: block;} #comments .children .comment_author img { width: 32px; height: 32px; float: right;} /** 07.d comment form **/ div#respond {padding: 20px 0;} div#respond ol li {padding:8px; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; background: #f6f6f6; margin-bottom: 10px; clear: both; } div#respond ol li:hover, #respond ol li:focus {background: #fff !important; } div#respond ol li label {float: left; padding-left: 15px; color: #666; border-left: 1px solid #ccc; } div#respond ol li label.field-title { width:30%; border-left:none !important; padding-left: 0px; } div#respond ol li label small {font-size: 0.8em; color: 999;} div#respond ol li.text input {border: none !important; background: none !important; width:420px; line-height: 1.3em; } div#respond ol li textarea {border: none !important; background: none !important; width:420px; line-height: 1.6em; } div#respond ol li br {display: none;} div.contactform ol li.text input, div.contactform ol li textarea {width:350px !important;} div.contactform ol li.text input {padding: 5px;} div.contactform ol li label.field-title { line-height: 1.6em; } #work-list {margin-bottom: 15px;} #work-list ul {display: none; height: 80px; } #work-list ul li {float:left; margin-right:10px} #work-list ul li a {display: block; padding: 2px 0 0 2px; background: url(images/bg-avatar.png) no-repeat; width: 68px; height: 68px; overflow:hidden;} a#bt-expander {width: 300px; height: 15px; background: url(images/bt-expander.png) no-repeat; display: block; padding-left: 80px; color: #999; font-size: 0.8em; padding-top: 3px; } a.expanded, a#bt-expander:hover { background-position: 0px -18px !important; color: #777; } /** widget styles **/ #sidebar ul li.widget ul { padding-top:15px !important; background:url(images/heading-shade.png) no-repeat;} li.widget_recent_entries ul li ul {background:none; padding-top:0px !important; padding-left:15px;} li.widget_recent_entries ul li {padding-bottom: 3px !important;} li.widget_recent_entries ul li a {display: block; background: url(images/dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 17px; } li.widget_recent_entries ul li a:hover {background-image:url(images/dot-hover.gif); background-color: #f1f1f1; } ul#twitter_update_list li {padding: 0 !important; height: 90px !important; margin-top: -15px;} ul#twitter_update_list li span {display: block; margin: 5px 0; color: #666 !important;} ul#twitter_update_list li a {background: none !important; padding: 0px !important; display: inline !important;} /** a few more overrides **/ #respond-title a, a#cancel-comment-reply-link {color: #666; text-decoration: none;} a#cancel-comment-reply-link {display: block; padding-bottom:10px; color: #333;} #auz_header_logo{ float:left; }#xbox_avatar_big{ position:absolute; top:-60px; left:-114px; z-index:1001; } #xbox_avatar_cali{ position:absolute; top:320px; right:-10px; z-index:1000; } #xbox{ position:absolute; top:396px; right:-260px; z-index:999; } #rogue-brewery{ position:absolute; top:290px; right:-42px; z-index:999; } #transformers-soundwave{ position:absolute; top:480px; right:-130px; z-index:1005; } #twit-bird{ float:left; position:absolute; top:-20px; left:-90px; width:30px; height:30px; z-index:1004; } #tweeter{ position:absolute; top:-88px; left:-180px; width:200px; z-index:1003; color:#fff; background: #42707a; padding:5px; font-size:10px!important; border:1px dashed #ccc; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.5; -moz-border-radius:25px; -webkit-border-radius 25px; } #followers{ color:#ccc; position:absolute; top:-20px; left:-58px; } .alignleft{ float:left; margin:5px; } .alignright{ float:right; margin:5px; } #posts ul, #posts ol { list-style: inside none; } .postcontent li { list-style: inside disc!important; } .authcomment { background-color: #303030 !important; color: #fff !important; } .cali-comment { background-color: #00c1bf !important; color: #fff !important; } #beerspecs{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:1px dashed #d1d1d1; background:#B8B8B8; padding:10px; margin: 0 0 10px 0; clear:both; } /*XBOX LIVE FLYOUT*/ .XbcMyXboxLeftPanel{float:left;width:600px;overflow:hidden;} .XbcMyXboxRightPanel{float:right;width:300px;} .XbcMyXboxHeader{background-color:#737D86;color:#fff;font-size:100%;font-weight:bold;text-align:left;padding-top:4px;padding-bottom:4px;padding-left:8px;margin:0;}.XbcMyXboxSignedOutTextContainer{text-align:left;color:#fff;width:400px;float:left;} .XbcMyXboxSignedOutImageContainer{float:left;width:200px;text-align:center;} .XbcMyXboxSignedOutWelcomeTitle{font-size:280%;margin-top:50px;} .XbcMyXboxSignedOutSignInTitle{font-size:180%;margin-bottom:25px;} .XbcMyXboxSignedOutSignInTitle a{color:#fff;} .XbcMyXboxSignedOutDesc{font-size:140%;} .XbcMyXboxNonLiveGamercardContainer{text-align:left;color:#FFF;margin-top:50px;} .XbcMyXboxNonLiveGamepicContainer{float:left;width:64px;height:64px;border:2px solid #737D86;} .XbcMyXboxNonLiveGamerInfoContainer{float:left;margin-top:10px;margin-left:10px;} .XbcMyXboxNonLiveGamerpic{width:64px;height:64px;border:0 none;} .XbcMyXboxNonLiveGamertagContainer{font-size:180%;} .XbcMyXboxNonLiveMottoContainer{font-size:125%;} .XbcMyXboxNonLiveLinkPanelContainer{margin-top:20px;text-align:left;} .XbcMyXboxNonLiveLinkPanelContainer a{font-size:125%;color:#fff;} .XbcMyXboxCardContainer{overflow:hidden;} .XbcMyXboxCardLeftPane{float:left;width:200px;margin:0;padding:0;} .XbcMyXboxCardCenterPane{float:left;width:150px;margin:0;padding:0;} .XbcMyXboxCardRightPane{float:left;width:250px;margin:0;padding:0;} .XbcMyXboxCardInfo{text-align:left;color:#fff;margin-bottom:60px;padding-left:10px;} .XbcMyXboxCardGamertag{font-size:180%;margin-bottom:2px;} .XbcMyXboxCardGamerscore{margin-top:2px;font-size:150%;} .XbcMyXboxCardRepImage{margin-left:-1px;width:115px;height:18px;} .XbcMyXboxCardGamerscoreImage{height:15px;width:15px;vertical-align:bottom;margin-bottom:2px;} .XbcMyXboxCardAvatarContainer{background-image:url(http://www.xbox.com/xweb/lib/images/MyXbox/avatarGlowSheet.png);} .XbcMyXboxCardGold01{background-position:0 0;}.XbcMyXboxCardGold02{background-position:-150px 0;} .XbcMyXboxCardGold03{background-position:-300px 0;}.XbcMyXboxCardGold04{background-position:-450px 0;} .XbcMyXboxCardSilver01{background-position:0 300px;}.XbcMyXboxCardSilver02{background-position:-150px 300px;} .XbcMyXboxCardSilver03{background-position:-300px 300px;}.XbcMyXboxCardSilver04{background-position:-450px 300px;} .XbcMyXboxCardMottoContainer{width:191px;height:50px;margin-top:0;margin-left:-20px;padding-top:5px;padding-bottom:25px;padding-left:30px;padding-right:10px;overflow:hidden;color:#000;text-align:left;background-image:url(http://www.xbox.com/xweb/lib/images/MyXbox/motto_bg.png);background-repeat:no-repeat;} .XbcMyXboxCardMotto{overflow:hidden;} .XbcMyXboxCardNoProfile{font-size:180%;color:#fff;height:130px;} .XbcMyXboxLeftPanel div.XbcCheaterCard{background-image:url(http://www.xbox.com/xweb/lib/images/MyXbox/cheater_bg.png);background-repeat:no-repeat;color:#fff;text-align:left;width:100%;height:55px;padding-top:15px;padding-left:70px;} .XbcMyXboxLeftPanel div.XbcCheaterCard h5{font-size:150%;margin-bottom:0;} .XbcMyXboxLeftPanel div.XbcCheaterCard p{font-size:110%;margin-top:0;} .XbcMyXboxLeftPanel div.XbcCheaterCard p a{color:#EAD008;text-decoration:none;font-weight:bold;} .XbcMyXboxLeftPanel div.XbcCheaterCard p a:hover{text-decoration:underline;} .XbcMyXboxMembershipContainerGold, .XbcMyXboxMembershipContainerGold .XbcMyXboxMembershipLink{color:#FFD107;} .XbcMyXboxMembershipContainerSilver, .XbcMyXboxMembershipContainerSilver .XbcMyXboxMembershipLink{color:#fff;} .XbcMyXboxMembershipTitle{font-weight:bold;} .XbcMyXboxMembershipLink{} .XbcMyXboxMembershipTrophyContainer{height:80px;background-image:url(http://www.xbox.com/xweb/lib/images/MyXbox/goldmember_trophy.png);background-repeat:no-repeat;background-position:center 0;margin-top:5px;padding-top:20px;font-size:250%;font-weight:bold;color:#F57D02;} .XbcManageProfileContainer{background-color:#565D62;color:#fff;font-size:100%;font-weight:bold;margin-left:30px;margin-right:0;margin-top:90px;padding-bottom:5px;text-align:left;}a.XbcManageProfileLink{color:#fff;text-decoration:none;display:block;padding:2px 5px;} a.XbcManageProfileLink:Hover{text-decoration:underline;} .XbcProfileInfoContainer{border:1px solid transparent;text-align:left;overflow:hidden;margin-top:40px;margin-left:30px;padding-top:5px;color:#fff;} .XbcProfileInfoFlyout{position:absolute;top:0;left:0;border:1px solid #fff;padding-top:5px;padding-left:1px;background-color:#565D62;color:#fff;display:none;z-index:100;overflow:hidden;}.XbcProfileInfoHeaderText{display:block;font-weight:bold;margin-left:5px;margin-right:5px;} .XbcProfileInfoText{display:block;font-weight:normal;margin-left:5px;margin-right:5px;margin-bottom:5px;} a.XbcViewProfileLink{padding:5px;font-weight:bold;color:#fff;text-decoration:none;cursor:pointer;} a.XbcViewProfileLink:hover{text-decoration:underline;}.XbcProfilePresenceStatus{display:block;color:#fff;font-weight:bold;} .XbcProfilePresenceImage{margin:6px 0;border:0 none;width:68px;height:98px;}.XbcProfilePresenceDetails{color:#000;display:block;} .XbcYouViewLinkContainer{background-color:#565D62;color:#fff;font-size:100%;font-weight:bold;margin-left:30px;margin-right:0;margin-top:20px;padding-bottom:5px;text-align:left;} a.XbcYouViewProfileLink{color:#fff;text-decoration:none;display:block;padding:3px 5px;}a.XbcYouViewProfileLink:hover{text-decoration:underline;} .XbcMyXboxFriendsAvatarContainer{float:left;}.XbcMyXboxFriendsRecentTitleContainer{float:left;}.XbcMyXboxFriendsAvatarCard{float:left;} .XbcMyXboxFriendsFriendCard{float:left;margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:20px;background-image:url(http://www.xbox.com/xweb/lib/images/MyXbox/avatarGlowSheet80.png);background-repeat:no-repeat;} .XbcMyXboxFriendsAvatarImage{width:120px;height:240px;}.XbcMyXboxFriendsRecentTitleImage{width:68px;height:96px;margin-top:144px;border:0 none;} .XbcMyXboxFriendsGold01{background-position:0 0;}.XbcMyXboxFriendsGold02{background-position:-200px 0;} .XbcMyXboxFriendsGold03{background-position:-400px 0;} .XbcMyXboxFriendsGold04{background-position:-600px 0;} .XbcMyXboxFriendsSilver01{background-position:0 -290px;}.XbcMyXboxFriendsSilver02{background-position:-200px -290px;} .XbcMyXboxFriendsSilver03{background-position:-400px -290px;}.XbcMyXboxFriendsSilver04{background-position:-600px -290px;} .XbcMyXboxFriendGamertagOnline, .XbcMyXboxFriendGamertagOffline{text-align:left;padding-left:20px;font-weight:bold;} .XbcMyXboxFriendGamertagOnline{color:#fff;}.XbcMyXboxFriendGamertagOffline{font-style:italic;color:#838D96;} .XbcMyXboxNoFriendsContainer{background-color:#737D86;margin-left:0;margin-right:0;margin-top:20px;margin-bottom:20px;padding:5px;height:210px;color:#fff;text-align:left;} .XbcMyXboxRecentTitleContainer{float:left;width:90px;color:#fff;text-align:center;margin-left:5px;margin-right:5px;margin-top:20px;margin-bottom:20px;}.XbcMyXboxRecentTitleContainer img{border:0 none;} .XbcMyXboxGamerscoreIcon, .XbcMyXboxAchievementIcon{width:11px;height:11px;vertical-align:bottom;} .XbcMyXboxNoRecentTitlesContainer{background-color:#737D86;margin-left:0;margin-right:0;margin-top:20px;margin-bottom:20px;padding:5px;height:105px;color:#fff;text-align:left;} .XbcMyXboxRecentAchievementContainer{color:#fff;margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:0;width:600px;overflow:hidden;} .XbcMyXboxRecentAchievementImageContainer{float:left;width:80px;} .XbcMyXboxRecentAchievementDescContainer{float:left;text-align:left;width:400px;}.XbcMyXboxRecentAchievementGamerscoreContainer{float:left;width:120px;} .XbcMyXboxRecentAchievementImage{border:0 none;} a.XbcMyXboxRecentAchievementLink{font-size:125%;font-weight:bold;color:#fff;text-decoration:none;}a.XbcMyXboxRecentAchievementLink:hover{text-decoration:underline;}.XbcMyXboxRecentAchievementGamerscore{font-size:150%;} .XbcMyXboxRecentAchievementGamerscoreIcon{width:15px;height:15px;vertical-align:bottom;margin-bottom:1px;} .XbcMyXboxRecentAchievementAcquiredContainer{font-size:80%;} .XbcMyXboxNoAchievementsContainer{background-color:#737D86;color:#fff;height:66px;margin-top:20px;margin-bottom:20px;margin-left:0;margin-right:0;padding:5px;text-align:left;}.XbcMyXboxFriendFlyout{display:none;position:absolute;text-align:left;color:#fff;cursor:default;z-index:1;} .XbcMyXboxFriendFlyout h3{font-weight:normal;font-size:115%;} .XbcMyXboxFriendFlyout .XbcMyXboxFriendsAvatarImage{float:left;margin-right:30px;} .XbcMyXboxFlyoutGR{width:386px;height:265px;background:url(http://auz1111.com/wp-content/themes/portfolious1.3/images/flyout_gold_right.png) no-repeat;} .XbcMyXboxFlyoutGR ol li{margin:0px!important;} .XbcMyXboxFlyoutGL{width:386px;height:265px;background:url(http://www.xbox.com/xweb/lib/images/MyXbox/flyout/flyout_gold_left.png) no-repeat;} .XbcMyXboxFlyoutSR{width:386px;height:265px;background:url(http://www.xbox.com/xweb/lib/images/MyXbox/flyout/flyout_silver_right.png) no-repeat;} .XbcMyXboxFlyoutSL{width:386px;height:265px;background:url(http://www.xbox.com/xweb/lib/images/MyXbox/flyout/flyout_silver_left.png) no-repeat;} .XbcMyXboxFlyoutCard{margin-bottom:10px;} .XbcMyXboxFlyoutLinks{width:210px;float:left;font-size:90%;} #gamercard-info-links a{ color:#ccc;margin:0px!important;} .info-card-links{margin:0px!important;} .XbcMyXboxFlyoutLinks ul{margin:0;padding:0;} .XbcMyXboxFlyoutLinks ul li{list-style:none;margin:none;padding:none;} .XbcMyXboxFlyoutLinks ul li a{border-bottom:1px solid #6B7378;width:100%;text-decoration:none;color:White;display:block;padding:0px 0;} .XbcMyXboxFlyoutLinks ul li a:hover{text-decoration:underline;} .XbcMyXboxFlyoutLinks .first{border-top:1px solid #6B7378;} .XbcMyXboxFlyoutHeader{padding-top:15px;padding-bottom:15px;height:60px;} .XbcMyXboxFlyoutHeader h3{color:#fff!important;margin-top:0;margin-bottom:5px;overflow:hidden;width:137px;height:32px;font-weight:bold;} .XbcMyXboxFlyoutHeader .XbcMyXboxFlyoutGamertile{float:left;margin-left:10px;margin-bottom:10px;margin-right:25px;} .XbcMyXboxFlyoutStatus{font-weight:bold;} .XbcMyXboxFlyoutStateBlock{overflow:hidden;/*height:35px;width:210px;*/font-size:90%;padding-left:10px;} .XbcMyXboxFlyoutClearLeft{clear:left;}.XbcMyXboxFlyoutGamerscore{font-size:120%;}.XbcMyXboxFlyoutGamerscore img{vertical-align:text-bottom;} table.XbcFriendsListTable th{height:0;line-height:0;} table.XbcFriendsListTable th.XbcTableGamerTileCol{width:62px;} table.XbcFriendsListTable th.XbcTableGamerTagCol{width:180px;} table.XbcFriendsListTable th.XbcTableGamerScoreCol{width:95px;} table.XbcFriendsListTable th.XbcTableIconCol{width:50px;} table.XbcFriendsListTable th.XbcTableStatusCol{width:116px;} table.XbcRecentPlayersListTable th.XbcTableGamerZoneCol{width:135px;} table.XbcRecentPlayersListTable th.XbcTableGameTileCol{width:65px;} div.XbcProfileTableContainer{background-color:#565D63;} table.XbcProfileTable{width:100%;border-collapse:separate;} table.XbcProfileTable tbody td{vertical-align:middle;text-align:center;background-color:#565D63;border-bottom:1px solid #686F77;border-left:1px solid #686F77;padding-top:1px;padding-bottom:1px;color:#fff;font-size:110%;} table.XbcProfileTable thead tr.XbcTableColumns{height:0;line-height:0;} .XbcProfileTablePointer{cursor:pointer;} table.XbcProfileTable tbody tr.XbcTableFriendOnline td{background-color:#565D63;color:#fff;} table.XbcProfileTable tbody tr.XbcTableFriendOffline td{background-color:#484D51;color:#737D86;} table.XbcProfileTable a{color:#fff;text-decoration:none;}table.XbcProfileTable a:hover{text-decoration:none;} table.XbcProfileTable tbody td.XbcGamerDescription, table.XbcProfileTable tbody td.XbcGamerTag, table.XbcProfileTable tbody td.XbcGamerScore{text-align:left;padding-left:15px;} table.XbcProfileTable tbody tr.XbcTableFriendOffline a{color:#737D86;} table.XbcProfileTable .XbcGamerscoreElement{vertical-align:text-bottom;}table.XbcRecentPlayersListTable td.XbcGameTile{border-right:0;} table.XbcRecentPlayersListTable td.XbcGameTitle{border-right:0;border-left:0;text-align:left;} table.XbcRecentPlayersListTable tbody tr.XbcProfileHighlight td.XbcGameTile{border-right:0;padding-right:0;} table.XbcRecentPlayersListTable tbody tr.XbcProfileHighlight td.XbcGameTitle{border-right:0;padding-right:0;border-left:0;padding-left:0;} table.XbcProfileTable tbody .XbcMyXboxFriendsAvatarCard{float:none;} table.XbcProfileTable .XbcMyXboxFriendFlyout .XbcMyXboxFriendsAvatarImage{float:right;margin-right:20px;margin-left:15px;} table.XbcProfileTable .XbcMyXboxFlyoutHeader .XbcMyXboxFlyoutGamertile{float:left;margin-right:10px;margin-left:0;} table.XbcProfileTable .XbcMyXboxFlyoutGamerscore img{vertical-align:text-bottom;} table.XbcProfileTable .XbcMyXboxFlyoutLinks{margin-left:16px;width:200px;} table.XbcProfileTable .XbcMyXboxFlyoutCard{margin-left:15px;margin-bottom:0;} table.XbcProfileTable .XbcFlyoutStateBlock{width:200px;} table.XbcProfileTable tbody tr.XbcProfileHighlight td{background-color:#737A82;color:#fff;} table.XbcProfileTable tbody tr.XbcProfileHighlight a{color:#fff;} #FriendsListNoFriendsFragment .XbcChrome{margin-left:auto;margin-right:auto;} #FriendsListHeader{width:100%;clear:both;}#FriendsListHeader h1{font-size:170%;color:white;margin:0;}#FriendsListHeader h2{font-size:130%;color:white;margin:0;}#FriendsListHeader .XbcWpAddAFriend{color:white;}#FriendsListHeader .XbcWpAddAFriend .XbcFormButtons{font-weight:bold;padding:0 10px;} #FriendsListHeader .XbcWpAddAFriend .XbcTextBox{font-weight:bold;} #FriendsListHeader .XbcFriendsHeaderLeftPanel{width:49%;float:left;} #FriendsListHeader .XbcFriendsHeaderLinks{float:left;width:260px;padding-left:80px;padding-top:72px;} #FriendsListHeader .XbcFriendsHeaderLinks ul{margin:0;padding:0;} #FriendsListHeader .XbcFriendsHeaderLinks .first{border-top:1px solid #585D61;} #FriendsListHeader .XbcFriendsHeaderLinks ul li{list-style:none;margin:none;padding:none;} #FriendsListHeader .XbcFriendsHeaderLinks ul li img{float:left;border:0;} #FriendsListHeader .XbcFriendsHeaderLinks ul li a{border-bottom:1px solid #585D61;width:100%;text-decoration:none;color:White;display:block;padding:5px 0;} #FriendsListHeader .XbcRecentPlayersAddFriendPanel{padding-top:18px;}#FriendsListHeader .XbcFriendsHeaderAvatar{text-align:right;}div.XbcErrorPanel{background-image:url(http://www.xbox.com/xweb/lib/images/error-background.gif);background-color:#fff;background-repeat:no-repeat;background-position:bottom;height:300px;width:765px;margin:auto;margin-top:15px;margin-bottom:50px;}div.XbcErrorPanelMessage{text-align:left;font-weight:bold;padding-top:100px;width:65%;margin-right:auto;margin-left:auto;color:#676769;}img.XbcErrorBangImage{float:left;padding-right:20px;margin-top:-12px;} #auz-xbox-live-big{ float:right; } /* * SimpleModal Contact Form * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: contact.css 242 2010-03-14 00:55:02Z emartin24 $ * */ /* Overlay */ #contact-overlay {background-color:#00356b; cursor:wait;} /* Container */ #contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;} #contact-container .contact-content {background-color:#00356b; color:#ddd; height:40px;} #contact-container h1 {color: #d59f0f; font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; letter-spacing:0.1em; text-transform: lowercase; font-size: 18pt; font-variant: small-caps; font-weight:bold; margin:0; padding:0 0 6px 12px; text-align:left;} #contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;} #contact-container .contact-message {text-align:center;} #contact-container .contact-error {background:#00356b; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;} #contact-container br {clear:both;} #contact-container form {margin:0; padding:0;} #contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;} #contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;} #contact-container textarea {height:114px;} #contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;} #contact-container .contact-top {background-color:#00356b; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;} #contact-container .contact-bottom {background-color:#00356b; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;} #contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;} #contact-container .contact-bottom a:hover {color:#888;} #contact-container .contact-button {background:#b5822e; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} #contact-container .contact-button:hover {background:#d59f0f;} #contact-container a.modal-close, #contact-container a.modal-close:link, #contact-container a.modal-close:active, #contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;} #contact-container a.modal-close:hover {color:#ccc;} .fbc_connect_button_area { float: left; margin-top: 6px; padding-top: 6px; margin-left: 9px; padding-left: 9px; } .fbc_profile_pic { float: right; padding: 0 5px 5px 5px; } .fbc_profile_header { text-align: right!important; padding: 5px!important; padding-top: 10px!important; border: none!important; border-top: gray dotted 1px!important; border-bottom: gray dotted 1px!important; background: #ccc!important; width: 248px!important; margin: 5px 0px 20px 0px!important; } .fbc_loginstate_top { position: absolute; right: 0; top: 0; } #sharing{ height:20px; } #post_bits{ float:left; } #my-avatar{ } #header{ margin-left:60px; }