/*  
Theme Name: Organic_Urban
Theme URI: http://suvashthapaliya.com.np
Description: Greys and Greens...
Author: Suvash Thapaliya
Author URI: http://suvashthapaliya.com.np
*/

/* ************************************************************************************************************************************************************

/* CSS Reset here */

* { margin: 0; padding: 0;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#454545; font-weight:normal;
	line-height:20px;
}
html,body{height:100%;}
a{color:#ff6132; text-decoration:none; }
a:hover{ background-color:#289bce; color:#000000; text-decoration:none;}
ul,li{list-style:none;}
br{line-height:5px;}
a.more-link{font-size:14px; font-weight:bold; width:100%; }

/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* Utility Styles here */
.clear{clear:both;}
.invisible{display:none;}

/* HTC file for IE PNG fix by Angus Turnbull - http://www.twinhelix.com 
   HTC file for a:hover on IE fix by Peterned Whatever:hover */
#titlebar{ behavior: url(wp-content/themes/organic_urban/iepngfix.htc);}
#footer{ behavior: url(wp-content/themes/organic_urban/iepngfix.htc);}

/*Sticky Footer Style*/
.swrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -60px;}
.sfooter, .spush {height: 60px;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clear{clear:both;}

/* Titlebar Styling here */
body{background:url(images/blog_background.gif) repeat-y center;}
#titlebar{background:url(images/title_bar.png) repeat-x; width:100%;}
#titlebar a{ background:url(images/st_logo.gif) no-repeat; display:block; height:105px; width:322px; float:left}
#titlebar a:hover{display:block; height:105px; width:322px; background-color:none;}
#titlebar h1{background:url(images/blog_titlebar.gif) no-repeat; margin-left:209px; height:105px; width:103px; display:block;}

/*Body Styling begins here */
#pagecontainer{width:100%; position:relative; height:100%; }
#bodycontainer{ width:760px; margin:auto; display:block; }
#leftcontainer{ width:66%; height:100%; float:left; display:block; }
#rightcontainer{ width:26%; height:100%; float:right; display:block; }

/* Menubar Styling here */
h2.menu { margin:auto; width:560px; }
h2.menu ul{}
h2.menu li{list-style:none; float:left;}

#menublock{margin:auto; margin-bottom:40px; width:480px; display:block; height:91px;}
h2.menu li.home {width:108px;}
h2.menu li.blog {width:120px;}
h2.menu li.showcase {width:120px;}
h2.menu li.contact {width:120px;}

h2.menu li.home a{background:url(images/menu_home.gif) top no-repeat; width:106px; height:91px; display:block;}
h2.menu li.blog a{background:url(images/menu_blog.gif) top no-repeat; width:134px; height:91px; display:block;}
h2.menu li.showcase a{background:url(images/menu_show.gif) top no-repeat; width:136px; height:91px; display:block;}
h2.menu li.contact a{background:url(images/menu_cont.gif) top no-repeat; width:132px; height:91px; display:block;}

h2.menu li.home a.selected{background:url(images/menu_home.gif) center no-repeat; width:106px; height:91px; display:block;}
h2.menu li.blog a.selected{background:url(images/menu_blog.gif) center no-repeat; width:134px; height:91px; display:block;}
h2.menu li.showcase a.selected{background:url(images/menu_show.gif) center no-repeat; width:136px; height:91px; display:block;}
h2.menu li.contact a.selected{background:url(images/menu_cont.gif) center no-repeat; width:132px; height:91px; display:block;}

h2.menu:hover li.home a{background:url(images/menu_home.gif) bottom no-repeat; width:106px; height:91px; display:block;}
h2.menu:hover li.blog a{background:url(images/menu_blog.gif) bottom no-repeat; width:134px; height:91px; display:block;}
h2.menu:hover li.showcase a{background:url(images/menu_show.gif) bottom no-repeat; width:136px; height:91px; display:block;}
h2.menu:hover li.contact a{background:url(images/menu_cont.gif) bottom no-repeat; width:132px; height:91px; display:block;}

h2.menu li.home a:hover{background:url(images/menu_home.gif) center no-repeat; width:106px; height:91px; display:block;}
h2.menu li.blog a:hover{background:url(images/menu_blog.gif) center no-repeat; width:134px; height:91px; display:block;}
h2.menu li.showcase a:hover{background:url(images/menu_show.gif) center no-repeat; width:136px; height:91px; display:block;}
h2.menu li.contact a:hover{background:url(images/menu_cont.gif) center no-repeat; width:132px; height:91px; display:block;}

/*Blog Post Styling */
#blog_title{ width:550px; text-align:right; background-color:#f7f7f7; height:25px; border:1px solid #9B9B9B; border-right:none; font-size:14px; padding-top:5px; padding-right:20px; margin-left:-40px; }
#blog_title a{color:#289bce; text-decoration:none; font-size:14px; font-weight:bold; }
#blog_title a:hover{ background-color:#ff6132; color:#000000; text-decoration:none;}
blockquote{ width:400px; background-color:#f7f7f7;  font-size:14px; padding:20px 20px 20px 20px; margin:auto; margin-top:15px; margin-bottom:15px; }
#block_attach{ width:510px; border:1px solid #000000; background-color:#F7F7F7; background-color:#f7f7f7;  font-size:12px; border-right:none; padding: 10px 10px 10px 10px; margin-right:-30px; }
code{border:1px solid #9B9B9B; background-color:#F7F7F7; color:#289bce; display:block; width:95%; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin-top:20px; margin-bottom:20px; }

p.wp-caption-text{ font-size:10px; font-style:italic;}
#blog_post_info{ width:510px; text-align:right; padding-right:20px; margin-bottom:20px; }
#blog_tag{ width:510px; text-align:right; padding-right:20px; margin-top:20px; margin-bottom:10px; }
#number_comments{ width:510px; text-align:right; padding-right:20px; margin-top:10px; margin-bottom:10px; }
hr{border:0px; color:#CECECE; background-color:#CECECE; height:1px; margin-bottom:20px; width:570px; margin-left:-40px}
.post h3{font-size:14px; padding-top:10px; padding-bottom:10px; font-weight:bold;}
.post h4{font-weight:bold;}

/* RightContainer Menu Styling */
#custom_ul{margin-left:0px;}
#custom_ul ul{ margin-left:0px;}
#custom_ul ul li{clear:both;}
#custom_ul ul li{list-style:none; height:22px;}
#custom_ul ul li{background:url(images/blog_bullet_flower.gif) no-repeat left; padding-left:24px;}
.category_title{background:url(images/blog_categories.gif) no-repeat; width:150px; height:50px; display:block; margin-left:0px;}
.blogbuddy_title{background:url(images/blog_buddies.gif) no-repeat; width:150px; height:50px; display:block; margin-left:0px;}
.iread_title{background:url(images/blog_iread.gif) no-repeat; width:150px; height:50px; display:block; margin-left:0px;}

/* Footer Styling */
#footer{width:100%; background:url(images/blog_footer.png) repeat-x; display:block; height:35px; text-align:center; padding-top:25px; }
#footer a{color:#454545};
#footer a:hover{ background-color:#289bce; color:#000000; }

/*Sticky Footer*/
.swrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -60px;}
.sfooter, .spush {height: 60px;}

/*Single Post page */
#single_response{text-align:right; margin-right:-10px}
#single_response hr{border:0px; color:#CECECE; background-color:#CECECE; height:1px; margin-bottom:5px; margin-top:5px; width:570px; margin-left:-40px}
#comments h3{font-size:14px; font-weight:bold; margin-top:20px; margin-bottom:20px; }
#comments ol{margin-left:0px;}
#comments hr{border:0px; color:#CECECE; background-color:#CECECE; height:1px; margin-bottom:5px; margin-top:20px; width:500px; margin-left:-20px;}
#comments p.commentmetadata{margin-bottom:10px; font-size:10px;}
#comments li{padding-top:20px; padding-left:20px; padding-right:20px;}
.commentmetadata a{font-size:10px;}
li.alt{background-color:#f7f7f7;}
#comment_author{float:right; display:block; width:160px; padding-left:10px; margin-right:-10px; border-left:1px solid #CECECE;}
#comment_text{float:left; display:block; width:280px;}
#comment_clearfloat{clear:both;}
#respond {font-size:14px; font-weight:bold; margin-top:30px; margin-bottom:10px;}
input#author{margin-bottom:10px;}
input#email{margin-bottom:10px;}
input#url{margin-bottom:10px;}
input#submit{margin-bottom:10px; margin-top:10px;}
#archive_title h2{font-size:15px; font-weight:bold; margin-bottom:20px;}


/*Search Form Styling*/
#search{float:right; margin-top:12px; margin-right:10px; background-color:#289bce; height:65px; width:150px;}
input#s{height:18px; margin-top:5px; margin-left:5px; width:136px; background-color:#CECECE; border:2px solid #CECECE;}
input#searchsubmit{color:#CECECE; background-color:#289bce;border:2px solid #CECECE; height:28px; width:140px; margin-top:5px; margin-left:5px; }
input#searchsubmit:hover{color:#000000; background-color:#CECECE;}