/*
Theme Name: Orange Optimized
Version: 1.3.1
Description: Original design by Magnus Jepson. Heavily customized by Jacob Wilkens at Orange Apple.
Author: Orange Apple & Woo Themes
Author URI: http://www.orangeapple.net
*/
/*
___ .-~. /_"-._
`-._~-. / /_ "~o\ :Y
\ \ / : \~x. ` ') What are you doing in here??
] Y / | Y< ~-.__j
/ ! _.--~T : l l< /.-~ I'm going to get my Lasers and a jetpack;
/ / ____.--~ . ` l /~\ \<|Y you'd better be gone when I return.
/ / .-~~" /| . ',-~\ \L|
/ / / .^ \ Y~Y \.^>/l_ "--' I'm a fucking T-rex... and I'm hungry.
/ Y .-"( . l__ j_j l_/ /~_.-~ .
Y l / \ ) ~~~." / `/"~ / \.__/l_
| \ .-" ~-{__ l : l._Z~-.___.--~
| ~---~/ / ~~"---\_ ' __[>
l . _.^ ___ _>-y~
\ \ . .-~ .-~ ~>--" /
\ ~---" / ./ _.-'
"-.,_____.,_ _.--~\ _.-~
~~ ( _}
`. ~(
) \
/,`--'~\--'
* 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
-2.7 Featured Area
-2.8 Homepage
-2.9 Portfolio
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 Comments Form
-5.3 Pingbacks / Trackbacks
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px Sans-Serif, Arial, Helvetica, "Myriad Pro", "Trebuchet MS", "Helvetica Neue"; line-height: 1.5; color: #333; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Myriad Pro", Sans-Serif, Arial, Helvetica, "Trebuchet MS", "Helvetica Neue"; color: #333; }
h1 {font-family:Arial; 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: #06a0f0; text-decoration:none; -webkit-transition: color .1s ease-in; }
a:hover { color:#0066cc; cursor:pointer; -webkit-transition: color .15s ease-in; }
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 {}
#top{}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 910px; margin: 0 auto; padding:0 35px;}
/* 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;}
ul#nav {}
#nav, #nav ul { z-index:100; margin:0; padding:0; list-style:none; }
#nav a { display:block; z-index:100; padding:0 10px; line-height:28px; font-size:17px; color:#fff; text-decoration:none;}
#nav li { float:left; width: auto; }
/* #nav li:hover, #nav li.current_page_item { background: #222; } */
#nav li li.current_page_item { background: none; }
/* 2.2.1 Drop-down menus */
#nav li ul { position: absolute; left: -999em; width: 172px; background: #FFF; border:1px solid #efefef;}
#nav li ul li { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; }
#nav li ul li a { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:145px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#nav li ul li:hover { background:#fafafa; }
#nav li ul { padding:5px; }
#nav li ul ul { margin: -25px 0 0 120px; }
#nav li ul li ul li a { border-width: 0 0 1px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { left:auto; }
#nav li:hover,#nav li.hover { position:static; }
#nav .sf-sub-indicator {display:none;}
/* 2.3 Header */
#header{clear:both;position:relative;z-index:10;}
#logo { }
#logo img { }
#logo .site-title, #logo .site-description { display: none; }
#logo .site-title a { color:#fff; font-size:32px; line-height:28px; text-transform:uppercase; letter-spacing:1px; }
#logo .site-title a:hover { text-decoration:none; color:#eee; }
#logo .site-description { color:#bbb; text-transform:uppercase; font-size:12px;}
/* 2.4 Content */
#content{background:url(images/bg-content-top.png) repeat-x top center; padding:30px 0; }
* html #content{height:550px;}
#main {width:635px; padding-right:30px; min-height:600px; }
/* 2.5 Sidebar */
#sidebar{ width:220px; overflow:hidden; padding:0 0 0 24px; border-left:1px solid #f0f0f0; }
/* 2.6 Footer */
#footer{background: #232323 url(images/bg-footer-top.png) repeat-x top center; font-size:12px;border-top: 1px solid #fff; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer #footer-widgets { margin-top:0px; color:#bbbbbb; font-size:14px; }
#footer #footer-widgets p { color:#bbbbbb; }
#footer #footer-widgets .block { float:left; width:230px; margin:0 30px 0 0; }
#footer #footer-widgets .block.last { width:155px; margin-right:0; }
#footer #footer-widgets h3 { font-size:18px; color:#fff; font-weight:normal;}
#footer #footer-widgets ul { border:none; }
#footer #footer-widgets li { padding-left:15px; }
#footer #footer-widgets li a { border:none; color:#fefefe; line-height:18px; padding:3px 0; }
#footer #footer-widgets li a:hover { color:#06a0f0; }
/* 2.7 Featured Area */
#featured #page-title { padding: 25px 0; }
#featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px; }
#featured span.archive_header { display:block; font-size: 30px; font-weight:bold; }
#featured span.archive_header.blog { font-size: 40px; }
/* 2.8 Homepage */
#featured.home .featured-image { width:490px; padding:40px 0 0; margin-bottom:-60px; position:relative; text-align:center; }
#featured.home .play { background:url(images/btn-play.png) no-repeat; position:absolute; bottom:0; left:0; width:470px; height:380px;}
#featured.home .featured-content { width:450px; padding:60px 0 0; }
#featured.home h2 { font-size:48px; padding:20px 0 30px;}
#featured.home p { font-size:20px; color:#fff; line-height:30px; }
#breadcrumb.home { min-height:100px; height:auto; padding:10px 0 20px;}
#breadcrumb.home .left { width:490px; margin-top:65px;}
#breadcrumb.home .right { width:450px; }
#breadcrumb.home a.thumb { float:left; margin-left:20px; border:1px solid #ddd; width:70px; height:70px; background:url(images/thumb-hover.png) no-repeat; }
#breadcrumb.home a.thumb img { padding:5px; height:60px; width:60px; }
#breadcrumb.home h2 { font-size:18px; text-transform:uppercase; margin:10px 0;}
#breadcrumb.home p { color:#555; line-height:22px; font-size:14px; padding:0 0 15px;}
#twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; margin:10px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; }
#twitter #twitter_update_list { margin-left:65px; }
#twitter #twitter_update_list li { line-height:22px; }
#main-page1 { padding: 30px 0 0; }
#main-page2 { padding: 0 0 30px; }
#info-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:30px 40px 10px; margin:0 0 20px; }
#info-box .block { width:420px; margin:0 40px 20px 0; float:left; }
#info-box .block.last { margin-right:0; }
#info-box .icon { float:left; }
#info-box h3 { background: url(images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 0 15px 50px; line-height:30px; margin-bottom:15px; }
#info-box p { padding-bottom:15px; }
#info-box blockquote { background:url(images/bg-quote.png) no-repeat top left; padding:0 0 15px 50px; font-family:Georgia, serif; font-size:14px; color:#777; font-style:italic; min-height:12px; }
#info-box cite { padding:0 0 0 50px; }
#info-box .quote { padding-bottom:20px; }
/* 2.9 Portfolio */
#portfolio .block { width:435px; margin:0 10px 20px 10px; display:inline; }
#portfolio .block a.thumb { background: url(images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}
#portfolio .block img.portfolio-img { }
#portfolio .block h2 { font-size:18px; margin-bottom:15px; }
.port-cat { text-transform:uppercase; }
.port-cat a { background:#F4F9FF; border:1px solid #B2CCE5; font-size:12px; line-height:1.2em; margin:0 0 0 5px; padding:4px 9px 2px; -moz-border-radius:11px; -webkit-border-radius:11px; -webkit-transition: background .25s ease-in; }
.port-cat a:hover { text-decoration:none; background:#eee; -webkit-transition: background .125s ease-in; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { *background:#eee url(images/bg-breadcrumb-top.png) repeat-x top center; height:44px; *border-top:1px solid #efefef; *border-bottom:1px solid #d5d5d5; color:#777; line-height:44px; }
#breadcrumb img.rss { position:relative; margin:9px 0 0 10px; }
.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 { color: #222; }
.post-meta{ font-family:Arial, Helvetica, sans-serif; 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; font-size:16px; }
.entry blockquote { padding: 15px 25px 1px; color: #666; border-left:2px solid #e96300; margin-left:2px; background:#f4f9ff; }
.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; margin-bottom:10px; }
.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:14px; line-height:18px; font-style:italic !important;}
.more_entries a { display: block; margin: 0; background:#F7F7F7; border-bottom:1px solid #DBDBDB; padding:4px 8px; color:#777; }
.more_entries a:hover { text-decoration:none; }
.more_entries .wp-pagenavi { margin: 15px 0; text-align: right; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #F7F7F7; color:#777; border:none; border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .extend,
.more_entries .wp-pagenavi span.pages { background: #F7F7F7;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB;}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; }
.widget h3 { margin: 0 0 15px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; }
.widget p { color:#666; }
.widget ul { clear:both; }
.widget ul li { background: url(images/ico-bullet.png) no-repeat left 8px; padding-left:15px; }
.widget ul li a { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; }
.widget ul li a:hover { color: #000; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
#searchform { margin: 15px 0 0 0; background:#fff; border: 3px solid #e2e2e2; position:relative; }
#searchform .btn { position:absolute; right:10px; bottom:0; }
.widget input#s, .widget input.field { width: 180px; padding: 6px 0; margin-left:10px; border: 0; color:#999999; }
.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; 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;}
/* MISC */
.adspace-widget { text-align:center; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin-top:20px;padding:0;}
#comments h3{ color:#555; font-weight:normal; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { padding: 15px 20px; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar { float: right; margin: 0 0 10px 10px; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 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 .reply { padding-top:10px; }
#comments .reply a { padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;}
#comments .reply a:hover { background:#06a0f0; color:#fff; }
#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{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond { margin: 25px 0 0 0; }
#respond h3 { color:#555; font-weight:normal; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#commentform { margin: 15px 0 0 0; }
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }
input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 14px; }
#commentform #submit { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; }
#commentform #submit:hover { background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 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; }