/* ***********************************************************************************************************************
VENEMESTARI.FI | CSS
*********************************************************************************************************************** */



/* ***********************************************************************************************************************
GLOBAL STYLES
*********************************************************************************************************************** */

body {background: url(../images/_bg.gif) repeat-x #003388; padding:0; margin:0; font:13px/20px Trebuchet MS, Verdana, Arial, sans-serif;}
#frontEditorial, #wrapperFooter {behavior:url(iepngfix.htc);}
.clearCorner {clear:both; width:900px; height:8px; background:url('../images/_bgSidebarCorner.gif') no-repeat bottom right;}
ul, ol, li {list-style-type:none; line-height:0px; margin:0; padding:0;}
a {color:#b30415; text-decoration:none;}
a:hover {color:#b30415; text-decoration:none;}
.floatLeft {float:left; padding:0 20px 0 0;}
.clear {clear:both; margin:0; padding:0;}



/* ***********************************************************************************************************************
WRAPPERS
*********************************************************************************************************************** */

#wrapper {width:915px; margin:0px auto; padding:0;}
#wrapperMain {width:915px; margin:0px auto; padding:0; background:url(../images/_bgContentTile.gif) repeat-y;}
#wrapperContent {width:900px; margin:0; padding:0 0 0 15px; background:url(../images/_bgContent.gif) no-repeat;}
#wrapperContentMain {float:left; width:700px; margin:0; padding:0;}
#wrapperContentMainSecondary {float:left; width:660px; margin:0; padding:20px; background:url('../images/_bgGradient.gif') no-repeat;}
#wrapperContentSidebar {float:right; width:200px; height:100%; margin:0; padding:0;}
#wrapperTop {float:left; width:915px; height:128px; margin:0; padding:0; font:Trebuchet MS, Verdana;}
#wrapperTopNav {float:left; width:700px; height:123px; margin:0 15px 0 0; padding:0; background:#003388; border-bottom:solid 5px #004ed4; font:Trebuchet MS, Verdana;}
#wrapperSubNav {float:left; width:164px; margin:10px 20px 0 0; padding:0;}
#wrapperSubContentMain {float:right; width:476px; margin:0; padding:0;}
#wrapperSubContentFull {width:660px; margin:0; padding:0;}
#wrapperFooter {width:880px; height:64px; padding:0 0 0 35px; background:url(../images/_bgFooter.png);}



/* ***********************************************************************************************************************
TYPE ELEMENTS
*********************************************************************************************************************** */

h1 {font:bold 1.6em Trebuchet MS, Verdana; color:#003388;}
h2 {font:bold 1.3em Trebuchet MS, Verdana; color:#003388;}
h3 {font:bold 0.9em Trebuchet MS, Verdana; line-height:1.4em;}
h4 {font:bold 0.95em Trebuchet MS, Verdana; line-height:1.3em;}
p {font:0.9em Trebuchet MS, Verdana; line-height:1.5em;}



/* ***********************************************************************************************************************
TOP / HEADER
*********************************************************************************************************************** */

#topSlogan {width:700px; height:24px; margin:0; padding:0; background: url('../images/_topSlogan.gif') no-repeat #003388;}
#topLogo {float: left; width:350px; height:54px; margin:0; padding:0; background: url('../images/_topLogo.gif') no-repeat #003388;}
#topSearch {float:right; width:350px; height:54px; margin:0; padding:0; background: #003388;}



/* ***********************************************************************************************************************
NAVIGATION (TOP)
*********************************************************************************************************************** */

#wrapperTop #topNav {float:left; width:684px; margin:0; padding:0 0 0 9px;}
#wrapperTop #topNav ol li {float:left; display:inline; position:relative; margin:0; padding: 0;}	
#wrapperTop #topNav ol li a {display:block; position:relative; width:94px; height:30px; margin:0; padding:15px 0 0 3px; text-align:center; letter-spacing:0.08em; font-size:0.85em; font-weight:bold; line-height:12px; color:#fff;text-decoration:none; background:url('../images/_bgButton.gif') no-repeat 0 -45px;}
#wrapperTop #topNav ol li a.selected {background:url('../images/_bgButton.gif') no-repeat 0 -91px;}
#wrapperTop #topNav ol li a:hover {background:url('../images/_bgButton.gif') no-repeat 0 0;}



/* ***********************************************************************************************************************
NAVIGATION (SUB)
*********************************************************************************************************************** */
#subNav {width:164px; padding:0 0 0 0; margin:0;}
#subNav li {list-style:none; margin:0; padding:13px 0 10px 16px; border-bottom:1px solid #dae2ef; background:url(../images/arrow.gif) no-repeat 0px 7px; line-height:14px;}
#subNav li a {text-decoration:none;}
#subNav li a:hover {text-decoration:none; color:#003388;}
#subNav li a#selected {text-decoration:none; font-weight:bold;}

#wrapperSubNav h3 {margin:20px 0 0 0; padding:0; color:#003388;}



/* ***********************************************************************************************************************
MAIN CONTENT AREA (#wrapperContentMain)
*********************************************************************************************************************** */

#frontEditorial {width:700px; height:285px; margin:0; padding:0; background:url('../images/_bgFrontEditorial.gif') no-repeat #b30415;}
#frontEditorial #editorial {float:left; width:194px; height:245px; margin:0; padding:20px; color:#fff;}
#frontEditorial .image {float:right; width:466px; height:285px; margin:0; padding:0;}
#frontEditorial h1 {padding-bottom:10px; border-bottom:2px solid #fff; color:#fff;}
#frontEditorial a {text-decoration:underline; color:#fff;}
#frontEditorial a:hover {text-decoration:none; color:#fff;}

.frontBannerArea {width:700px; margin:0; padding:20px 0 0 0; background:url('../images/_bgGradient.gif') no-repeat;}
#frontBannerLatest {float:left; width:446px; padding:0 10px 0 10px; margin:0;}
#frontBannerLatestWrapper {float:left; width:224px; height:290px; padding: 10px 0 0 10px; background:url('../images/_bgDSLatest.gif') no-repeat;}
.frontBannerArea h2 {margin:0; padding:10px 0 10px 0; border-bottom: solid 2px #003388;}
.frontBannerAds {float:right; width:224px; margin:0; padding:0;}
.frontBannerAd {width:224px; margin:0; padding:10px 0 10px 0;}

#wrapperSubContentMain h1 {
	border-bottom:solid 3px #dae2ef;
	padding-bottom:10px;
	padding-top: 50px;
}
#wrapperSubContentMain a {color:#000000; text-decoration:none;}
#wrapperSubContentMain a:hover {color:#003388; text-decoration:underline; }
#wrapperSubContentMainFull h1 {border-bottom:solid 3px #dae2ef; padding-bottom:10px;}
#wrapperSubContentMainFull p {font-size:12px;}

.backIssueWrapper {width:100%; margin:0; padding:0;}
.backIssueCover {float:left; width:150px; height:194px; margin:0; padding:0 20px 0 0;}
.backIssueOrderBtn {margin:0; padding:10px 0 0 3px;}
.backIssueClearer {clear:both; margin:0; padding:10px 0 0 0; border-bottom:solid 3px #dae2ef;}
.backIssueContents {float:right; width:306px; margin:0; padding:0; font-size:11px;}
.backIssueContents h1 {width: 476px;}
.backIssueContents ul {margin:0; padding:0;}
.backIssueContents li {margin:0; padding:0 0 4px 0; line-height:13px; list-style-type:none;}
.backIssueContents a {color:#000000; text-decoration:none;}
.backIssueContents a:hover {color:#003388; text-decoration:underline;}

.backIssueSearchForm h3 {margin:0; padding:0;}
.backIssueSearchForm {margin:0; padding:0;}
.backIssueSearchField {width:153px; border:solid 1px #a3b6d4; font-size:11px; padding:0; margin:0; text-align:left;}
.backIssueSearchSubmit {text-align:center; padding:0; margin:15px 0 0 0; font-size:11px; font-weight:bold; color: #3b80ca;}

.newIssueWrapper {width:100%; margin:0; padding:0;}
.newIssueContents {float:right; width:490px; margin:0; padding:0; font-size:11px;}
.newIssueContents h1 {width: 446px;}
.newIssueContents ul {margin:0; padding:0;}
.newIssueContents li {margin:0; padding:0; line-height:17px; list-style-type:none;}
.newIssueContents a {color:#000000; text-decoration:none;}
.newIssueContents a:hover {color:#003388; text-decoration:underline;}

.orderHighlight {background:#e5edfb; font-size:12px; padding:20px 20px 20px 20px; border-bottom:solid 2px #fff;}
.orderHighlightLeft {float:left; margin:0; padding:0;}
.orderHighlightRight {float:right; margin:0; padding:0;}
.orderHighlight h2 {margin:0; padding:0 0 10px 0;}

.mediaHighlight {width:180px; background:#e5edfb; font-size:11px; margin:0; padding:5px 20px 5px 20px; border-right:solid 2px #fff;}
.mediaHighlightWhite {width:180px; background:#fff; font-size:11px; margin:0; padding:5px 20px 5px 20px; border-right:solid 2px #fff;}
.mediaHighlightFull {width:620px; background:#e5edfb; font-size:11px; margin:0; padding:5px 20px 5px 20px; border-right:solid 2px #fff;}



/* ***********************************************************************************************************************
SIDEBAR
*********************************************************************************************************************** */

#sidebarLoginTop {float:left; height:25px; margin:85px 0 0 10px; padding:5px 0 0 35px; background:url('../images/_sidebarUser.gif') no-repeat; color:#fff; font-weight:bold;}
#sidebarLogin {width:175px; height:160px; margin:0; padding:10px 0 0 25px; background:url('../images/_bgSidebar.gif') repeat-y; text-align:left;}
#sidebarLogin h3 {margin:0; padding:5px 0 2px 0; color:#003388;}
#sidebarLoginRegister {font-size: 10px; color:#003388; margin:0; padding:7px 0 0 0;}

#sidebarCustomer {width:185px; height:85px; margin:0; padding:15px 0 15px 15px; background:url('../images/_bgSidebarCustomer.gif') repeat-y; color:#fff;}
#sidebarCustomer h3 {margin:0; padding:0; font-size: 1.2em; line-height: 1.3em; color:#fff; font-weight:bold;}
#sidebarCustomer p {margin:0; padding:0; font-size: 0.90em; line-height: 1.1em; color:#fff;}

.sidebarBannerAds {width:200px; margin:30px 0 0 0; padding:0; text-align:center;}
.sidebarBannerAd {width:200px; margin:0 0 20px 0; padding:0;text-align:center;}



/* ***********************************************************************************************************************
FORMS
*********************************************************************************************************************** */

.loginForm {margin:0; padding:0;}
.loginField {width:150px; border:solid 1px #a3b6d4; font-size:12px; padding:0; margin:0; text-align:left;}
.loginSubmit {text-align:center; padding:0; margin:15px 0 0 0; font-size:11px; font-weight:bold; color: #3b80ca;}
p.login {text-align:left;padding:0 0 5px 5px; margin:0;}
form {margin:0; padding:0; border:none;}
input {margin:0; padding:0; border:none;}
.orderField {width:180px; border:solid 1px #a3b6d4; font-size:12px; padding:0; margin:0; text-align:left;}
.error {color: #ff0000;}

.button{  border: solid 1px #555599; padding: 5px 10px 5px 10px; }


/* ***********************************************************************************************************************
FOOTER
*********************************************************************************************************************** */

#footerLogo {float:left; width:83px; height:23px; margin:10px 0 0 0; padding:0; background:url('../images/_footerLogo.gif') no-repeat;}
#footerContact {float:right; margin:0; padding:12px 225px 0 0; color:#fff; font-size:11px;}