/*   
Theme Name: VideoPlus
Theme URI: http://www.theme-junkie.com
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>.
Author: Theme Junkie
Author URI: http://www.theme-junkie.com
Version: 1.0.7
License: GNU General Public License
License URI: license.txt
Tags: theme-options, translation-ready
*/
/*
WARNING: DO NOT EDIT THIS FILE. If you wish to make custom stylistic changes to your theme, use the
custom.css template to define custom styles. This way, you will still be able to take advantage of
future upgrades to the theme without worrying about overwriting your style changes.
*/
/*-----------------------------------------------

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Containers & Columns
-2.2 Navigation Menu
-2.3 Header
-2.4 Content
  -2.4.1 Slider
  -2.4.2 Recent Posts
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Author Box
-3.5 Entry Bottom
  -3.5.1 Related Posts
  -3.5.2 Entry Bottom Ad
-3.6

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments
-5.1 Comments List
-5.2 Comments Form
-5.3 Trackbacks

6. Page Templates
-6.1 Contact Form
-6.2 Full Width

7. MISC
-7.1 CSS3 Buttons
-7.2 CSS3 Transition

-------------------------------------------------*/

/* =0. Reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }

/* Floating */
.left { float: left; }
.right { float: right; }

/* Clear Floats */
* html .clear { height: 1%; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { display: block; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } 

/* =1. Setup
----------------------------------------------- */

/* 1.1 Defaults */
body { background: #ffffff; font: 12px/19px Arial,Helvetica,Sans-serif; color: #333; }
input,
textarea { background: #eee; border-color: #ccc #efefef #efefef #ccc; border-style: solid; border-width: 1px; color: #777; padding: 6px; }
input:focus,
textarea:focus { background: #fff; }
blockquote a,
blockquote { color: #666; font-size: 1em; font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; font-family: 'Helvetica Neue',Arial,Tahoma,sans-serif; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 13px; }
h5,h6 { font-size: 12px; }

/* 1.2 Hyperlinks */
a,
a:visited { border: medium none; outline: medium none; text-decoration: none; }
a:active { outline: 0; }
a:hover { color: #333; text-decoration: none; }

/* =2. Site Structure & Appearance
----------------------------------------------- */

/* 2.1 Containers & Columns */
.wrap { margin: 0 auto; padding: 0; position: relative; width: 960px; }
#top { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 33px; line-height: 33px; }
#content { float: left; overflow: hidden; padding: 0 0 20px 0; width: 718px; }
#main-article{ display:none;}
#sidebar { float: right; margin: 0 0 20px 0; width: 221px; }
footer { border-radius: 3px; padding: 15px 20px; margin: 0 auto 15px; width: 920px; }

/* 2.2 Navigation Menu */
body>nav { margin: 0 auto 25px; padding: 0; width: 960px; z-index: 999; }
.nav { list-style: none; line-height: 1; margin: 0; overflow: hidden; padding: 0; z-index: 999; }
.nav a { display: block; position: relative; text-decoration: none; z-index: 100; }
.nav li { float: left; width: auto; z-index: 999; }
.nav li a { color: #eee; font-size: 13px; font-weight: bold; line-height: 18px; padding: 17px 20px; text-decoration: none; }
.nav li:hover a, .nav li:hover a:active { text-decoration: none; }
.nav li ul { background: #fff; -webkit-box-shadow: 3px 3px 0 0 #eee; -moz-box-shadow: 3px 3px 0 0 #eee; box-shadow: 3px 3px 0 0 #eee; left: -999em; position: absolute; width: 190px; z-index: 999; }
.nav li ul li a, .nav li ul li a:visited { background: #fff; border-bottom: 1px solid #e9e9e9; color: #333; font-size: 12px; font-weight: bold; padding: 10px 20px; width: 150px; }
.nav li ul li a.sf-with-ul { padding: 10px 20px; }
.nav li ul ul { margin: -39px 0 0 190px; }
.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; }
.nav .sf-sub-indicator { display: none; }
.nav li ul .sf-sub-indicator { background: url(images/bullet.png) no-repeat; display: block; overflow: hidden; position: absolute; width: 10px; height: 10px; text-indent: -999em; top: 1.2em; right: 0.4em; }

/* PRIMARY NAV */
#primary-nav { background: #fff; border-top: none; float: right; margin: 0 0 10px 0; }
#primary-nav .nav li a { color: #777; font-size: 11px; font-weight: normal; padding: 8px 12px; }
#primary-nav .nav li a:hover { background: #fff; color: #444; }
#primary-nav .nav li li a:hover { background: #f0f0f0 !important; }
#primary-nav .nav li ul { border-top: 1px solid #e9e9e9; width: 174px; }
#primary-nav .nav li.top-twitter a { background: url(images/ico-twitter-dark.png) 5px 8px no-repeat; padding-left: 25px; }
#primary-nav .nav li.top-rss a { background: url(images/ico-rss-dark.png) 5px 10px no-repeat; padding-left: 21px; padding-right: 0; }
#primary-nav .nav li a b { background: url(images/arrow.png) no-repeat; display: block; position: absolute; top: 16px; right: 8px; width: 7px; height: 4px; margin-right: -6px; }

/* SECONDARY NAV */
#secondary-nav .nav li li a:hover { background: #f0f0f0 !important; color: #111; }
#secondary-nav .nav li a b { background: url(images/arrow.png) no-repeat; display: block; position: absolute; top: 25px; right: 8px; width: 7px; height: 4px; }
.nav li.first,
.current-cat a, 
.current-cat a:hover { background: #333; }

/* 2.3 Header */
header { background: #fff; border-top: 2px solid #ddd; padding: 0 0 10px 0; min-height: 40px; width: 100%; }

/* LOGO */
#text-logo { display: inline; float: left; margin: 20px 0 0 0; }
#site-title { color: #333; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 1; margin: 0 0 5px 0; }
#site-desc { color: #999; font-size: 11px; }
#logo { float: left; margin: 25px 0 0 0; overflow: hidden; max-width: 500px }

/* SEARCH FORM */
#search-form { background: url(images/bg-search.png) repeat-x; border: 1px solid #e9e9e9; float: right; margin: 0 0 20px 0; padding: 5px; }
#search-form input[type="text"] { border: 1px solid #d9d8d8; font-size: 11px; color: #999; float: left; height: 27px; width: 230px; line-height: 27px; padding: 0 5px; background: url(images/bg-search-inp.png) repeat-x; margin-right: 7px; }
#search-form input[type="submit"] { border: 1px solid #d9d8d8; width: 26px; height: 29px; text-indent: -9999px; background: url(images/bg-search-btn.png) center center; cursor: pointer; }

/* 2.4 Content */

/* 2.4.1 Slider */
#slider { background: #121212 url(images/pattern7.png) repeat; color: #999; display: none; margin: -25px 0 25px 0; overflow: visible; position: relative; padding: 30px 0 20px 0; width: 100%; z-index: 20; }
#slider .wrap { width: 1020px; }
.slides_container { border-radius: 0 0 5px 5px; margin: 0 auto 20px; overflow: hidden; height: 310px; width: 960px; }
.slides_container embed,
.slides_container object,
.slides_container iframe { width: 540px; height: 310px; z-index: 20; }
.slides_container .entry-slides { width: 940px; height: auto; }
.slides_container .entry-content { height: 100%; overflow: hidden; }
.slides_container .entry-title { font-size: 26px; line-height: 30px; margin: 0 0 10px 0; }
.slides_container .entry-meta { margin-bottom: 0px; }
.slides_container .entry-embed { float: left; margin-right: 20px; }
.slides_container a.read-more,
.slides_container a.read-more:visited { color: #fff; display: block; float: left; font-weight: bold; margin: 10px 0 0 0; padding: 8px 12px; }
.slides_container a.read-more:hover { color: #eee; }
ul.slider-nav { overflow: hidden; }
ul.slider-nav a { border: 2px solid #eee; border-radius: 2px; display: block; overflow: hidden; width: 109px; height: 72px; }
ul.slider-nav a img { width: 109px; height: 72px; }
ul.slider-nav li { display: block; float: left; filter: alpha(opacity=40,Style=0); overflow: hidden; opacity: 0.4; margin: 0 8px 0 0; }
ul.slider-nav li.current { filter: alpha(opacity=100,Style=0); opacity: 1.0; }
#slider-pagination { padding: 15px 0 15px 30px; width: 978px; }
a.prev, a.next { bottom: 36px; cursor: pointer; display: block; position: absolute; width: 27px; height: 32px; text-indent: -999em; }
a.prev { background: url(images/slider_left_on.png) no-repeat; left: -10px; }
a.next { background: url(images/slider_right_on.png) no-repeat; right: -10px; }
a.prev:hover { background: url(images/slider_left_hot.png) no-repeat; }
a.next:hover { background: url(images/slider_right_hot.png) no-repeat; }

/* 2.4.2 Recent Posts */
div.video-flag { background: url(images/ico-play.png) no-repeat; display: block; opacity: 0.7; filter: alpha(opacity=70); margin-left: -20px; position: absolute; width: 40px; height: 40px; top: 40px; left: 50%; }
a:hover div.video-flag { filter: alpha(opacity=80); opacity: 0.8; }
.entry-list div.video-flag { top: 45px; }

/* BREADCRUMBS */
#breadcrumbs { background: #eee url(images/alert-overlay.png) repeat-x; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #aaa; color: #333; display: block; height: 32px; line-height: 32px; margin: 0 0 20px 0; padding: 0 15px; position: relative; font-size: 13px; font-weight: bold; text-shadow: 1px 1px #e3e3e3; }
#breadcrumbs a { float: left; margin-right: 1px; padding-right: 10px; color: #fff; }
#breadcrumbs span { color: #ffffff; float: left; margin-right: 1px; padding: 0 5px; }
#breadcrumbs span.arrow-flag { background: url(images/arrow-up.png) no-repeat 15px 29px; color: #222 !important; display: block; float: left; height: 33px !important; line-height: 33px; margin-right: 0; padding-right: 0; }

/* SWITCH */
.heading-switch { background: #eee; cursor: pointer; display: inline; float: right; margin: 10px 0 0 0; width: 38px; height: 14px; }
.heading-box { background: url("images/switch.png") no-repeat scroll 0 0px transparent; }
.heading-list { background: url("images/switch.png") no-repeat scroll 0 -14px transparent; }
.heading-switch:hover { opacity: 0.8; }

/* ENTRY META */
.entry-meta { color: #999; font-size: 11px; margin: 0 0 10px 0; }
.entry-comment a { background: url(images/ico-comment.png) no-repeat right 0px; color: #999 !important; padding: 0 18px 0 0; }
.entry-comment { float: right; }

/* ENTRY BOX */
.entry-box { border-top: 1px solid #e6e6e6; float: left; margin: 0 20px 20px 0; padding: 15px 0 0 0; width: 226px; vertical-align: top; }
.entry-box .entry-thumb { background: #fff; border: 1px solid #ddd; border-radius: 4px; margin: 0 0 15px 0; padding: 4px; width: 216px; }
.entry-box a:hover .entry-thumb { background: #e9e9e9; border-color: #ccc; }
.entry-box .entry-content { display: none; }
.entry-box>a { display: block; position: relative; overflow: hidden; }
.entry-box .entry-title { font-size: 13px; font-weight: bold; }

/* ENTRY LIST*/
.entry-list { border-bottom: 1px solid #e6e6e6; display: block; float: left; overflow: hidden; position: relative; margin: 0 0 20px 0; padding: 0 0 15px 0; width: 718px; }
.entry-list .entry-thumb { background: #fff; border: 1px solid #ddd; border-radius: 4px; float: left; margin: 0 15px 10px 0; padding: 4px; }
.entry-list .entry-title,
.entry-list .entry-meta,
.entry-list .entry-content { display: block; }
.entry-list>a { cursor: pointer; display: block; float: left; overflow: hidden; position: relative; }
.entry-list .entry-title { font-size: 20px; font-weight: bold; }
.entry-list a:hover .entry-thumb { background: #e9e9e9; border-color: #ccc; }

/* 2.5 Sidebar */
#left-sidebar { float: left; margin: 0 20px 0 0; width: 125px; }
#left-sidebar section { margin-bottom: 20px; }
#left-sidebar section h3 { font-size: 11px; margin-bottom: 6px; }
#left-sidebar section h3 a,
#left-sidebar section h3 a:visited { color: #333; }
#left-sidebar section span { color: #999; }
#left-sidebar .entry-date { background: url(images/ico-date.png) no-repeat 0 2px; padding: 0 0 0 20px; }
#left-sidebar .entry-category { background: url(images/ico-author.png) no-repeat 0 2px; padding: 0 0 0 20px; }
#left-sidebar .entry-tags { background: url(images/ico-tags.png) no-repeat 0 2px; padding: 0 0 0 20px; }
#left-sidebar .entry-tags a,
#left-sidebar .entry-category a { display: block; margin: 0 0 5px 0; }
#left-sidebar .entry-social { background: url(images/ico-share.png) no-repeat 0 1px; display: block; padding: 0 0 0 20px; }
#left-sidebar .entry-social li { margin: 12px 0 0 0; }
#left-sidebar .entry-social li a { padding: 3px 0 3px 23px; }
#left-sidebar .entry-social .twitter_icon a { background: url(images/ico-twitter-16.png) no-repeat; }
#left-sidebar .entry-social .digg_icon a { background: url(images/ico-digg-16.png) no-repeat; }
#left-sidebar .entry-social .facebook_icon a { background: url(images/ico-facebook-16.png) no-repeat; }
#left-sidebar .entry-social .delicious_icon a { background: url(images/ico-delicious-16.png) no-repeat; }
#left-sidebar .entry-social .stumbleupon_icon a { background: url(images/ico-stumbleupon-16.png) no-repeat; }

/* 2.6 Footer */
#footer-widget-1,
#footer-widget-2,
#footer-widget-3 { display: inline; float: left; margin: 0 20px 15px 0; width: 210px; }
#footer-widget-4 { float: right; margin: 0 0 15px 0; width: 220px; }
#footer-widget-4 .widget { background: none; }
.copyright { color: #666; font-size: 11px; margin: 0 auto 15px; overflow: hidden; width: 960px; }

/* =3. Posts
----------------------------------------------- */
.page-title { font-size: 22px; font-weight: bold; line-height: 24px; margin: 0 0 20px 0; }

/* SINGLE */
.single #content { background: transparent; width: 960px; }
.single .entry-content { margin: 0 0 15px 0; padding: 0; width: 100%; }
.single .entry-title { font-size: 26px; font-weight: bold; line-height: 30px; margin: 0 0 15px 0; }
.single .entry-content .entry-embed { margin: 0 0 20px 0; overflow: hidden; }
.single .entry-meta { margin-bottom: 10px; }

/* ARTICLE */
article.has-sidebar { float: left; width: 573px; }
article.has-sidebar input[type='text'] { width: 350px; }
article.has-sidebar #commentform textarea { width: 430px; }

/* EMBED */
.has-sidebar .entry-content .entry-embed,
.has-sidebar .entry-content .entry-embed embed,
.has-sidebar .entry-content .entry-embed object,
.has-sidebar .entry-content .entry-embed iframe { width: 573px; height: 325px; }

/* 3.1 Typographic Elements */
.entry-content { line-height: 20px; }
.entry-content blockquote { border-left: 10px solid #f7f7f7; margin: 20px 20px; padding: 0 30px 0 20px; overflow: hidden; }
.entry-content blockquote p,
.entry-content strong { font-weight: bold }
.entry-content strong em,
.entry-content em strong { font-style: italic; font-weight: bold; }
.entry-content li ul { margin: 0; padding: 0; }
.entry-content dfn { font-weight: bold }
.entry-content del { color: #aaa; text-decoration: line-through; }
.entry-content pre,
.entry-content code,
.entry-content tt { background: #f5f5f5; color: #666; font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 20px; overflow: auto; padding: 1em; display: block; margin: 1.5em 0; white-space: pre; }
.entry-content pre,
.entry-content code,
.entry-content tt {  }
.entry-content ins { font-weight: bold; text-decoration: underline; }
.entry-content em { font-style: italic; font-weight: normal; }
.entry-content ul { list-style: none; padding-bottom: 10px; }
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul { margin-bottom: 0 }
.entry-content ul li { background: url(images/dot.png) no-repeat 0 11px; padding: 3px 0 3px 10px; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin: 5px 0 10px 0 }
.entry-content hr { background: #e6e6e6; border: none; clear: both; color: #e6e6e6; height: 1px; margin: 15px 0; width: 100%; }
.entry-content ol { list-style-type: decimal; margin: 0 0 10px 25px; }
.entry-content ol ol { list-style: upper-alpha }
.entry-content ol ol ol { list-style: lower-roman }
.entry-content ol ol ol ol { list-style: lower-alpha }
.entry-content ol li { font-size: 12px; line-height: 19px; padding: 3px 0 3px 0; }
.entry-content p { margin: 0 0 10px 0; }
.entry-content a img { border: none }
.entry-content table { width: 100%; border: 1px solid #e6e6e6; margin-bottom: 1.2em; }
.entry-content table tr.alt-table-row { background: #f9f9f9; }
.entry-content table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
.entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
.entry-edit { float: right; margin: 10px 0; }

/* 3.2 Images */
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0; }
img.alignnone { padding: 0; margin: 0 0 10px 0; display: inline; }
img.alignright { padding: 0; margin: 0 0 10px 10px; display: inline; }
img.alignleft { padding: 0; margin: 0 10px 10px 0; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 0; font-size: 11px; font-weight: normal; line-height: 12px; }
.wp-caption { background: #F7F7F7; text-align: center; padding: 4px 0 5px 0; border: 1px solid #e6e6e6; }
.wp-caption img { margin: 0 0 5px 0; padding: 0; border: 0; }

/* 3.3 Pagination / WP-Pagenavi */

/* 3.3.1 Pagination */
.navigation { font-style: italic; padding: 20px 0 0 0; }
.pagination { border-top: 1px solid #e6e6e6; font-size: 12px; margin: 0; overflow: hidden; padding: 20px 0 0 0; margin: 20px 0; width: 100%; }
.pagination a { background: #eee url(images/alert-overlay.png) repeat-x left center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #bbb; color: #666 !important; display: block; height: 32px; line-height: 32px; padding: 0 12px; position: relative; }
.pagination a:hover { background: #eee; text-decoration: none; }

/* 3.3.2 WP-Pagenavi */
.wp-pagenavi { border-top: 1px solid #e6e6e6; font-weight: bold; letter-spacing: 1px; margin: 10px 0 10px 0; padding: 40px 0 10px 0; text-transform: uppercase; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { background: #eee url(images/alert-overlay.png) repeat-x; border: 0; border-top: 1px solid #e9e9e9 !important; border-bottom: 1px solid #bbb !important; color: #999; display: inline; margin: 0 0 0 3px; padding: 7px 12px 5px; text-decoration: none; text-shadow: 1px 1px #fff; }
.wp-pagenavi .on,
.wp-pagenavi .current,
.wp-pagenavi a:hover { background: #eee; border-top: 1px solid #e9e9e9 !important; border-left: 0; border-right: 0; border-bottom: 1px solid #bbb !important; color: #444; margin: 0 0 0 3px; padding: 7px 12px 5px; text-shadow: 1px 1px #fff; }
.wp-pagenavi .on,
.wp-pagenavi .current { background: #eee; }
.wp-pagenavi .on a,
.wp-pagenavi .current a { color: #444; }
.wp-pagenavi .extend,
.wp-pagenavi span.pages { background: #fff; border: 0; color: #999; padding: 0 10px 0 0; }

/* 3.4 Author BIO Box */
.entry-author-box { background: #f5f5f5; margin: 0 0 20px 0; padding: 11px; border: 1px solid #e6e6e6; }
.entry-author-box h3 { font-size: 13px; margin: 0 0 5px 0; }
.author-avatar { float: left; margin: 0 10px 0 0; border: 1px solid #ECEDE8; }
.author-avatar img { background: #fff; display: block; padding: 4px; }

/* 3.5 Entry Bottom */
.entry-bottom { background: #fff; overflow: hidden; padding: 15px; border: 1px solid #e9e9e9; } 
.entry-bottom h3 { font-size: 13px; margin-bottom: 5px; }

/* 3.5.1 Related Posts */
.related-posts { float: left; width: 225px; }
.related-posts h3 { margin: 0 0 10px 0; }
.related-posts li a { display: block; background: url(images/bullet.png) no-repeat 0 14px; padding: 9px 0 9px 11px; color: #333; border-top: 1px solid #e9e9e9; }

/* 3.5.2 Entry Botttom Ad */
.entry-bottom-ad { float: right; width: 300px; text-align: center; }
.entry-bottom-ad .ad-title { font-weight: normal; font-size: 11px; color: #bbb; text-transform: uppercase; }

/* =4. Widgets
----------------------------------------------- */

/* 4.1 Generic Widgets */
.widget { background: transparent; margin: 0 0 20px 0; }
#sidebar .widget .widget-content { border: 1px solid #e6e6e6; border-top: none; }
.widget-title { background: #eee url(images/alert-overlay.png) repeat-x; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #aaa; font-size: 13px; height: 32px; line-height: 32px; text-indent: 1em; width: 100%; text-shadow: 1px 1px #e3e3e3; }
.widget-title span { background: url(images/arrow-up.png) no-repeat 15px 29px; color: #222 !important; display: block; height: 33px; line-height: 33px; }
.widget-title a, .widget-title a:hover { text-decoration: none; }
.widget ul { margin-bottom: -1px; }
.widget ul li { border-bottom: 1px solid #e6e6e6; overflow: hidden; padding: 9px 15px; position: relative; }
#sidebar .widget ul li:hover { background: #FFFBCC; }
#left-sidebar .widget ul li { padding: 10px 0; }
.widget-content > div { padding: 10px 0; }
footer .widget { background: url(images/footer-sep.png) right 10px no-repeat; color: #9f9f9f; font-size: 11px; }
footer .widget a { color: #fff; }
footer .widget a:hover { color: #ccc; }
footer .widget .widget-title { background: none; border-top: none; border-bottom: none; color: #aaa; margin: 0 0 5px 0; text-indent: 0; text-transform: uppercase; text-shadow: 0px -1px 0px black; }
footer .widget .widget-title span { padding: 0; }
footer .widget ul li { border-bottom: none; color: #999; margin: 0 0 15px 0; padding: 0 15px 0 0; }
footer .widget li li { margin: 15px 0 0 0px; }
footer .widget li:hover { background: none; }

/* 4.2 Specific Widgets */

/* CALENDAR */
#wp-calendar { width: 100%; }
#wp-calendar,
#wp-calendar th,
#wp-calendar caption { text-align: center; }
#wp-calendar th { background: #f5f5f5; border: 1px solid #f0f0f0; padding: 3px; }
#wp-calendar td { border: 1px solid #f0f0f0; padding: 5px 2px; text-align: center; }
#wp-calendar caption { background: transparent; color: #333; font-weight: bold; padding: 3px 0 7px 0; }
#wp-calendar #today { background: #f5f5f5; font-weight: bold; }
#wp-calendar { width: 100%; }
#wp-calendar, #wp-calendar th, #wp-calendar caption { text-align: center; }

/* FLICKR */
.widget_tj_flickr { margin: 0 0 20px 0; }
.widget_tj_flickr > div { padding: 5px 15px; }
footer .widget_tj_flickr > div { padding: 0; }
.widget .flickr_badge_image { float: left; margin: 0px; }
.widget .flickr_badge_image .photo-wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget .flickr_badge_image a img { display: inline; float: left; background: #fff; margin: 4px 4px 0px 0px; padding: 4px; border: 1px solid #e9e9e9; }
.widget .flickr_badge_image a:hover img { background: #fbfbfb; border-color: #e5ecf1; }

/* WIDGETIZED ADS */
.widget-ads { margin: 0 0 20px 0; }
.widget-ads h3.ad-title { color: #999; font-size: 10px; font-weight: normal; margin-bottom: 7px; text-align: center; text-transform: uppercase; }
.widget-ad125 { border-top: 0 !important; border-bottom: 1px solid #e9e9e9; margin: 0 0 15px 0; padding-bottom: 5px; }
.widget-ad125 img { margin: 5px 7px 0 0; }

/* TAG CLOUD */
.widget_tag_cloud .widget-content { padding: 5px 15px 0 15px; }
.widget_tag_cloud a,
.widget_tag_cloud a:visited { font-size: 11px !important; line-height: 13px; background-color: #eee; color: #999; display: inline-block; margin: 0 0 3px 0; padding: 5px 10px 5px 7px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.widget_tag_cloud a:before { content: ''; display: inline-block; border-radius: 20px; width: 5px; height: 5px; background-color: #fff; margin: 0 6px 1px 0; zoom: 1; *display: inline; }
.widget_tag_cloud a:hover { color: #fff; }
.widget_tag_cloud a:hover:before { background-color: #fff; }

/* TEXT WIDGET */
#sidebar .textwidget { padding: 15px 15px !important; }

/* TWITTER */
.widget_tj_twitter { margin: 0 0 20px 0; }
.widget_tj_twitter .widget-title { display: block; }
.widget_tj_twitter li { background: url(images/ico-small-twitter.png) no-repeat 10px 9px !important; display: block !important; padding: 10px 15px 10px 32px !important; }
footer .widget_tj_twitter li { background: url(images/ico-twitter-dark.png) no-repeat 0px 9px !important; padding: 10px 0 10px 22px !important; }
.widget_tj_twitter li a { background: none !important; display: inline !important; padding-left: 0 !important; }
.widget_tj_twitter li .time { color: #999; }
.widget_tj_twitter li a:hover { background: none !important; }

/* VIDEO WIDGET */
.tj-video .open { border-bottom: 1px solid #e6e6e6; padding: 15px 15px 9px 15px; }
.tj-video .open .description { color: #999; margin: 10px 0 0 0; font-size: 11px; font-style: italic; }
.tj-video .hide { display: none; }
.tj-video li { background: url(images/ico-video.png) no-repeat 14px 12px; padding-left: 37px !important; }
.tj-video li:hover { background: #FFFBCC url(images/ico-video.png) no-repeat 14px 12px !important; }
.tj-video li a { font-weight: normal; }

/* =5. Comments
-------------------------------------------------------------- */

/* 5.1 Comments List */
#comments { margin: 20px 0 0; padding-top: 10px; }
#comments h3 { font-size: 18px; padding: 10px 0 7px; margin: 0 0 20px; border-bottom: 1px solid #EFEFEF; }
#comments #respond h3 { border-bottom: 0; padding: 10px 0 0; }
#commentspost { border-top: 1px solid #e9e9e9; margin: -1px 0 20px 0; padding: 20px 0 0 0; }
ol.commentlist { border-top: 1px solid #e9e9e9; clear: left; margin: 15px 0; }
ol.commentlist div.comment-body { position: relative; margin: 15px 0 0; padding: 0 0 15px; display: inline-block; width: 100%; border-bottom: 1px solid #e9e9e9; }
ol.commentlist div.reply { position: absolute; top: 0; right: 0; }
ol.commentlist li { clear: left; list-style-type: none; font-size: 12px; line-height: 1.7; }
ol.commentlist li.comment li.comment { margin: 0 0 0 40px; clear: left; }
ol.commentlist li.comment li.comment:last-child { border-bottom: none; }
ol.commentlist li ul.children { padding: 1px 0 0; clear: both; }
ol.commentlist li p { margin: 5px 0 0; }
ol.commentlist img.avatar { float: left; display: inline; margin: 0 10px 10px 0; border: 2px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); background: #fff; }
ol.commentlist cite { font-size: 12px; line-height: 19px; font-weight: bold; float: left; display: inline; margin-right: 10px; }
ol.commentlist .commentmetadata a { line-height: 18px; font-size: 11px; margin-bottom: 5px; color: #777777; }
ol.commentlist .commentmetadata a:hover { color: #333; }
ol.commentlist blockquote { font-size: 12px; line-height: 18px; }
ol.commentlist span.says { display: none; }
.reply a, .cancel-comment-reply a { font-size: 11px; display: block; margin: 0 0 5px 0; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }
/* comments navigation */
.navigation { font-style: italic; padding: 20px 0 0 0; }

/* 5.2 Comment Form */
#formLabels { float: left; }
#formLabels p { float: left; display: inline; margin: 0 0 10px; width: 100%; color: #8B8B8B; }
#formLabels p label { width: 80px; float: left; color: #333; font-weight: bold; }
#formLabels p.last { margin-right: 0; }
#respond textarea { font-family: Arial; padding: 5px; }
#respond input, #respond textarea { margin-right: 5px; width: 79%; background: #F9F9F9; -moz-border-radius: 3px; border-radius: 3px; }
#respond input { width: 50%; }
#respond #submit { margin: 10px 0 15px 80px; }
#respond #formContent { margin: 7px 0; float: right; }
.comment-list li #respond p { margin-left: 0; }

/* 5.3 Trackbacks */
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }

/* =6. Page Templates
----------------------------------------------- */

/* 6.1 Contact Form */
#contact-form { display: block; width: 100%; }
#contact-form li { background: none; padding-left: 0; }
#contact-form input.txt,
#contact-form textarea { border-color: #ccc #efefef #efefef #ccc; border-style: solid; border-width: 1px; border-radius: 3px; font: 14px/14px Arial, Helvetica, sans-serif; }
#contact-form input.txt { background: #fcfcfc; color: #666; margin: 0 5px 10px 0; padding: 5px 7px; width: 200px; }
#contact-form textarea { background: #fcfcfc; color: #666; padding: 5px 7px; width: 80%; height: 200px !important; }
#contact-form label { display: block; font-size: 12px; line-height: 30px; }
#contact-form #submit { margin: 15px 0 0 0; }
.page-template-template-contact-php .thanks { color: green; }
.page-template-template-contact-php .error { color: red; }

/* 6.2 Full Width */
.one-col { width: 960px !important; }

/* =7. MISC
----------------------------------------------- */

/* 7.1 CSS3 Button */
.submit-button, .submit-button:visited { background: #555 url(images/alert-overlay.png) repeat-x; border: none; display: inline-block; padding: 6px 15px !important; color: #fff !important; font-weight: bold; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.submit-button:hover { color: #fff; opacity: 0.9; }
.submit-button:active { top: 1px; }

/* 7.2  CSS3 Transition */
#search input[type='text'],
#search-form input[type='text'],
ul.slider-nav li { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.entry-box a
#slider a { -webkit-transition: background-color .5s ease, color .5s ease; -moz-transition: background-color .5s ease, color .5s ease; -o-transition: background-color .5s ease, color .5s ease; transition: background-color .5s ease, color .5s ease; }
#primary-navigation li a b,
#secondary-navigation li a b { -webkit-transition: -webkit-transform .2s ease; -moz-transition: -moz-transform .2s ease; -o-transition: -o-transform .2s ease; transition: transform .2s ease; }
.menu-flag-hover { -moz-transform: rotate(179deg); -webkit-transform: rotate(179deg); -o-transform: rotate(179deg); transform: rotate(179deg); }