/* Theme Name: Fyasko Theme Theme URI: http://fyasko.com/ Description: The default WordPress theme for Fyasko.com. Version: 1.0 Author: LE Creative & ELFWaves.com Author URI: http://www.le-creative.com/ Tags: custom, theme, fyasko Fyasko v1.0 */ /* reset css */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;margin:0;padding:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /* fonts and headings */ a:link{color:#3399ff;text-decoration:none;} a:visited{color:#3399ff;text-decoration:none;} a:hover{color:#3366FF;text-decoration:underline;} body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;} h1{font-family:Arial,Helvetica,sans-serif;font-size:20px;color:#3399ff;line-height:1.5em;} h2{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#87A85C;line-height:1.2em;} h3{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#22609A;line-height:1.1em;} /* clearfix */ .left{float:left;} .right{float:right;} .clearfix {clear:both;height:0px;overflow:hidden;} /* main layout */ html, body{line-height:1.4em;} body{text-align:center;background:#fff url(images/bg_plus.gif) repeat;background-color: #555;margin:0;} #shadow-bg{text-align:left;width:910px;margin:0 auto;background:url(images/shadow_bg.png) top center repeat-y;} /* header */ #header{height:125px;width:910px;} #header img{display:block;margin-left:5px;} #header h1{text-indent:-9999px;overflow:hidden;height:0px;} /* Content */ #content{width:900px;background:url(images/nav_lines.gif) top left repeat-y;margin:0 auto;} /* sidebar */ #sidebar{width:250px;float:left;padding-top:80px;background:url(images/nav_top.gif) top left no-repeat;padding-bottom:15px;} /* nav */ #navigation li a{display:block;width:216px;height:24px;font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;color:#fff;font-size:16px;padding:6px 0 0 34px;background:url(images/navmain.gif) top left repeat-x;text-transform:lowercase;} #navigation li a:hover{text-decoration:none;color:#999;background:url(images/navmain2.gif) top left repeat-x;} /* homepage blogs */ #home-blogs{width:204px;margin:0;padding:18px 12px 0 34px;} #home-blogs h2{font-size:18px;color:#999;font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;} #home-blogs h3{margin:6px 0 6px 0;} #home-blogs h3 a{font-size:12px;color:#ccc;font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;} #home-blogs h3 a:hover{color:#fff;} /* Right Column */ #right-column{width:650px;min-height:430px;float:left;background-color:#fff;position:relative;} #right-column h2{height:30px;width:591px;background:url(images/section_head.gif);font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;color:#000;font-size:17px;padding:10px 0 0 59px;letter-spacing:1px;text-transform:lowercase;} #main-content{width:650px;min-height:400px;} #lookbook-nav li{float:left;width:325px;height:20px;background:url(images/lookbook_nav_b.gif) top left repeat-x;text-align:center;color:#ccc;font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;} #lookbook-nav li a{color:#ccc;display:block;width:323px;height:19px;font-size:14px;text-transform:lowercase;padding-top:1px;border-left:1px solid #666;border-right:1px solid #333;} #lookbook-nav li a:hover{text-decoration:none;color:#fff;background:url(images/lookbook_nav_a.gif);} #lookbook-nav .nav-on{background:url(images/lookbook_nav_a.gif);color:#fff;} #lookbook-nav .nav-on a{color:#fff;} #flash-right{float:right;margin-left:20px;margin-bottom:20px;} #friends-info{padding:20px;} #friends-info ul{margin-bottom:20px;} #friends-info p{margin-bottom:20px;text-align:justify;} #friends-info h3{margin-bottom:12px;} #right-column #friends-info small{font-size:14px;} #fyasko-info{padding:10px;float:left;} #fyasko-info ul{margin-left:15px;} #fyasko-info li{background: url(images/logo_circle.gif) center left no-repeat;padding:12px 0 12px 55px;margin:6px 0;} #fyasko-info li a{color:#666;font-size:16px;} #fyasko-info li a:hover{color:#999;} #right-column #fyasko-info h3{color:#000;font-size:16px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;} .page-id-17 #fyasko-info li{padding:3px 0 3px 55px;} /* Footer */ #footer{width:910px;min-height:100px;margin:0 auto;} #footer-bar{width:910px;height:80px;background:url(images/silver_bar.png) top center no-repeat;} #footer-content{color:#666;background:url(images/footer_tile.png) top center repeat-y;height:40px;width:910px;} #social-icons{float:left;height:35px;width:185px;margin-left:10px;padding-top:5px;} #social-icons li{float:left;} #social-icons li a{height:32px;width:32px;display:block;margin:0 5px;text-indent:-9999px;overflow:hidden;} #social-icons .facebook a{background:url(images/icon_facebook_1.png);} #social-icons .facebook a:hover{background:url(images/icon_facebook_2.png);} #social-icons .twitter a{background:url(images/icon_twitter_1.png);} #social-icons .twitter a:hover{background:url(images/icon_twitter_2.png);} #social-icons .myspace a{background:url(images/icon_myspace_1.png);} #social-icons .myspace a:hover{background:url(images/icon_myspace_2.png);} #social-icons .rss a{background:url(images/icon_rss_1.png);} #social-icons .rss a:hover{background:url(images/icon_rss_2.png);} #footer-nav{float:left;height:28px;width:462px;padding-top:12px;} #footer-nav li{display:inline;float:left;padding-left:6px;background:url(images/footer_nav_divider.gif) right top no-repeat;} #footer-nav li a{text-decoration:none;color:#999;padding-right:6px;text-transform:lowercase;} #footer-nav li a:hover{text-decoration:underline;color:#fff;} #footer-nav li a:active{color: #888;} #footer-nav .nav-last{background:none;} #site-by{height:16px;width:233px;float:right;margin-right:20px;margin-top:12px;} #site-by a{height:16px;width:233px;display:block;background:url(images/lecom_1.gif);} #site-by a:hover{background:url(images/lecom_2.gif);} #footer-base{width:910px;height:30px;background:url(images/footer.png) top center no-repeat;clear:both;} /* Blog Layout */ #sidebar h2{font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;font-size:18px;color:#555555;} #sidebar .side-widget{margin:20px 0 0 34px;color:#fff;padding-right:20px;} #sidebar .side-widget li{margin:6px 0;} #sidebar .side-widget a{color:#fff;} #sidebar .side-widget table{border-spacing: 2px 2px;border-color:gray;display:table;border-collapse:collapse;width:85%;margin-top:10px;} #sidebar #wp-calendar caption{background:#E5E5E5;font-weight:normal;letter-spacing:2px;text-transform:uppercase;display:table-caption;text-align:center;color:#000;} #sidebar #wp-calendar th{background:#F2F2F2;border-bottom:1px solid #DDD;text-align:center;width:14%;color:#000;} #sidebar #wp-calendar td{color:#888;text-align:center;width:14%;} #sidebar .hidden{display:none;} #sidebar form{margin-top:10px;position:relative;height:45px;} #sidebar form #s{width:185px;} #sidebar form #searchsubmit{position:absolute;top:24px;left:0;} #right-column h3{font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;font-size:22px;line-height:1.364em;} #right-column h4{font-size:18px;color:#555;} #right-column h3 a{color:#111;} #right-column h3 a:hover{color:#3399ff;} #right-column small{font-style:italic;} #right-column #site-blog{padding:20px;} #right-column small{color:#888;font-style:italic;font-size:10px;} #right-column span{font-style:normal;letter-spacing:1px;text-transform:uppercase;} #right-column #headline-area{margin-bottom:20px;} #right-column .entry-content{border-bottom:1px dotted #BBB;padding-bottom:20px;margin-bottom:20px;} #right-column .entry-content p{margin-bottom:20px;display:block;} #right-column .article-comments span{font-size:20px;} #right-column .article-comments{color:#ccc;} #right-column .article-comments a{color:#666;} #right-column .article-comments a:hover{color:#000;} #right-column .article-comments-single{color:#111;} #right-column .article-comments-single span{font-size:20px;} #right-column .article-comments-single .brackets{color:#ccc;} #right-column .aligncenter{margin:0 auto;} #right-column .wp-caption{background-color:#EEE;border:1px solid #ddd;font-style:italic;text-align:center;padding:0.714em;margin-bottom:20px;} #right-column .wp-caption p{margin:0;line-height: 1.5em;} #right-column .single-navigation{margin-bottom:20px;} #right-column #respond h4{margin-bottom:20px;} #right-column textarea{width:610px;margin-bottom:6px;} #right-column .edit-page{position:absolute;top:8px;right:8px;} #right-column .commentlist{margin-bottom:20px;border-bottom:1px dotted #BBB;} #right-column .commentlist li{padding:20px;border-top:1px dotted #BBB;} #right-column .comment-meta{margin-bottom:20px;color:#888;font-size:10px;font-style:italic;} .archive #right-column h3, .search-results #right-column h3{font-family:Arial,Helvetica,sans-serif;font-size:20px;color:#000;} .archive #right-column .navigation, .search-results #right-column .navigation{margin-bottom:20px;margin-top:14px;} .archive #right-column h4, .search-results #right-column h4{font-family:"Century Gothic","Apple Gothic",Verdana,sans-serif;font-size:22px;} .archive #right-column h4 a, .search-results #right-column h4 a{color:#000;} .archive #right-column h4 a:hover, .search-results #right-column h4 a:hover{color:#3399ff;} .archive #right-column .post, .search-results #right-column .post{padding-bottom:20px;border-bottom:1px dotted #BBB;margin-bottom:20px;} .archive #right-column .entry, .search-results #right-column .entry{margin-bottom:20px;margin-top:20px;} #twitter_update_list{overflow:auto;white-space: -moz-pre-wrap;white-space: -hp-pre-wrap;white-space: -o-pre-wrap;white-space: -pre-wrap;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;-moz-binding: url('xbl.xml#wordwrap');}