/*
Theme Name: BlogStarter Theme
Author: WPThemeDesigner.com
Author URI: http://www.wpthemedesigner.com/
*/

.wp-polls-ul input
{ float: left;
clear: both;
}

.wp-polls-ul label
{ float: left;
margin-left: 5px;
width: 270px;
padding-bottom: 6px;
border-bottom: 1px solid #BBBBBB;
}

.wp-polls-form p {
padding-top: 6px;
}


#widget_twitter li {
padding: 3px 0 4px 16px;
background: url(assets/images/twitter_icon.gif) no-repeat scroll 0 3px transparent;
border-bottom: 1px solid #BBBBBB;
}

.from-meta {
display:none;
}

.recentcomments {
background: url(assets/images/user.gif) no-repeat scroll 0 3px transparent;
padding: 3px 0 4px 16px;
border-bottom: 1px solid #BBBBBB;
}

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #26343D;
	text-decoration: none;
	padding: 0.2em 0.5em;
        color: #191919;
}

.pagebar a:visited {
	border: 1px solid #26343D;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #26343D;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #26343D;
	color: #fff;
}

.pagebar a:hover {
	border-color: #26343D;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}


.odd {
background-color: #f0f0f0;
}

#mysidebar
{
float: right;
	width: 295px;
	text-align: left;
	padding: 10px 10px 0 10px;
}
#mysidebar h2 {
		margin-left: 0px;
	}

#mysidebar ul {
		list-style-type: none;
		float: left; 
		margin: 0px 0 15px 0;
		padding-left: 0px;
	}

    /******************************************
    *   Subfooter
    ******************************************/
    #subfooter {
    width:980px;
    float: right;
	
	background-color: #26343d;
	text-align: left;
	padding: 10px 0;
color: #888;

        
    }

#subfooter h2 {
color: #d6d6d6;
		
		
		
		padding-bottom: 8px;
		font-size: 1em;
		float: left;
}

#subfooter ul {
		list-style-type: none;
		float: left; 
		margin: 3px 0 15px 0;
		padding-left: 22px;
width: 300px;
	}


    #subfooter li {
    list-style-type: none;
    list-style-image: none;
    float: left;
width: 150px;
padding-bottom: 3px;
    }
    #subfooter li ul {
padding: 5px 0;
			float: left;

			
    }


    #subfooter a {
color: #999;
    }
    #subfooter li ul a:hover {
    text-decoration: underline;
color: #999;
    }
    #subfooter .widget {
    width:316px;
    
    float:left;
    padding-left: 10px;
    }
    #subfooter .widget .o_l {
    padding:10px;
    }
    #subfooter .widget .o_m {
    padding:10px;
    }
    #subfooter .widget .o_r {
    padding:10px;
    }
    #subfooter .widget .u_l {
    padding:10px;
    }
    #subfooter .widget .u_m {
    padding:10px;
    }
    #subfooter .widget .u_r {
    padding:10px;
    }




#pagemenucontainer {
	height: 30px;
    padding: 0 0 0 0;
	}
	
#pagemenu {
	height: 30px;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
    background: url(assets/images/pagenav-separator.png) right center no-repeat;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #aaa;
	display: block;
    margin: 0px 3px 0px 3px;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#pagemenu li a:hover, #pagemenu li a:active{
	color: #fff;
	display: block;
	text-decoration: none;
	}
	
#pagemenu  li.current_page_item a {
	color:#ddd;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}



#slider {

	/* You MUST specify the width and height */
	width:630px;
	height:250px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:330px;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:300px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:300px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:12px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}


#s3slider {
   width: 630px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 630px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.right {
	right: -330px;
	bottom: 0;
	width: 300px !important;
	height: 290px;
}
	


.clear {
	clear:both;	
}