/*
Theme Name:     tweaker3
Version: 	1.0.5
Author: 	Arnold Goodway
License: 	GNU General Public License v2.0
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Author URI:	http://tweaker.co.za/
Theme URI:	http://forum.tweaker.co.za/

Default browser CSS. Based on work by Eric Meyer: 
   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

/* =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, img, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {outline: 0;}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {quotes: "" "";}


/* =Layout
----------------------------------------------- */
body{
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-weight:300; 
font-style:normal;
font-size:10px/36px;
color:#222;
line-height:1.5em;
}
/*font-size-adjust:0.47; */

p {font-size:15px;}

#breadcrumb{
width:940px;
float:left;
margin-bottom:0px;
line-height:0;
visibility:hidden;
}
.crumb{
padding:0 0 0 0px;
visibility:hidden;
line-height:0;
}

/*background-color:#BBC8D3;*/
#container-border {
width:896px;
border: 1px #fff solid;
background-color:#BBC8D3;
margin: 55px 21px 0;
}
#container{
border:1px #fff solid;
overflow:hidden;
width:844px;
margin:5px;
background-color:#DAEAF4;
padding: 20px 20px 5px;
background-repeat: no-repeat;
}
#container.gallery {
background-image: url('/images/bolly_n_tcups1.png'); 
background-position: 290px 50px;
}
#container.community {
background-image: url('/images/uk_tie_girls1.png'); 
background-position: 430px 70px;
}

#content{
width:500px;
float:left;
}
#content-wide{
width:844px;
float:left;
}

#bg-overlay{
background-image:url(/images/menu_bg.png);
background-position:top center;
background-repeat:no-repeat;
width:100%;
}

#footer-container{
clear:both;
overflow:hidden;
margin:0;
margin-bottom:0px;
}
#footer-container .widget-title{padding-top:0px;}
#footer-left{
width:280px;
float:left;
}
#footer-center{
width:340px;
float:left;
margin:0;
}
#footer-right{
width:280px;
float:right;
}
#footer-bottom{
clear:both;
width:100%;
background:transparent;
font-size:10px;
}
#footer-bottom p{font-size:11px;}
#footer-bottom a:link,
#footer-bottom a:visited{}
#footer-bottom a:hover,
#footer-bottom a:focus,
#footer-bottom a:active{text-decoration:underline;}

#elj-footer {
width:896px;
margin: 20px auto 20px;
}
#elj-footer p{
font-size: 11px;
color: #ccc;
}
#elj-footer a{color: #71B0D3;}

#sidebar{
width:300px;
float:right;
}

/* For wrapper below - top/bottom margin changed
---from 25px to 0 so that bg overlay will go to top ---------*/
#wrapper{
margin:0px auto;
overflow:hidden;
width:940px;
}

.content-container{
clear:both;
width:100%;
overflow:hidden;
margin-top:0;
}
.content-left{
width:45%;
float:left;
}
.content-right{
width:45%;
float:right;
}
.entry-content{
clear:both;
overflow:hidden;
margin-bottom:10px;
}
.entry-content p img{
max-width:600px;
height:auto;
}

/* =Headings
----------------------------------------------------------- */
h1,h2,h3,h4,h5{
color:#222;
margin-bottom:10px;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-weight:400; 
}
h1{font-size:40px;}
h2{font-size:26px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{
font-size:14px;
font-weight:700
}
h6{font-size:12px;}

/* =HTML
--------------------------------------------------- */
acronym,abbr{
border-bottom:1px dashed #666;
cursor:help;
text-transform:uppercase;
}
address{
font-style:italic;
margin:0 0 20px;
}
big{font-size:120%;}
blockquote{
background:url(images/blockquote.png) left top no-repeat;
padding:0 0 0 30px;
}
cite{
font-weight:700;
text-decoration:underline;
}
code{font:.9em Monaco, monospace, Courier, "Courier New";}
del,strike,s{text-decoration:line-through;}
em,q{font-style:italic;}
pre{
background:#eaf2fa;
font:.9em Monaco, monospace, Courier, "Courier New";
line-height:20px;
margin-bottom:20px;
overflow:auto;
padding:9px
}
pre code{font-size:1em;}
q:before,q:after{content:'"';}
small,sup,sub{font-size:80%;}
strong{font-weight:700;}
sub{
position:relative;
top:4px;
vertical-align:baseline;
}
sup{
bottom:4px;
position:relative;
vertical-align:baseline;
}

/* =Links
--------------------------------------------------------------- */
a:link,a:visited{
color:#1577A9;
text-decoration:none;
}
a:hover,a:focus,a:active{
color:#1577A9;
text-decoration:underline;
}
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 {
color:#0F4662;
text-decoration:none;
}
h2 a:hover,h2 a:focus,h2 a:active,h3 a:hover,
h3 a:focus,h3 a:active,h4 a:hover,h4 a:focus,
h4 a:active,h5 a:hover,h5 a:focus,h5 a:active,h6 
a:hover,h6 a:focus,h6 a:active {
text-decoration:none;
border-bottom:1px solid #0F4662;
color:#0F4662;
}

/* =Lists
---------------------------------------------------------- */
dd{
padding:0 0 0 20px
}
dl{
margin:0 0 24px
}
dt{
font-weight:700;
margin:10px 0
}
ul{
list-style:square;
margin:0 0 0 20px;
padding:0
}
ul li{
padding-left:5px
}
ol{
list-style:decimal;
margin:0 0 0 25px
}
ol li{
padding-left:5px
}
ul ul,ol ol,ul ol,ol ul{
margin-bottom:0;
padding-bottom:0
}

/* =Menu
------------------------------------------------------------- */
#access{
width:940px
}
.sf-menu, .sf-menu *{
margin-top:0px;
padding:0, 0, 3px;;
list-style:none
}
.sf-menu{
line-height:32px
}
.sf-menu ul{
position:absolute;
top:-999em;
width:11em
}
.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;
text-decoration: none !important
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
left:0;
top:2.5em;
z-index:150
}
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:10em;
top:0
}
ul.sub-menu {
background-color:#012B3D;
border:1px #02415D solid
}
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:10em;
top:0
}
.sf-menu{
float:left;
margin-left:32px;
margin-bottom:24px;
vertical-align:text-bottom
}
.sf-menu a{
padding:.0em 1em;
font-size:12px !important;
text-decoration:none !important;
font-weight:normal;
}
.sf-menu a, .sf-menu a:visited{
color:#ddd;
text-decoration:none !important
}

/*No BG Color*/
.sf-menu li{
}
.sf-menu a{
color:#ddd !important
text-decoration:none !important;
}
.sf-menu li:hover, .sf-menu li.sfHover{
text-decoration:none !important;
color:#71B0D3;
}
.sf-menu a:hover{
text-decoration:none !important;
color:#71B0D3;
}
.sf-menu .current_page_item a{
font-size:12px !important;
color:#71B0D3 !important;
background-color:transparent
}
.sf-menu .current_page_item a:hover{
color:#71B0D3 !important;
}

/*padding-right:2.25em;*/
.sf-menu a.sf-with-ul{
min-width:1px;
}

/* REMOVED BOTH BELOW ------------------
.sf-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('images/arrows-ffffff.png') no-repeat -10px -100px
}
a > .sf-sub-indicator{
top:.8em;
background-position:0 -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 > .sf-sub-indicator{
background-position:-10px -100px;
}
.sf-menu ul .sf-sub-indicator{
background-position:-10px ; 
}
.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;
}

/* =Social Icons
------------------------------------------- */
#social-icons{
float:right;
margin-right:45px;
height:34px;
font-size:28px;
top-margin:0;
bottom-margin:0;
}
#social-link{
height:34px !important;
line-height:34px !important;
width:34px;
align:center;
margin:0 !important;
padding:0 !important;
vertical-align:top !important;
}
#social-link:hover{
background-image:url(/images/icon_glow.png);
background-repeat:no-repeat;
background-position:center center;
}
#social-icon{
height:34px !important;
width:34px !important;
align:center !important;
padding:0 !important;
margin:0 !important;
vertical-align:top !important;
}


/* =Miscellaneous
--------------------------------------------- */
.more-link{
font-style:italic
}
.page-link{
clear:both;
font-style:italic;
margin-bottom:15px
}
.page-link a{
padding:5px;
margin-right:5px;
border:1px solid #ddd;
background:#fff
}
.required{
color:#cc0000;
}

/* =Post-Formats
------------------------------------------- */
.format-aside,
.format-audio,
.format-chat,
.format-gallery,
.format-image,
.format-link,
.format-quote,
.format-status,
.format-video{
padding:10px;
border:1px solid #ddd
}

/* =Tables
------------------------------------------------------- */
table{
border:0px solid #ddd;
border-collapse:collapse;
border-top:0;
width:100%;
}
table caption{
font-weight:700;
text-align:left;
}
table th{
background:#eaf2fa;
border-bottom:0px solid #ddd;
font-weight:700;
text-align:left;
}
table th,table td{
border:0px solid #ddd;
border-bottom:0;
padding:0px 0px;
}
table td{font-weight:300}

/* =Special Tables
--------------------------------------------------- */
#soundtrack-tbl table {
width:100%;
border:0px;
padding:20px !important
}
#soundtrack-tbl th {
background:#fff url(/images/tab_bg4.png) 50% 50% repeat-x;
border-bottom:1px #fff solid;
text-align:center;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-size-adjust:0.47; 
font-weight:300; 
font-style:normal;color:#fff;
}
#soundtrack-tbl td {
border-bottom:1px #fff solid;
padding:10px;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-size-adjust:0.47; 
font-weight:300; 
font-style:normal;
font-size:13px;
line-height:1.4em;
vertical-align:middle;
min-height:30px
}
#soundtrack-tbl a {
color:#1577A9
}

#winelist-tbl table {
width:100%;
border:0px;
padding:20px !important
}
#winelist-tbl th {
background:#fff url('/images/tab_bg4.png') 50% 50% repeat-x;
border-bottom:1px #fff solid;
text-align:center;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-size-adjust:0.47; 
font-weight:300; 
font-style:normal;
font-size:13px;
color:#fff;
}
#winelist-tbl td {
border-bottom:1px #fff solid;
padding:10px;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
font-size-adjust:0.47; 
font-weight:300; 
font-style:normal;
font-size:13px;
line-height:1.4em;
vertical-align:middle;
min-height:30px
}
#winelist-tbl a {
color:#1577A9
}
#winelist-tbl p {
font-size:13px;
line-height:1.4em
}

#contact-tbl {
width:100%
}
#contact-tbl td {
vertical-align:middle;
font-size:14px;padding:10px;
line-height:1.4em
}
#contact-tbl img {
text-align:center
}
#contact-tbl a {
font-weight:normal;
}

#worldwide-tbl {
width:100%;
border:none;
padding:20px 0 20px !important;
}
#worldwide-tbl th {
background:#fff url('/images/tab_bg4.png') 50% 50% repeat-x;
border-bottom:1px #fff solid;
text-align:center;
color:#fff;
font-size: 14px !important;
font-weight: normal !important;
}
#worldwide-tbl td {
border-bottom:1px #fff solid;
padding:10px;
font-size:12px;
line-height:1.4em;
vertical-align:middle;
}
#ww-img {
text-align: center;
}
#ww-img p{
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
}
#ww-pub p{
font-family: Muli, 'Century Gothic', Verdana, sans-serif;
text-align:center;
}
#worldwide-tbl a {
color:#1577A9;
font-size:14px;
font-weight:normal;
font-family: Muli, 'Century Gothic', Verdana, sans-serif; 
}
#worldwide-tbl p {
font-size:14px;
line-height:1.4em
}
/* = Removing image size for now
#worldwide-tbl img {
width: 100px;
height: 146px;
}
-------------------------------------*/

/* =Special Divs
--------------------------------------------------------*/
#gallery-div{
border-top:1px #fff solid;
border-bottom:1px #fff solid;
float:left;
width:450px;
margin-left:30px;
}
#soundtracks-div, #winelists-div, #downloadables-div, #onlocation-div {
padding-top:0px;
vertical-align:middle;
text-align:left;
margin:20px 0px 20px 40px;
}
#soundtracks-link{
font-size:20px;
vertical-align:middle;
}
#winelists-link{
font-size:20px;
vertical-align:middle;
}
#downloadables-link {
font-size:20px;
vertical-align:middle;
}
#onlocation-link {
font-size:20px;
vertical-align:middle;
}

#community-div{
border-top:1px #fff solid;
border-bottom:1px #fff solid;
float:left;
width:450px;
margin-left:30px;
}
#social-media-div, #events-div, #fs-worldwide-div {
padding-top:0px;
vertical-align:middle;
text-align:left;
margin:20px 0px 20px 40px;
}
#social-media-link{
font-size:20px;
vertical-align:middle;
}
#events-link{
font-size:20px;
vertical-align:middle;
}
#fs-worldwide-link {
font-size:20px;
vertical-align:middle;
}

#sites-container-div {
width:100%;
background-image: url('/images/fsites_bg.png');
background-position: top left;
background-repeat: repeat-x;
overflow:hidden;
}

#wsites-div {
width: 276px;
float:left;
}

#wsites-list {
margin-top:10px;
overflow-x:hidden;
overflow-y:scroll;
max-height:750px;
padding-right:10px;
}

/* #wsites-list >>webkit scrollbars for LION, Chrome/Safari ---------*/
#wsites-list::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 7px;
}
#wsites-list::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #6E8490;
-webkit-box-shadow: 0 0 1px #444;
width: 5px;
height:50px;
}

#wsites-list::-webkit-scrollbar-track-piece {
border-radius: 6px;
background-color: #fff;
border:1px #ccc solid;
-webkit-border-radius: 6px;
height: 13px;
width: 15px;
}
/*
#wsites-list::-webkit-scrollbar-button:start:decrement,
#wsites-list::-webkit-scrollbar-button:end:increment {
height: 13px;
width: 15px;
display: block;
background-color: #fff;
border:1px #6E8490 solid;
background-repeat:no-repeat
}
#wsites-list::-webkit-scrollbar-button:vertical:decrement {
background-image: url('/images/vertical-decrement-arrow.png');
background-position: 1px 1px;
width: 15px;
height: 15px;
}
#wsites-list::-webkit-scrollbar-button:vertical:increment {
background-image: url(/images/vertical-increment-arrow.png);
background-position: 1px 1px;
width: 15px;
height: 15px;
}
#wsites-list::-webkit-scrollbar-button:vertical:decrement:active {
background-image: url(/images/vertical-decrement-arrow-active.png); 
}
#wsites-list::-webkit-scrollbar-button:vertical:increment:active {
background-image: url(/images/vertical-increment-arrow-active.png); 
}
*/

#wsite-div {
width:200px;
float:left;
margin:5px;
}

#wsite-div a{
font-size:14px;
}

#psites-div {
width:286px;
float:left;
padding-left:5px;
padding-right:0px;
}

#fbpages-div {
width:268px;
float:right;
}

#fansite-div {
width:200px;
float:left;
margin:20px;
}
#fansite-div img {
height:200px;
width:200px;
}
#fansite-div a{
font-size:14px;
}

#fbfanpage-div {
width:282px;
height:42px;
padding:10px 0 0;
}
#fbfanpage-div img {
height:32px;
width:32px;
float:left;
padding:0 10px;
}
#fbfanpage-div p>a {
line-height:16px;
font-size:14px;
}

/* =Skip link
--------------------------------------------------------*/
#skip a{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#skip a:focus{
position:static;
width:auto;
height:auto;
}
.single-page{
padding:0;
border:none
}

/* =Twitter widget --------------------------------------
FOR SOME REASON? This has to go right inside the script
for the Twitter widget:
.twtr-widget p { 
font-family: 'Century Gothic', GOTHIC, Sans-Serif;
font-size: 12px;
line-height: 1.4 !important;
}
---------------------------------------------------------*/
.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
font-size: 11px;
}
.twtr-ft {
visibility: hidden;
height: 2px;
}
.twtr-hd {
visibility: hidden;
padding:0 !important;
height:1px;
}
#twitter-footer {
color:#fff;
}
#twitter-footer:hover {
color:#529CC3;
text-decoration:none
}

/* #blinkie-code (HTML code boxes)
#blinkie-code {
margin: 5px 10px 30px;
}

/* #comic-strip >>webkit scrollbars for LION, Chrome/Safari ---------*/
#comic-strip::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 11px;
}
#comic-strip::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #6E8490;
-webkit-box-shadow: 0 0 0px #444;
width: 50px;
height:5px;
}
#comic-strip::-webkit-scrollbar-track-piece {
background-color: #000;
-webkit-border-radius: 0px;
height: 15px;
width: 13px;
}
#comic-strip::-webkit-scrollbar-button:start:decrement,
#comic-strip::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 13px;
display: block;
background-color: #000;
border:1px #000 solid;
background-repeat:no-repeat
}
#comic-strip::-webkit-scrollbar-button:horizontal:decrement {
background-image: url('/images/horizontal-decrement-arrow.png');
background-position: 3px 1px;
width: 15px;
height: 15px;
}
#comic-strip::-webkit-scrollbar-button:horizontal:increment {
background-image: url(/images/horizontal-increment-arrow.png);
background-position: 4px 1px;
width: 15px;
height:15px;
}
#comic-strip::-webkit-scrollbar-button:horizontal:decrement:active {
background-image: url(/images/horizontal-decrement-arrow-active.png); 
}
#comic-strip::-webkit-scrollbar-button:horizontal:increment:active {
background-image: url(/images/horizontal-increment-arrow-active.png); 
}

#blinkie-code {
font-family:'Courier New', courier, 'Lucida Console', fixed;
font-size: 12px;
}

#loadImg{
position:absolute;
z-index:999;
}
#loadImg div{
display:table-cell;
width:490px;
height:330px;
background:transparent;
text-align:center;
vertical-align:middle;
}