/*
#------------------------------------------------------------------------
# pixellove - June 2011 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework. 
  NOTE: It is not free or public. This theme is for members of the GavickPro club only.
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

input,
select,
textarea,
.inputbox { color: #777; text-indent: 0; font-size: 12px; min-height: 16px; padding-top:4px; padding-bottom: 4px; background: #7b7b7b; border: 1px solid #454545 !important; box-shadow:inset 0 0 43px rgba(0, 0, 0, 0.75); -moz-box-shadow:inset 0 0 43px rgba(0, 0, 0, 0.75); -webkit-box-shadow:inset 0 0 43px rgba(0, 0, 0, 0.75); -webkit-transition:color, background-color 1s; -moz-transition:color, background-color 1s; -o-transition:color, background-color 1s; transition:color, background-color 1s;  }
select { padding: 0; text-indent: 0!important; }
textarea{ padding: 20px!important; width:95%!important; }
input:focus,
select:focus,
textarea:focus,
.inputbox:focus { background-color: #fff; color: #222!important; }
textarea { color: #444!important; }
input[type=radio],
input[type=checkbox] { background:transparent!important; border: none!important; height: inherit; }
a.readon { display:block; float: left; }
.button,
button,
button.button,
a.readon,
.moduleItemReadMore,
.latestItemReadMore a.k2ReadMore,
.userItemReadMore a.k2ReadMore,
.catItemReadMore a.k2ReadMore, 
.k2ReadMore, 
.subCategoryMore,
input[type="submit"],
input[type="button"], 
div.mobileSwitch > a  { height: 24px!important; display: block; float: left; text-decoration: none; text-transform: uppercase; font: bold 14px/26px Arial, Helvetica, sans-serif; padding: 0 11px; background: #101010; color: #fff; font-weight:normal; cursor: pointer; border: 1px solid #252525; text-indent:0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 5px 3px 2px; -webkit-transition:color, background-color 1s; -moz-transition:color, background-color 1s; -o-transition:color, background-color 1s; transition:color, background-color 1s;}
button { height:22px!important; line-height: 24px!important; }
.button:hover,
.button:focus,
button:hover,
button:focus,
a.readon:hover,
a.readon:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.moduleItemReadMore:focus,
.moduleItemReadMore:hover,
.latestItemReadMore a:focus.k2ReadMore,
.latestItemReadMore a:hover.k2ReadMore,
.userItemReadMore a:focus.k2ReadMore,
.userItemReadMore a:hover.k2ReadMore,
.catItemReadMore a:focus.k2ReadMore,
.catItemReadMore a:hover.k2ReadMore, 
a:focus.k2ReadMore, 
a:hover.k2ReadMore, 
a:hover.subCategoryMore,
a:focus.subCategoryMore,
a:hover.readmore-link,
a:focus.readmore-link,
a:hover.comments-link,
a:focus.comments-link,
div.mobileSwitch > a:hover,
div.mobileSwitch > a:focus  { background: #6b9ccf; border-color: #6b9ccf!important; color: #fff; }
input[type=checkbox],
.checkbox,
input[type=radio],
.radio { height:auto !important; }
input[type=text] { text-indent: 10px; }
select[size] { height:auto; }
#register input { width:80%; }
small,
.small,
.smalldark,
.contenttoc { font-size:90%}
div.img_caption {font-size: 90%; border: 1px solid #fff; padding: 3px}
p.img_caption {border: none }
.modifydate { font-style:italic; font-size:80%; float:right; }
.smalldark { text-align:left; }
th { font-weight:bold; padding:5px 0; text-align:left; }
td { font-size:100%; padding:6px; }
fieldset { border:none; padding:12px 0; }
fieldset a { font-weight:bold; }
fieldset.input { padding:0; }
hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #252525; height:1px; }
.box_content td { padding:0; }
/* Article, Categorie title */
#gkComponent > div > h1,
.blog h2,
#gkComponent > div > h2 { font-size: 45px;}
#gkComponent > div > h1,
#gkComponent > div > h2,
#gkComponent > div > h1 a,
.blog h2,
.blog h2 a,
#gkComponent > div > h2 a { color: #fff !important }
/* Print, email Buttons */ 
ul.actions { float: right; display: block;}
ul.actions li { float: left; margin: 0 0 0 8px; }
/* Articles Details */

dl.article-info { overflow: hidden; padding:0 0 10px; font-size:85%; }
dl.article-info dt,
dl.article-info dd { float: left; margin-right: 16px; }
.itemDateCreated { background: #101010!important; border: 1px solid #252525; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; float: left; margin: 19px 0 0; padding: 3px; position: absolute }
.itemDateCreated span:first-child {font-size: 48px; line-height: 42px}
.itemDateCreated span {display: block; font-size: 22px; line-height: 24px; text-align: center; text-transform: uppercase}
.itemDateCreated div {padding: 2px 16px}
div.article-meta.blog {margin: 0 0 25px 112px}
/* Social API */

#gkSocialAPI { clear: both; height: 27px; padding: 12px 0 0; margin: 10px 0 0px; border-top: 1px solid #252525; line-height: 34px}
#gkSocialAPI .clr { clear:both; }
#gkSocialAPI > iframe,
#gkSocialAPI > span,
#gkSocialAPI > a,
#gkSocialAPI .fb_iframe_widget { display: block!important; float:left!important; margin-right:5px; }
#gkSocialAPI .db-count { line-height:18px; }
.deliciousBtn,
.instapaperBtn { height:20px; width:24px; line-height: 20px; font-size: 11px; }
.deliciousBtn { background:transparent url('../images/delicious_icon.gif') no-repeat left center; }
.instapaperBtn { background:transparent url('../images/instapaper_icon.png') no-repeat left center; }
a.google-buzz-button .buzz-counter-long {margin-top: 0px !important}
#___plusone_0 { float: left!important; }
#gkSocialAPI > div,
#gkSocialAPI > iframe,
#gkSocialAPI > span,
#gkSocialAPI > a { margin-bottom: 10px; }
/*contact*/
.contact .jicons-icons {display: none}

/* pagination */
#article-index {margin:10px 0 0; padding:3px 0 0; width:100%; text-align: center; display: inline-block}
div.pagination ul { margin:10px 0 0; padding:3px 0 0; width:auto; text-align: center; }
#article-index ul li,
div.pagination ul li { display:inline-block; }
#article-index ul li a,
#article-index ul li span,
div.pagination ul li a,
div.pagination ul li span { margin:2px 5px; overflow:hidden; color: #fff; background: #252525; padding:4px 10px; font-weight: bold; font-size:11px; -webkit-transition:background-color 0.4s ease-in; -moz-transition:background-color 0.4s ease-in; -o-transition:background-color 0.4s ease-in; transition:background-color 0.4s ease-in; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; }
#article-index ul li span,
div.pagination ul li span { opacity: 0.20; filter:alpha(opacity=20); }
#article-index ul li a:hover,
div.pagination ul li a:hover { background: #777; color: #fff; }
div.pagination p.counter {font-weight: bold; text-align: center; font-size: 85%; padding: 0px 12px; margin-top: -20px; font-weight: normal}
li.pagenav-prev {float: left}
li.pagenav-next {float: right}
.pagenavcounter {font-size: 10px; text-align: right; font-weight: bold;}
/* blog more */
.items-more h3 { font-size:150% !important; margin:0 0 10px !important; }
.items-more ol { padding-left: 10px; list-style-type: disc;}

/* table of contents */

/* archieve */
.archive .intro {display: inline}
/* categories list */
.categories-list dt { float: left; }
.categories-list dd { text-indent: 4px; }
/* messages */
#system-message { margin: 0; color: #fff; font-weight: normal; text-align: left }
#system-message dt { display: none; }
#system-message dd { padding:0!important; background:none!important; }
#system-message dd.message ul { background: none; color: #ccc; border: 1px solid #333; }
#system-message dd.error ul,
#system-message dd.message ul { margin: 20px 0; padding: 0; color: #fff; font-weight: normal; font-weight: bold; }
/* System Error Messages */
#system-message dd.error ul  { background: none; border: 1px solid #BD5454; color: #BD5454; }
/* System Notice Messages */
#system-message dd.notice ul { background: #57a8f0; border:1px solid #115bb2; border-left:none; border-top:none; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li  { background: none; margin: 0; padding: 8px 16px; text-indent:0; text-align: center }
/* wrapper */

iframe { border:none; }
/* mod_banner */
.banneritem,
.banneritem { border-bottom: 1px solid #252525; padding:5px 0; }
.bannerfooter a,
.bannerfooter a { color: #fff; float:right; font-size:80%; margin:10px 0 0 0; }
.bannerfooter { margin: 10px 0 0; font-size:11px; font-style:italic; float:right }
/* mod_mainmenu */
.box_menu ul.menu li { padding: 6px 20px; list-style: disc inside; line-height:20px; }
.box_menu ul.menu li:first-child { border: none !important }
.box_menu ul.menu > li:hover,
.box_menu ul.menu > li li:hover { }
.box_menu ul.menu li.active { }
.box_menu ul.menu li#current.parent.active { }
.box_menu ul.menu li a { font-weight: bold; font-size: 11px; }
.box_menu ul.menu li a:hover,
.box_menu ul.menu li#current li a:hover { color: #6b9ccf; }
.box_menu ul.menu > li ul { margin: 0 -20px; }
.box_menu ul.menu > li li { padding: 6px 40px; }
.box_menu ul.menu > li li a { font-weight: normal }
.box_menu ul.menu li#current li { }
.box_menu ul.menu li#current li a { }
/* com_search */
.filter-search button {display: inline; float:none; margin-left: 1px}
#searchForm .form-limit {margin: 15px auto 0; text-align: center}
#searchForm p.counter {margin: 0px}
.searchintro { margin: 0}
.search-results { margin:0 0 20px 0; padding: 25px 0 24px 5px; }
fieldset.phrases,
fieldset.only { background: #000; padding: 0 20px }
.search-results dt.result-title { text-transform:none; font-size:110%; font-weight: normal; display: inline; border-top: 1px solid #252525; margin: 0;width:100%; display: block; padding-top: 20px}
.search-results p { color: #878787; font-size: 11px; margin: 0 0 10px 26px; }
.search-results p span { font-size: 11px; }
#search-searchword { width: 260px; }
#mod-search-searchword {height: 28px; width: 99%;  text-indent: 10px; font-size: 16px; text-transform:uppercase; padding-top: 0; padding-bottom: 0;}
.result-title a {margin-top: 15px}
.result-title a:hover {color: #000 !important; text-decoration: underline}
.result-text {margin-top: 15px}
div.search #searchForm button {position: absolute; display: inline; margin-left: 7px; margin-top: 1px}
dd.result-category {margin-left: 14px}
.search-results dd.result-created,
.search-results dd.result-url {font-size: 80%; padding-bottom: 20px}
#searchForm fieldset.phrases legend {float: left}
#searchForm fieldset.phrases div.phrases-box,
#searchForm fieldset.phrases div.ordering-box {float: left; margin-left:  10px;}
#searchForm fieldset.only legend,
#searchForm fieldset.only input,
#searchForm fieldset.only label {float: left}
/* hide label */

.hidelabeltxt { display: none; }
/* tooltips */
.tip-wrap { z-index:1000003; }
.tip { background:#101010; padding:5px; border-bottom: 1px solid #252525; border-right: 1px solid #252525;  font-size: 13px; width: 300px; color: #777}
.tip-title { padding: 3px; font-weight: bold; text-transform:uppercase; background: #222; color: #fff }
.tip-text { padding:3px; }
label.hasTip { margin-left:5px; }
/* system readmore */
#system-readmore { display:none; }
/* necessary for font-size work */
#gkComponentWrap { font-size: 100%; }
/* Contact */
.contact { padding:0 5px }
.contact-category { padding:0 10px }
.contact-category #adminForm fieldset.filters { border:0; padding:0 }
.contact-image img { padding: 6px; background: #252525; margin: 0; width: 200px; height: auto; float: right; margin-top: 0px; margin-right:  18px; }
address { font-style:normal; margin:10px 0; }
address span { display:block }
span.contact-image { margin-bottom:10px; overflow:hidden; display:block }
.contact-address { margin:20px 0 10px 0; }
.contact-email div { padding:2px 0; margin:0 0 10px 0; }
.contact-email label { width:17em; float:left; }
#contact_textmsg { padding: 2px 0 10px 0 }
#contact-email-copy { float:left; margin-right:10px; }
.contact .button { float:none !important; clear:left; display:block; margin:30px 0 0 0 }
input#jform_contact_email_copy {margin-top: 5px !important}
div.contact #jform_contact_email_copy-lbl {display: inline; margin-left: 25px;margin-top: 0px}
div.contact #jform_contact_email_copy {float: left}

div.contact td {
	vertical-align: top;
}
/* User profile */
#users-profile-core,
#users-profile-custom { margin:10px 0 15px 0; padding:15px; }
#users-profile-core dt,
#users-profile-custom dt, .formelm label { float:left; width:12em; padding:3px 0; }
#users-profile-core dd,
#users-profile-custom dd { padding:3px 0; }
#member-profile fieldset,
.registration fieldset { margin:10px 0 15px 0; padding:15px; }
#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend { font-weight:bold }
.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd, .formelm { float:none; padding:5px 0 }
.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input { width:17em }
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt {  float:left; clear: both; padding:5px 5px 5px 0; width:16em;  }
span.optional { font-size:0.9em }
.registration dl dt:first-child { width: 100%!important; }
.invalid { border-color:#e33!important; }
/* com_login */
#com-login-form .login-fields label {float: left; width:12em; padding:3px 0;}
#com-login-form .login-fields { margin: 0 0 10px}
#com-login-form .button { margin: 0 0.5em 0 11.2em}
#recaptcha_area { margin: 0 0 20px}
input#recaptcha_response_field { border-color: #DFDFDF !important }
/* Tables */

table { border-collapse:collapse }
table.weblinks,
table.category { font-size:1em; margin:10px 10px 20px 0px; width:99%; }
table.weblinks td { border-collapse:collapse; }
table.weblinks td,
table.category td { padding:7px; }
table.weblinks th,
table.category th { padding:7px; text-align:left }
td.num { vertical-align:top; text-align:left; }
td.hits { vertical-align:top; text-align:center }
td p { margin:0; line-height:1.3em }
.filter { margin:10px 0 }
.display-limit,
.filter { text-align:right; margin-right:7px }
#adminForm table { width: 100%; margin-top: 10px; font-size: 13px }
#adminForm table thead tr,
#adminForm table thead tr th { background: #272727; font-size: 12px; line-height: 28px; padding:5px 10px; color: #fff }
#adminForm table thead tr th a,
#adminForm table thead tr th a:hover,
#adminForm table thead tr th a:active { color: #fff }
#adminForm table tr:hover {background: #1A1A1A}
.cat-list-row0 td,
.cat-list-row1 td { padding: 6px 10px; border-bottom: 1px solid #272727; border-left: 1px solid #272727}
.cat-list-row1 td { background: #101010}
.cat-list-row0 td:first-child,
.cat-list-row1 td:first-child { border-left: none; }
/* Category table  */

table.category th a img { padding:2px 10px }
.filter-search { float:left; }
.filter-search .inputbox { width:6em }
legend.element-invisible { position:absolute; /* need margin top and left doesn't work for the legend element */ margin-left:-3000px; margin-top:-3000px; height:0px; }
.cat-items { margin-top:20px }

/* img caption */
.img_caption.left { margin: 0 30px 10px 0; }
.img_caption.right { margin: 0 0 10px 30px; }
.img_caption.none { margin: 0 auto 10px auto; }
p.img_caption { text-align: center;	padding: 5px 0 3px; margin: 0; clear: both; font-size: 90%} 

/* panel */
.panel h3 a {margin-left: 20px}

/* tabs */
dl.tabs { float: left; margin: 50px 0 -1px 0; z-index: 50; clear:both; }
dl.tabs dt { float: left; padding: 4px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-right: 3px; background: #f0f0f0}
dl.tabs dt.open { background: #fff; border-bottom: 1px solid #F9F9F9; z-index: 100}
div.current { clear: both; border: 1px solid #ccc; padding: 10px 10px; }
div.current dd { padding: 0; margin: 0; }
dl#content-pane.tabs { margin: 1px 0 0 0; }

/* switch to mobile version button */
div.mobileSwitch {display: block; clear: both; min-height: 60px; width: 100%}
div.mobileSwitch > a {float: none; width: 152px; margin: 0 auto; font-size: 18px; margin-top: 8px; padding: 5px}

/* com_finder */
#finder-search fieldset.word > * { float: left; }
#finder-search button {height: 26px !important}
#finder-search input {margin-right: 4px}
#finder-search fieldset.word > label { line-height: 28px; margin-right: 10px; }
.search-pagination .search-pages-counter { font-size: 11px; font-style: italic; text-align: center; }
#search-results { clear: both; }
#advanced-search { padding: 20px; font-size: 85%; }
.filter-branch select { margin-top: 6px; margin-left: 6px !important; color: #000}

/* com_finder & mod_finder autocompleter */ 
body ul.autocompleter-choices { position:absolute; margin:0; padding:0; list-style:none; border:1px solid #EEE; background-color:white; border-right-color:#DDD; border-bottom-color:#DDD; text-align:left; font-size: 11px; z-index:50; }
body ul.autocompleter-choices li { background:none; position:relative; padding:0.1em 1.5em 0.1em 1em; cursor:pointer; font-weight:normal; font-size:1em; }
body ul.autocompleter-choices li.autocompleter-selected { background-color:#eee; color: #666; }
body ul.autocompleter-choices span.autocompleter-queried { font-weight:bold; }
body ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color:#000; }
body ul#finder-filter-select-list { top: 4em !important; }