/*
Theme Name: Twee2
Theme URI: http://www.woothemes.com/themes/WooFramework/
Version: 1.0
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Copyright: (c) 2009 WooThemes.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 12px Arial,Helvetica,Sans-serif; line-height: 1.5; color: #333; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; }
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: red; }
a:hover {}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#container {
}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 960px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation{font-size:11px;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;}
#navigation ul.rss li{display:inline;padding:0 10px;}
#nav, #nav ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
#nav a { display:block; z-index:100; padding:0 10px; line-height:28px; }
#nav li { float:left; width: auto; }
/* 2.2.1 Drop-down menus */
#nav li ul { position: absolute; left: -999em; width: 172px; border-top: 1px solid #F7F6F6; }
#nav li ul li { border: 1px solid #F7F6F6; background: #FFF; border-width: 0 1px 1px;}
#nav li ul li a { width:150px; line-height:25px; font-size:11px; color:#555; }
#nav li ul ul { margin: -26px 0 0 170px; }
#nav li ul ul li a { }
#nav li ul li ul li a { }
#nav li:hover,#nav li.hover { position:static; }
#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul,
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul,
#nav li li li li:hover ul, #nav li li li li.sfhover ul { left:auto; }
/* 2.3 Header */
#header{padding:30px 0;clear:both;position:relative;}
#logo { }
#logo img { }
#logo .site-title, #logo .site-description { display: none; }
#topad{position:absolute;left:470px;top:36px;}
/* 2.4 Content */
#content{min-height:550px;padding:0;}
* html #content{height:550px;}
#main{width:620px;}
#main.fullwidth { width: 960px; }
/* 2.5 Sidebar */
#sidebar{width:300px;overflow:hidden;}
/* 2.6 Footer */
#footer{font-size:11px;padding: 20px 0;border-top: 1px solid #eee;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb {}
.archive_header { display: block; float: left; width: 100%; margin:10px 0; font-size: 18px; font-weight: bold; border-bottom:#EBEBEB 1px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post { margin: 0 0 15px 0;}
.post .title { width:100%;position:relative; margin: 0 0 5px 0; }
.post .title a:link, .post .title a:visited {}
.post-meta{margin: 0 0 15px 0;font-size:11px;color:#9F9F9F;}
.post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}
.entry {}
/* 3.1 Typographic Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; }
.entry p { margin: 0 0 15px 0; }
.entry blockquote { padding: 10px 30px; color: #666; }
.entry blockquote p {}
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img { padding: 5px; border: 1px solid #ccc; }
img.wp-smiley { padding: 0; border: none; }
.entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter { text-align: center; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:11px;}
.more_entries a { display: block; margin: 15px 0 0 0; }
.more_entries .wp-pagenavi { margin: 15px 0 0 0; text-align: center; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; background: #EEEEEE;color: #666; padding: 4px 6px!important; border:1px solid #DDDDDD;}
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 7px; background: #9f9f9f !important; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; }
.widget h3 { margin: 0 0 15px 0;text-transform:uppercase; }
.widget ul { clear:both; border-top: 1px solid #eee; }
.widget ul li {}
.widget ul li a { display: block; padding: 0 0 0 10px; line-height: 30px; text-decoration: none; color:#666; border-bottom: 1px solid #eee; }
.widget ul li a:hover { color: #000; background-color: #f0f0f0; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
#searchform { margin: 15px 0 0 0; }
.widget input#s, .widget input.field { width: 200px; padding: 3px 0 3px 5px; border: 1px solid #898989; }
.widget input.submit {}
.widget .screen-reader-text { display: none; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { width: 75px; float: left; margin: 4px 6px; }
.widget_woo_flickr .wrap { margin-left: -5px; position: relative; margin-bottom: 25px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 10px 10px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin-top:20px;padding:0;}
#comments h3{}
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { padding: 10px; border: 1px solid #eee;}
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar { float: left; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
/* 5.2 Pingbacks / Trackbacks */
h3#pings { margin: 20px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/* 5.3 Comments Form */
#respond { margin: 15px 0 0 0; }
#respond h3 { }
#commentform { margin: 15px 0 0 0; }
#commentform input.txt { width: 300px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; }
#commentform textarea { width: 95%!important; padding: 5px; border: 1px solid #eee; }
#commentform #submit { margin: 15px 0 0 0; }