
/*
	Theme Name: Renegade
	Theme URL: http://www.renegadeblogger.com/
	Description: Renegade blogger.
	Author: Gobala Krishnan
	Author URI: http://www.renegadeblogger.com/
	Version: 1.0 for autoresponder beta 1
	Tags: white, light, three-columns, right-sidebar, fixed-width, custom-header, theme-options, threaded-comments
*/
    
#wireframe1{border:0px;}
#wireframe2{border:0px;overflow:hidden}
#wireframe3{border:0px;overflow:hidden}
#container{ width:900px; margin:0 auto; margin-top:10px; margin-bottom:10px; padding:10px; }
#wireframe1{ margin-left:200px;margin-right:200px; padding:0 10px; }
#wireframe2{ float:left; width:200px; margin-left:-900px; }
#wireframe3{ float:left; width:200px; margin-left:-200px; }

         #header {
           width: 900px;
           height: 140px;
           background: #FFF url(http://partyplannerideas.com/wp-content/uploads/2010/02/partyplanner2.jpg) no-repeat top left;
        }   #header_detail * {
                display: none;
            }
* html body {height: 100%;}

html,body{
    margin:0;
    padding:0
}

body{
    display:block;
    text-align:center;
    color: #000000;
    background-image: url(library/blue/stripes36.png);
    background-repeat: repeat;
    background-position: left top;
    background-attachment : fixed;
    background-color: #B1B1B1; 
}

p{
    margin:0 10px 10px;
}

a,a:hover,a:visited{ 
    color: #003399; 
}

body{
    font-family:Verdana, sans-serif;
    font-size:12px;
    line-height:16px;
}

#header h1{
    font-family:Verdana, sans-serif;
    font-size:24px;
}

#header .description {
    font-family:Verdana, sans-serif;
    font-size:12px;
}

#navigation_bar{
    font-family:Verdana, sans-serif;
    font-size:12px;
}

#content h1{
    font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
    font-size:22px;
    line-height:26px;
}

#content h2{
    font-family:Verdana, sans-serif;
    font-size:15px;
    line-height:19px;
}

#content h3{
    font-family:Verdana, sans-serif;
    font-size:12px;
    line-height:16px;
}


#sidebar1, #sidebar2{
    font-family:Arial, sans-serif, "Helvetica Neue", Helvetica;
    font-size:12px;
    line-height:18px;
}

#sidebar1 h3, #sidebar2 h3{
    font-family:Verdana, sans-serif;
    font-size:11px;
    line-height:15px;
    height: 18px;
}

#footer{
    font-family:Verdana, sans-serif;
    font-size:12px;
}


#container{
    text-align: left;
    background-color: #FFFFFF;
    border:1px solid #D8D8D8;
}#header{
    position:relative;
    display:block;
}

#header h1{
    position:absolute;
    margin-top:30px;
    margin-left:20px;

}
#header h1 a{
    text-decoration:none;
}
#header .description{
    position:absolute;
    margin-top:60px;
    margin-left:20px;
}

/* Top navigation appearance */
#navigation_bar{
    bottom: 0;
    position:absolute;
    font-weight:bold;
    width: 100%; background-image: url(library/blue/bar_blue.gif);
    background-repeat: repeat;
    background-position: left top;
    background-color: #2456F7; 
    height:24px;
    z-index:100;
}

#footer{
    font-weight:bold;
    width: 100%;
    background-image: url(library/blue/bar_blue.gif);
    background-repeat: repeat;
    background-position: left top;
    background-color: #2456F7; 
    height:24px;
    z-index:100;
    padding:0px;
    clear:left;
}

#footer-nav{
    border:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
}

#footer .sf-menu {
	line-height:	1.0;
    margin-top:-3px;
}

.sf-menu a {
    border-right: 1px solid #4770F7;; 
	padding: 		6px 10px; /* .75em 1em; */
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #ffffff; 
}

.sf-menu li li {
    background-color: #6889F8; 
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background-color: #4B73F7;
    color: #000000; 
	outline: 0;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
    background-color: #4B73F7;
    color: #000000; 
	outline: 0;
}

#header {
  z-index:2;
}

#content {
  z-index:1;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 sticky bug */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			24px; /* 2.5em; match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* search bar appearance */

#searchbar{
    width:100%;
    background-color: #f4f4f4;
            width: 99.8%;
        border-left:1px solid #E8E8E8;
        border-right:1px solid #E8E8E8;
        border-bottom:1px solid #E8E8E8;
    
}

#searchbar{
    float:left;
}

#searchbar .right{
    float: right;
    height: 32px;
    margin-top: 10px;
    margin-right:20px;
}
#main_wrapper{
    float:left;
    width:100%;
    background-color: #FFFFFF; 
}

#wrapper{
    float:left;
    width:100%;
}

#sidebar1{
    background-color: #F4F4F4;
    color: #5C5C5C;
            padding:0;
        margin-top:20px;
        border:1px solid #E8E8E8;
    
}

#sidebar1{
    float:left;
    width:98%;
}

#sidebar1 ul{
    margin-left:-4px;
    padding-left:10px;
    padding-right:10px;
    list-style-type:none;
    list-style-position:outside;
}

#sidebar1 h3{
    background-image: url(library/blue/bar_blue.gif);
    background-repeat: repeat;
    background-position: left top;
    background-color: #2456F7;
    color: #ffffff; 
    margin-top:0px;
    padding-bottom:0px;
    padding-top: 4px;
    text-indent: 10px;  
}

#sidebar1 table{
    width:100%;
}

#sidebar1 a,#sidebar1 a:hover,#sidebar1 a:visited{
    color: #5C5C5C; 
}
#sidebar2{
    background-color: #F4F4F4;
    color: #5C5C5C;
            padding:0;
        margin-top:20px;
        border:1px solid #E8E8E8;
    
}

#sidebar2{
    float:right;
    width:98%;
}

#sidebar2 ul{
    margin-left:-4px;
    padding-left:10px;
    padding-right:10px;
    list-style-type:none;
    list-style-position:outside;
}

#sidebar2 h3{
    background-image: url(library/blue/bar_blue.gif);
    background-repeat: repeat;
    background-position: left top;
    background-color: #2456F7;
    color: #ffffff; 
    margin-top:0px;
    padding-bottom:0px;
    padding-top: 4px;   
    text-indent: 10px;   
}

#sidebar2 table{
    width:100%;
}

#sidebar2 a,#sidebar2 a:hover,#sidebar2 a:visited{
    color: #5C5C5C; 
}.widget{
    margin-bottom:10px;
    margin-left:6px;
    margin-right:6px;
}
.widget h3{
    margin-left:-7px;
    margin-right:-7px;
}
#content p{
    margin-left:0px;
}
#content a{
    font-weight:bold;
}

#content h1{
    padding:0px;
    font-weight:bold;
}

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

#content blockquote{
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	background-color: #EEEEEE;
}

.postmeta{
    margin-top:-15px;
    color:#000000;
    margin-bottom:10px;
}

#metasections{
    width:50%;
    float:left;
    color:#000000;
}

#metasections a{
    background-color: transparent;
    text-decoration:none;
    color:#003399;
    border-color: #003399;
    border-width: 0px 0px 1px 0px;
    border-style: none none solid none;
}

#postNavigation{
    padding-top:20px;
    padding-bottom:20px;
}

.commentmetadata a{
	font-size: 12px;
	padding-left: 0px;
}

#commentlist ul{
    padding : 0px;
    margin:0px;
}

#commentlist ul li{
	list-style-type:none;
    padding:10px;
    margin-top:10px;
}

#commentlist .depth-1 {
    margin-left:0px;
}

#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
}

.commentinfo{
	clear: both;
}

.commenttext {
	width: 430px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	background-color: #FEF3CD;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.commenttext-admin {
	width: 430px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 5px 0px 0px 10px;
	margin: 5px 0px 20px 0px;
	border: 1px solid #facb25;
	background-color: #facb25;
}

#commentsformheader{
	padding-left: 0px;
}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#commentsform form{
	text-align: left;
	margin: 0px;
}

#commentsform p{
	margin: 0px;
	padding: 0px;
}

#commentform textarea{
	width: 99%;
}

p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.odd {
    background-color: #FFFFFF;
    border:1px solid #DDDDDD;
}

.even {
    background-color: #FFFFFF;
     border:1px solid #DDDDDD;
}

.bypostauthor {
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
    margin-top:10px;
}

.avatar {
    float: right;
    margin-top: -5px;
    margin-right:-5px;
    padding: 2px;
    border:1px solid #DDDDDD;
}
.wp-caption {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    background-color:#F3F3F3;
    border:1px solid #DDDDDD;
    margin:5px;
    padding-top:4px;
    text-align:center;
}

#content img{
    margin:5px;
}
.aligncenter {
	display:block;
    margin-left:auto;
    margin-right:auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

#topiclisting h2 {
    background-color:#F4F4F4;
    border:1px solid #E8E8E8;
    padding:4px;
}

#topiclisting p{
    padding-left:0;
    margin-left:0;
    padding-top:0;
    margin-top:0;
}
#topiclisting ul{
    list-style-position: outside;
    list-style-image:url(images/arrows.gif);

}

#content h1{
    border-bottom:2px dotted #E8E8E8;
}#breadcrumb {
    font-weight:bold;
}
#footerAffiliate{
    height:25px;
    text-align:center;
    padding-top:2px;
    padding-bottom:0px;
    margin-bottom:20px;
}

#footerAffiliate a{
    font-weight:bold;
}

#footerAffiliate p{
    margin:0;
    padding:5px 10px;
}

