/*
  Do NOT edit this file! (or any other files from this package)
  Create a child theme or use the theme options to make changes!
*/

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,label,input,textarea,p,blockquote,table,th,td{margin:0;padding:0;}

html,body{
  height: 100%;
  min-height:100%;
}

body{
  font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color:#333;
  background-color: #000;
}



/*** MAIN GRAPHICS ***/

#page{
  background:transparent url(../images/header.jpg) no-repeat center top;
}

body.cbgi #page, body.cbgc #page{background-image:none;}

#page-ext{
  background:transparent url(../images/bg.png) repeat-x center bottom;
}

#page{
  position: relative;
  min-height: 100%;
}

.shadow-left{
  background:url(../images/shadow.png) no-repeat left bottom;
}

.shadow-right{
  background:url(../images/shadow.png) no-repeat right bottom;
  padding-bottom: 21px;
}

.page-content{
  max-width:1200px; /* option overrides it */
  min-width:400px;
  margin:0 auto !important;
  position:relative;
}

/* fluid width page */
body.fluid #page-ext{
  padding: 0 10px;
}

body.fluid .page-content{
  width:auto;
}

/* fixed width page - 960gs */
body.fixed .page-content{
  width:960px;
}



/*** GENERAL ELEMENTS: LINKS ***/

a{
  text-decoration:underline;
  outline:none;
}

a:hover{
  text-decoration:none;
}



/*** GENERAL ELEMENTS: HEADINGS ***/

h1,h2,h3,h4,h5,h6{
  font-weight:normal;
  margin:.75em 0 .25em;
  padding:0;
}

h1{
  font-size:250%;
  letter-spacing:-.04em;
}

h2{
  font-size:200%;
  letter-spacing:-0.03em;
}

h3{
  font-size:160%;
  letter-spacing:-0.02em;
}

h4{
  font-size:140%;
  font-weight:bold;
  letter-spacing:-0.02em;
}

h5{
  font-size:130%;
  font-weight:bold;
  letter-spacing:-0.02em;
}

h6{
  font-size:120%;
  text-transform:uppercase;
}



/*** GENERAL ELEMENTS: TABLES ***/

table{
  margin:10px 0 20px 0;
  border: 1px solid #ccc;
  border-top-color:#999;
  border-spacing: 0;
  width: 100%;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

td, th{
  padding:10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

th{
  border-bottom: #fff;
}

th{
  font-weight:normal;
  color: #fff;
  background: #000 url(../images/bg-nav-d.png) repeat-x center center;
}

td{
  background:#f1f1f1;
}

tr.odd td{
  background:#e9e9e9;
}


caption, th{
  text-align:left;
}



/*** GENERAL ELEMENTS: FORMS ***/

form{margin:10px 0 20px 0;}

input, select, textarea{
  font:normal normal 100% "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
  display:block;
  margin-bottom:5px;
  padding:5px 10px;
}

input.big{
 font-size: 24px;
 width: 97%;
 padding: 3px;
 margin-top: 2px;
 margin-right: 6px;
 margin-bottom: 16px;
 border: 1px solid #e5e5e5;
 background: #fbfbfb;
}

optgroup{
  color: #ddd;
  font-style: italic;
  font-weight: normal;
}

textarea{
  width:75%;
  height: 160px;
}

input[type="checkbox"], input[type="radio"]{
  padding: 0;
  display:inline;
  vertical-align:-1px;
}

input[type="submit"]{cursor:pointer;}

label{
  font-weight:normal;
  margin-top:5px;
  margin-right: 5px;
}

fieldset{
  margin:1em 0 2em 0;
  padding:10px;
  border:1px solid #ddd;
  background:#fff;
}

legend{
  border:1px solid #ddd;
  padding:5px 10px;
  font-size:115%;
  font-style:italic;
}



/*** GENERAL ELEMENTS: LISTS ***/

ul, ol{
  list-style-type:disc;
  list-style-position:outside;
  margin:0 0 10px 20px;
  line-height: 150%;
}

ol{
  list-style-type: decimal;
}


dl{margin:1em 0 2em 0;}
dt{font-weight:bold;}



/*** GENERAL ELEMENTS: OTHER ***/

p{
  margin:.25em 0 .75em 0;
  line-height:150%;
}

img{
  border:0;
}

.maybe-scale img{
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto !important;
}


small{
  font-size:80%;
}

code{
  font:12px "Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono", monospace;
  background: #ddd;
  text-shadow: 0px 1px 1px #fff;
  padding: 0 4px;
}

pre{
  font:12px "Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono", monospace;
  overflow:auto;
  white-space:pre-wrap;
  white-space:0;         /* <- old ff */
  margin:.25em 0 .75em 0;
  background:#fff;
  padding:10px;
  border:1px solid #ddd;
}

blockquote {
  margin:1.5em 10px;
  padding:.5em 10px;
  quotes:"\201C""\201D""\2018""\2019";
  background:#f9f9f9;
  border-left:10px solid #ccc;
  quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
  content:open-quote;
  font-size:4em;
  line-height:.1em;
  margin-right:.25em;
  vertical-align:-.4em;
  color:#ccc;
}

blockquote p{
  font-style:italic;
}

hr{
  color:#b4aca1;
  background-color:#b4aca1;
  border-bottom:1px solid #f6f4eb;
}



/*** MAIN LAYOUT ***/

#main{
  border-top: 1px solid #fff;
  background: #fff url(../images/bg-main-r.jpg) no-repeat right top;
  min-height: 700px;
  position: relative;
}

#main-ext{
  background: transparent url(../images/bg-main-l.jpg) no-repeat left top;
}


/* Masks are required to make sidebars extend all the way down (useful if they have a background).
   All content outside this area is hidden - need to find a way without overflow, because some stupid plugins might
   add absolute positioned "tooltips" somewhere inside the content area, instead of appending them to the body... */
#mask-3{
  position:relative;
  z-index:2;
  overflow:hidden;
}

#mask-1,
#mask-2{
  float:left;
  position:relative;
  right:0;
  width:100%;
}


/*/ background colors *
.c2right #mask-3{background: #eee;}
.c2right #mask-1{background: #fff;}

.c2left #mask-3{background: #fff;}
.c2left #mask-1{background: #eee;}

.c3 #mask-1, .c3 #mask-3{background: #eee;}
.c3 #mask-2{background: #fff;}

.c3left #mask-3{background: #fff;}
.c3left #mask-2{background: #eee;}

.c3right #mask-1{background: #fff;}
.c3right #mask-3{background: #eee;}
/*/


#primary-content, #sidebar, #sidebar2{
  width:100%;
  top:0;
  left:0;
  position:relative;
  float:left;
  min-height:150px;
  padding: 10px 0;
}

.home #primary-content{
  padding-top: 30px; /* because we don't have a content title */
}


#primary-content{min-height:540px;}

.blocks{
  list-style-type: none;
  padding: 0 10px;
  margin: 0;
}

/* spacing between columns *
.c2right #primary-content .blocks, .c3right #primary-content .blocks{padding-left:10px;}
.c2left #primary-content .blocks, .c3left #primary-content .blocks{padding-right:10px;}

.c1 #primary-content .blocks, #sidebar .block, #sidebar2 .block{padding:0 10px;}
.c3left #sidebar .block, .c3right #sidebar .block{padding-right:0;}
*/

/* hide sidebar(s) based on current layout -- only needed by the preview doc., since sidebars don't appear in the front-end unless required */
.c1 #sidebar,
.c1 #sidebar2,
.c2left #sidebar2,
.c2right #sidebar2{display: none;}



/*** LOGO & HEADLINE ***/

#site-title{padding:40px 0 10px 0;}

#logo{
  font:normal bold 300% "Arial Black", "Helvetica Black", Gadget, sans-serif;
  letter-spacing:-6px;
  margin:10px 0 25px 0;
  padding:0;
  float: left;
}

#logo.size-xl{
  font-size: 200%;
  letter-spacing:-1px;
  line-height: 235%;
}

#logo a{
  color:#e0e0e0;
  text-decoration:none;
  text-shadow:0px -1px -1px #000;
  display: block;
  text-transform: uppercase;
}

#logo a:hover{color:#fff;}

#logo span.alt{
  font-style: normal;
  display: inline;
}

#site-title .headline{
  font-size: 120%;
  font-style: italic;
  border-left: 1px solid #ccc;
  color: #fff;
  float: left;
  padding: 10px 0 10px 20px;
  margin: 20px 0 0 20px;
}



/* NAVIGATION: COMMON */

.nav{
  position:relative;
}

.nav ul, .nav li{
  list-style-type:none;
  padding:0;
  margin:0;
}

.nav li{
  position:relative;
  float:left;
  line-height: normal;
}

.nav a{
  display:block;
  position:relative;
  text-decoration: none;
}

.nav a:hover{
  text-decoration: none;
}

.nav ul ul{
  position:absolute;
  z-index:15;
  display:none;
  width:300px;
  top:29px;
  -moz-box-shadow:0px 8px 15px rgba(0,0,0,0.25);
  -webkit-box-shadow:0px 8px 15px rgba(0,0,0,0.25);
  box-shadow:0px 8px 15px rgba(0,0,0,0.25);
}

/* level 3+ */
.nav ul ul ul{
  top:10px;
  left:280px;
}

.nav li li{float: none;}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{display:none;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{display:block;}

/* add extra padding on menus with children, to make space for the arrows we're inserting with jquery (we just need this for 1st level horizontal menus)  */
.nav .extends a{padding-right: 30px;}

.nav .arrow{
  position:absolute;
  right:10px;
  top:15px;
  height:8px;
  width:8px;
  /* graphic -- styles should override if necessary */
  background:transparent url(../images/a.gif) no-repeat 0 0;
}

.nav li li .arrow{top: 10px;}

.nav .active > a .arrow,
.nav .active-parent > a .arrow,
.nav li.open > a .arrow,
.nav li:hover > a .arrow{background-position:0 -8px;}

.nav li li .arrow{background-position:-16px 0;}
.nav li .active > a .arrow,
.nav li .active-parent > a .arrow,
.nav li li.open > a .arrow,
.nav li li:hover > a .arrow{background-position:-16px -8px;}



/*** NAVIGATION: TOP ***/

.nav-top{
  background:#000 url(../images/bg-nav-d.png) repeat-x center top;
  z-index: 25;
  border-bottom: 1px solid #121212;
}

.nav-top li li{
  margin:0;
  padding: 0px 10px;
}

.nav-top a{
  color:#666;
  font-weight: bold;
  text-transform: uppercase;
  padding: 9px 15px 10px;
  text-shadow:0px -1px 0px #000;
}


.nav-top .active > a,
.nav-top .active-parent > a,
.nav-top li.open > a,
.nav-top li:hover > a{
  color:#fff;
  background:transparent url(../images/tp-sc.png) repeat-x center top;
}

/* submenus */
.nav-top ul ul{
  background:#333;
  padding: 10px 0;
  top: 35px;
}
.nav-top li li a{
  font-size: 100%;
  font-weight: normal;
  padding: 5px;
  color: #999;
  border-top: 1px solid #454545;
  text-transform: none;
}

.nav-top li:first-child a{border: 0 !important;}

.nav-top li .active > a,
.nav-top li .active-parent > a,
.nav-top li li.open > a,
.nav-top li li:hover > a{
  background:#555;
  color:#fff;
}



/*** NAVIGATION: MAIN (below header) ***/

.nav-main{
  z-index: 10;
}

.nav-main ul{
  background: #cecece url(../images/bg-nav.png) repeat-x center top;
  border-top: 1px solid #fff;
}

.nav-main li{
  background: transparent url(../images/nav-div.png) repeat-y right top;
  padding-right: 2px;
  border-top: 1px solid #fff;
  margin-top: -1px;
}

.nav-main a{
  color:#4e4e4e;
  font-size: 14px;
  padding:6px 15px 8px;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0px 1px 1px #fff;
}

/* home icon */
.nav-main .menu-home a{
  background: transparent url(../images/icons.png) no-repeat -46px -56px;
  padding-left: 32px;
}

/* home icon */
.nav-main .menu-home.active > a,
.nav-main .menu-home.active-parent > a{
  background: transparent url(../images/icons.png) no-repeat -46px -6px;
}

.nav-main .active,
.nav-main .active-parent{
  background: #000 url(../images/nav-a.png) no-repeat left top;
  border-color: #888888;
}

.nav-main .active > a,
.nav-main .active-parent > a{
  color:#fff;
  text-shadow: none;
}

.nav-main .active > a span.p,
.nav-main .active-parent > a span.p{
  background: transparent url(../images/nav-a.png) no-repeat center bottom;
  position: absolute;
  width: 100%;
  bottom: -7px;
  left: 0;
  height: 7px;
  z-index: 5;
}

.nav-main li.open,  /* javascript triggered class (maintain the hover style during menu hide delay) */
.nav-main li:hover{
  background-color:#fff;
}

.nav-main li.open > a,  /* javascript triggered class (maintain the hover style during menu hide delay) */
.nav-main li:hover > a{
  color:#2d8ac7;
  text-shadow: none;
}

/* submenus */
.nav-main ul ul{
  top:32px;
  background:#fff;
  padding: 10px 0;
  border: 0;
}

.nav-main li .active > a span.p,
.nav-main li .active-parent > a span.p{
  display: none;
}

/* level 3+ */
.nav-main ul ul ul{top:10px;}


.nav-main .active ul,
.nav-main .active-parent ul{
  background: #000;
}

.nav-main .active li,
.nav-main .active-parent li,
.nav-main li li{
  border:0;
  background: none;
  margin-top: 0;
  margin-bottom: 2px;
  padding: 0px 10px;
}

.nav-main li li a{
  padding:5px;
  line-height:125%;
  font-size: 125%;
  background-color: #fff;
  border-top: 1px dotted #666;
  font-weight:normal;
  text-shadow:none;
  text-transform: none;
}

.nav-main .active li a,
.nav-main .active-parent li a{
  color: #ccc;
  background-color: #000;
  border-color: #454545;
}

.nav-main li li:first-child > a, .nav-main li li.first > a{border:0;}

.nav-main li li.open > a,
.nav-main li li:hover > a{
  background-color: #eee;
}

.nav-main .active li.open > a,
.nav-main .active-parent li.open > a,
.nav-main .active li:hover > a,
.nav-main .active-parent li:hover > a{
  background-color: #212121;
  border-color: #000;
}

.nav-main li .active > a,
.nav-main li .active-parent > a{
  background: none;
  color: #356AA0;
  font-weight: bold;
}

.nav-main .extends a{padding-right: 30px;}

.nav-main > ul > li > a .arrow{
  width:0;
  height:0;
  border-left:4px solid transparent;  /* css arrow ;) */
  border-right:4px solid transparent;
  border-top:4px solid #4e4e4e;
  background: none;
  margin-left: 12px;
}

.nav-main li li .arrow{
  display:block;
  top:11px;
}

.nav-main li .active > a .arrow,
.nav-main li .active-parent > a .arrow,
.nav-main li li.open > a .arrow,
.nav-main li li:hover > a .arrow{background-position:-16px 0px;}



/** NAVIGATION: FOOTER ***/

.nav-footer{
  background:#eee;
  z-index: 25;
  border-bottom: 1px solid #fff;
}

.nav-footer li{
  margin-left: 10px;
  padding: 10px 0;
}

.nav-footer li li{
  margin:0;
  padding: 0px 10px;
}

.nav-footer a{
  color:#666;
  font-size: 85%;
  font-weight: bold;
  padding: 4px 10px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  text-decoration: none;
}

.nav-footer .active > a,
.nav-footer .active-parent > a,
.nav-footer li.open > a,
.nav-footer li:hover > a{
  color:#fff;
  background:#414141;
}

/* submenus */
.nav-footer ul ul{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background:#302f2f;
  padding: 10px 0;
  bottom:48px;
  top:auto;
}

/* level 3+ */
.nav-footer ul ul ul{
  bottom:10px;
  top:auto;
  left:280px;
}

.nav-footer li li a{
  font-size: 100%;
  font-weight: normal;
  line-height: 125%;
  padding: 5px;
  color: #827f7f;
  border-top: 1px solid #666;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
}

.nav-footer li li:first-child a, .nav-footer li li.first a{border:0;}

.nav-footer li li.open > a,
.nav-footer li li:hover > a{
  background:#504e53;
  color:#fff;
}

.nav-footer li .active > a,
.nav-footer li .active-parent > a{
  background: none;
  color: #ece8e0;
  font-weight: bold;
}

.nav-footer .extends a{padding-right: 24px;}

.nav-footer .arrow{
  background-position: -8px 0;
  top: 7px;
}

.nav-footer .active > a .arrow,
.nav-footer .active-parent > a .arrow,
.nav-footer li.open > a .arrow,
.nav-footer li:hover > a .arrow{background-position:-8px -8px;}

.nav-footer li li .arrow{background-position:-16px 0;}

.nav-footer li .active > a .arrow,
.nav-footer li .active-parent > a .arrow,
.nav-footer li li.open > a .arrow,
.nav-footer li li:hover > a .arrow{background-position:-16px -8px;}



/*** BLOCKS (usually widgets) ***/

.block{
  list-style-type:none;
  padding:0;
  margin:10px 0 20px;
}

.block .title{
  position: relative;
}

.block .title h3{
  background:transparent no-repeat center top;
  margin: 0;
  padding: 7px 10px 4px;
  border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  font-weight:bold;
  font-size:130%;
  color:#fff;
  text-shadow:0px -1px 0px rgba(0,0,0, 0.5);
  text-transform:uppercase;
}

.block .title h3 a{
  color: #fff;
}

.block .title h3 small, .block h4.title small{
  margin-left: 5px;
  background: rgba(0,0,0, 0.125);
  padding: 4px 6px;
  font-size: 11px;
  font-weight: normal;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
}

.block h4.title small{
  font-size: 10px;
  padding: 2px 6px;
}

.block .title h3 small a, .block h4.title small a{
  color: #fff;
  text-decoration: none;
}

.block .title h3 small:hover, .block h4.title small:hover{
  background: rgba(0,0,0, 0.25);
}

.block .title .br{
  background:transparent no-repeat bottom left;
  height: 22px;
  margin-right: 60px;
}

.block .title .bl{
  background:transparent no-repeat bottom right;
  height: 22px;
  width: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.block .title h3 .extra{
  font-size: 14px;
  font-weight:normal;
  text-transform: none;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: 1px;
}

.block .title h3 .extra:hover{
  text-decoration: underline;
}

/* remove styling on nested blocks (eg. in tabs or arbitrary widgets inside posts, pages etc.) */
.block .block{
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  border: 0 !important;
}



/*** COLUMN SPLITTER ***/

.splitter{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.splitter .split{
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  width: 100%;
}

.splitter .block{
  padding: 0 !important;
  margin: 0 !important;
  float: left;
  width: 50%;
}

.splitter li:first-child .block-content{
  margin-right: 10px;
}




/*** LIST/MENU STYLES ***/

.block ul.menu, .block ul.menu ul, .block ul.menu li, .block .box, .block .box .entry{
  margin:0;
  padding:0;
  list-style-type:none;
  line-height: normal;
}

.block ul.menu li, .block ul.box .entry{
  border-bottom:1px dotted #aaa;
  border-top:1px dotted #fff;
}

/* no border on 1st list item */
.block ul.menu li.first,
.block ul.menu li:first-child,
.block ul.box .entry.first,
.block ul.box .entry:first-child{border-top:0 !important;}

.block ul.menu li.last,
.block ul.menu li:last-child,
.block ul.box .entry.last,
.block ul.box .entry:last-child{border-bottom:0 !important;}

.block ul.menu li .expand{display: none;}

.block ul.menu.accordion li.extends > .expand,
.block ul.menu.collapsible li.extends > .expand{
  position: absolute;
  display: block !important;
  cursor: pointer;
  top: 12px;
  right: 10px;
  width: 8px;
  height: 8px;
  background-image:url(../images/a.gif);
  background-repeat: no-repeat;
  z-index: 10;
}

.block ul.menu li.expanded > .expand{   /* up arrow */
  background-position:-8px 0;
}

.block ul.menu li.collapsed > .expand{  /* down arrow */
  background-position:0 0;
}

.block ul.menu.accordion li ul,
.block ul.menu.collapsible li ul{display: none;}

.block ul.menu.accordion li.active > ul,
.block ul.menu.collapsible li.active > ul,
.block ul.menu.accordion li.active-parent > ul,
.block ul.menu.collapsible li.active-parent > ul{display: block;}


.block ul.menu li, .block ul.box .entry{
  position: relative;
  z-index: 5;
}

.block ul.menu li li{
  border: 0 !important;
}

.block ul.menu li li a{
  padding-left: 25px;
  background: transparent url(../images/icons.png) no-repeat -170px -1px;
}

.block ul.menu li li li a{
  padding-left: 50px;
  background-position: -145px -4px;
}

.block ul.menu li li li li a{
  padding-left: 75px;
  background-position: -120px -4px;
}




.block ul.menu a, .block ul.box .entry{
  display:block;
  text-decoration:none;
  padding: 10px;
}

/* mouse over link */
.block ul.menu a:hover{background: rgba(140, 140, 140, 0.1);}


/* active link */
.block ul.menu .active,
.block ul.menu .active-parent{
  background-color: rgba(200, 200, 200, 0.1);
}

.block ul.menu .active > a,
.block ul.menu .active-parent > a{
  color: #999;
}

.block ul.menu .avatar, .block ul.menu .wp-post-image, .block ul.menu .no-img{
  float:left;
  display:block;
  margin-right:5px;
}

/* information block (left side) */
.block ul.menu .base{
  overflow:hidden;
  display:block;
}

/* titles */
.block ul.menu .tt{
  display:block;
}

.block ul.menu a:hover .tt{text-decoration:underline;}

/* content - primary */
.block ul.menu .c1{
  display:block;
  line-height: 150%;
  color:#333;
  text-decoration:none;
}

/* content - secondary */
.block ul.menu .c2{
  display:block;
  margin:5px 0 0 0;
  color:#999;
  font-size:85%;
  font-weight: bold;
  text-transform:uppercase;
}

/* country flag */
.block ul.menu .flag{margin-top:4px;}


/* thumbnail mode */
/* extra margin - useful if you want the avatars alinged perfectly. for eg. 72px avatars on the default fixed layout (2 cols) */
.block ul.menu.images{margin-right:-4px;}

.block-tabs ul.menu.images{margin:10px 0 0 10px;}

.block ul.menu.images li{
  float:left;
  margin:4px 4px 0 0;
  border:0;
}

.block ul.menu.images a{padding:0;}

/* float is moved on <li> */
.block ul.menu.images .avatar, .block ul.menu.images .no-img, .block ul.menu.images .wp-post-image{
  float:none;
  margin:0;
}

/* used for link ratings */
.block ul.menu .rating{
  background-color:#ccc;
  display:block;
  width:50%;
  margin:5px 0;
}

.block ul.menu .rating .bar{
  background-color:#33CC33;
  display:block;
  height:5px;
}






/*** MORE LINK ***/

.block a.more, .page-navi.single .next{
  display:block;
  cursor: pointer;
  padding:2px 0 3px;
  margin: 10px;
  text-align:center;
  text-decoration:none;
  color:#ccc;
  font-size: 85%;
  text-transform:uppercase;
  letter-spacing:0.25em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.page-navi.single .next{
  width: 100%;
  border: 0;
  margin: 0;
  padding: 4px 0 6px;
}

.page-navi.single .next span{
  display: none;
}

.block a.more:hover, .page-navi.single .next:hover{
  color: #fff;
}

.block a.more:hover{
  background:#414141;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.block a.more.loading, .page-navi.single .next.loading{
  background:transparent url(../images/loaders/lh16w.gif) no-repeat center center;
  border: 0;
}



/*** POST ***/

.hentry{
  margin-bottom: 2em;
  padding-bottom:20px;
  position: relative;
  border-bottom:1px dotted #e8e8e8;
}

.hentry.sticky{
  font-size: 125%;
}

/* using shrinkwrap method - thanks Ray: http://www.css-lab.com/lab-work/auto-width/shrink-wrap-col.html */
.hentry .post-details{overflow:hidden;}
.hentry.thumb-left .post-details, .hentry.thumb-right .post-details{min-height:140px;} /* adjust this dynamically? */

/* thumbnail-only based post previews (looks pretty cool) */
.hentry.thumb-only{
  float:left;
  border:0;
  padding:0;
  margin:0;
}

/* post titles */
.hentry h2.title{
  margin:0;
  padding:0 46px 5px 0; /* 46px = comment icon */
  font-size:170%;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: normal;
}

.hentry h2.title a{
  text-decoration: none;
  text-shadow: 0px 1px 1px #fff;
}

.hentry h2.title a:hover{
  text-shadow: none;
}


/* large title on sticky posts */
.hentry.sticky h2.title{
  font-weight:bold;
  font-size: 300%;
}

.hentry .post-thumb{
  border: 5px solid #f2f2f2;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow:0px 1px 0 rgba(0,0,0,0.25);
  box-shadow:0 1px 0 rgba(0,0,0,0.25);

}

.hentry.thumb-left .post-thumb{
  float:left;
  margin-right:10px;
}

.hentry.thumb-right .post-thumb{
  float:right;
  margin-left:10px;
}

/* float is moved to the parent element in thumb-only mode */
.hentry.thumb-only .post-thumb{
  float:none !important;
  margin:0 10px 10px 0;
  display:block;
  border: 0;
}

.hentry .post-thumb img{display:block;}

/* main info bar */
.hentry .post-std{
  overflow: hidden; /* shrinkwrap */
}

.hentry .post-info{
  background:transparent url(../images/post-std.png) no-repeat right top;
  height: 42px;
  line-height: 32px;
  display: block;
  padding-left: 10px;
  overflow: hidden;
  color:#bbb;
  text-shadow:1px 1px 1px #fff;
}

.post-info a{
  font-weight:bold;
  color:#999;
}

.post-info a:hover{color:#aaa;}

.hentry .post-std .post-date{
  background:transparent url(../images/post-std.png) no-repeat left -42px;
  padding-left: 10px;
  float: left;
}

.hentry .post-std .ext{
  background:transparent url(../images/post-std.png) no-repeat left top;
  padding: 0 0 0 24px;
  float: left;
  height: 42px;
}

.hentry .post-std .post-date .ext{
  background:transparent url(../images/post-std.png) no-repeat right -42px;
  padding: 0 15px 0 0;
  height: 42px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: none;
}

.hentry .post-content p{
  line-height:150%;
}

.hentry .post-extra{
  overflow:hidden;
  font-size:85%;
}

/* post tags */
.hentry .post-tags{
  overflow:hidden;
  margin-top: 7px;
}

.hentry .post-tags a{
  padding:2px 5px 3px 5px;
  margin-bottom:2px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  display:inline-block;
  background-color: #ddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -ms-linear-gradient(top, #eee, #ddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(top, #eee, #ddd);
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  color: #808080;
  text-shadow: #fff 0px 1px 0px;
}

.hentry .post-tags a:hover{
  background-color: #222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#333), to(#222));
  background-image: -moz-linear-gradient(top, #333, #222);
  background-image: -ms-linear-gradient(top, #333, #222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222));
  background-image: -webkit-linear-gradient(top, #333, #222);
  background-image: -o-linear-gradient(top, #333, #222);
  background-image: linear-gradient(top, #333, #222);
  text-decoration:none;
  color:#fff;
  text-shadow: none;
}

/* comments link */
.hentry .comments{
  background:transparent url(../images/icons.png) no-repeat -55px -154px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  text-shadow: 0px 1px 1px #fff;
  float:right;
}

.hentry .comments:hover{
  background-position: -55px -200px;
  color: #fff;
  text-shadow: 0px -1px -1px rgba(0,0,0, 0.25);
}


.hentry .controls{
  display: none;
  position: absolute;
  z-index: 5;
  right: 10px;
  bottom: 30px;
}

.single .hentry .controls{
  bottom: auto;
  top: 10px;
}


.hentry:hover > .controls{display:block;}



/*** COMMENTS/PINGS ***/

#comments,
#comments li.entry,
#comments .navi,
#about-the-author,
#about-the-author li,
#related-posts,
#related-posts li{
  list-style-type:none;
  margin:0;
  padding:0;
}

#comments{
  margin:10px 0 20px 0;
}

#pings li, #related-posts li{
  list-style-type:decimal;
  margin:10px 0 0 10px;
}

.comment{
  margin:10px 0 0 0;
  position:relative;
  background: #f6f6f6;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
}

/* level 2+ */
li li .comment{margin:10px 0 0 40px;}

/* buried comment */
.comment.buried{opacity: 0.5;}
.comment.buried:hover{opacity: 1;}

/* in moderation queue */
.comment.awaiting-moderation{background:#fefedf;}

.comment div.avatar{
  position:absolute;
  width: 58px;
  height: 58px;
  top:7px;
  left:7px;
  background:#fff;
  border-bottom:1px solid #ccc;
}

.comment .avatar img{padding:5px;}

.comment .avatar img{display:block;}
.comment.with-avatars .comment-head .ext{padding-left:90px;}
.comment.with-avatars .comment-body{margin-left:70px;}

.comment .comment-head{
  background:#494949 none no-repeat left top;
  color:#ccc;
  font-size: 110%;
  text-shadow: 0px -1px -1px rgba(0,0,0, 0.25);
}

/*.comment.new .comment-head{background-color:#f6f2e5 !important;}*/
.comment.role-administrator > .comment-head{
  background-position: -1000px top;
  color: #fff;
}

.comment .comment-head .ext{
  background:transparent no-repeat -3000px bottom;
  padding:8px 10px 26px;
}


/* in moderation queue */
.comment.awaiting-moderation > .comment-head .ext{
  background-position: -2000px bottom;
}

.comment .comment-head a{
  color: #fff;
  font-weight: bold;
}

.comment .comment-head .d{
  text-transform: uppercase;
  font-style: italic;
  font-size: 85%;
  margin-left: 10px;
}


.comment .comment-content{
  position:relative;
  min-height:40px;
  height:68px;
  height:auto !important;
  padding: 0 10px;
}

.comment.new form{margin: 0;}

.comment .controls{
  display:none;
  position:absolute;
  right:15px;
  bottom:15px;
  z-index: 15;
}

.comment:hover .controls{display:block;}

.comment .karma{font-weight:bold;}

.comment .karma.negative{color: #ff4242;}
.comment .karma.positive{color: #a9bf04;}

.comment .vote{
  display:none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  border: 1px solid transparent;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  line-height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.comment:hover .vote{
  display:inline-block;
}

.comment .vote.up{
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.comment .vote.down{
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.comment a.show{
  margin: 0 5px;
  padding: 2px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 75%;
  font-weight: normal;
  cursor:pointer;
}

.comment a.show:hover{
  background-color: #414141;
}

.comment.new .button.alignleft{margin-right:5px;}

input.comment-filter{
  margin: -5px 10px 0 0;
  padding: 5px 4px;
}



/*** SINGLE PAGES ***/

h1.title{
  margin:.25em 0 .5em 0;
  font-size:300%;
  font-weight: bold;
  text-shadow:#fff 1px 1px 1px;
  line-height: 100%;
  letter-spacing: -1px;
}

h5.title{
  padding: 5px 10px;
  margin: 10px 0 20px 0;
  background-color: #ddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -ms-linear-gradient(top, #eee, #ddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(top, #eee, #ddd);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow:#fff 0px 1px 1px;
}


/*** NEXT/PREV POST LINKS ***/

.post-links div{
  display:block;
  max-width:45%;
  line-height:normal;
  color:#ccc;
}

.post-links .alignright{text-align:right;}

.post-links a{
  font-size:85%;
  border:0;
  background-color:transparent;
  padding:2px 4px;
  color:#ccc;
  text-shadow:1px 1px 1px #fff;
  text-decoration:none;
}

.post-links a:hover{color:#999;}


/*** POST META ***/

.post-meta{
  margin:1em 0 0 0;
  padding: 10px 10px 10px 0;
  overflow: hidden;
  border-top:1px solid #ddd;
  background-color:#f6f6f6;
  color:#999;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.post-meta .details{
  font-size:85%;
  overflow: hidden;
}

.post-meta .details p{
  margin:0;
  padding: 0 0 0 10px;
  line-height:125%;
}


/*** SHARE LINKS ***/

ul.share-this, ul.share-this li{
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

ul.share-this{padding-left: 10px;}

ul.share-this li{
  border: 2px solid #fff;
  margin-right: 2px;
}

ul.share-this li.last a{margin-right: 0;}

ul.share-this li, ul.share-this li a{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

ul.share-this a{
  background: transparent url(../images/socialize.jpg) no-repeat left top;
  width: 32px;
  height: 32px;
  display: block;
}

ul.share-this span{
  display: none;
}

ul.share-this li.twitter a{background-position:0px -32px;}
ul.share-this li.digg a{background-position:-32px -32px;}
ul.share-this li.facebook a{background-position:-64px -32px;}
ul.share-this li.delicious a{background-position:-96px -32px;}
ul.share-this li.stumbleupon a{background-position:-128px -32px;}
ul.share-this li.google-bookmarks a{background-position:-160px -32px;}
ul.share-this li.linkedin a{background-position:-192px -32px;}
ul.share-this li.yahoo-bookmarks a{background-position:-224px -32px;}
ul.share-this li.technorati a{background-position:-256px -32px;}

ul.share-this li.twitter a:hover{background-position:0 0px;}
ul.share-this li.digg a:hover{background-position:-32px 0px;}
ul.share-this li.facebook a:hover{background-position:-64px 0px;}
ul.share-this li.delicious a:hover{background-position:-96px 0px;}
ul.share-this li.stumbleupon a:hover{background-position:-128px 0px;}
ul.share-this li.google-bookmarks a:hover{background-position:-160px 0px;}
ul.share-this li.linkedin a:hover{background-position:-192px 0px;}
ul.share-this li.yahoo-bookmarks a:hover{background-position:-224px 0px;}
ul.share-this li.technorati a:hover{background-position:-256px 0px;}



/*** PAGE/COMMENT NAVIGATION ***/

.page-navi{
  padding:5px 0px;
  color:#333;
  font-size:115%;
  font-weight:bold;
}

.page-navi a, .page-navi .current, .page-navi .dots, .page-navi .pages{
  padding:5px 10px;
  margin:2px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.page-navi a, .page-navi .pages{
  text-decoration:none;
  border:1px solid #ddd;
  background-color:#fff;
  font-weight:normal;
  color: #999;
}

.page-navi a:hover{
  color:#fff;
}

.page-navi .pages{color:#999;}

.page-navi .current{
  border:1px solid #000;
  color:#fff;
  background:#999 url(../images/bg-nav-d.png) repeat-x center -2px;
}

.page-navi .loading{
  width: 16px;
  height: 16px;
  background:transparent url(../images/loaders/lc16w.gif) no-repeat center center;
}

/* align to right on c3left layout, looks better */
.c3left .page-navi{float:right;}
.page-navi a, .page-navi .current, .page-navi .dots, .page-navi .pages{float:left;}

/* left/right align on prevnext type */
.page-navi.prevnext .previous{float: left;}
.page-navi.prevnext .next{float: right;}





/*** SOCIAL MEDIA LINKS ***/

.media, .media li{
  list-style-type:none;
  margin:0;
  padding:0;
}

.media{
  position: absolute;
  bottom:20px;
  right:10px;
  z-index:5;
}

.media li{
  float: right;
  margin-right: 5px;
}


.media .icon{
  display:block;
  width: 64px;
  height: 64px;
}

.media .icon span{
  display: none;
}




/*** TABS: COMMON ***/
.tabs{
  position: relative;
}

.tabs .navi, .tabs .navi li{
  list-style-type: none;
  padding:0;
  margin:0;
}

.tabs .navi a{display:block;}



/*** TABS: META SECTION (comment/pings/related...) ***/

#meta .section{
  padding: 10px 0 20px 0;
}

#meta .navi{
  border-bottom: 10px solid;
  padding-bottom: 4px;
  padding-right: 24px;
}


#meta .navi li{
  float:right;
  text-align:center;
  height:31px;
  background: transparent no-repeat right -102px;
  margin-right:-15px;
  margin-left: -5px;
  padding-right:19px;
  margin-top:4px;
  position:relative;
  z-index:0;
  bottom:-4px;/* <-for the animation -- @todo */
  line-height:31px;
}

#meta .navi li a{
  height:31px;
  color:#fff;
  float:left;
  text-decoration:none;
  font-size: 13px;
  font-weight: bold;
  background:transparent no-repeat left top;
  padding-left:26px;
  padding-right:4px;
  text-shadow:0px -1px 0px rgba(0,0,0, 0.5);
}

#meta .navi li:hover{background-position:right -170px;}

#meta .navi li:hover a,
#meta .navi li a:hover{background-position:0 -68px;}

#meta .navi li.active{
  background-position:right -135px;
  z-index:8;
  padding-right:19px;
}

#meta .navi li.active a,
#meta .navi li.active a:hover{
  background-position:0 -33px;
}





/*** FOOTER ***/

#footer{
  background: #ddd;
}

#footer .blocks, #footer .block{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer .block{float:left;}

/* needed for preview mode (areas show even if they don't have visible widgets) */
#footer .count-0 .block{width:100%;}

#footer .count-1 .block{width:100%;}
#footer .count-2 .block{width:50%;}
#footer .count-3 .block{width:33%;}
#footer .count-4 .block{width:25%;}
#footer .count-5 .block{width:20%;}
#footer .count-6 .block{width:15%;}

/* adjust width of 1st block in 3-block-footer mode */
#footer .count-3 .block:first-child{width:34%;}

#footer .block h4.title{
  font-weight:normal;
  text-transform:uppercase;
  border-bottom:1px solid #444;
  font-size:120%;
  padding:5px 0 2px 0;
  color:#666;
}

#footer .block h4.title{margin:0 0 5px 0;}

#footer .block-content{padding:10px;}

/* copyright & other info */
#footer #copyright{
  background: #cdcdcd;
  padding:1em 0;
  font-size: 110%;
  line-height:150%;
  text-align:center;
  text-shadow:0px 1px 1px #fff;
}

#footer a.rss{
  background:transparent url(../images/icons.png) no-repeat -52px -115px;
  padding-left:30px;
}




/*** SEARCH FORM ***/

.search-form{
  overflow:hidden;
  margin: 0;
}

.search-form fieldset{
  max-width: 1000px; /* limited by design */
  background:transparent no-repeat left top;
  height: 34px;
  margin:0;
  padding: 0 0 0 34px;
  border:0;
  overflow:hidden;
  display:block;
}

.search-form input.text{
  border: 0;
  padding: 0;
  margin: 7px 0 0 0;
  width: 100%;
  background: none;
  outline:none;
  font-size:120%;
}

.search-form .submit{
  background:transparent no-repeat right top;
  width: 55px;
  height: 34px;
  line-height: 22px;
  float:right;
  border: 0;
}

.search-form .submit:hover{
  background-position:right bottom;
}



/*** CALENDAR ***/

.calendar-block .top{
  padding: 5px 10px;
  background: #eee;
}

.calendar-block h4{
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: normal;
  float: left;
}

.calendar-block .control{
  float: left;
  height: 100%;
  width: 60px;
  text-align: center;
  font-size: 110%;
}

.calendar-block .control.next{
  float: right;
}

table.calendar{margin:0;}

table.calendar td,
table.calendar th{
  text-align:center;
  border: 0;
  padding: 1px;
}

table.calendar th{
  font-weight:bold;
  font-size: 80%;
  background: none;
}

table.calendar td{background: none;}
table.calendar td span{background: #eee;}

table.calendar a, table.calendar span{
  padding: 5px;
  display: block;
  text-align: center;
}

table.calendar a{
  background: #ccc;
  color: #333;
  text-decoration: none;
}

table.calendar a:hover{
  background: #206ba4;
  color: #fff;
  text-decoration: none;
}

table.calendar td.today a, table.calendar td.today span{
  background: #414141;
  color: #fff;
}


/*** TAG CLOUD ***/

.tagcloud{
  text-align:center;
  line-height:150%;
  padding: 10px 0;
}

.tagcloud.large{
  line-height: 400%;
}

.tagcloud a{
  vertical-align:middle;
  text-decoration:none;
  padding:0 0.2em;
  letter-spacing:-0.02em;
  color:#666; /* options override this */
  text-shadow:0px 1px 1px #fff;
}

.tagcloud a:hover{
  background:#414141;
  color:#000 !important; /* to override the inline color styles */
  text-decoration: none;
}



/* TWEETS */

.latest-tweets .avatar{
  float:left;
  border:6px solid #e8e8e8;
}

.latest-tweets .avatar img{
  display:block;
  border:1px solid #fff;
}

.latest-tweets .info{
  padding:5px 0;
  border-bottom: 1px dotted #ddd;
}

.block-tabs .latest-tweets .info{
  border-color: #555;
}

.latest-tweets .details{
  display:block;
  margin-left:66px;
}

.latest-tweets .details a{
  display:block;
  font-size:115%;
  font-weight:bold;
}

.latest-tweets .details span{
  display:block;
  padding-top:4px;
  font-style:italic;
}

.latest-tweets .date{
  display:block;
  font-size:85%;
  color:#aaa;
  text-transform:uppercase;
}

.latest-tweets .date:hover{
  color:#e0e0e0;
  text-decoration:underline;
}

.latest-tweets .loading{
  background:transparent url(../images/loaders/lc64w.gif) no-repeat center center;
  height: 72px;
  margin: 10px 0;
}

.latest-tweets .entry{
  background: transparent url(../images/icons.png) no-repeat -176px -308px;
  padding-left: 18px !important;
}



/*** LOGIN ***/

.login-block{margin:5px 0;}
.login-block .status{margin:4px 0;}
.login-block label.remember{margin-top:12px;}

.login-block .avatar{
  float:left;
  background:#ddd;
  padding:6px;
}

.login-block .avatar img{
  display:block;
  padding: 0;
  border:1px solid #fff;
}

.login-block ul.menu{
  display:block;
  margin-left:116px;
}

.login-block input.text{width:50%;}
.login-block input.text.wide{width:75%;}

.login-block .status{
  background:#ccc;
  padding:5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color: #333 !important;
}

.login-block .status.loading{
  background-color:#0094da;
  color:#fff !important;
}

.login-block .status.error{
  background-color:#e92606;
  color:#fff !important;
}

.login-block .status.error a{
  color:#fff !important;
  text-decoration:underline;
}

.login-block .status.success{
  background-color:#73cf07;
  color:#fff !important;
}

.login-block .meta{
  text-align: right;
}


/*** MISC ***/

/* rss */
a.rss-block{
  margin-top: 10px;
  background:#efefef url(../images/icons.png) no-repeat -52px -110px;
  color:#aaa;
  padding: 5px 10px 5px 30px;
  color: #5e5e5e;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 0 1px 1px #fff;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #5e5e5e;
  cursor: pointer;
}

a.rss-block:hover{
  color:#fff;
  text-decoration:none;
  text-shadow: none;
  border-color:#565459;
  background-color:#565459;
}


/* buttons, used for various things... */
.controls > a{
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  margin-left: 2px;
  font-size:100%;
  cursor: pointer;
  outline: none;
  position: relative;
  background-color: #ddd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -ms-linear-gradient(top, #eee, #ddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(top, #eee, #ddd);
  text-decoration: none;
  text-shadow:#fff 0 1px 1px;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid rgba(0,0,0, 0.25);
  color: #808080;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.comment .controls a{
  font-size: 85%;
  font-weight: normal;
  padding: 3px 10px 4px;
}

input[type=submit]{z-index: 20;}

.controls a:hover{
  background-color: #191919;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
  background-image: -moz-linear-gradient(top, #292929, #191919);
  background-image: -ms-linear-gradient(top, #292929, #191919);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
  background-image: -webkit-linear-gradient(top, #292929, #191919);
  background-image: -o-linear-gradient(top, #292929, #191919);
  background-image: linear-gradient(top, #292929, #191919);
  color:#fff;
  text-decoration:none;
  text-shadow:#000 0 1px 1px;
}


/* clearField on forms */
.clearField{
  color:#aaa;
  border:1px solid #ccc;
  background:#f8f8f8;
  font-weight:normal;
}

.clearFieldBlurred{font-style:italic;}

.clearFieldActive{
  color:#333;
  background:#eee;
  border-color:#aaa;
}

.wide{width:100%;}
.hidden{display:none;}

.error{color:#ed1e24;}
.success{color:#a0c207;}

.error.box{
  border:1px solid #c00;
  background:#ffebe8;
  padding:5px 10px;
  font-size:115%;
  margin:0 auto;
  color:#c00;
  text-align:center;
  text-shadow:#fff 0px 1px 1px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}


/* clearfix */
.clear-block:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

/* elements that have this class will fade in/out child links */
.fadeThis a, .fade{
  -webkit-transition: 0.25s linear background-color, color;
  -moz-transition: 0.25s linear background-color, color;
  -ms-transition: 0.25s linear background-color, color;
  -o-transition: 0.25s linear background-color, color;
  transition: 0.25s linear background-color, color;
}

.fadeThis a:hover, .fade:hover{
  -webkit-transition: 0.25s linear background-color;
  -moz-transition: 0.25s linear background-color;
  -ms-transition: 0.25s linear background-color;
  -o-transition: 0.25s linear background-color, color;
  transition: 0.25s linear background-color, color;
}


/* tooltips */
.tip{
  position:absolute;
  z-index:20;
  max-width:400px;
  display:none;
  min-width:50px;
  max-width:500px;
  border:1px solid #fff;
  background:#e8e8e8 url(../images/tp-sc.png) no-repeat left top;
  padding:1em 2em;
  color:#333;
  -moz-box-shadow:0 0 14px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 14px rgba(0,0,0,0.3);
  box-shadow:0px 0 14px rgba(0,0,0,0.3);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.large{font-size:115%;}


.divider{
  padding:4px 0 0;
  margin:5px 0 15px;
  display:block;
  border-bottom:1px dotted #ccc;
  height:1px;
  min-height:1px;
}

span.alt{font-style:italic;}

.highlight{background-color:#FFE4B5;}

/* pr */
.pagerank{
  display:inline-block;
  margin:0 3px;

}

.pagerank-frame{
  height:8px;
  width:35px;
  margin-left:2px;
  display:inline-block;
  background-color:#bbb;
}

.pagerank-bar{
  height:8px;
  background-color:#009933;
}


/* thumbnail placeholder */
.no-img{
  display:block;
  background:#ddd url(../images/x.png) no-repeat center center;
  position:relative;
}

.no-img.loading{
  background:#ddd url(../images/loaders/lc32w.gif) no-repeat center center;
  display:block;
  position:relative;
}


img.alignleft, img.alignright{
  padding:3px;
  margin-top:5px;
  margin-bottom:5px;
}

.alignleft{
  float:left;
  margin-right:10px;
}

.alignright{
  float:right;
  margin-left:10px;
}

.aligncenter{
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* smiley adjustment */
img.wp-smiley{vertical-align:-15%;}

/* captions */
.wp-caption, .gallery-caption{
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding-top:4px;
  margin-top:10px;
  margin-bottom:10px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.wp-caption-dd{
  font-size:11px;
  line-height:17px;
  padding:0 4px 5px;
  margin:0;
}

.wp-caption-text{
  font-size:xx-small;
  color:#999;
  vertical-align:top;
}

.webshot{
  position:absolute;
  left:-20000px;
  background-color:rgba(0,0,0,0.4);
  padding:5px;
  z-index:25;
  display:none;
  -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);
  box-shadow:0px 0px 8px rgba(0,0,0,0.4);
}

/* jump to top link */
a.go-top{
  display: none;
  position:fixed;
  right:10px;
  bottom:10px;
  cursor: pointer;
  z-index: 99;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 11px;
  background-color: #fff;
  text-decoration: none;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}

a.go-top:hover{
}

.no-js .hide-if-no-js{display: none;}

.ad, .ad-block{
  text-align: center;
  display: block;
  margin: 10px auto 20px;
}

/* [column] shortcode -- @todo: remove this and add a real interface for adding columns in the editor */

.col{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.col.c-2{width: 50%;}
.col.c-3{width: 33%;}
.col.c-4{width: 25%;}
.col.c-5{width: 20%;}
.col.c-6{width: 16.5%;}
.col.c-7{width: 14%;}
.col.c-8{width: 12.5%;}
.col.c-9{width: 11%;}
.col.c-10{width: 10%;}

.col .cc{
  padding: 0 10px;
  border-right: 1px solid #ddd;
}

.col.last .cc{
  padding-right: 0;
  border:0;
}

.col.first .cc{padding-left: 0;}








/* FancyBox */

#fb-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 148px;
  height: 26px;
  margin-top: -13px;
  margin-left: -74px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
  background:rgba(0,0,0, 0.75) url(../images/loaders/lh16b.gif) no-repeat center center;
}

#fb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
  background: #000;
}

#fb-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fb-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1101;
  outline: none;
  display: none;
}

#fb-outer {
  position: relative;
  width: 100%;
  height: 100%;
}

#fb-content {
  width: 0;
  height: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 10px solid #fff;
  background: #fff;
}

#fb-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fb-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fb-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fb-left, #fb-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 50%;
  z-index: 1102;
  background: none;
  display: none;
}

#fb-left {
  left: 0;
}

#fb-right {
  right: 0;
}

#fb-left a, #fb-right a{
  outline: none;
  position: absolute;
  top: 0;
  left: -9999px;
  width: 92px;
  height: 92px;
  cursor: pointer;
  z-index: 1102;
  display: block;
  background: transparent url(../images/i-ctrls.png) no-repeat 0px -16px;
  text-decoration: none;
}

#fb-right a {
  background-position: right -16px;
}

#fb-left a:hover{background-position: 0 bottom;}
#fb-right a:hover{background-position: right bottom;}

#fb-left:hover a {
  left: 20px;
}

#fb-right:hover a {
  left: auto;
  right: 20px;
}

#fb-title {
  z-index: 1102;
  color: #333;
  background: #fff;
  text-align: center;
  padding: 0 0 10px 0;
}



#gallery{
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 5;
}

/* some effects look nicer without overflow, so we control this trough a class */
.no-overflow{ overflow: hidden; }

#gallery .loading{
  width: 158px;
  height: 32px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  background: #333;
  background: rgba(0,0,0, 0.5) url(../images/loaders/lh16b.gif) no-repeat center center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

#gallery .next-slide{
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

#gallery .slide{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  display: none;
}

/* make first slide visible during load */
#gallery .slide.first{ display: block; }

/* dynamic, only valid if slider is active */
#gallery .link{
  position:absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 5;
  text-decoration: none;
}


#gallery .i-controls{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: none;
}

#gallery .pager{
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 16;
}

#gallery .pager a{
  background: transparent url(../images/i-ctrls.png) no-repeat left top;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-left: 5px;
  cursor: pointer;
  text-decoration: none;
}

#gallery .pager a.current,
#gallery .pager a.current:hover{
  background-position: -30px top;
}

#gallery .pager a:hover{
  background-position: -15px top;
}

#gallery a.prev,
#gallery a.next{
  background: transparent url(../images/i-ctrls.png) no-repeat 0px -16px;
  position: absolute;
  width: 92px;
  height: 92px;
  overflow: hidden;
  z-index: 16;
  top: 50%;
  cursor: pointer;
  text-decoration: none;
}

#gallery a.prev{
  left: 20px;
}

#gallery a.next{
  background-position: right -16px;
  right: 20px;
}

#gallery a.prev:hover{background-position: 0px -108px;}
#gallery a.next:hover{background-position: right -108px;}

#gallery .caption{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  z-index: 15;
  display: none;
}

/* show caption by default if jquery/js is disabled, or if we have only one slide (slider disabled in both cases) */
.no-js #gallery .caption, #gallery.single .caption{ display: block; }

#gallery h3{
  font-weight: bold;
  font-size: 150%;
  line-height: 150%;
  margin: 0 0 10px 0;
  padding: 0;
}

#gallery .caption.push-left{
  width: 30%;
  height: 100%;
}

#gallery .caption.push-right{
  width: 30%;
  height: 100%;
  left: auto;
  right: 0;
}

#gallery .caption .content{
  padding: 20px;
  line-height: 150%;
}


/* breadcrumbs */

.breadcrumbs{
  padding: 10px 0;
  margin: 5px 0;
  color: #999;
}

.breadcrumbs a{
  display: inline-block;
  background: #eee;
  text-decoration: none;
  color: #999;
  padding: 1px 5px 2px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.breadcrumbs a:hover{
  background: #333;
  color: #fff;
}



/* bbPress styles */


.bbp-topic-voice-count, .bbp-topic-reply-count{
  text-align:center;
}


.bbp-forum-title{
  font-weight:bold;
}

td.bbp-reply-author{
  text-align:left;
  border-right: 1px solid #ccc;
}

td.bbp-reply-content{
  border-left: 1px solid #fff;
}

.bbp-reply-author img{
  display:block;
}


.bbp-pagination-count{
  margin: 10px 0;
  text-align: right;
  color: #ccc;
}



.more-link{
  display:inline-block;
  border-radius: 5px;
  background-color: #eee;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f1f1f1), to(#eee));
  background-image: -moz-linear-gradient(top, #f1f1f1, #eee);
  background-image: -ms-linear-gradient(top, #f1f1f1, #eee);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f1f1f1, #eee);
  background-image: -o-linear-gradient(top, #f1f1f1, #eee);
  background-image: linear-gradient(top, #f1f1f1, #eee);
  padding: 0 5px 1px 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: #fff 0 1px 1px;
  font-size: 11px;
}

.more-link:hover{
  background: #333;
  color: #fff;
  text-shadow: #000 0 -1px 1px;
}



/* styles for tabbed widgets. */

.block-tabs{
  color: #999;
  position: relative;
}

.block-tabs a{
  color: #54a4de;
}


.block-tabs a:hover{
  color: #bbd9ee;
}


.block-tabs .tabs .sections{
  background: #333;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border-bottom: 1px solid #fff !important;
  position: relative;
  overflow: hidden;
}

/* extra spacing */
.block-tabs .tabs .box{padding: 10px;}
.block-tabs .tabs .search-form{padding: 5px;}

.block-tabs .tabs{
  padding-top: 37px;
}

.block-tabs .tabs .navi{
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 10;
}

.block-tabs .tabs .navi li{
  margin-right: 3px;
  float: right;
  position: relative;
  z-index: 15;
  background: transparent url(../images/itab.png) no-repeat left top;
  width: 43px;
  height: 43px;
}

.block-tabs .tabs .navi li a{
  width: 43px;
  height: 43px;
  background: transparent url(../images/icons.png) no-repeat 0 0;
}

.block-tabs .tabs .navi li a span{
  display: none;
}

.block-tabs .tabs .navi li.active,
.block-tabs .tabs .navi li.active:hover{background-position: -43px top;}

.block-tabs .tabs .navi li:hover{background-position: right top;}

/* icons, need more to handle all widget/combinations... (@todo) */
.block-tabs .tabs .navi li.nav-tag-cloud a{background-position: 0 -152px;}

.block-tabs .tabs .navi li.nav-recent-comments a,
.block-tabs .tabs .navi li.nav-top-commenters a{background-position: 0 -76px;}

.block-tabs .tabs .navi li.nav-archives a,
.block-tabs .tabs .navi li.nav-posts-date a{background-position:0 -114px;}

.block-tabs .tabs .navi li.nav-posts-comment-count a{background-position: 0 -38px;}
.block-tabs .tabs .navi li.nav-posts-views a{background-position: 0 -38px;}

.block-tabs .tabs .navi li.nav-login a{background-position: 0 -266px;}
.block-tabs .tabs .navi li.nav-users a{background-position: 0 -190px;}
.block-tabs .tabs .navi li.nav-search a{background-position: 0 -228px;}
.block-tabs .tabs .navi li.nav-terms a{background-position: 0 -380px;}
.block-tabs .tabs .navi li.nav-calendar a{background-position: 0 -342px;}

.block-tabs .tabs .navi li.nav-twitter a{background-position: 0 -304px;}

.block-tabs .tabs .section{
  position: relative;
  z-index: 5;
}


/* menu styles */
.block-tabs .block ul.menu .c1{
  color: #999;
}

.block-tabs .block ul.menu .c2{
  color: #656565;
}

.block-tabs .block ul.menu li, .block-tabs .block ul.box .entry{
  border-bottom:1px dotted #000;
  border-top:1px dotted #555;
}

/* more link */
.block-tabs .block a.more.loading{
  background-image:url(../images/loaders/lh16b.gif);
  background-color: #333;
}

.block-tabs .block a.more:hover{
  background-color: #222;
}


/* tag cloud */

.block-tabs .tagcloud a{
  color:#a6a6a6; /* options override this */
  text-shadow:0px 1px 1px #000;
}

.block-tabs .tagcloud a:hover{
  color:#101010 !important; /* to override the inline color styles */
  text-shadow:0px 1px 1px rgba(255,255,255, 0.5);
}


/* calendar */
.block-tabs .calendar-block .top{
  background: none;
}

.block-tabs table.calendar{
  border: 5px solid transparent;
}

.block-tabs table.calendar td{background: none;}
.block-tabs table.calendar td span{background: #414141;}

.block-tabs table.calendar a{
  background: #a6a6a6;
  color: #333;
}

.block-tabs table.calendar a:hover{
  background: #54a4de;
  color: #fff;
}


.block-tabs .latest-tweets .loading{
  background-image:url(../images/loaders/lc64b.gif);
}



.loader{
  background:#fff url(../images/loaders/lh16w.gif) no-repeat center center;
  width:158px;
  height:32px;
  display: block;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.loader.black{
  background-color: #333;
  background-image: url(../images/loaders/lh16b.gif);
}