/* Theme Name: tagUin Theme URI: http://taguin.com Description: The WordPress theme based on the famous tagUin. Version: 1 Author: tagUin Author URI: http://taguin.com/ Tags: grey, black, custom header, fixed width, two columns, widgets This theme was designed and built by Alberto Rodriguez The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body {font-size: 62.5%; /* Resets 1em to 10px */font-family: 'tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;/*background: #d5d6d7 url('images/kubrickbgcolor.jpg');*/background: #ffffff url('images/bgTUI.jpg') repeat-x 0px 0px;color: #333; /*text-align: center;*/} #page {background-color: white;/*border: 1px solid #959596;*/text-align: left;} #header {/*background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;*/} #headerimg {margin: 7px 9px 0;height: 192px;width: 740px;} #content {font-size: 1.2em;} .widecolumn .entry p {font-size: 1.05em; color:#333} .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em; padding:0px; font-size:1.2em;} .widecolumn {line-height: 1.6em;} .narrowcolumn .postmetadata {font-size:0.9em;} .widecolumn .tags {font-size:11px; color: #777;} .widecolumn .tags a{font-size:11px; color:#cc0000;} .widecolumn .tags a:hover{font-size:11px; color:#cc0000;} .postmetadata a {color:#cc0000; margin-bottom:5px;} .thread-alt {background-color: #f8f8f8;} .thread-even {background-color: white;} .depth-1 {border: 1px solid #ddd;} .even, .alt {/*border-left: 1px solid #a7a7a7;*/} #footer {/*background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;*/ border: 1px solid #dddddd; background-color:#f3f3f3;} small {font-family: Arial, Helvetica, Sans-Serif;font-size: 1em;line-height: 1.5em;} h1, h2, h3 {font-family: 'tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;} h1 {float:left;font-size: 4em; padding:25px 10px 0px 10px;} #headerimg .description {float:right;width:auto;font-size: 2.7em; margin-top:20px; padding-top:5px; padding-left:5px; } h2 {font-size: 1.6em;} h2.pagetitle {font-size: 1.6em;} #sidebar h2 {font-family: 'tahoma', 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;} h3 {font-size: 1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333; font-weight:bold;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;} .entry p a:visited {color: #cc0000;} .sticky {background: #f7f7f7;padding: 0 10px 10px;} .sticky h2 {padding-top: 10px;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li ul li {font-size: 1em;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em; color:#cc0000;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} #commentform p {font-family: 'tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight: normal;} #sidebar {font: 1em 'tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777; margin-top:3px; font-size:1.2em;} code {font: 1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;} a, h2 a:hover, h3 a:hover {font-size:1em; font-family:'tahoma',Arial, Helvetica, sans-serif; font-weight:bold;color: #333; text-decoration: underline; } a:hover {color:#CC0000;text-decoration: none;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize; text-align:center;} /* End Typography & Colors */ /* Begin Structure */ body {margin: 0 0 20px 0;padding: 0; overflow:-moz-scrollbars-vertical;} #page {background-color: white;margin: 0px auto 20px auto;padding: 0;width: 900px;/*border: 1px solid #959596;*/} #header { background:url('images/headerBg.jpg') no-repeat 0px 0px; background-color: #333333;margin: 0;padding: 0;height: 95px;width: 900px;} #headerimg {margin: 0;height: 100px;width: 100%; } .narrowcolumn {float: left;padding: 0 30px 20px 30px;margin: 10px 0 10px 0;width: 617px; border:1px solid #dddddd; background-color:#f3f3f3;} .widecolumn {float: left;padding: 0 30px 20px 30px;margin: 10px 0 10px 0;width: 617px; border:1px solid #dddddd; background-color:#f3f3f3;} .widecolumn h2 {margin-left:0; margin-bottom:10px;} .post {margin:0;padding-bottom:10px; border-bottom:5px solid #dddddd;} .post hr {display: block;} .widecolumn .post {margin: 0;} .narrowcolumn .postmetadata {padding-top: 5px;} .widecolumn .postmetadata {margin: 5px 0;} .widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center;margin: 5px 0px;} .postmetadata {clear: both;} .postRight {width:auto;font-size:0.9em; margin-top:5px;} .postRight a {color:#cc0000; text-decoration:none;} .postRight a:hover {color:#cc0000; text-decoration:underline;} .clear {clear: both;} #footer {padding: 0;margin: 10px auto 0px auto; width: 900px!important;width:898px;clear: both;} #footer p {margin: 0;padding: 10px 0;text-align: center;} /* End Structure */ /* Begin Headers */ h1 {/*padding-top: 70px;*/margin: 0; padding-left:10px; } h2 {margin: 30px 0 10px 0; line-height:1.3em;} h2.pagetitle {margin-top: 20px;text-align: center; background-color:#dddddd; padding:3px 0;} #sidebar h2 {margin:0;padding: 5px; margin-bottom:5px; background-color:#dddddd; font-weight:normal} h3 {width:615px;padding: 0;margin: 20px 0 0;} h3.comments {padding: 0;margin: 40px auto 20px ;} /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display: block;margin-left: auto; margin-right: auto; } img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignright a {float:left; width:auto;line-height:14px;padding:5px 20px 5px 5px; text-align:right;font-size:0.9em; background:url('images/icoNext.jpg') no-repeat 60px 7px; text-decoration:none; background-color:#dddddd;} .alignleft {float: left;} .alignleft a {float:left; width:auto;line-height:14px;padding:5px 5px 5px 20px; text-align:left;font-size:0.9em; background:url('images/icoPrevious.jpg') no-repeat 5px 7px; text-decoration:none; background-color:#dddddd;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;} html>body .entry li {margin: 7px 0 8px 10px;} .entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";} .entry ol {padding: 0 0 0 35px;margin: 0;} .entry ol li {margin: 0;padding: 0;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #sidebar ul, #sidebar ul ol {margin: 0;padding: 0;} #sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px; padding-bottom:10px; background-color:#FFF;border:1px solid #ddd; } #sidebar ul li div{padding:0px 5px;} #sidebar ul li div a {text-decoration:none;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:0;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {width:180px;margin:0;padding:3px;border:0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto;padding: 5px 3px;text-align: center; } #sidebar #searchform #s {width: 120px!important;width:120px;padding: 2px;border:1px solid #dddddd; background-color:#FFFFFF; color:#333333;font-family:Arial, Helvetica, sans-serif; font-size:1.1em;} #sidebar #searchsubmit {padding: 1px 1px 2px;border:1px solid #AA8400; background-color:#ffc600; color:#755b00; font-weight:bold; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif;} .entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;} select {width: 130px;} #commentform label { margin-top:6px; font-weight:bold; font-size:0.86em;} #commentform .inputForm {border:1px solid #dddddd; font-size:1em;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform { margin: 5px 10px 0 0;} #commentform p {font-size:0.9em;} #commentform textarea {width: 100%; padding: 2px; margin-top:5px; border:1px solid #dddddd; background-color:#FFFFFF; font-size:1em; line-height:1.3em;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;border:1px solid #AA8400; background-color:#ffc600; color:#755b00; font-weight:bold; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;cursor:pointer;} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0;padding:0px 10px;} .commentlist {padding: 0; *margin-left:0px;} .commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;} .commentlist li ul li { margin-right: -5px; margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block; } .commentmetadata a {text-decoration:none; color:#999; font-size:0.8em; font-weight:normal;} /* End Comments */ /* Begin Sidebar */ #sidebar{padding: 10px 5px 20px 5px!important;padding: 10px 2px 20px 5px;margin-left: 687px!important;margin-left:686px; margin-top:10px;width: 200px!important;width:201px;border:1px solid #dddddd; background-color:#f3f3f3;} #sidebar form {margin: 0;} #sidebar ul {*width:198px;} #sidebar ul li form div {margin-left:-3px!important;margin-left:-1px;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 175px; padding:5px; border:1px solid #dddddd;} #wp-calendar #next a {padding: 3px;text-align: center; font-weight:normal; font-size:11px; background-color:#FFc600; border:1px solid #AA8400;color:#755b00;} #wp-calendar #prev a {padding: 3px;text-align: center;font-weight:normal; font-size:11px;background-color:#FFc600; border:1px solid #AA8400;color:#755b00;} #wp-calendar a {display: block; } #wp-calendar caption {text-align: center;width: 175px; margin-top:5px;margin-bottom:-5px; padding:3px; background-color:#ffc600; color:#755b00; border:1px solid #AA8400} #wp-calendar td {padding: 3px 0;text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help; } acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none; } .screen-reader-text {position: absolute;left: -1000em;} hr {display: none;} a img { border: none;} .navigation {float:left; width:607px; display: block;text-align: center;margin-top: 10px;margin-bottom: 10px;} /* End Various Tags & Classes*/ /* widgets */ .rsswidget {font-size:0.9em; font-weight:normal; text-decoration:none;} .widget_recent_comments a{font-weight:normal;} .widget_recent_entries a{font-weight:normal;} .widget_links a{font-weight:normal;} .widget_pages a{font-weight:normal;} .widget_categories a{font-weight:normal;} .blogroll a{font-weight:normal;} /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto; margin-right: auto;} .wp-caption {border: 1px solid #ddd;text-align: center; background-color: #f3f3f3;padding-top: 4px; margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* End captions */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */