/*  
Theme Name: CHRISTINAS
Theme URI: http://www.christinas.ch
Description: Website 2010 | media5
Version: 1.0
Author: Fredy Holenstein
Author URI: http://www.workz.ch
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: url(http://www.christinas.ch/image/background.jpg) top;color:#333;font:11px Arial, Arial, Helvetica, sans-serif;margin-bottom:20px; line-height:18px;}
#wrapper{margin:0 auto;width:960px;}

/**************** Header *********************/
#header { width:960px; display:none;}
#page {width:960px; margin:0 auto;}
#contentgrid {margin:0; width:990px; min-height:500px; }
#wrapper_christinas {margin:0 auto;width:960px; background: url('images/christinas_bg.gif') no-repeat;}
#wrapper_restaurant {margin:0 auto;width:960px; background: url('images/restaurant_bg.gif') no-repeat;}
#wrapper_cafe {margin:0 auto;width:960px; background: url('images/cafe_bg.gif') no-repeat;}
#wrapper_bar {margin:0 auto;width:960px; background: url('images/bar_bg.gif') no-repeat;}
#wrapper_keller {margin:0 auto;width:960px; background: url('images/keller_bg.gif') no-repeat;}
#wrapper_weinkeller {margin:0 auto;width:960px; background: url('images/weinkeller_bg.gif') no-repeat;}
#wrapper_catering {margin:0 auto;width:960px; background: url('images/catering_bg.gif') no-repeat;}

#contentgrid_christinas {margin:0; width:960px;}
#contentgrid_restaurant {margin:0; width:960px; }
#contentgrid_cafe {margin:0; width:960px; }
#contentgrid_bar {margin:0; width:960px; }
#contentgrid_keller {margin:0; width:960px;}
#contentgrid_weinkeller {margin:0; width:960px;}
#contentgrid_catering {margin:0; width:960px; }


#navgrid { width:400px; height:300px; border:1px solid green;}
#gridleft 			{float:left; width:480px; padding:0; text-align:left;}
#gridright 			{float:left; width:440px; padding:0 20px 0 20px; text-align:left;}
#gridfull			{float:left; width:960px; padding:0; text-align:left;}

/**************** Text *********************/
h2 a:link,h2 a:visited{ font-size:14px; color: #333; text-decoration:none;}
h2 a:hover{color: #000000;}
.spacer {display:none; border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#EFE7CB; width:540px; margin:auto; padding:2px 0px 2px 10px;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:440px;}
.entry h2{padding-bottom:18px;}
.entry p{padding:0 0 10px 0;}
.post{padding:0px; margin-bottom:20px;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.lightgray { color: #006699; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #FAF8DA; padding:5px; font-size:12px; border:1px dashed #cccccc;}

/**************** Links *********************/
a:link, a:visited{color: #666666;text-decoration:none;}
a:hover{color: #333333;}

/**************** Navigation *********************/
#navigation{clear:both;	width:950px; position:absolute;	top:85px; margin:0px auto; padding:2px;}
#menu {height: 30px; list-style:none;}

/**************** Sidebars *********************/
#sidebar1{ width:480px; float:left; margin-top:16px;}
#sidebar1 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal; font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-top:7px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
.postform {font:13px Trebuchet MS; width:150px; color: #666666;}
.archivedropdown {font:13px Trebuchet MS; width:150px; color: #666666;}

#topnav {float:left;width:150px; height:300px; margin-left:50px;}
#topnav ul {margin:0;}
#topnav li {float: left; width:150px; height:10px; margin:0; padding:0;}
#topnav li a {display:block;  font-size:11px; font-weight:normal; padding:0px 0px 0px 7px; color:#fff;}
#topnav li a:hover { padding:0px 0px 0px 7px; background: url(images/nav_act.png) left no-repeat;}
#topnav .current_page_item a, #topnav .current_page_item a:visited {display:block; padding:0px 0px 0px 7px; background: url(images/nav_act.png) left no-repeat;}

#topnav li.current_page_ancestor a, #topnav li.current_page_ancestor a:visited {display:block; margin:0; font-weight:normal;  color:#ffffff; font-size:11px; padding:0px 0px 0px 6px; background: url(images/nav_act.png) left no-repeat;}


#pagenav {float:left;width:200px; height:300px; margin-left:20px; }
#pagenav ul {display:block; margin:0; color:#ffffff; list-style:none; width:205px;}
#pagenav li {float: left; width:150px; margin:0; padding:0;}
#pagenav ul li a, #pagenav ul li a:visited {display:block;  font-size:11px; font-weight:normal; padding:0px 0px 0px 7px; color:#fff;}
#pagenav ul li a:hover {padding:0px 0px 0px 7px; background: url(images/nav_act.png) left no-repeat;}
#pagenav .current_page_item a, #pagenav .current_page_item a:visited {display:block; padding:0px 0px 0px 7px; background: url(images/nav_act.png) left no-repeat;}




#sidebar2{ width:160px; float:left; margin-top:16px;}
#sidebar2 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal;font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{float:right;}
#topsearch input[type="text"]{background: #ffffff url(images/search.png) right no-repeat; border: 3px solid #666666; width:10em; color: #333333; font:12px Trebuchet MS, Arial, sans-serif;padding:2px 16px 2px 2px;}
#searchbutton {padding:1px;} 

/**************** Comments *********************/
.comlabel { background:url(images/comment.gif) left no-repeat; font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px;margin-top:10px;}
.postlabel {background:url(images/comment_new.gif) left no-repeat;font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px; margin:10px 0px 10px 0px;}
.commentlist{list-style:none;}
.tip {height:15px; width:500px; display:block;margin:10px 0px 0px 0px;}
.authorcomment {padding:3px; margin:10px 0px 0px 0px;}
.odd{color: #006699; font-size:12px; padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC; }
.odd a:link{color:#006699;}
.commenttext {color: #000000; padding:5px 10px 0px 0px;  margin:0px; font-size:12px;}
#author, #email, #url {width:35%;border:1px solid #cbcbcb; font:12px Trebuchet MS; margin-bottom:0.6em;margin-top:5px;padding:1px 15px 1px 1px;}
#author {background:url(images/user.png) no-repeat right;}
#email {background:url(images/email.png)  no-repeat right;}
#url {background:url(images/link.png) no-repeat right;}
#comment{width:98%;border:1px solid #cbcbcb;margin-bottom:0.6em;margin-top:5px;padding:3px;}
#submit {background:#FFFFFF; padding:1px; font:12px Trebuchet MS;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4;}

/**************** Footer *********************/
#footer{ width:960px; margin-top:10px auto; padding-top:10px; color:#fff; text-align:center;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{background:url(images/arrow_right.png) no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ background:url(images/arrow_left.png) no-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
img.alignnone{display:inline;margin:1px 1px 0px 0px; padding:0;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}