/**
 * Screen layout
 *
 * @project     revuehotel.cz
 * @author      Ondrej Macoszek <ondra.macoszek@gmail.com>
 * @copyright   (c) 2010, Ondrej Macoszek
 * @modified    2010-09-01
 *
 * Tested compatibility
 * Windows - Chrome 5
 */

/* Load basic components */
@import url('../basic.reset.css');
@import url('../basic.helpers.css');
@import url('typography.css');
@import url('form.css');

html { min-height: 100%; }

body {  }

#page { font-family: Arial, sans-serif; }

#head { width: 982px; margin: 0 auto; position: relative; }
    #head h1  { width: 171px; height: 125px; margin: 20px; }
    #head h1 a span { background: url('../../img/head.logo.png'); }
    #head .navigation { height: 45px; background-color: #E2E2E2; }
    #head .navigation .corner { height: 100%; width: 10px; float: left; }
    #head .navigation .corner.left { background: url('../../img/head.navigation.corner.left.png'); }
    #head .navigation .corner.right { background: url('../../img/head.navigation.corner.right.png'); float: right; }
    #head .navigation ul { float: left; }
    #head .navigation ul li { float: left; }
    #head .navigation ul li a { color: #424242; font-size: 15px; line-height: 45px; padding: 0 13px; text-decoration: none; }
    #head .navigation ul li a:hover { text-decoration: underline; }
    #head .searchArea { position: absolute; top: 35px; right: 20px; }
    #head .searchArea .textWrapper { width: 143px; height: 41px; background: url('../../img/head.search.text.png') no-repeat top left; float: left; }
    #head .searchArea .text { width: 143px; margin: 0 10px; font-size: 15px; color: #666; overflow: hidden; outline: none; border: none; margin: 3px 10px; padding: 8px 0; background: none; }
    #head .searchArea .submit { width: 43px; height: 41px; background: url('../../img/head.search.submit.png') no-repeat top left; border: none; text-indent: -200px; outline: none; cursor: pointer; float: left; overflow: hidden;  }
    #head .searchArea .submit:hover { background-position: bottom left; }

.highlights { clear: both; }
.highlights .inner { width: 942px; margin: 0 auto; position: relative; padding: 20px; }
.highlights.homepage { background: url('../../img/highlights.homepage.bg.png') repeat-x top left; height: 372px; }
.highlights.homepage .currentIssue { width: 620px; float: left; }
.highlights.homepage .currentIssue .corner { height: 10px; width: 100%; }
.highlights.homepage .currentIssue .corner.top { background: url('../../img/highlights.currentIssue.corner.top.png') no-repeat top left; }
.highlights.homepage .currentIssue .corner.bottom { background: url('../../img/highlights.currentIssue.corner.bottom.png') no-repeat top left; }
.highlights.homepage .currentIssue .box { background: url('../../img/highlights.currentIssue.bg.png') repeat-y top left; width: 100%; position: relative; }
.highlights.homepage .currentIssue h2 { color: white; font-weight: bold; font-size: 24px; margin: 0 0 12px 7px; }
.highlights.homepage .currentIssue img { float: left; margin: 5px 20px 5px 15px; }

.highlights.homepage .currentIssue .content h1,
.highlights.homepage .currentIssue .content h2,
.highlights.homepage .currentIssue .content h3 { color: white; font-weight: bold; font-size: 16px; padding: 8px 0 10px 0; }
.highlights.homepage .currentIssue .content { color: #C9E1FF; font-size: 14px; }
.highlights.homepage .currentIssue .content ul li { padding: 0 0 15px 0; }

.highlights.homepage .currentIssue .button { background: #3689C9 url('../../img/highlights.currentIssue.button.png') no-repeat 98% 55%; padding: 7px 40px 7px 10px; font-size: 22px; font-weight: bold; color: white; text-decoration: none; position: absolute; bottom: 5px; left: 215px; }
.highlights.homepage .currentIssue .button:hover { background-color: #2083C6; }
.highlights.homepage .overview { width: 300px; float: right; margin-top: 42px; }
.highlights.homepage .overview .corner { height: 10px; width: 100%; }
.highlights.homepage .overview .corner.top { background: url('../../img/highlights.overview.corner.top.png') no-repeat top left; }
.highlights.homepage .overview .corner.bottom { background: url('../../img/highlights.overview.corner.bottom.png') no-repeat top left; }
.highlights.homepage .overview .box { background: url('../../img/highlights.overview.bg.png') repeat-y top left; width: 100%; position: relative; height: 263px; }
.highlights.homepage .overview h3 { color: #205278; font-size: 21px; font-weight: bold; padding: 3px 0 0 15px; }
.highlights.homepage .overview ul { margin: 10px 0 15px 20px; }
.highlights.homepage .overview li { color: #666666; font-size: 14px; list-style-image: url('../../img/highlights.overview.bullet.png'); margin: 0 0 12px 15px; }
.highlights.homepage .overview .button { display: block; width: 269px; height: 75px; margin: 0 0 0 15px; }
.highlights.homepage .overview .button span { background: url('../../img/highlights.overview.button.png') no-repeat top left; }
.highlights.homepage .overview .button:hover span { background-position: bottom left; }

.highlights.homepage .currentIssue .box, .highlights.homepage .overview .box
{ height: 264px; }

.highlights.singlepage { background: url('../../img/highlights.singlepage.bg.png') repeat-x top left; height: 85px; }
.highlights.singlepage h2 { background: url('../../img/highlights.singlepage.bg2.png') repeat-x top left; height: 53px; line-height: 53px; color: white; font-size: 23px; font-weight: bold; margin-top: -4px; }
.highlights.singlepage h2 .edit { color: #C9E1FF; }
.highlights.singlepage h2 .edit a { color: inherit; }
.highlights.singlepage h2 .edit a:hover { text-decoration: none; }
.highlights.singlepage .corner { display: block; width: auto; height: 100%; }
.highlights.singlepage .corner.left { background: url('../../img/highlights.singlepage.corner.left.png') no-repeat top left; }
.highlights.singlepage .corner.right { background: url('../../img/highlights.singlepage.corner.right.png') no-repeat top right; padding: 0 0 0 15px; }

#partners { clear: both; width: 982px; margin: 0 auto 15px; background-color: #E2E2E2; }
#partners li { float: left; width: 300px; height: 187px; background-color: white; margin: 20px 0 9px 20px; overflow: hidden; }
#partners .corner.bottom { background: url('../../img/partners.corner.bottom.png') no-repeat bottom left; width: 100%; height: 11px; }

#body { clear: both; width: 940px; margin: 0 auto 20px auto; }
#body .mainContent { width: 620px; float: left; }
#body .mainContent .article { margin: 0 0 10px 0;  }
#body .mainContent .issue { position: relative; margin: 0 0 20px 0; }
#body .mainContent .issue .sharing { position: absolute; top: 8px; right: 15px; }
#body .mainContent .issue .box { background: url('../../img/body.issue.bg.png') repeat-y top left; }
#body .mainContent .issue .corner.top { background: url('../../img/body.issue.corner.top.png') no-repeat top left; }
#body .mainContent .issue .corner.bottom { background: url('../../img/body.issue.corner.bottom.png') no-repeat bottom left; position: relative; }
#body .mainContent .issue .box img { float: left; margin: 15px 20px 15px 15px; }
#body .mainContent .issue .box h3 { font-weight: bold; font-size: 16px; padding: 18px 0 0 0; }
#body .mainContent .issue .box ul { margin: 0 0 0 235px; }
#body .mainContent .issue .box ul li { margin: 0 0 7px 0; list-style-image: url('../../img/highlights.overview.bullet.png');  }
#body .mainContent .issue .box .button  { width: 208px; height: 39px; cursor: pointer; position: absolute; bottom: 15px; left: 220px; }
#body .mainContent .issue .box .button span { background: url('../../img/button.downloadPdf.png') no-repeat top left; }
#body .mainContent .issue .box .button:hover span { background-position: bottom left; }
#body .mainContent .partners .box { float: left; margin: 0 10px 10px 0;}
#body .mainContent .partners .box img { margin: 0; }


#body .sidebar { width: 300px; float: right; margin-top: 10px; }
#body .sidebar .box { background: url('../../img/body.sidebar.box.bg.png') repeat-y top left; margin: 0 0 20px 0; }
#body .sidebar .box .corner.top { background: url('../../img/body.sidebar.box.corner.top.png') no-repeat top left; }
#body .sidebar .box .corner.bottom { background: url('../../img/body.sidebar.box.corner.bottom.png') no-repeat bottom left; padding: 4px 15px 13px; }
#body .sidebar .box .note { margin: 0; }
#body .sidebar .box.newsletter input.text { margin: 0 0 10px 0; width: 250px; padding: 6px; font-size: 18px; }
#body .sidebar .box.newsletter .submit {  width: 166px; height: 33px; background: url('../../img/button.subscribe.png') no-repeat top left; border: none; text-indent: 200px; outline: none; cursor: pointer; }
#body .sidebar .box.newsletter .submit:hover { background-position: bottom left; }
#body .sidebar .box.newsletter .unsubscribe { margin: 0 0 0 20px; }
#body .sidebar .box.partners { background: none; position: relative; }
#body .sidebar .box.partners .corner { height: 10px; width: 10px; position: absolute; z-index: 2; left: 0; }
#body .sidebar .box.partners .corner.top { background: url('../../img/body.sidebar.box.partners.corner.top.png') no-repeat top left; top: 0; left: -1px; }
#body .sidebar .box.partners .corner.bottom { background: url('../../img/body.sidebar.box.partners.corner.bottom.png') no-repeat bottom left; padding: 0; left: -1px; bottom: 0; }
#body .sidebar .box.partners img { margin: 0; padding: 0; margin-bottom: -7px; }

#foot { clear: both; background: url('../../img/foot.bg.png') repeat-y top left; width: 983px; margin: 50px auto 0px auto; }
#foot .corner.top { background: url('../../img/foot.corner.top.png') no-repeat top left; padding: 8px 15px; }
#foot p { margin: 0; }
#foot .navigation { float: left; }
#foot .copyright { float: right; }