/*


Theme Name: WP Surreal


Theme URI: http://www.themelab.com/free-wordpress-themes/


Description: A clean and green theme.  Visit <a href="http://www.themelab.com">Theme Lab</a> for more themes and <a href="http://www.ramblingsoul.com">Rambling Soul</a> for more CSS templates.


Version: 1.0


Author: Theme Lab


Author URI: http://www.themelab.com/


*/





@charset "utf-8";


/*


Name of Template : Surreal


Author : Roshan


URL : www.ramblingsoul.com


License : Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.


Note : Do not remove the credit links from the template


*/





* {margin: 0px; padding: 0px;}

body {background:url(images/woodbg.jpg) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#b8860b;}

.clear {clear:both;}

#wrap {background:url(images/wrapbg.jpg) repeat-y; width:1000px; margin:25px auto 25px auto;}


#sitename a, #sitename a:visited, #sitename a:active{color:#ffffff; text-decoration:none;}

#sitename a:hover{color:#ffffcc; text-decoration:none;}

#header {background:url(images/header.jpg) no-repeat; height:148px; padding:0px;margin;0px;}

#headmenu{width:990px; margin:12px 0 0 0; padding:0px; float:left}
#headmenu ul{width:230px; margin:10px 0 0 0; padding:0px; float:right; display:block}
#headmenu ul li{background:url(images/cloud.jpg) no-repeat left; width:220px; width:auto; margin:0px; padding:0px 0 0 0; float:left; display:block}
#headmenu ul li a{width:220px; height:100px; margin:0px; padding:0px; float:left; cursor:pointer}
#headmenu ul li a:hover{background:url(images/cloud2.jpg) no-repeat left; color:#fff;}
#headmenu ul li a span{width:auto; margin:18px 0 0 28px; padding:0; float:left; cursor:pointer}

#page {padding:0px 10px 0px 10px; margin:0px;}

#page #menu {float:left; background:url(images/sidebar.jpg) repeat-y; width:254px; margin:0px 0 0 0; padding:0px 0 0 0;}
#menu img {margin-top:0px; padding-top:0px;}

#page #content {background:url(images/contentbar.jpg) repeat-y; margin:0px 0px 0px 244px; padding:20px 25px 0px 25px;}

#content p {line-height:22px; margin:0px 0px 10px 0px;}

#content a {color:#6b8e23;}

#content a:visited {color:#6b8e23;}

#content a:active { color:#6b8e23;}

#content a:hover {color:#000000; text-decoration:none;}

#content h2 .seo {display:block; text-align:right; font-size:10px; color:#999999; background:#F19437; padding:1px;}

#content blockquote {display:block; padding:12px; margin:10px; text-align:left; font-family: Helvetica, sans-serif; color:#444400; background:#F8FDBA; border-top:dashed 0px #666666; border-bottom:dashed 0px #666666;}

#content blockquote p {margin:0px;}

#content blockquote cite {color:#000000; display:block; text-align:right; padding:5px; border-top:solid 1px  #F3ECBE;}

#content img {background:#efefef; margin:5px; padding:5px; border:solid 1px #999999;}
#content img.nob {background:#fff; margin:0px; padding:0px 5px 0 0; border:solid 0px #999999;}

#content .alignleft {float:left;}

#content .alignright {float:right;}

#content .postmetadata {display:block; padding:3px; background: #E3EDAF;}

#content h1,#content h4,#content h5 {color:#666600;}

#content h2 {font-family: Helvetica, sans-serif, serif; font-weight:660; font-size:23px; color:#E67809; display:block; margin-bottom:20px; border-bottom:solid 0px #F19437; margin:0 0 5px 10px; padding:0 0 5px 0;}
#content h2 a {font-family:Helvetica, sans-serif; font-weight:660; font-size:24px; color:#E67809; text-decoration:none; letter-spacing:-1px;}

#content h3 {color:#ffa500; font-size:18px; padding:10px 0 6px 0px; margin:25px 0 5px 10px; letter-spacing:-1px; border-bottom:solid 1px;}
#content h4 {color:#444400; font-size:14px; padding:6px 0 6px 0; margin:10px; letter-spacing:0px font-style:bold;}
#content h5 {color:#444400; font-size:20px; padding:6px 0 6px 0; margin:10px; letter-spacing:0px font-style:bold;}
#content h6 {font-family: Helvetica, sans-serif, serif; color:#44cc00; font-size:15px; padding:6px 0 6px 0; margin:10px; letter-spacing:0px font-style:bold;}


#content ul {list-style:square; padding:0px; margin:6px 0px 6px 34px;}

#content li {padding:1px; margin-bottom:2px;}

#content ol {list-style-type:decimal; padding:1px; margin:2px 0px 2px 8px;}





#browse { padding:0px 30px 10px 30px;}


#browse .subhead{font-family:Helvetica, sans-serif; font-weight:normal; padding-left:25px; font-size:26px; color:#666600; display:block; margin-bottom:45px;}


#browse .categoryhead {font-family:Helvetica, sans-serif; font-weight:normal; padding:5px; font-size:18px; color:#E67809; display:block; border-bottom:solid 1px #ffffff;}


#browse ul {list-style:none; padding-left:0px;}


#browse li {display:block; border-top:solid 1px #FEFEFC; border-top: solid 1px #EBE6B4; padding-left:0px;}


#browse ul a {display:block; padding:5px 5px 5px 5px; text-decoration:none; color:#BB9C0E;}


#browse a:visited,active{display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#BB9C0E;border-bottom:solid 0px #D7C479;}


#browse a:hover {background:#ffffff; color:#000000;}


.browsecat {float:left; width:30%; padding:5px 6px 8px 6px; margin-left:10px; border:solid 1px #F3ECBE; background:#FBFAF0;}


#menu h2 {color:#E67809; border-bottom:solid 2px #F19437; padding:5px; font-family:Helvetica, sans-serif, MS Pゴシック, Osaka, ヒラギノ角ゴ Pro W3; font-size:20px; font-weight:normal;}

#menu h2.event {color:#E67809; border-bottom:solid 2px #F19437; padding:5px; font-family:Helvetica, sans-serif, MS Pゴシック, Osaka, ヒラギノ角ゴ Pro W3; font-size:16px; font-weight:normal;}


#wrap #page #menu #sidemenu { padding: 0px 35px 0px 30px; display: block;}

#sidemenu ul {display:block; list-style:none; margin-left:0px; padding-left:0px;}
#sidemenu li {display:block; border-bottom:solid 1px #FFFFff; margin-left:0px; padding-left:0px;}

#sidemenu a, #sidemenu a:visited, #sidemenu a:active {display:block; padding:5px 5px 5px 5px; color:#BB9C0E; text-decoration:none; border-bottom:solid 1px #DFCD95;font-size:11px}
#sidemenu a:hover{background:#ffffcc;}

#sidemenu .current_page_item a,#sidemenu .current_page_item a:visited, #sidemenu .current_page_item a:active, #sidemenu .current_page_item a:hover {background:#ffffcc;}

#sidebanner {margin:4px 0px 0px 0px; padding:0px;}
#sidebanner img {margin:8px 20px 0px 40px;}
#sidebanner a img {border:solid 1px #fff;}
#sidebanner a:hover img {border:solid 1px #F19437;}

#sidebtn img {margin:0px 0 5px 40px; padding:0;}
#sidebtn a img {border:solid 2px #fff;}
#sidebtn a:hover img {border:solid 2px #F19437;}


#footer {background:url(images/footer.jpg) no-repeat; background-position:bottom; height:66px; text-align:center;}


#footercontent {margin:15px; border-top:solid 1px #F19437; padding:10px 0 10px 0;}


#footer a, #footer a:visited, #footer a:active {color:#BB9C0E; text-decoration:none;}


#footer #credit {font-size:10px;}




.textfield {display: block; float:left; width:65%; background-color: #F3F4E8; margin:3px 3px 3px 30px; padding:3px;	border: 1px solid #D6D9AE; clear:right;}


label {	display: block; float:left; text-align:right; font-weight:bold; width:20%; margin:3px; padding: 5px;}


.button {display: block; padding:0px; background-color:#E3E6C8; margin:3px;	border: 2px solid #efefef; color:#000000;}


.textfield:hover {background:#FBFCF8;}


.textfield:focus {background:#ffffff;}


#content .clear2 {clear:right; width:90%;}


.hide {display:none;}





#content table {margin:0px; border:solid 0px #F19437;line-height:20px;}

#content th {background:#DFEDCD; padding:5px 15px 5px 15px; color:#999933; font-weight:bold; text-align:center; border-bottom:1px solid #BDDB99;}
#content th.nob {background:#DFEDCD; padding:5px 15px 5px 15px; color:#999933; font-weight:bold; text-align:center; border-bottom:0px solid #BDDB99;}


#content td {border-bottom:1px solid #DFCD95; padding:5px 15px 5px 15px; border-right:1px solid #DFCD95;}
#content td.nob {border-bottom:0px solid #DFCD95; padding:5px 5px 3px 10px; border-right:0px solid #DFCD95; text-valign:top;}
#content td.underb {border-bottom:2px solid #DFCD95; padding:4px 5px 3px 0px; border-right:2px solid #DFCD95;}
#content td.under {border-bottom:2px solid #DFCD95; padding:10px 5px 3px 10px; border-right:0px solid #DFCD95;}


#content table.bor {margin:8px; border:solid 3px #F19437;line-height:20px;}


div.bor {border-bottom: 1px dashed #999; margin: 24px;}
.grbg {font-weight:bold; padding:4px 10px 4px 10px; color:#fff; font-size:15px; background-color:#33cc00;}
.orbg {padding:2px 4px 3px 4px; color:#fff; font-size:13px; background-color:#cc6600;}
.brbg {padding:2px 4px 3px 4px; color:#fff; font-size:13px; background-color:#556600;}

.bl {padding:2px 4px 3px 4px; color:#333; font-size:13px; background-color:#fff;}