/*****YUI 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; } address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: 400; } ol,ul {list-style: none; } caption,th {text-align: left; } h1,h2,h3,h4,h5,h6 {font-size: 100%; } q:before,q:after {content: ''; } abbr,acronym {border: 0; } ::-moz-selection {background:#679FFF;color:#FFF;} ::selection {background:#679FFF;color:#FFF;} :focus { outline: 0; } body { background: #fff; color: #000; font-family: Helvetica, sans-serif; font-size: 11px; } @font-face { font-family: 'HelveticaRoundedLTBoldRegular'; src: url('http://www.gplus.gr/blog/wp-content/themes/ulap/Helvetica_Rounded_LT_Bold.eot'); src: local('HelveticaRounded LT Bold Regular'), local('HelveticaRoundedLT-Bold'), url('Helvetica_Rounded_LT_Bold.ttf') format('truetype'); } img {border: none; } h2 {color: #ccc; font-size: 21px; } h2 span {color: #b3b3b3; } h3 {font-size: 16px; font-weight:bold; margin:5px 5px; } /*** THE CLEARERS ***/ #header_inner:after,.post_content_wrap:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; } div#header {position: absolute; top: 0; left: 0; background: #333; width: 100%; height: 80px; float:1;} #header_inner {margin:auto; width:906px; } @media screen{ body>div#header{ position:fixed; z-index:1; } body>div#sidebar{ } } * html body {overflow: hidden; } * html div#content {height: 100%; overflow: auto; } .img {text-align:center;} #logo {float: left; margin: 20px 0 0; } #search {float: left; margin: 30px 0 0 12px; } #search form input[type="text"] { background: none; border-bottom: 3px solid #fff; border-left: none; border-right: none; border-top: none; color: #fff; padding: 4px 5px; width: 130px; } #search form input[type="text"]:focus { background: #fff; color: #000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius: 5px 5px 0 0; } #search form input[type="submit"] { background: none; border: none; color: #fff; cursor: pointer; font-size: 16px; font-weight: bold; position: relative; top: 10px; } #date_links {float: right; margin:34px 0 0; } #date_links ul {margin: 10px 0 0 5px; } #date_links ul li {display: block; float: left; margin: 0 10px 0 0; } #date_links ul li a {color: #CCCCCC; font-weight: 700; text-decoration: none; font-size: 8px; } #date_links ul li a:hover {color: #ccc; } #content {float:right;height:100%;margin-top:110px;width:575px; } /*** START OF POST ***/ #wrapper {margin:0 auto; width:920px;} .post {width: 575px;} .post blockquote {background:none repeat scroll 0 0 #F7F7F7; border-left:2px dotted; font-size:12px; font-style:italic; padding-left:10px;} .post h1 {font:bold 18px/18px 'HelveticaRoundedLTBoldRegular',Helvetica,sans-serif; margin-bottom:15px; text-align:left; text-transform:uppercase; word-spacing: 3px; } .post h1 a {color:#679FFF; text-decoration: none;line-height:22px;} .post h1 a:hover {text-shadow:2px 2px #E5EFFF;} .post ul {margin: 10px 0; } .post ul li {list-style: none; margin:0 0 7px; } .post ul li a {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#1a1a1a;color:#fff;font-size:6pt;font-weight:bold;padding:5px;text-decoration:none;text-transform:uppercase} .post ul li a:hover {background: #bbb; } .post h5 a {color: #000; font-size: 24px; text-decoration: none; } .post h5 a:hover {color: #ccc; } .post img {margin: 0 0 10px; } .post .post_content_left {font:15px/1.4 georgia,"times new roman",times,serif; width: 440px; text-align:justify;overflow:hidden;} .post .post_content_left p {margin-bottom:10px;} .post p a {color:#000;font-size:12px;font-weight:bold;padding:0 2px;text-transform:uppercase;text-decoration:none;} .post p a:hover {color:#679FFF; text-decoration:underline;} .post .more {background:url("images/rightarrow.png") no-repeat right;padding-right:18px;} .post a.more-link {font-weight:bold; float:right; font-family:Helvetica; line-height:22px;} .post a.more-link:hover { color:#679FFF;text-decoration:none;} .post_content_left {border-bottom: 4px solid #b3b3b3; padding: 0 0 30px; width: 410px; float: left; } .post_content_right {width: 120px; float: right; margin-top:23px; } .post_author {font-size: 10px; } #sidebar {float:left;height:100%;width:319px;margin-top:110px;} #sidebar h3 { float:right;width:140px; font:bold 18px/18px 'HelveticaRoundedLTBoldRegular',Helvetica,sans-serif; } /*** START OF CATEGORIES AND TAGS ***/ #categories {width:166px; float: left; } .tags {padding-top:15px;text-align:justify;float:left;} .tags a {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#333;font-size:6pt;font-weight:bold;padding:3px;text-decoration:none;text-transform:uppercase} .tags a:hover {background:none repeat scroll 0 0 #BBBBBB; text-shadow:1px 1px 0 #999;} #tags {width: 140px; float: right; border-bottom: 1px solid #cdcdcd; } #tags li {list-style: none; } #tags li a { color: #4d4d4d; font-size: 10px !important; font-weight: normal; text-decoration: none; text-transform: uppercase; } #tags li a:hover {color: #ccc; } .box {float: right; width: 140px; border-bottom: 1px solid #cdcdcd; padding: 18px 0; } .box h2 {font-size: 9px; color: #333; } .box h3 a,.box h2 a {color: #333; text-decoration: none; font-weight: 400; font-size: 9px; color: #333; } .box h3 a:hover,.box h2 a:hover {color: #ccc; } /*** NAVIGATION ***/ .navigation a { background: #333; color: #fff; font-size: 20px; margin: 0 5px 0 0; -moz-border-radius: 5px; padding: 5px 10px; text-decoration: none; -webkit-border-radius: 5px; } .navigation a:hover {background: #bbb; } /****** COMMENTS TEMPLATE ******/ .comments-template {width: 600px; margin: 20px auto; } .commentlist li {width: 410px; border-bottom: 1px solid #ccc; margin: 0 0 20px; } .commentlist li p {margin: 5px 0 10px; } .commentlist li p a {color: #f96549; } .commentlist {list-style: none; } .comment_user {color: #f96549; font-weight: 700; } .commentmetadata a {color: #323232; font-weight: 700; text-decoration: none; } #respond {color: #444cc8; margin: 0 0 10px; } #commentform small {font-size: 12px; color: gray; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #b3b3b3; margin: 3px 0 15px 0; -moz-border-radius: 5px; padding: 8px; -webkit-border-radius: 5px; width: 390px; } #commentform textarea:focus,#commentform input[type=text]:focus {background: #ccc; } /****** END OF COMMENTS TEMPLATE ******/ /*** START OF FOOTER ***/ .footer { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 50px 0 0 0; padding: 15px 0; width: 410px; } .footer h1 {font-size: 18px; } .footer h1 span {font-size: 15px; font-weight: 400; } .footer p {margin: 5px 0 10px; } .footer p a {color: #858585; text-decoration: none; } /***** Tweets *****/ #sidebar .decorator {background:url("images/twitter_widget.png") no-repeat center bottom #FFFFFF;float:left;padding-bottom:93px;} .tweet {background:#000; -moz-border-radius:2px 10px 2px 10px; -web-border-radius:2px 10px 2px 10px; border-radius:2px 10px 2px 10px;} .tweet a {color:#679FFF;font-weight:bold; text-decoration:none;} .tweet a:hover {color:#679FFF;font-weight:bold; text-decoration:underline;} .tweet,.query {float:left; margin-top:15px; width:319px; color:#fff;} .tweet .tweet_list,.query .tweet_list {-webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #8ADEE} .tweet .tweet_list li,.query .tweet_list li {overflow-y: auto; overflow-x: hidden; padding: .5em; } .tweet .tweet_list .tweet_avatar,.query .tweet_list .tweet_avatar {padding-right: .5em; float: left; margin-top:5px;} .tweet .tweet_list .tweet_avatar img,.query .tweet_list .tweet_avatar img {vertical-align: middle; } /***** Facebook *****/ .connect_widget_number_cloud {-moz-border-radius:5px 5px 5px 5px;-web-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}