/*
Theme Name: Our Magazine
Theme URI: http://themetation.com
Description: A Online Magazine WordPress Theme by kailoon and themetation.
Version: 2.7
Author: kailoon
Author URI: http://kailoon.com
*/
/* RESET & GENGERAL */
* { margin: 0; padding: 0; }
body { font: 12px/24px "Lucida Sans", Arial, Helvetica, sans-serif; }
/* FORMATTING */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
h1, h2 { font-size: 30px; }
h1 a, h2 a { text-decoration: none; }
h3 { font-size: 22px; padding-bottom: 10px; }
h4 { font-size: 18px; padding-bottom: 10px;}
h5 { font-size: 16px; padding-bottom: 10px;}
h6 { font-size: 14px; padding-bottom: 10px;}
a { outline: 0; }
.section { font-size: 24px; font-style: italic; }
a:hover { text-decoration: none; }
input, select, textarea { padding: 6px; }
a.button { line-height: 12px; text-decoration: none; font-size: 10px; padding: 5px 10px; height: 11px; }
.clear { clear: both; }
p { padding : 0 0 15px; }
small { font-size: 10px;}
blockquote { margin: 15px 0; padding: 20px 15px 15px 45px; font: 400 18px Arial, Helvetica, sans-serif; font-style: italic; }
/* WORDPRESS DEFAULT STYLESHEET FOR IMAGES*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; margin-top: 10px; margin-bottom: 10px; }
#single img { padding: 7px; }
.alignleft { float: left; margin: 5px 10px 0 0; }
.alignright { float: right; margin: 5px 0 0 10px; }
#single .wp-caption { text-align: center; padding: 7px 3px; border: 1px solid #ccc; }
#single .wp-caption img, .wp-caption a img { border: 0; padding: 0; }
#single .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 0 0; margin: 0; font-weight: 900; font-style: italic; }
/* CONTAINER */
.prewrapper {width:100%;margin:0px}
.wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; float: left; }
#content { float: left; width: 960px; position: relative; margin: 20px 0 40px 0; }
#left-col { float: left; width: 640px; display: inline; margin-right: 20px; }
#right-col { float: right; width: 300px; }
#full, #footer { width: 100%; }
/* HEADER */
#header .header-con { float: left; width: 960px; height: 77px; }
#header #logo { float: left; margin: 0px 0 0; }
#header #logo h1 a { float: left; font-style: italic; font-weight: 900; font-size: 20px; text-decoration: none; padding: 0 0 0 20px; margin: -5px 0 0; }
#preheader #page-menu { float: left; width: 690px; margin: 0px 0 0; }
#preheader #page-menu ul li, #preheader #page-menu ul li.page_item { font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; display: inline; }
#preheader #page-menu ul li a, #preheader #page-menu ul li.page_item a { padding: 5px 10px; margin: 0 10px 0 0; text-decoration: none; }
#rss a.counter { position: relative; }
/* DROPDOWN NAVIGATION */
#navigation { float: left; font: 900 12px Arial, Helvetica, sans-serif; position: relative; z-index: 1000; width: 960px; height: 41px; }
.sf-menu, .sf-menu * { margin: 0; padding:0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 12em; padding: 5px; margin: 1px 0 0; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top: 2.4em; z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 12em; top:-0.1em; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 12em; top: -0.1em; }
.sf-menu { margin: 10px 0 0; float: left; width: 750px; }
.sf-menu a { padding: 10px 20px; text-decoration:none; }
.sf-menu ul a { text-transform: none; border-left: none; padding: 10px; font-weight: 400; padding: 10px; }
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }
a > .sf-sub-indicator { top: .8em; background-position: -10px -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > f-sub-indicator { background-position: 0 -100px }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
/* RSS */
#rss { float: right; width: 150px; padding-top: 16px; }
#rss a.rss-icon { width: 108px; height: 44px; float: right; text-indent: -9999em; position: relative; margin-top: -19px; }
#rss a.counter { margin-right: -15px; font: 900 18px Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: -1px; float: right; text-decoration: none; }
/* MAIN PAGE */
/*-------------------------------------------------------------------------------------*/
/* HEADLINE */
#headline { float: left; width: 638px; display: inline; position:relative; z-index:100; }
.heading { padding: 5px 19px; float: left; width: 600px; }
.heading strong { float: left; font: 900 12px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.heading a.heading-link { font-size: 9px; padding-right: 16px; float: right; margin-top: 0; text-decoration: none; }
a.s-rss { background: url(images/small-rss.png) no-repeat center right; }
a.s-archives { margin-top: 1px; }
#headline .holder { padding: 0 19px; }
#headline #slider { float: left; width: 600px; }
#headline .slider-frame { position: relative; float: left; }
#headline #slider h2 a { position: absolute; top: 150px; right: 0; line-height: 30px; padding: 10px 15px; background: url(images/trans.png) top left repeat; color: #fff; text-align: right;text-shadow: #fc0 0px 1px 1px; }
#headline #slider h2 a:hover { background-color: #000;}
#headline .control { float: right; display: inline; margin: -10px 0 0 0px; position: relative; }
#headline .control a { float: left; text-decoration: none;font-size:18px;color:#000;text-align: center;font-weight:bold; }
#headline .control a.prev { width: 37px; height: 23px; }
#headline #myController a.jFlowSelected { width: 89px; height: 20px; text-align: center; position: absolute; bottom: 0; left: 282px; z-index: 10000; display: block; }
#headline a.read-more { display: none; }
#headline .control a.next{ display: inline; margin-right: 20px; width: 39px; height: 23px; }
#headline #slider .control a:hover { }
.jFlowControl { cursor:pointer; }
.jFlowSelected { text-decoration:none;}
/* RECENT */
#recent { float: left; width: 638px; display: inline; margin: 30px 0; }
#recent .heading { padding: 5px 19px; }
#recent .post-frame { float: left; width: 638px; }
#recent .left-post { float: left; width: 600px; padding: 5px 18px 0 19px; }
#recent .right-post { float: right; width: 300px; }
#recent .left-post .post .postmeta { font-size: 9px; text-transform: uppercase; padding: 1px 15px; clear: both; text-align: right; margin-bottom: 15px; }
#recent .left-post .postmeta a, #recent .right-post .post small a { text-decoration: none; }
#recent .left-post .post p { padding: 15px 0; }
#recent img { margin-bottom: 15px; }
#recent .post h2 a { font-size: 22px; margin-bottom: 15px; }
#recent .thumb-div { float: left; width: 120px; }
#recent .thumb-div img { margin: 0 0 15px 10px; padding: 5px; }
#recent .post-desc { float: right; width: 460px; }
#recent .right-post .post { padding: 15px 19px 15px 18px; }
#recent .right-post .post img { float: left; display: inline; margin: 0 15px 0 0; }
#recent .right-post .post h2 a { font-size: 16px; line-height: 17px; padding: 3px 0; }
#recent .right-post .post small { line-height: 18px; }
.comment-cloud { float: right; width: 40px; height: 25px; text-align: center; }
.comment-cloud a { text-decoration: none; font-size: 10px; }
/* TABS */
.tab { float: left; width: 638px; display: inline; padding: 0; margin: 10px 0 30px; }
.menu { width: 600px; height: 27px; padding: 5px 19px 0; position: relative; }
.menu a.s-archives { float: right; padding-right: 16px; font-size: 9px; right: 15px; text-decoration: none; }
.tab .ui-tabs-nav li { float: left; margin: 0 15px 0 0; display: inline; font-family: Arial, Helvetica, sans-serif; font-weight: 900; }
.menu strong { float: left; padding: 0 12px; }
.tab .ui-tabs-nav li a { float: left; padding: 0 12px 3px; text-decoration: none; }
.tab .ui-tabs-nav li#popular { float: right; font: 900 11px Arial, Helvetica, sans-serif; margin: -5px -19px 0; line-height: 18px; }
.tab .ui-tabs-nav li#popular a { padding: 7px 14px 8px; }
.tabdiv { float: left; position: relative; width: 638px; }
.ui-tabs-hide { display: none; }
.tabdiv-left { float: left; width: 328px; padding: 25px 18px 25px 19px; }
.tabdiv-right { float: left; width: 272px; padding: 25px 0 25px; }
.tabdiv a img { margin: 0 0 10px 10px; float: right; padding: 4px; }
.tabdiv h2 a { font-size: 18px; color: #333; display: block; margin: 0 0 20px; }
.tabdiv-right ul { list-style: none; font-size: 11px; padding: 10px 0; }
.tabdiv-right ul strong { padding-left: 19px; }
.tabdiv-right ul li { padding: 5px 19px 5px 18px; }
.tabdiv a.s-rss, #archive a.s-rss { float: right; margin-right: 19px; display: inline; padding-right: 16px; font-size: 9px; text-decoration: none; }
.menu2 a.s-rss { margin: 0; }
.more2 { text-align:center; }
.more2 a { text-decoration: none; font: 900 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#c5 ul { float: left; padding: 20px 0 20px 40px; }
#c5 ul li { margin: 3px 0; float: left; width: 290px; }
#c5 ul li a { padding: 5px; }
#spe { background-image: none; padding: 0; width: 638px; }
#spe a img { float: left; margin: 0 10px 0 0; }
.front { float: left; width: 600px; padding: 15px 19px; margin-bottom: 15px; }
.front span { float: right; width: 470px; }
.menu2 { float: left; width: 600px; padding: 5px 19px 5px; }
.menu2 strong.special { font: 900 12px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; }
a.spec { float: right; padding-right: 16px; font-size: 9px; text-decoration: none; margin: 0; }
/* SIDEBAR */
.col { margin-bottom: 15px; }
#sidebar { width: 300px; border-bottom: 0; }
#sidebar h3 { font: 900 24px/24px Arial, Helvetica, sans-serif;padding-bottom: 20px; }
#sidebar h3.widget { padding: 15px; }
.box { padding: 25px 15px; margin: -1px 0; }
.box2 { padding: 25px 15px; margin: 15px 0; }
.widget { margin: -1px 0 0 0; }
.widget h3 { padding: 20px 15px; }
#sidebar .widget ul { margin: 15px; padding: 15px 15px 15px 40px; }
#sidebar .widget ul ul { margin: 0; background: none; border: 0; padding: 0; }
#sidebar .widget ul li { padding: 3px 0; }
#sidebar .widget ul li a { text-decoration: none; }
#sidebar .widget ul li a:hover { text-decoration: underline; }
.tagcloud { padding: 15px; }
.tagcloud a { text-decoration: none; }
.tagcloud a:hover { text-decoration: underline; }
#sidebar .box3 a img { padding: 3px; }
#sidebar .box3 a:hover img { }
.box2 ul { padding: 0 15px; }
.box2 ul ul { padding: 0; }
.box-feed { }
.big-ad a img, #sidebar a img { border: 0; }
#sidebar a img { margin: 0 3px 5px; }
#sidebar ul { list-style: none; }
#sidebar ul li { padding: 7px 0 0; font-size: 11px; }
#sidebar ul li a { font-size: 12px; }
#sidebar #user-link { padding: 0 0 25px 0; }
.box-feed ul li { padding: 10px 0; font-size: 11px; }
#sidebar .box-feed p { line-height: 19px; }
#sidebar #user-link h3 { float: left; width: 100%; margin-top: -2px; padding: 0; }
.box-feed a.button { float: right; display: inline; margin: 0 0 0 15px; }
.side-search form input#s { width: 120px; float: left; padding: 4px; display: inline; margin-right: -1px; }
.side-search form input#searchbutton { color: #000; float: left; background: #cbd5e4/*url(images/search.gif) repeat-x top left*/; height: 26px; padding: 0 10px; }
.side-search form input#searchbutton:hover {background-color:#7fa3d8; color:#fff}
/* SIDEBAR TABS*/
#sidebar .sidetab { width: 268px; }
#sidebar .sidetab-head { width: 268px; padding: 5px 0 0; }
#sidebar .sidetab .ui-tabs-nav li { position: relative; border-top: 0; display: inline; }
#sidebar .sidetab .sidetabdiv ul { padding: 15px; float: left; }
#sidebar .sidetab .ui-tabs-nav li a { font-size: 10px; float: left; display: inline; margin: 0 30px -1px 0; text-decoration: none; padding-bottom: 10px; }
#sidebar .sidetabdiv { float: left; width: 266px; }
.ui-tabs-hide { display: none; }
#sidebar .sidetabdiv ul li { border-top: 0; padding: 3px 0 3px 25px; float: left; width: 205px; }
#flickr .ph { padding: 15px; }
#flickr a img { margin: 2px; padding: 4px; }
/* BOTTOM EXTRA */
#full { clear: both; padding: 17px 0; }
#full #path-container { float: left; width: 960px; font-size: 9px; text-transform: uppercase; }
#full #path-container .path { float: left; width: 900px; }
#full #path-container .path a { color: #cdba8d; }
#full #path-container .path a:hover { color: #fff; }
#full a.top { float: right; width: 35px; height: 27px; }
/* FOOTER */
#footer { float: left; clear: both; padding: 5px 0; font-size: 10px; }
#footer .credit { float: left; width: 100%; }
#footer .credit span { float: left; }
#footer .credit em { font-style: normal; float: right; }
#footer a { text-decoration: none; }
.full-cat ul, .full-cat ul ul { padding: 15px 0; list-style: none; text-align: center; width: 600px; margin: 0 auto; }
.full-cat ul li { display: inline; margin: 0 5px; font-size: 10px; text-transform: uppercase; }
.full-cat ul li a { text-decoration: none; }
/* SINGLE */
#single { float: left; width: 640px; }
#single .single-post { padding: 15px 19px; margin-bottom: 15px; float: left; width: 600px; }
#single h2 { font: 900 40px Arial, Helvetica, sans-serif; padding-bottom: 20px; }
#single ol, #single ul { padding: 18px 22px 18px 40px; list-style-position: outside; }
#single .tab ul { padding: 7px 19px 0; }
#single .tabdiv { padding: 15px 19px; width: 600px; }
#single .tabdiv ul { padding: 0 0 0 20px; }
#single .tabdiv ul li { }
#author-intro img { background-color: #fff; float: left; margin: 0 15px 0 0; display: inline; }
/* Respond */
#comments { float: left; width: 640px; }
.comment-title{ float: left; width: 600px; padding: 3px 19px; margin-bottom: 9px; }
label { font-weight: 900; }
.left-form { float: left; width: 200px; }
.right-form { float: right; width: 314px; }
.comment-title a { float: right; display: inline; margin-left: 15px; text-transform: uppercase; text-decoration: none; font-size: 10px; }
.comment-title h3 { letter-spacing: 0; font: 900 12px Arial, Helvetica, sans-serif; float: left; padding: 0; text-transform: uppercase; padding: 5px 0; }
#respond2 { float: left; width: 638px; }
#single ul.commentlist, #single ul.commentlist ul { padding: 0; list-style: none; float: left; }
#single ul.commentlist ul { padding: 0 0 0 111px; }
#single ul.commentlist ul ul { padding: 0 0 0 100px; }
ul.commentlist li { float: left; width: 640px; }
ul.commentlist li li { width: 527px; }
ul.commentlist li li li { width: 427px; }
ul.commentlist li li .comment-meta { width: 527px; }
ul.commentlist li li li .comment-meta { width: 427px; }
#single #comments .tabs .sidetab-head { list-style: none; float: left; width: 610px; padding: 5px 14px; margin-bottom: 10px; }
#single #comments .tabs .sidetab-head li { display: inline; float: left; padding: 4px 8px; margin: 0 10px 0 0; }
#single #comments .tabs .sidetab-head a { text-decoration: none; }
#single #comments .tabs .sidetab-head a.cap { float: right; padding: 4px 0; text-transform: uppercase; }
#single #comments .tabs .sidetab-head li.ui-tabs-selected a { font-weight: 900; }
.comment-author { width: 80px; float: left; display: inline; font: 900 11px Arial, Helvetica, sans-serif; padding: 15px; margin: 0 -1px 0 0; position: relative; }
.children .comment-author { display: none; }
.children .comment-author img { display: block; padding: 0; border: 0; }
.comment-author img { display: block; padding: 0; border: 0; margin-bottom: 5px; }
.comment-meta { position: relative; padding: 15px 0 0; float: left; width: 527px; margin-bottom: 10px; }
.comment-meta img { display: none; float: right; margin: 0 30px 5px 10px; }
.children .comment-meta img { display: inline; }
.comment-meta p { padding: 0 30px 46px; }
ul .reply { padding: 3px 30px; float: left;margin-top: -15px; width: 467px; margin-bottom: 10px; }
ul ul .reply { width: 467px; }
ul ul ul .reply { width: 367px; }
.pinglist { padding: 0 0 0 20px; }
ul.commentlist .comment-reply-link { float: right; }
#respond { float: left; width: 640px; }
#respond .comment-title { margin: 0 0 -1px 0; }
#commentform { float: left; width: 610px; padding: 15px 14px; }
#reply #commentform { border: 0; }
#commentform input { font-size: 11px; width: 180px; }
#commentform textarea { width: 300px; height: 200px; }
.tagss { width: 300px; }
input#submit-comment { width: auto; font: 900 12px Arial, Helvetica, sans-serif; padding: 6px 12px; }
.commentlist #respond { float: right; width: 310px; padding: 15px; margin: 15px 0; }
.commentlist #respond #commentform { width: 285px; border: 0; }
.commentlist #respond .comment-title, .commentlist #respond .tagss { display: none; }
.commentlist #respond textarea { width: 200px; }
#respond-web { float: left; width: 640px; }
#respond-web ul { padding: 0; list-style: none; margin-bottom: 40px; border-top: 0; }
#respond-web ul li { padding: 5px 19px; }
#respond-web ul li strong { }
#respond-web ul li p { font: 11px/19px "Lucida Sans", Arial, Helvetica, sans-serif; }
#reply { float: left; width: 638px; }
/* PAGE */
#page { float: left; width: 640px; }
#page_nav { float: left; width: 109px; padding: 0; list-style: none; margin-right: -1px; position: relative; }
#page_nav ul { list-style: none; }
#page .normal_page { float: right; width: 482px; padding: 15px 19px 15px 29px; }
.normal_page h2 { padding-bottom: 30px; }
#page_nav li { padding: 4px 15px; }
#page_nav li a { text-decoration: none; }
#page_nav li.current_page_item { color: #000; font-weight: 900; }
#page_nav li.current_page_item li { font-weight: 400; }
/* ARCHIVE */
#archive { float: left; width: 638px; }
#archive h2 { font: 900 30px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; }
#archive h2.pagetitle, #author h2.pagetitle { font: 400 16px Arial, Helvetica, sans-serif; padding: 10px 19px 10px; }
.ar-post { float: left; width: 600px; margin: 0 0 15px 0; padding: 15px 19px; }
.ar-post .thumb-div { float: left; width: 120px; }
.ar-post .post-desc { float: right; width: 460px; }
#archive a.s-rss {margin-top: 10px; }
#submenu { clear: both; width: 638px; }
#submenu ul { list-style: none; padding: 0; }
#submenu ul ul { border: 0; padding: 5px 19px 5px 24px; }
#submenu ul li { padding: 15px; margin-bottom: 20px; }
#submenu ul li li { border: 0; padding: 2px 0; margin-bottom: 0; }
#submenu ul li a { font: 900 18px Arial, Helvetica, sans-serif; text-decoration: none; }
#submenu ul li li a { font: 400 12px "Lucida Sans", Arial, Helvetica, sans-serif; }
#submenu ul li li a:hover { text-decoration: underline; }
.ar-post .thumb-div a img { padding: 5px; }
p.meta { padding: 1px 10px; font-size: 9px; text-transform: uppercase; }
p.meta a { text-decoration: none; }
.ar-post .fly { float: left; width: 460px; }
.ar-post .fly small { float: left; }
.ar-post .fly .fly-comment { float: right; width: 40px; height: 25px;font-size: 10px; text-align: center; }
.ar-post .fly .fly-comment a { text-decoration: none; }
/* AUTHOR */
#author { float: left; width: 640px; }
#author h2 a { font-size: 14px; }
#author h2.pagetitle { font-weight: 900; color: #000; padding-left: 0;}
.author-page { float: left; width: 600px; margin-bottom: 25px; padding: 19px; }
.author-page .author-left { float: left; width: 100px; }
.author-page img { padding: 5px; }
.author-page .author-right { float: right; width: 490px; }
.author-page .author-right h3 { padding-bottom: 20px; text-transform: uppercase; }
#author h4 { font: 400 16px Arial, Helvetica, sans-serif; padding: 15px 0; }
#author ul { float: left; width: 640px; list-style: none; padding: 0; }
#author ul li { float: left; width: 610px; padding: 8px 15px; display: inline;}
#author ul li small { float: left; width: 109px; padding: 0 10px 0 0; display: inline;}
#author ul li h2 { float: left; width: 410px; padding: 0 10px; display: inline; }
#author ul li em { font-size: 10px; float: left; width: 50px; width: 40px; height: 25px; text-align: center; display: inline;}
.wp-pagenavi { text-align: right; float: left; width: 640px; margin: 20px 0; font-size: 11px; }
.wp-pagenavi span.pages { float: left; }
.wp-pagenavi a { text-decoration: none; padding: 4px 8px; margin-left: 10px; }
.wp-pagenavi a:hover { }
.wp-pagenavi .current { font-weight: 900; padding: 4px 8px; margin-left: 10px; }
#single #month { list-style: none; float: left; width: 300px; padding: 0; }
#single #year { list-style: none; float: right; width: 300px; padding: 0; }
#single #year ul { padding: 0; list-style: none; }
#single #month h3, #single #year h3 { padding-bottom: 30px; }
.navigation { float: left; width: 640px; padding: 10px 0; }
/* VIDEO SECTION*/
.vid { float: left; width: 640px; margin: 10px 0 20px;}
.left-vid { float: left; width: 342px; padding: 15px 19px; }
.left-vid object, .left-vid embed { width:340px; }
.vid p { padding: 0; }
.vid ul{ float: right; position: relative; width: 259px; list-style: none; margin: 0 0 0 -1px; }
.vid ul li { padding: 10px 19px; }
.vid ul li.ui-tabs-selected a { font-weight: 900; text-decoration: none; }
.vid ul li a.go { right: 19px; position: absolute; float: right; text-indent: -9999em; width: 13px; height: 18px; }
.video object, .video embed { width: 268px; }
.video h3 { margin-bottom: 15px; }
.video .v{ padding: 0 15px; }
#sidebar .video .v ul.ui-tabs-nav { list-style-image: none; }
#sidebar .video ul li { padding: 5px 15px; margin: 0 0 -1px; }
#sidebar .video ul li.ui-tabs-selected a { font-weight: 900; text-decoration: none; }
#sidebar .video ul { background: none; border: 0; list-style-image: none; padding: 0; clear: both; margin-top: 0;}
#breadcrumb { float: left; width: 960px; margin: 10px 0 -10px 0; font-size: 9px; text-transform: uppercase; }
#full-page { width: 960px; }
#full-page h2 { padding-bottom: 20px; }
.content-page { padding: 15px 19px; width: 810px; float: left; }
.content-page ol {list-style-position: outside;padding:0 0 0 15px}
.social { float: left; width: 610px; padding: 10px 14px; margin: -16px 0 20px; }
.social strong { float: left; display: inline; margin-right: 20px; }
.social a { height: 24px; float: right; font-size: 10px; text-decoration: none; line-height: 20px; display: inline; margin-left: 20px; text-indent: -9999em; width: 24px; }
body { background: #f0f0f0 url(images/header-bg.gif) repeat-x top left; color: #434343; }
a { color: #0a2968; }
.section { color: #000; }
h1, h2 { color: #000; }
a:hover { color: #0a2968; }
input, select, textarea { border: 1px solid #91a7b3; color: #333; }
a.button { line-height: 12px; text-decoration: none; background: #fff url(images/page.png) repeat-x bottom left; border: 1px solid #999; color: #434343; font-size: 10px; padding: 5px 10px; height: 11px; }
a.button:hover { background: #fff url(images/page2.png) repeat-x top left; color: #333; border: 1px solid #666; }
form.wpcf7-form input[type=submit] { background: #fff url(images/page.png) repeat-x bottom left; }
form.wpcf7-form input[type=submit]:active { background: #fff url(images/page2.png) repeat-x top left; }
small { color: #6f6f6f; }
blockquote { background: url(images/quote-left.jpg) no-repeat top left; }
/* WORDPRESS DEFAULT STYLESHEET FOR IMAGES*/
#single img {background-color: #fff; border: 1px solid #ccc; }
a:hover img.alignleft, a:hover img.alignright { border: 1px solid #222; }
/* HEADER */
#header { background: url(images/header-light.png) no-repeat top left;margin-top:6px }
#header #pic{ right:0px;width:450px;height:90px;display:block;clear:both;position:absolute }
#header #logo h1 a {color: #fff; }
#preheader #page-menu ul{ }
#preheader #page-menu ul li a, #preheader #page-menu ul li.page_item a { color: #fff; }
#preheader #page-menu ul li a.current, #preheader #page-menu ul li.current_page_item a { background: #666; border: 1px solid #3e3e3b; color: #fff; }
#preheader #page-menu ul li a:hover, #preheader #page-menu ul li.page_item a:hover { color: #000;background: #ffdd05; }
#preheader #preright {float:right;color:#fff}
#login-header {background-color:#000;position:absolute;z-index:9999999;width:100%;height:147px;display:block;top:-147px;background-color:rgba(0,0,0,0.7);color:#fff}
#login-header h3 {color:#fff}
#login-header a {color:#fff;text-decoration:underline}
#login-header a:hover {text-decoration:none}
#login-header input[type=submit] { background: #fff url(images/page.png) repeat-x bottom left; }
#login-header input[type=submit]:active { background: #fff url(images/page2.png) repeat-x top left; }
#login_btn {font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase;line-height:28px;vertical-align:middle;color:#fff !important;position:absolute;top:146px;right:100px;padding:2px 5px 2px;}
.open {background-color:#000;background-color:rgba(0,0,0,0.8);}
/* DROPDOWN NAVIGATION */
.sf-menu ul { border: 1px solid #3b2f26; background-color: #1b1510; }
.sf-menu a { text-decoration:none; color: #fff; }
.sf-menu a:hover { color: #fff29c; text-decoration:underline }
.sf-menu li.current-cat a { color: #fff29c; }
.sf-menu ul a { color: #fff; }
.sf-menu ul a:hover { color: #fff; }
.sf-sub-indicator { background:url(images/arrows.gif) no-repeat -10px -100px; }
/* RSS */
#rss a.counter { color: #400303; }
#rss a.rss-icon { background: url(images/rss.png) no-repeat top right; }
/* MAIN PAGE */
/*-------------------------------------------------------------------------------------*/
/* HEADLINE */
#headline {background-color: #fff; border: 1px solid #91a7b3; }
.heading { border-bottom: 1px solid #91a7b3; }
.heading strong { color: #225d97; }
.heading a.heading-link { color: #5a2000; }
#headline #slider h2 a:hover { color: #fc0; }
#headline .control a { color: #5a2000; }
#headline #slider .control a:hover { color: #000; }
#headline .control a.prev { }
#headline #myController a.jFlowSelected { background: url(images/full.png) no-repeat top left; }
#headline .control a.next{ }
#headline .control a:hover, #headline #myController a.jFlowSelected:hover { background-color:#225d97;color:#fff }
/* RECENT */
a.s-archives { background: url(images/archives.png) no-repeat center right; }
#recent { background-color: #eff4f8; border: 1px solid #91a7b3; }
#recent .left-post { /*border-right: 1px solid #d6cfb3;*/ background-color: #eff4f8; }
#recent .left-post .post .postmeta { border-top: 1px solid #91a7b3; border-bottom: 1px solid #91a7b3; background-color: #cbd5e4; }
#recent .left-post .postmeta a, #recent .right-post .post small a { color: #0e3d6b; }
#recent .left-post .postmeta a:hover, #recent .right-post .post small a:hover { color: #000; }
#recent .post h2 a { color: #333;text-shadow: #CCC 1px 1px 1px; }
#recent .post h2 a:hover { color: #000; }
#recent .post h2 a:active { background-color: #225d97; color:#fff }
#recent .right-post .post { border-bottom: 1px solid #91a7b3; }
#recent .right-post .post:hover { background-color: #f6f5ea; }
#recent .thumb-div img { border: 1px solid #ccc; background-color: #fff; }
/* TABS */
.tab { background-color: #fff; border: 1px solid #91a7b3; }
.menu { background-color: #cbd5ea; border-bottom: 1px solid #91a7b3; }
.menu a.s-archives { color: #5a2000; }
.menu strong { color: #000; }
.tab .ui-tabs-nav li a { color: #5d5c49; }
.tab .ui-tabs-nav li a:hover { color: #000; }
.tab .ui-tabs-nav li#popular { background-color: #cbd5ea; }
.tab .ui-tabs-nav li.ui-tabs-selected a { color: #000; background-color: #fff; border: 1px solid #91a7b3; border-bottom: 0; }
.tab .ui-tabs-nav li.ui-tabs-selected a.popula { border: 0; color: #000; background-color: #fff; border-left: 1px solid #91a7b3; border-bottom: 1px solid #fff; }
.tabdiv-left { border-right: 1px solid #d6cfb3; }
.tabdiv a img { border: 1px solid #ccc; background-color: #fff; }
.tabdiv a:hover img { border: 1px solid #666; }
.tabdiv h2 a { color: #333; }
.tabdiv h2 a:hover { color: #000; }
.tabdiv-right ul strong { color: #000;}
.tabdiv-right ul li { border-bottom: 1px solid #91a7b3; }
.tabdiv-right ul li:hover { background-color: #f6f5ea; }
.tabdiv a.s-rss, #archive a.s-rss { color: #d1aa0a; }
.more2 a:hover { color: #000; }
.tabdiv-right ul li.more2:hover { background-color: #fff; }
#spe { background-color: #fff; border: 1px solid #91a7b3; }
#spe a img { float: left; margin: 0 10px 0 0; }
.front { float: left; width: 600px; padding: 15px 19px; margin-bottom: 15px; border-bottom: 1px solid #91a7b3; }
.front span { float: right; width: 470px; }
.front h2 a:hover { color: #68220a; }
.menu2 { border-bottom: 1px solid #91a7b3; }
.menu2 strong.special { color: #bbb693; }
a.spec { color: #d1aa0a; }
/* SIDEBAR */
#sidebar h3 { color: #000;text-shadow: #fff 1px 1px 1px; }
#sidebar h3.widget { background-color: #d4e0ea; border-bottom: 1px solid #8ca2b9; }
.box { border: 1px solid #91a7b3; background-color: #e5eff1; }
.box2 { border: 1px solid #b7b095; background-color: #d4e0ea; }
.widget { border: 1px solid #91a7b3; background-color: #e5eff1; }
.widget h3 { border-bottom: 1px solid #91a7b3; border-top: 1px solid #fff; background-color: #d4e0ea; }
#sidebar .widget ul { background-color: #fff; border: 1px solid #6f7583; }
#sidebar .widget ul li a:hover { color: #000; }
.tagcloud a:hover { color: #000; }
#sidebar .box3 a img { background-color: #fff; border: 1px solid #d4e0ea; }
#sidebar .box3 a:hover img { border: 1px solid #333; }
.box-feed { background-color: #e4e1cb; }
.box-feed ul li { border-top: 1px solid #d8d4b8; }
.side-search form input#searchbutton { border: 1px solid #91a7b3; }
/* SIDEBAR TABS*/
#sidebar .sidetab .ui-tabs-nav li a { color: #898569; }
#sidebar .sidetab .ui-tabs-nav li a:hover { color: #000; }
#sidebar .sidetab .ui-tabs-nav li.ui-tabs-selected a { color: #000; }
#sidebar .sidetabdiv { color: #cdba8d; border: 1px solid #beb995; background-color: #fff; }
#flickr .ph { padding: 15px; }
#flickr h3 { color: #117ac0; }
#flickr h3 span { color: #ed1e79; }
#sidebar #flickr a img { background-color: #fff; border: 1px solid #6f7583; }
#sidebar #flickr a:hover img { border: 1px solid #000; }
/* BOTTOM EXTRA */
#full { background: #f3cf91 url(images/body-bg.gif) repeat-x top left; color: #000; }
#full #path-container .path a { color: #000;font-weight:bold;text-shadow: #fff 1px 1px 1px; }
#full #path-container .path a:hover { color: #fff; }
#full a.top { background: url(images/top.png) no-repeat top left; }
/* FOOTER */
#footer { background-color: #a71616; color: #ffdd05; border-top: 1px solid #333;text-shadow: #000 1px 1px 1px; }
#footer a { color: #fff; }
#footer a:hover { color: #f9b200; }
.full-cat ul li a { color: #000; }
.full-cat ul li a:hover { color:#a71616; }
/* SINGLE */
#single .single-post { border: 1px solid #91a7b3; background-color: #fff; }
#single h2, #single h3, #single h4, #single h5, #single h6, #single strong { color: #222;text-shadow: #ddd 1px 1px 1px; }
#author-intro img { background-color: #fff; }
/* PHOTOGALLERY */
a.photoset {display:block;float:left;height:120px;width:120px;text-align:center;border:1px solid #91A7B3;margin:2px 16px 2px 2px;overflow:hidden}
a.photoset:hover {border-color:#000;color:#000;background-color:#EBF0F1;text-shadow: #fff 1px 1px 1px}
a.photoset span {position:absolute;background-color:#9B1313;color:#fff;width:22px;height:22px;font-weight:bold;padding:2px;z-index:1000; }
a.photoset div {background:url(images/photogallery_load.gif) no-repeat center center;width:100px;height:80px;display:block;z-index:2;margin: 0px auto }
a.photoset p {display:block;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:2ppx;line-height:22px;margin:3px auto}
a.photoset div img {border:0px !important;margin:2px 0px 0px !important;padding:0px !important;background-color:transparent !important}
.photoset-small { width:250px !important;height:220px !important }
.photoset-small div {width:240px !important;height:180px !important}
.photoset-small div img {border:0px !important;margin:2px 0px 0px !important;padding:0px !important;background-color:transparent !important}
/* Respond */
.comment-title{ border-bottom: 1px solid #91a7b3; }
#comments .comment-title { border: 1px solid #91a7b3; background-color: #fff; }
.comment-title a { float: right; display: inline; margin-left: 15px; text-transform: uppercase; text-decoration: none; font-size: 10px; }
.comment-title h3 { color: #BBB693; }
#single #comments .tabs .sidetab-head { border: 1px solid #91a7b3; background-color: #fff; }
#single #comments .tabs .sidetab-head li.ui-tabs-selected a { color: #000; }
.comment-author { border: 1px solid #91a7b3; background-color: #fff; border-right: 1px solid #fff ; }
.comment-meta { border: 1px solid #91a7b3; background-color: #fff; }
ul .reply { background-color: #F6F5EA; border-bottom: 1px solid #91a7b3; }
#respond .comment-title { background-color: #fff; border: 1px solid #91a7b3; }
#commentform { background-color: #fff; border: 1px solid #91a7b3; }
#commentform input { color: #434343; }
#commentform textarea { color: #434343; }
input#submit-comment { background: #fff url(images/page2.png) repeat-x top left; border: 1px solid #ccc; }
#submit-comment:hover { border: 1px solid #999; background: #fff url(images/page.png) repeat-x bottom left; }
.commentlist #respond { background-color: #fff; border: 1px solid #ccc; }
#respond-web ul { background-color: #fff; border: 1px solid #91a7b3; border-bottom: 0; }
#respond-web ul li { background-color: #F6F5EA; border-bottom: 1px solid #D6CFB3; }
#respond-web ul li.alt { background-color: #fff; }
#reply { border: 1px solid #D6CFB3; background-color: #fff; }
/* PAGE */
#page .normal_page { background-color: #fff; border: 1px solid #91a7b3; }
#page_nav li.current_page_item { color: #000; background-color: #fff; border: 1px solid #91a7b3; border-right: 1px solid #fff; }
#page_nav li.current_page_item a { color: #000; }
/* ARCHIVE */
#archive { background-color: #fff; border: 1px solid #91a7b3; }
#archive h2 { color: #222; }
#archive h2 a { color: #434343; }
#archive h2 a:hover { color: #000; }
#archive h2.pagetitle, #author h2.pagetitle { color: #666; }
.ar-post { border-top: 1px solid #91a7b3; }
#submenu ul li { background-color: #fff; border: 1px solid #91a7b3; }
#submenu ul li a { color: #999; }
#submenu ul li li a { color: #434343; }
#submenu ul li a:hover { color: #0A2968; }
.ar-post .thumb-div a img { border: 1px solid #ccc; background-color: #fff; }
p.meta { background-color: #cbd5ea; border-bottom:1px solid #91a7b3; border-top:1px solid #91a7b3; }
p.meta a:hover { color: #000;}
/* AUTHOR */
#author h2.pagetitle { color: #000; }
.author-page { background-color:#cbdcf5; border:1px solid #91a7b3; }
.author-page img { border: 1px solid #333; background-color: #000; }
.author-page .author-right h3 { color: #000; }
#author h4 { color: #666; }
#author ul { border-bottom: 1px solid #ccc; }
#author ul li { border-top: 1px solid #91a7b3; border-bottom: 1px solid #fff; background-color: #cbd5ea; }
#author ul li small { border-right: 1px solid #fff; padding: 0 10px 0 0; }
#author ul li:hover { background-color: #eff4f8; }
#author ul li h2 { border-left: 1px solid #ccc; }
#author ul li a:hover { color: #000; }
.wp-pagenavi a { background: #fff url(images/page2.png) repeat-x top left; border: 1px solid #ccc; }
.wp-pagenavi a:hover { background: #fff url(images/page.png) repeat-x bottom left; border: 1px solid #999; }
.wp-pagenavi .current { background: #fff url(images/page2.png) repeat-x top left; border: 1px solid #ccc; }
/* VIDEO SECTION*/
.left-vid { background-color: #fff; border: 1px solid #D6CFB3; }
.vid ul li { border: 1px solid #F3F1E0; border-left: 1px solid #D6CFB3; }
.vid ul li.ui-tabs-selected { background-color: #fff; border: 1px solid #D6CFB3; border-left: 1px solid #fff; }
.vid ul li.ui-tabs-selected a { color: #000; }
.vid ul li a.go { right: 19px; position: absolute; background: url(images/control_play2.png) no-repeat top left; float: right; text-indent: -9999em; width: 13px; height: 18px; }
.vid ul li.ui-tabs-selected a.go { background: url(images/control_play.png) no-repeat top left; }
#sidebar .video ul li { background-color: #fff; border: 1px solid #91a7b3; }
#sidebar .video ul li.ui-tabs-selected a { color: #000; }
#c5 ul { list-style-image: url(images/bullet_go.png); }
#sidebar .widget ul { list-style-image: url(images/bullet_go.png); }
#sidebar .widget ul.ec3_events { list-style-image: url(images/calendar.png); }
#sidebar .video ul { list-style-image: none; }
#sidebar .sidetab .sidetabdiv ul li { background: url(images/bullet_go.png) no-repeat top left; }
#single .tab ul { list-style-image: url(images/bullet_go.png); }
.pinglist { list-style-image: none; }
#submenu ul ul { border: 0; list-style-image: url(images/bullet_go.png); }
#author ul li em { background: url(images/comment-cloud2.png) no-repeat top left; }
#author ul li:hover em { background: url(images/comment-cloud3.png) no-repeat top left; }
.comment-cloud { background: url(images/comment-cloud.png) no-repeat top left; }
.ar-post .fly .fly-comment { background: url(images/comment-cloud.png) no-repeat top left; }
#breadcrumb, #breadcrumb a { color: #0e3d6b;text-shadow: #fff 1px 1px 1px; }
#breadcrumb a:hover { color: #000; }
.content-page { background-color: #fff; border: 1px solid #91a7b3; }
.social { border: 1px solid #91A7B3; background-color: #CBD5EA; }
.social a#delicious-button { background: url(images/delicious.png) no-repeat top left; }
.social a#stumble-button { background: url(images/stumble.png) no-repeat top left; }
.social a#digg-button { background: url(images/digg.png) no-repeat top left; }
.social a#redd-button { background: url(images/redd.png) no-repeat top left; }
.social a#mixx-button { background: url(images/mixx.png) no-repeat top left; }
.social a#twitt-button { background: url(images/twitt.png) no-repeat top left; }
.social a#rss2-button { background: url(images/rss2.png) no-repeat top left; }
/*attach file graphics */
.attach-container {height:20px;line-height:20px;vertical-align:middle;}
.attach {background: url(images/attach_sprite.png) no-repeat 0px 0px;display:block;width:16px;height:16px;float:left;padding-left:5px}
.pdf {background-position: 0px -16px}
.zip {background-position: 0px -32px}
.xls {background-position: 0px -64px}
.doc {background-position: 0px -80px}
.ppt {background-position: 0px -48px}
.music {background-position: 0px -96px}
.video {background-position: 0px -112px}
.document {background-position: 0px 0px}
.map {background-position: 0px -128px} /*per lo shorttag location che crea un attach con classe map*/
a.link-preview {display:inline-block;margin:3px;padding:0 5px 0;height:30px;min-width:120px;text-align:center;line-height:30px;vertical-align:middle;border:2px solid #ffc000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;color:#000 !important;
border-radius: 5px;background-color:#fff8c8}
a.link-preview:hover {background-color:#ffde00}
a.link-preview:active {background-color:#ffc000; border-color:#fff8c8;color:#000 !important}