/*  
Theme Name:   SimpleSite theme 01
Theme URI:    http://premiumthemes.com/simplesite/
Description:  SimpleSite Theme - 01 is a theme by <a href="http://cssace.com/">R.Bhavesh</a>and <a href="http://templatic.com/">Premium Themes</a>.
Version:      1.0
Author:       R.Bhavesh
Author URI:   http://cssace.com/
------------------------------------------------------------------------
Support:      PremiumThemes.net/forums
Updated:      June 14 2008
Copyright:    (c) 2008 PremiumThemes.net, a cssace project
All rights reserved.
*/
/*@import url("css/style-grey.css"); */
/*
IMPORTANT NOTE:
this is the basic stylesheet. 
If you are looking to change color etc., 
please open the stylesheet of the color scheme you are using 
from css/ folder in your theme.
*/
*{margin:0; padding:0}
/* Links -----------------------------------------------------------------------*/
a{text-decoration:none; outline:none}
.clear{clear:both}
.alignleft{float:left}
.alignright{float:right}
.imgleft{float:left; margin:0 12px 12px 0; padding:3px}
.imgright{float:right; margin:0 0 12px 12px; padding:3px}
.imgleft_n{float:left; margin:0 40px 12px 0; padding:3px}
.img_center{width:98%; padding:5px; margin:10px 0}
code{font-size:12px}
.gravatar{float:right; margin:10px 10px 10px 15px; width:40px; height:40px}
/* STRUCTURE ----------------------------------*/
#header{overflow:hidden; height:95px;}
#header-in{width:980px; margin:0 auto}
#banner{overflow:hidden; height:140px; margin-bottom:10px}
#banner-in{width:605px; height:139px; margin:0 auto; padding:20px 40px 0 155px}
#content-wrap{width:980px; margin:0 auto; height:100%; overflow:hidden}
* html #content-wrap{margin-top:-7px}
#content{float:left; width:628px; padding:0 15px 0 15px; _padding:0 8px 0 8px}
#sidebar{float:right; height:100%}
#sidebar_l{float:right; width:285px; padding:0 5px; margin-right:10px}
#sidebar_r{float:right; width:185px; padding:0 5px}
#footer{clear:both; overflow:hidden}
#footer-in{width:980px; margin:0 auto; overflow:hidden; padding-top:5px}
/*  Headings ----------------------------------*/
h1{margin:0 0 10px 0; padding:0; font-size:32px; font-weight:normal}
h3.title{/*make homepage h3's for the first 2 stories look like H1 */font-size:28px; font-weight:normal}
h1 a, h3 a{text-decoration:none}
h1 a:hover, h3 a:hover{text-decoration:none}
h2{margin:0; padding:2px 0 0 0; font-size:24px; font-weight:normal}
h2 a{text-decoration:underline}
h2 a:hover{text-decoration:none}
h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:normal; color:#333}
#sidebar h3{font-size:14px}
h3 a{text-decoration:none; color:#333}
h4{margin:0 0 0 0; padding:5px 0; font-size:18px; font-weight:normal}
h5{margin:0 0 0 0; padding:5px 0; font-size:16px; font-weight:bold}
h6{margin:32px 0 12px 0; padding:0; line-height:150%; font-size:18px; font-weight:normal}
.btmspace{text-align:center; width:400px; float:right}
.btmspace2{text-align:center; margin-bottom:15px}
/* Header  ----------------------------------*/
#header-in .logo-image{font-size:32px; font-weight:normal; float:left}
#header-in .logo-image a{display:block; width:313px; height:63px; overflow:hidden; margin:10px 0 0 0; text-indent:-9009px; text-decoration:none}
#header-in .logo-text{font-size:32px; font-weight:normal; float:left; margin:18px 0 -5px 0; overflow:hidden}
#header-in .logo-text a{overflow:hidden; text-decoration:none}
#header-in .description{margin:0; padding:8px 5px 0 0; font-size:12px; font-weight:normal; clear:both; float:left; text-align:left}
#header-in p{margin:0 0 10px 0; width:600px; font-size:12px; line-height:18px}
#header-in h2{margin:0; padding:5px 0 5px 0; font-size:14px; font-weight:bold}
.h_left{float:left}
.h_right{float:right; padding:10px 15px 10px 15px; margin-top:15px; margin-left:0px; text-align:right; clear:right; margin-right:20px; padding:0; /*position:absolute; top:0; right:0; */}
#banner p{margin:0; padding:5px 0 5px 0; font-size:14px; font-weight:bold; font-style:italic}
#banner p.aright{text-align:right}
.top{height:9px; width:980px; margin:15px auto 0 auto}
#bottom{height:25px; width:980px; margin:0 auto}
#featuredwork{margin-bottom:20px; height:165px}
#featuredwork-in{margin:0; padding:0; width:870px; margin:0 auto; padding:15px 0 0 35px; height:150px}
#featuredwork-in li{margin:0; padding:0}
.fimg{float:left; padding:3px; margin:8px 0 0 15px}
.pdetails{text-align:center; margin:8px 15px 0 5px; float:left}
.pdetails img{margin-bottom:10px}
#flist{margin:0; padding:0}
/*nav start ----------------------------------------------- */
 
#navi{clear:both; height:30px; clear:both}
#naviin{width:980px; margin:0 auto}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search{margin:0 -38px 0 0; float:right; padding:5px 0 0 0; float:right; width:235px; height:25px;}
.searchfield{}
#search .s{padding:2px; font:12px Arial,Helvetica,sans-serif; width:150px; float:left; height:16px; margin-right:5px}
#searchform .sgo{margin:1px 0 0 5px}
/* Content  ----------------------------------*/
#content p{margin:0 0 12px 0; padding:0; line-height:19px; text-align:justify}
#content a{text-decoration:none; color:}
#content a:hover{text-decoration:none}
#content ul{margin:0; padding:0}
#content li{margin:0 0 5px 0; padding:0 0 0 12px; list-style:none}
#content ul li ul{margin:8px 0 5px 0; padding:0 0 0 0}
#content li ul li{margin:0 0 5px 0; padding:0 0 0 12px}
#content ol{line-height:18px; margin:10px 0 0 23px; font-size:12px; padding:10px 0 10px 0}
#content ol li{margin:0 0 5px 0; padding:0; list-style-type:decimal; background:none}
#content ol li ol{margin:5px 0 3px 18px; padding:0 0 0 0}
#content p.aligncenter{text-align:center}
#content p.aligright{text-align:right}
#content p.more{font-size:10px; text-transform:uppercase}
#content p.more a{text-decoration:none}
#content blockquote{margin:15px 0 20px 0; padding:15px 10px 5px 10px; font-size:12px; font-style:italic}
#content .projectlist{margin:0 -20px 20px 0; padding:0; clear:both; height:350px; list-style-type:none; font-size:12px}
#content .projectlist li{float:left; margin:0 12px 15px 12px; padding:0; width:200px; background:none}
#content .projectlist li a{display:block; height:130px; text-align:center; text-decoration:none}
#content .i_zoom{background:url(images/i_zoom.png) no-repeat 0 3px; padding-left:15px; font-weight:bold}
#pagenavi{padding:5px 0; font-weight:bold; clear:both; overflow:hidden; height:100%}
#content p.i_previous{padding:0 0 0 15px; margin:0}
#content p.i_next{padding:0 15px 0 0; margin:0}
/*post css start ----------------------------------*/
.category{float:left; width:48%}
.archives{float:right; width:48%}
#content .category h2{margin-bottom:15px}
#content .archives h2{margin-bottom:15px}
.search404{margin:4px 8px 5px 0; padding:5px 0 0 0px; width:248px; overflow:hidden; height:100%}
.search404 .s{padding:2px; font:bold 12px Arial,Helvetica,sans-serif; width:195px; float:left; height:16px; margin-right:5px}
.posts{clear:both; height:100%; padding-bottom:5px; margin-bottom:15px}
#content .post_top{padding:5px 0; margin-bottom:5px; font-size:11px; line-height:20px; height:15px}
#content .post_top a{text-decoration:none}
#content .post_top a:hover{text-decoration:none}
#content .post_bottom{padding:5px 0; margin:8px 0 5px 0; font-size:11px; height:15px; clear:both}
.more-link{text-align:right; float:right; font-size:10px; width:72px; height:17px; text-transform:uppercase; padding-right:10px; text-indent:-9009px; margin-bottom:8px; margin-top:8px}
.more-link a{text-indent:-9009px; overflow:hidden; margin:0; padding:0}
#content .auth{float:left}
#content .commentp{float:right}
/* Previous/Next Page Navigation ----------------------------------*/
.page-nav{clear:both; margin:0 0px; padding:2px 0px}
.nav-previous{width:249px; float:left; text-align:left; margin:2px 0px}
.nav-next{width:249px; float:right; text-align:right; margin:2px 0px}
.page-nav a{text-decoration:none; border-bottom:none}
.nav-previous a{padding-left:11px; text-transform:uppercase}
.nav-next a{padding-right:11px; text-transform:uppercase}
/* Comments  ----------------------------------*/
 #commentform label{float:left; text-align:left; margin-bottom:15px; font-size:11px}
.textarea{width:320px; float:right; padding:5px; margin-bottom:5px; font:12px Arial,Helvetica,sans-serif}
.Cbutton{border:none; font:bold 11px Arial,Helvetica,sans-serif; padding:4px; clear:both; margin-left:118px}

/*Comments*/
 .commetmainauthor{clear:both; overflow:hidden; padding:10px; height:100%}
.commetmain{clear:both; margin-bottom:15px; padding:10px; overflow:hidden; height:100%}
.commet_left{width:20%; float:left; font-size:11px}
.commet_right{width:70%; float:right; padding:5px 0 0 35px; min-height:55px}
.comm_list{margin-bottom:15px}
#content .commetmain p{margin:0; padding:0}
.thecomment{margin:0px}
.comment-body{margin:0}
.comment-metadata{padding:5px 10px; font-weight:bold; font-size:11px}
.comment-metadata a, .comment-metadata a:visited{text-decoration:none}
.authorcomment{margin:0px; font-size:12px}
.authorcomment .comment-metadata{padding:0 10px}
.authorcomment .comment-metadata a{text-decoration:none}
.nav-next{padding-right:8px; font-weight:bold}
.nav-previous{padding-left:8px; font-weight:bold}
.comment-author{padding-bottom:5px; font-size:11px; text-align:center}
#content .trackbacklist{margin:8px 0 0 0; padding:0; list-style:none}
#content .trackbacklist li{margin:0 0 8px 0; padding:0 0 5px 18px; line-height:18px; list-style:none}
.post-ratings{font-size:12px; font-style:normal; padding-left:8px; display:block; margin:8px 0}
/* Contact Form ----------------------------------------------------------------*/
.contactform{width:430px; font-size:12px; font-weight:bold; margin-top:25px; padding:15px 10px; min-height:320px}
.contactform textarea, .contactform input{padding:2px; font:12px Arial,Helvetica,sans-serif; padding:3px; width:250px}
.contactform textarea{height:150px}
.contactform #contactsubmit{width:133px; height:28px; padding-bottom:11px; font:bold 14px Arial,Helvetica,sans-serif; border:none}
.contactleft{font:bold 12px Arial,Helvetica,sans-serif !important; width:100px; float:left; margin-bottom:12px}
.contactright{font:normal 9px Arial,Helvetica,sans-serif !important; width:320px; font-weight:normal!important; float:right; margin-bottom:12px}
/*Page navigatoin 2 ----------------------------- */
#content .wp-pagenavi{text-align:center; height:25px; font:bold 12px Arial,Helvetica,sans-serif; line-height:24px; margin-bottom:20px}
#content .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active{padding:3px 8px 3px 8px; margin:2px; text-decoration:none; line-height:24px}
#content .wp-pagenavi span.pages{padding:3px 8px 3px 8px; margin:2px 2px 2px 2px}
#content .wp-pagenavi span.current{padding:3px 8px 3px 8px; margin:2px; line-height:25px; font-weight:bold}
#content .wp-pagenavi span.extend{padding:3px 8px 3px 8px; margin:2px; line-height:25px}
/* tagcloud  ----------------------------------*/
#tag_cloud a{font-size:12px !important; margin-right:10px; line-height:18px}
/* sidebar content ----------------------------------*/
#sidebar a{line-height:18px; text-decoration:none}
#sidebar a:hover{text-decoration:none}
#sidebar .flickr{clear:both; margin-bottom:25px; margin-left:11px; overflow:hidden}
#sidebar .flickr img{margin:2px 5px 5px 5px; font:10px Arial,Helvetica,sans-serif; width:65px; height:65px; float:left; display:inline}
/*widget calendar css =================================================== */
#wp-calendar{width:100%}
#sidebar .widget_calendar h2, widgettitle{display:none}
#sidebar #calendar_wrap caption{margin:0; padding:5px 0 5px 0; font:bold 11px Georgia,"Times New Roman",Times,serif; text-transform:uppercase; text-align:center}
.widget{clear:both}
/* widget search css ===================================================  */
#sidebar #search{padding:0; float:left; height:45px; width:120px}
#sidebar input{margin-bottom:3px}
.Sponsors{text-align:center; margin:8px 0 8px 0; overflow:hidden; height:100%}
.ads{text-align:center}
#sidebar h2{margin:0; padding:0 0 3px 3px; font-size:18px; font-weight:normal; text-align:left}
#sidebar h3{margin:0 0 8px 0; padding:11px 0 11px 0; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; text-align:center; overflow:hidden}
#sidebar p{margin:0; padding:0 0 5px 5px}
#sidebar p a{text-decoration:none}
#sidebar p a:hover{text-decoration:none}
.spacer{padding:0 5px}
.advt_spacer{margin:0 0 10px 0}
#sidebar ul, #sidebar ul li{margin:0 0 25px 0; padding:0; font-size:12px; list-style-type:none}
#sidebar ul li ul{margin:0; padding:0}
#sidebar ul li ul li{margin:0; padding:3px 0 3px 22px}
#sidebar ul li ul li a{line-height:18px; text-decoration:none}
#sidebar ul li ul li a:hover{text-decoration:none}
#sidebar ul li ul li ul li{margin:0; padding:3px 0 3px 22px}
#sidebar ul li ul li ul li a{margin:0; text-decoration:none}
#sidebar ul li ul li ul{padding:0; margin:0}
#sidebar .subscribetextbg{padding:0 0; margin:5px 0 8px 0; height:25px}
#sidebar .subscribe_textield{font:12px Arial,Helvetica,sans-serif; margin:2px 0 0 5px; padding:2px; width:120px; float:left}
#sidebar .rssfeed{float:right; padding:0 5px 0 0}
#sidebar .subscribe{padding:5px 3px; height:100%; margin-bottom:11px}
#sidebar .subscribe_b{font:11px Arial,Helvetica,sans-serif; text-align:center; margin:-15px 0 0 0; float:right}
#sidebar .i_rss{padding-left:22px; padding-bottom:3px; padding-top:3px; line-height:22px}
/* footer ---------------------------------- */
#footer .copyright{padding:5px 8px 0 0; float:left}
/*#footer p span.templatic{width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0}
*/
#footer p span.templatic a{ text-indent:-9009px; padding-left:120px; height:30px; display:block}

#footer p{margin:0 0 5px 0; padding:0; font-size:11px; line-height:22px}
#footer span{position:relative; top:-5px}
#footer span a{text-decoration:none}
#footer span a:hover{text-decoration:none}
#flinks{float:right; list-style:none; width:55%; margin-right:-5px; text-align:right}
#flinks li{display:inline; line-height:26px; text-align:right}
#flinks li a{padding:0px 8px 0 8px; margin:0; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none}
#flinks li a:hover{display:inline}

/* 
dropnavIGATION --------------------------------------------------------------------------------------------------------- */
 
/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */
ul#navmenu-h{ margin:0;  padding:0;  width:660px; /*For KHTML*/ list-style:none;  height:30px;  float:left}

ul#navmenu-h li{ margin:0;  padding:0;  float:left; /*For Gecko*/ display:inline;  list-style:none;  position:relative;  border-bottom:none}

ul#navmenu-h ul{ margin:0;  padding:0;  width:160px;  list-style:none;  display:none;  position:absolute;  top:30px;  left:0}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{  clear:both;   display:block;   font:1px/0px serif;  content:".";  height:0;  visibility:hidden}

ul#navmenu-h ul li{ width:160px;  float:left; /*For IE 7 lack of compliance*/ display:block !important;  display:inline; /*For IE*/ }

/* Root Menu */
ul#navmenu-h li a{ padding:0 10px;  float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block;  font:bold 12px Arial,Helvetica,sans-serif;  text-decoration:none;  height:auto !important;  height:1%; /*For IE*/ line-height:30px}

 
/* 2nd Menu */
ul#navmenu-h li:hover li a, 
ul#navmenu-h li.iehover li a{ float:none;  line-height:22px;  height:22px}
ul#navmenu-h ul ul, 
ul#navmenu-h ul ul ul{ display:none;  position:absolute;  top:0;  left:160px}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul, 
ul#navmenu-h li:hover ul ul ul, 
ul#navmenu-h li.iehover ul ul, 
ul#navmenu-h li.iehover ul ul ul{ display:none}

ul#navmenu-h li:hover ul, 
ul#navmenu-h ul li:hover ul, 
ul#navmenu-h ul ul li:hover ul, 
ul#navmenu-h li.iehover ul, 
ul#navmenu-h ul li.iehover ul, 
ul#navmenu-h ul ul li.iehover ul{ display:block}

/* #end -------------- */
 
#content .buynow a{display:block; float:right; width:100px;  padding:5px;  font:bold 12px Georgia,"Times New Roman",Times,serif; text-align:center}

#content p.purl{position:relative; top:-10px; right:6px; border:1px solid #E1E1E1; width:55px; float:right; background:#fff url(images/i_zoom.png) no-repeat 5px 5px; padding:1px 5px 0 22px;  font-weight:bold; font-size:11px; _right:1px; _top:-13px}
#content p.purl a{color:#666}

.small{font-size:11px}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after{content:"."; clear:both; height:0; visibility:hidden; display:block}
.clearfix{display:inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}

/* End hide from IE-mac */

#pricing{clear:both;float:none}
#pricing th{font-weight:700;text-align:center}
#pricing td{text-align:center}
#pricing .hd{background-color:#eaf1fb}
#pricing .row1{background-color:#f5f5f5}
#pricing .row2{background-color:#eee;font-variant:small-caps;font-weight:bolder}