/*
THEME NAME: mediagallerian
THEME URI: no-homepage
DESCRIPTION: Mediagallerian
VERSION: 1.0
AUTHOR: andreas@bergsvik.se
AUTHOR URI: http://bergsvik.com/
TAGS: mediagallerian, bergsvik design
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/* @import url('examples/2c-l.css'); */

@import url('preset.css');

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body {font-family:Helvetica, Arial, sans-serif; font-size:12px; background:#e7e7e7;}
u {text-decoration:underline;}
i, em {font-style:italic;}
b,strong {font-weight:bold;}
a {color:black; text-decoration:none;}
a:hover {text-decoration:underline;}
#header {text-align:center; background:url('images/body.png') top left repeat-x #fff; padding:17px 0 0;}
#header {background:black;}
#header h1 {margin:0 auto 12px;}
#header h1 {background:url('images/mediagallerian.png') no-repeat; width:449px; height:112px; text-indent:-9999px;}
#header h1 a {width:449px; height:112px; position:relative; display:block;}
.container {margin:0 auto; width:780px; position:relative;}
#navigation {background:black; /* border-bottom:1px solid #febe4c; */}
#menu {float:left; /* background:url('images/menuTopLeftCorner.png') top left no-repeat; */ padding-left:6px;}
#menu2 {float:right; /* background:url('images/menuTopRightCorner.png') top right no-repeat; */ padding-right:0px}
#menu2 li div {background:#e7e7e7; height:1px;}
#menu2 li div.t1 {margin:0 2px;}
#menu2 li div.t2 {margin:0 1px;}
#menu2 li,
#menu li {float:left;}
#menu2 li {font-size:10px; line-height:normal; text-transform:uppercase; background:none;}
#menu2 li a {color:#000; padding:8px 6px 8px; line-height:normal; background:#e7e7e7;}
#menu2 li a:hover {background:#e7e7e7; color:black; text-decoration:underline;}
#navigation span,
#navigation a {color:#fff; text-decoration:none; display:block; padding:0 4px; line-height:31px;}
#navigation a:active,
#navigation a:hover, /*{color:#FFF; text-decoration:underline;}*/
#navigation .current_page_item a {color:#fff; background:url('images/menuActive.gif') bottom center no-repeat;}
#navigation ul ul {display:none; position:absolute; z-index:1;}
#navigation ul ul li {display:inline-block; background-color:black;}
#subheader {background:#fff; padding:18px 0 0;}
#subheader h3 {font-size:22px; padding:0 10px; padding:25px 10px 10px;}
#subheader h2 {font-size:22px; padding:0 10px;/* line-height:99px; */ height:60px; padding-top:40px;}
#subheader .container {background:url('images/graphic.png') top right no-repeat #e7e7e7; /*border-bottom:1px solid #999;*/}
/*.shFirstpage h2 {font-size:22px; padding:25px 10px 10px;}*/
#subheader p  {font-size:14px; padding:0 10px; line-height:20px;}
#subheader li {display:inline;}
#wrapper {background-color:white; padding: 0 0 10px;}
#wrapper .container {border-left:1px solid #fff; border-right:1px solid #fff; padding: 0 0 30px; min-height:250px;}
#footer {background:white url('images/footerBodyBg.png') repeat-x scroll left bottom; padding:0 0 18px;}
#footer .container {/*background-color:#fcfcc6; border-top:1px solid #febe4c;*/ height:169px; background:#e7e7e7; }
#footer li {float:left; margin:10px; padding:10px 11px; background-color:white; display:inline;}
#footer li.first {margin-left:20px;}
#footer li.last  {margin-right:20px;}

.post-meta-key {display:none;}

#page #subpages li.pagenav {border-top:1px dashed black; padding:10px 0;}
#page #subpages li ul {padding:0;}
#page #subpages li {font-weight:bold;}
#page #subpages li,
#page #subpages li li {list-style-type:none; padding:0;}

#page .cform {width:70%; margin:10px 0 0;}
#page .cform li {width:49%; float:left;}
#page .cform label {margin:0;text-align:left;vertical-align:top;width:100%;}
#page .cform label span {width:100%;}
#page .cform textarea, #page .cform input {width:90%;}
#page .cform input.backbutton, #page .cform input.resetbutton, #page .cform input.sendbutton {width:150px;}
#page .cf-sb {clear:both; width:100%; text-align:left;} /* submit */
#page .linklove {display:none;}


#page_meta_data_bottom {font-weight:bold; text-align:center; font-size:12px; height:60px; text-transform:uppercase; margin:0 0 10px; padding:18px 0 0; line-height:22px; background:url('images/footerBottom.png') bottom center no-repeat;}
#page_meta_data_bottom,
#page_meta_data_bottom a {color:white;}
#page_meta_data_bottom span {font-size:11px; font-weight:normal;}
#page_meta_data_author {text-align:center; margin:5px 0 10px; font-size:10px;}
#page {padding:0 10px; padding:0;}

#page img {margin-top:-30px !important;}
#page img {position:absolute; margin-left:490px;}

#page img.aligncenter {margin:-157px 0 0 290px !important; width:480px; height:100px;}
#page img.alignright {width:280px; height:auto;}

#page .image-left img {position:absolute; margin-left:-320px; width:300px; height:auto;}
#page .image-left {padding-left:320px !important; width:450px !important;}

#page img.noresize {float:right; width:auto; height:auto;}

#page .image-left img.aligncenter {margin:-157px 0 0 -21px !important; width:480px; height:100px;}
* html 
#page .image-left img.aligncenter,
* html 
#page img.aligncenter {margin-top:-157px !important;}

#content-min-height {height:250px; width:0px; float:right; left:1px; position:relative;}

#page .content {float:left; width:480px; padding:0 10px;}
#page .full-width {width:760px;}
#page .full-width table {width:100%;}
#page h3 {font-size:18px; margin:25px 0 10px;}
#page h4 {font-size:16px; font-weight:100; font-style:italic; text-indent:40px; margin:0 0 12px; line-height:26px !important; background:url('images/headerIcon.png') top left no-repeat;}
#page ul {margin-bottom:20px;}
#page h4,
#page td,
#page th,
#page li {line-height:20px;}
#page p {line-height:20px; margin-bottom:20px;}

#page div.left {float:left; margin-right:15px;}
#page div.right{float:right; margin-left:15px;}
#page a {font-weight:bold; color:black; text-decoration:underline;}
#page a:hover {color:#006699;}
#page ul {padding:0 0 0 20px;}
#page li {list-style-type:square; padding:0 0 0 5px;}
#page li.pdf {list-style-type-image:; list-style-image:url(images/pdf.gif); line-height:16px; margin:0 0 0 6px;}
#page li.zip {list-style-type-image:; list-style-image:url(images/zip.gif); line-height:16px; margin:0 0 0 6px;}
#page table th,
#page table td {padding:0 15px 0 0;}
#page table th {font-weight:bold; text-transform:uppercase; padding-top:10px;}
.clear {clear:both;}