/* browser reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a     { outline: none; }

/* typography */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 85%;
  color: #222;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #111; margin: .3em 0 .3em; }

h1 { font-size: 2em; line-height: 1; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 .725em; }
p img.left, img.left  { float: left; margin: .725em .725em .725em 0; padding: 0; }
p img.right, img.right { float: right; margin: .725em 0 .725em .725em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 1em; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { padding: 0 0 .5em 1.5em; margin-bottom: .5em; border-bottom: 1px solid #eee; }

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* override the background and color to change hr line color */
hr { background: #f2f2f2; border: none; clear: both; color: #f2f2f2; height: 1px; margin: 1em 0; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* fancy types */
/* Indentation instead of line shifts for sibling paragraphs. */
/*
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p  { text-indent: 0; } /* Don't want this in forms. */

/* For great looking type, use this code instead of asdf:
   <span class="alt">asdf</span>
   Best used on prepositions and ampersands. */
.alt {
  color: #666;
  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

/* For great looking quote marks in titles, replace "title text" with:
   <span class="dquo">&#8220;</span>title text&#8221;
   (That is, when the title starts with a quote mark).
   (You may have to change this value depending on your font size). */
.dquo { margin-left: -.5em; }

/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
*/
p.incr, .incr p {
  font-size: 10px;
  line-height: 1.44em;
  margin-bottom: 1.5em;
}

/* Surround uppercase words and abbreviations with this class.
   Based on work by JÌürgen Arnor GÌ´rdsÌü Lom [http://twistedintellect.com/] */
.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* useful classes */
/* seo nav */
.skip { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }

/* add .clearfix class to clear floats after an element */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* table generic theme */
table       { border-bottom: 4px solid #aabcfe; }
thead th    { background: #b9c9fe; border-bottom: 1px solid #fff; border-top: 4px solid #aabcfe; color: #039; padding: 8px; }
tbody td    { background: #e9edff; border-bottom: 1px solid #fff; border-top: 1px solid transparent; color: #669; padding: 8px; }
tr.even td  { background: #eff5ff; }
tr:hover td { background: #d0dafd; color: #339; }
td.region   { background: #b9c9fe; border-top: 5px solid #fff; }
tr.region-message td { background: #eee; }

/* form */
fieldset { margin-bottom: 1em; padding: 1em; border: 1px dashed #999; }
fieldset legend { display: block; }

textarea,
input.form-text {
  border: 1px solid #dbdbdb;
  border-top-color: #bebebe;
  border-left-color: #b1b1b1;
  padding: 2px;
  font: normal 1.2em Arial, Helvetica, sans-serif;
  color: #454545;
}
/* autocomplete adjustment due to new padding */
html.js input.form-autocomplete {
  background-position: 100% 4px;
}
html.js input.throbbing {
  background-position: 100% -16px; /* LTR */
}


/*****************************************For highlight purposes  *****************************************************************/
/**********************************************************************************************************************************/
/***********************************************************************************************************************************/
.highlight-blue, .highlight-lightgrey, .highlight-red, .highlight-orange, .highlight-yellow,
.highlight-green, .highlight-grey, .highlight-black
{ padding: .5em 1em; }

.highlight-blue                { background: #ebf3ff; border: 1px solid #98c0ff; }
.block .highlight-blue h2,
.block .highlight-blue h3      { color: #3771c8; }

.highlight-lightgrey           { background: #f3f4f6; border: 1px solid #dbdbdc; }
.block .highlight-lightgrey h2,
.block .highlight-lightgrey h3 { color: #999; }

.highlight-red                 { background: #ffe6e6; border: 1px solid #ffa4a4; }
.block .highlight-red h2,
.block .highlight-red h3       { color: #f70034; }

.highlight-orange              { background: #fff0da; border: 1px solid #ffb547; }
.block .highlight-orange h2,
.block .highlight-orange h3    { color: #ff7800; }

.highlight-yellow              { background: #ffffb9; border: 1px solid #e5e500; }
.block .highlight-yellow h2,
.block .highlight-yellow h3    { color: #9c8b00; }

.highlight-green               { background: #f3ffea; border: 1px solid #219021; }
.block .highlight-green h2,
.block .highlight-green h3     { color: #219021; }

.highlight-grey                { background: #c5c5c5; border: 1px solid #989a95; }
.block .highlight-grey h2,
.block .highlight-grey h3      { color: #111111; }

.highlight-black               { background: #222222; border: 1px solid #777777; color: #ccc; }
.block .highlight-black h2,
.block .highlight-black h3     { color: #fefefe; }

/*********************************************************************************************************************************/
/**********************************************************************************************************************************/
/***********************************************************************************************************************************/


/***************************************** Put here all the icons images  **************************************************/
/**********************************************************************************************************************************/
/***********************************************************************************************************************************/

.icon1, .icon2, .icon3, .icon1-hot, .icon2-hot, .icon3-hot , .iconWorldcup, .iconFaceshift, .iconEurofootball, .iconGoodResolutions, .iconAntiResolutions, .iconAdventCalendar, .iconAdventCalendar2010, .iconSudokuMagic, .iconValentines, .iconValentines2011, .iconSudokuBattle, .iconWorldWallpapers, .iconCareers { padding: 0 0 1em 70px; }
.icon1.right, .icon2.right, .icon3.right { padding: .5em 60px 1em 1em; }

.icon1       {background: transparent url(icons/worldcupcalendar.png) no-repeat left 6px;}
.icon1.right {background-position: right 6px; }
.icon1-hot   {background: transparent url(icons/adventcalendar.png) no-repeat left 6px;}

.icon2        {background: transparent url(icons/developers.png) no-repeat left 6px; }
.icon2.right {background-position: right 6px; }
.icon2-hot   {background: transparent url(icons/eurofootballnews.png) no-repeat left 6px; }


.icon3      {background: transparent url(icons/clients.png) no-repeat left 6px; }
.icon3.right {background-position: right 6px; }
.icon3-hot	 {background: transparent url(icons/faceshift.png) no-repeat left 6px; }

.iconWorldcup       {background: transparent url(icons/worldcupcalendar.png) no-repeat left 6px;}
.iconFaceshift      {background: transparent url(icons/faceshift.png) no-repeat left 6px;}
.iconEurofootball   {background: transparent url(icons/eurofootballnews.png) no-repeat left 6px;}
.iconSudokuMagic    {background: transparent url(icons/sudokumagic.png) no-repeat left 6px;}
.iconSudokuBattle   {background: transparent url(icons/sudokubattle.png) no-repeat left 6px;}
.iconGoodResolutions    {background: transparent url(icons/goodresolutions.png) no-repeat left 6px;}
.iconAntiResolutions    {background: transparent url(icons/antiresolutions.png) no-repeat left 6px;}
.iconAdventCalendar    {background: transparent url(icons/adventcalendar.png) no-repeat left 6px;}
.iconAdventCalendar2010    {background: transparent url(icons/adventcalendar2010.png) no-repeat left 6px;}
.iconValentines    {background: transparent url(icons/valentines.png) no-repeat left 6px;}
.iconValentines2011    {background: transparent url(icons/valentines2011.png) no-repeat left 6px;}
.iconWorldWallpapers    {background: transparent url(icons/worldcupwallpapers.jpg) no-repeat left 6px;}
.iconCareers    {background: transparent url(icons/clients.png) no-repeat left 6px;}

.block .icon1 h2,
.block .icon2 h2,
.block .icon3 h2,
.block .icon1-hot h2,
.block .icon2-hot h2,
.block .icon3-hot h2,
.block .iconWorldcup h2,
.block .iconSudokuMagic h2,
.block .iconSudokuBattle h2,
.block .iconFaceshift h2,
.block .iconEurofootball h2,
.block .iconGoodResolutions h2,
.block .iconAntiResolutions h2,
.block .iconAdventCalendar h2,
.block .iconAdventCalendar2010 h2,
.block .iconValentines h2,
.block .iconValentines2011 h2,
.block .iconWorldWallpapers h2,
.block .iconCareers h2,
.block .icon4 h2 { color: #347228; font-size: 1.8em; margin: 0;}


.block .icon1 .subtitle,
.block .icon2 .subtitle,
.block .icon3 .subtitle,
.block .icon1-hot .subtitle,
.block .icon2-hot .subtitle,
.block .icon3-hot .subtitle,
.block .iconWorldcup .subtitle,
.block .iconSudokuMagic .subtitle,
.block .iconSudokuBattle .subtitle,
.block .iconFaceshift .subtitle,
.block .iconEurofootball .subtitle,
.block .iconGoodResolutions .subtitle,
.block .iconAntiResolutions .subtitle,
.block .iconAdventCalendar .subtitle,
.block .iconAdventCalendar2010 .subtitle,
.block .iconValentines .subtitle,
.block .iconValentines2011 .subtitle,
.block .iconWorldWallpapers .subtitle,
.block .iconCareers .subtitle,
.block .icon4 .subtitle { color: #5397c3; font-size: 1.2em; font-style: italic; }


/*********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/



.description { color: #666; }

  /* pager */
.item-list .pager          { margin: 2em 0 1em 0; }
.item-list .pager li       { background: #f4f4f4; border: 1px solid #f4f4f4; border: 1px solid #e5e5e5; padding: .25em .75em; margin: 0 .25em .25em 0; }
.item-list .pager li:hover { background: #fff; border: 1px solid #999; }
.pager li.pager-current    { background: #fff; border: 1px solid #999; }
.pager li.pager-current:hover { background: #fff; border: 1px solid #999; }

  /* preview */
.preview { background: #e4ffcf; padding: 1em; }
.preview h3.preview-title { background: #333; color: #fff; float: right; font-size: 1.2em; padding: .25em .5em; margin: 0; }
.preview .node { background: #eee; border: 1px dotted #469f45; padding: 1em; margin-bottom: 1em; }
.preview .node.teaser { margin: 0 0 1em 0; }




  /* message boxes
   * 
   */
div.status,
div.warning,
div.error {
  border: none;
  padding: 15px 0 15px 72px;
  margin-bottom: 1em;
}
div.status {
  border-top: 2px solid #469f45;
  border-bottom: 2px solid #469f45;
  color: #219021;
  background: #e4ffcf url(../icons/info.png) no-repeat 20px center;
}
div.warning {
  border-top: 2px solid #e5e500;
  border-bottom: 2px solid #e5e500;
  color: #9c8b00;
  background: #ffffb9 url(../icons/alert.png) no-repeat 20px center;
}
div.error {
  border-top: 2px solid #ffa4a4;
  border-bottom: 2px solid #ffa4a4;
  color: #f70034;
  background: #ffe6e6 url(../icons/cancel.png) no-repeat 20px center;
}

  /* fixes for img_assist */
.img_assist .status,
.img_assist .warning,
.img_assist .error {
  background-image: none;
}