/* basic */

*        { margin: 0; padding: 0; border: none; }
p        { padding: 10px 0; line-height: 1.5; }
a        { color: #00378b; text-decoration: underline; }
a:hover  { color: #000; text-decoration: none; }
hr       { display: none; }

html,
body  { padding: 0; margin: 0; }

.clearfix         { display:block; }
.clearfix:after   { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

h2.bestclear { padding: 10px 0 0 0; }

.padding5  { padding: 5px }
.padding10 { padding: 10px }

h1 { font-size: 1.65em; font-weight: normal;  margin-bottom: 10px; }
h2 { font-size: 1.65em; font-weight: normal; font-style: normal; margin: 0; padding-bottom: 10px; }
h3 { font-size: 1.65em; font-weight: normal; font-style: normal; margin: 0; padding-bottom: 5px; }
h4 { font-size: 1.2em;  font-weight: bold;   margin-bottom: 5px;   padding-left: 0; }

.clear      { clear: both; }
.hidden,
.printOnly  { display: none; }
.fl         { float: left; }
.fr         { float: right; }
.tl         { text-align: left !important; }
.tc         { text-align: center !important; }
.tr         { text-align: right !important; }

.cols          { position: relative; }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: right; width: 49%; }

/**********/
/* layout */
/**********/

h2.bestclear { padding: 10px 0 0 0; }

body  { font: normal 62.8%/1.3 Arial, 'Arial CE', Verdana, Helvetica, sans-serif; text-align: center; background: #eff7ff url('../graphics/bg_body.gif') 0 0 repeat-x; }
#page { position: relative; width: 1000px; margin: 0 auto; background: transparent url('../graphics/bg_page.jpg') center top no-repeat; padding-top: 130px; font-size: 1.2em; text-align: left; }

#logo       { position: absolute; width: 281px; height: 80px; left: 51px; top: 33px; }
#logo a     { display: block; width: 281px; height: 80px; background: transparent url('../graphics/logo.jpg') 0 0 no-repeat; cursor: pointer; overflow: hidden; }
#logo img   { display: none; }

#search              { position: absolute; left: 777px; top: 60px; }
#search p            { padding: 0 0 3px 0; }
#search .submitGo    { margin-left: 5px; } 
#search .searchText  { width: 131px; height: 16px; }

#pack     { position: relative; width: 1000px; min-height: 160px; background: transparent url('../graphics/bg_header.gif') 0 0 no-repeat; }
#packCont { margin: 0 20px; padding: 0 30px 50px; background: #fff url('/images/layout/bg_pack_cont_text.gif') 0 0 no-repeat; text-align: left; }
#advancedSearch               { height: 40px; line-height: 40px; }
#advancedSearch form label    { display: block; float: left; line-height: 40px; }
#advancedSearch h2            { font-size: 1.5em; font-weight: normal; font-style: normal; margin-right: 20px; }
#advancedSearch select        { float: left; margin: 10px 5px 0 5px; width: 190px; border: 1px solid #ccc; background: #f6f6f6; }
#advancedSearch select:focus  { border: 1px solid #999; background: #fff; }
#advancedSearch select.cat    { margin-right: 13px; }
#advancedSearch .submitGo     { margin: 9px 0; }

#content { padding-top: 20px; }

#mainBar { float: left; width: 710px; }
#sideBar { float: right; width: 165px; }

#footer        { margin: 0 20px; padding: 0 30px; background: #fff8ed url('../graphics/bg_footer.gif') left bottom no-repeat; min-height: 50px; color: #a0a0a0; text-transform: uppercase; line-height: 40px; font-size: .85em; }
#footer ul     { list-style-type: none; }
#footer ul li  { float: left; padding-left: 13px; }
#footer a      { color: #002c6f; }

.box     { background: #F5FAFF url('../graphics/bg_box.gif') 1px 1px repeat-x; }
.boxCont { background: transparent url('../graphics/bg_box_cont.gif') right top no-repeat; padding: 11px; border: 1px solid #dbedff; }


.boxStyle1 .box     { background: #fff url('../graphics/bg_box2.gif') 0 0 repeat-x; }
.boxStyle1 .boxCont { background: transparent url('../graphics/bg_box2_cont.gif') right top no-repeat; border: none; }

.box a.headLink         { float: right; margin-top: .5em; }
.boxCont .clearfix h2   { float: left; }

.thumbnail              { position: relative; margin-bottom: 10px; }
.thumbnail .image       { background: #ffe7c2; padding: 6px; }
.thumbnail a.image      { display: block; }
.thumbnail .image img   { display: block; }
.thumbnail .imageTitle  { font-size: .8em; text-transform: uppercase; padding: 5px; background: #ffe7c2; }

.thumbnail2              { position: relative; margin-bottom: 10px; }
.thumbnail2 .image       { background: #ffe7c2; padding: 3px; }
.thumbnail2 a.image      { display: block; }
.thumbnail2 .image img   { display: block; }
.thumbnail2 .imageTitle  { font-size: .8em; text-transform: uppercase; padding: 5px; background: #ffe7c2; }

.titleRight .image      { float: left; }
.titleRight .text       { float: left; overflow: hidden; }
.titleRight .text h3    { float: none; clear: both; font-size: 1.5em; font-weight: normal; font-style: normal; color: #00378b; padding: 5px 0 5px 10px; margin: 0; line-height: 1; }
.titleRight .date       { padding: 5px 0 0 10px; }
.titleRight .rank       { float: left; margin: 5px 0 0 10px; }
.titleRight .imageTitle { float: left; } 

.titleTop .imageTitle      { float: left; padding-bottom: 0; }
.titleTopRight .imageTitle { float: right; padding-bottom: 0; }

#ad1  { margin-top: 50px; }

.rating              { position: relative; color: #fff; }
.rating .ratingCont  { position: absolute; left: 12px; top: 11px; width: 85px; height: 75px; overflow: hidden; }
.rating p            { padding: 0; line-height: 1.1; }
.rating .rateNum     { display: block; font-size: 1.65em; font-weight: bold; margin-bottom: 5px; }

.rating1             { background: transparent url('../graphics/bg_rating1.jpg') 0 0 no-repeat; width: 200px; height: 117px; }
.rating2             { background: transparent url('../graphics/bg_rating2.jpg') 0 0 no-repeat; width: 157px; height: 117px; }

/*********/
/* prvky */
/*********/

/* upravy textu */

.highlighted               { font-size: 1.5em; line-height: 1.3; margin-bottom: 30px; padding-left: 5px;}
.highlighted:first-letter  { font-size: 2.8em; display: block; float: left; padding: 0; margin: 0 0 0 -5px; line-height:.8em; }

.date { font-size: .7em; color: #a0a0a0; padding: 0; }
.rank { font-size: 1.0em; background: #fff6ec; padding: 5px 10px; color: #000; float:right; }
.rank2 { font-size: 0.9em; background: #fff6ec; padding: 3px 6px; color: #000; float:right; }

a.submitStyle  { display: block; border: none; padding: 0 10px; color: #fff; background: #00378c url('../graphics/bg_form_submit.gif') 0 0 repeat-x; height: 22px; line-height: 22px; text-decoration: none; }

/* form */

form.form1 input           { border: 1px solid #7f9db9; background: #fff; padding: 2px; }
form.form1 input.submitGo  { border: none; padding: 0; color: #fff; background: #00378c url('../graphics/bg_form_submit.gif') 0 0 repeat-x; height: 22px; line-height: 22px; width: 30px; text-align: center; font-size: 1.1em; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; }

form.form2 input,
form.form2 textarea  { border: 1px solid #dedede; border-top: none; color: #7f7f7f; padding: 2px; margin-bottom: 5px; font-size: 1.1em; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; background: #fff url('../graphics/bg_form2_input.gif') 0 0 repeat-x; }

form input.submit { border: none; padding: 0 5px; color: #fff; background: #00378c url('../graphics/bg_form_submit.gif') 0 0 repeat-x; height: 22px; line-height: 22px; text-align: center; width: auto !important; }

/* ul, ol */

ul.ul1      { margin: 0; list-style-type: none; }
ul.ul1 li   { margin: 0; padding: 0; line-height: 1.5; }

/* table */

table                      { border-collapse: collapse; font-size: 1em; }
table thead tr th          { font-size: .8em; color: #a0a0a0; text-transform: uppercase; padding: 0 10px 8px; border-bottom: 1px solid #f5faff; }
table tbody tr th,
table tbody tr td          { padding: 9px 10px; }
table tbody tr th          { color: #00378b; font-weight: normal; }
table tbody tr.odd th,
table tbody tr.odd td      { background: #fff; }
table tbody tr.even th,
table tbody tr.even td     { background: #fffbf7; }
table tbody tr th a:hover  { color: #00378b; }

/**********/
/* sekcie */
/**********/

/* homepage */

body.homepage h1  { font-size: 1.5em; }

#newAdditions                    { float: left; width: 253px; }
#newAdditions .titleRight .text  { width: 96px; }
#newAdditions h3 a               { text-decoration: none; }
#newAdditions h3 a:hover         { text-decoration: underline; color: #00378b; }

#featuredReviews  { float: right; width: 437px; }
#featuredReviews .col1,
#featuredReviews .col2  { width: 202px; }
.col1 { margin-right: 4px; }

#topReviewedSites                               { margin-top: 20px; }
#topReviewedSites .items .item                  { margin-bottom: 10px; }
#topReviewedSites .items .itemText              { float: left; width: 545px; }
#topReviewedSites .items .itemImage             { float: right; width: 133px; }
#topReviewedSites .items .itemTitle             { padding-left: 50px; min-height: 41px; }
#topReviewedSites .items .itemTitle h3          { color: #00378b; padding-bottom: 0; }
#topReviewedSites .items .itemTitle h3 a        { text-decoration: none; }
#topReviewedSites .items .itemTitle h3 a:hover  { text-decoration: underline; color: #00378b; }
#topReviewedSites .items .itemTitle .rank       { float: right; }
#topReviewedSites .items .place1st .itemTitle   { background: transparent url('../graphics/place1st.jpg') 0 0 no-repeat; }
#topReviewedSites .items .place2nd .itemTitle   { background: transparent url('../graphics/place2nd.jpg') 0 0 no-repeat; }
#topReviewedSites .items .place3rd .itemTitle   { background: transparent url('../graphics/place3rd.jpg') 0 0 no-repeat; }
#topReviewedSites .items .place4th .itemTitle   { background: transparent url('../graphics/place4th.jpg') 0 0 no-repeat; }
#topReviewedSites .items .place5th .itemTitle   { background: transparent url('../graphics/place5th.jpg') 0 0 no-repeat; }

body.homepage #sideBar  { background: transparent url('../graphics/bg_hp_sidebar.jpg') 0 10px no-repeat; padding-top: 140px; }

#topReviews    { margin-bottom: 40px; }
#topReviews h2 { float: left; padding: 0 29px 0 0; background: transparent url('../graphics/ico_top_reviews.gif') right top no-repeat; }
#topReviews h4 { font-size: 1.65em; float: left; padding: 0 29px 0 0; background: transparent url('../graphics/ico_top_reviews.gif') right top no-repeat; font-weight: normal; font-style: normal; margin: 0; padding-bottom: 10px;}
#topReviews p  { padding: 10px 0 7px; }
#topReviews p.pad  { padding: 5px 0 5px 10px; } */


#recentReviews    { margin-bottom: 40px;}
#recentReviews h2 { float: left; padding: 0 29px 0 0; background: transparent url('../graphics/ico_top_reviews.gif') right top no-repeat; }
#recentReviews p  { padding: 10px 0 7px; }
#recentReviews p.pad  { padding: 5px 0 5px 10px; }

#siteNews h2      { float: left; padding: 0 24px 0 0; background: transparent url('../graphics/ico_site_news.gif') right top no-repeat; }
#siteNews p.date  { margin-top: 10px; }
#siteNews p a     { display: block; }

/* category */

#allReviewedSites       { margin-top: 20px; }
#allReviewedSites h2    { padding-bottom: 30px; }
#allReviewedSites table { width: 100%; }
#allReviewedSites table tbody td { text-align: center; }
#allReviewedSites table .col2,
#allReviewedSites table .col3  { width: 100px; }
#allReviewedSites table .col4,
#allReviewedSites table .col5  { width: 70px; }

p.catInfo   { padding-top: 0; }

/* specific */

#screenshots h2,
#galleries h2,
#scoreSum h2   { padding-bottom: 30px; }

#galleries { padding: 10px 0 0 0; }

.mainCol { float: left; width: 490px; }
.sideCol { float: right; width: 210px; }

#screenshots               { margin: 20px 0 10px; }
#screenshots   .thumbnail,
#galleries     .thumbnail  { float: left; margin-right: 13px; }
#galleries     .thumbnail2  { float: left; margin-right: 13px; margin-left: 13px;}

#scoreSum                  { margin: 10px 0; }
#scoreSum h2 span          { color: #00378b; }
#scoreSum table            { width: 100%; border-collapse: collapse; }
#scoreSum table thead th   { background: #fff6ec; padding-top: 10px; }
#scoreSum table td,
#scoreSum table th         { border: 1px solid #fff6ec; }

#vote          { margin-bottom: 20px; }
#vote h2       { padding: 0; float: left; line-height: 1; }
#vote .box     { border-top: 1px solid #f6faff; border-bottom: 1px solid #deedff; background: #c9e2ff url('../graphics/bg_vote_box.gif') 0 0 repeat-x; }
#vote .boxCont { border: none; background: none; }
#vote a        { display: block; float: left; font-size: .85em; line-height: 1.8em; color: #000; background: #fff; margin-right: 5px; text-align: center; width: 1.8em; border: 1px solid #cce3ff; text-decoration: none; }
#vote a:hover,
#vote a.active { background: #00378b; color: #fff; }

#comments               { margin-bottom: 20px; }
#comments h2            { padding-bottom: 30px; }
#comments .item         { margin-bottom: 20px; }
#comments .item p       { padding-top: 5px; }
#comments .item p.date  { padding: 0; }
#comments .commentHead  { color: #00378b; padding-bottom: 3px; }

#addComment input    { width: 16em; }
#addComment textarea { width: 464px; height: 130px; }

#contentInfo               { margin-bottom: 10px; }
#contentInfo .boxCont      { padding: 0; }
#contentInfo h2            { padding: 11px 11px 20px; }
#contentInfo .item         { padding: 10px 11px; background: #f7fbff; }
#contentInfo .item h4      { font-size: .8em; color: #a0a0a0; padding: 0; font-weight: normal; text-transform: uppercase; }
#contentInfo .item h3      { font-size: .8em; color: #a0a0a0; padding: 0; font-weight: normal; text-transform: uppercase; }
#contentInfo .items .odd   { background: #fff; }

#pricingOptions            { margin-bottom: 10px; }
#pricingOptions .item      { padding: 10px 0; }
#pricingOptions .item h4   { font-size: .8em; color: #a0a0a0; padding: 0; font-weight: normal; text-transform: uppercase; }

#outsideReviews .item      { margin-bottom: 20px; }
#outsideReviews .item a    { display: block; margin-bottom: 7px; }

#mainInfo            { margin-bottom: 10px; }
#mainInfo .thumbnail { float: left; width: 202px; }
#mainInfo .info      { float: right; width: 256px; }
#mainInfo h1         { color: #00378b; }

.light_gray { background-color: #ccc; border: 1px solid gray; }

.calltoaction { padding: 20px 0 10px 0; text-align: center; font-size: 18px; }
#searchresult { padding: 0 10px 0 10px; }