/*
Theme Name: Flixiness
Theme URI: http://themeforest.net
Description: Flixiness Wordpress Business Theme.
Version: 1
Author: Flixel House
Author URI: http://www.flixelhouse.com
Tags: business, portfolio, blogs, blog
*/

/*small reset*/
body, ul, ol, li, p, h1,h2, h3, h4, h5, h6, form, blockquote{
margin:0;
padding:0;
}

/* Universal */
body {
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
}
a {color:#666; text-decoration:none}
a:hover {color:#333; text-decoration:none}
a:focus {outline: 1px dotted invert;}
a img {text-decoration:none; border:0;}
acronym, abbr {}
code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

	pre {
		margin:0 auto; padding:5px 20px;
		background:#f4f1ec url(images/code.gif) repeat;
		border:1px solid #CCC;
		font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
		line-height:200%;
	}

blockquote {
	margin:20px auto; padding:5px 20px;
	width:80%; height:auto;
	background:#FFF url(images/blockquote.gif) no-repeat top left; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999;
}
fieldset {border: none;}
legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-family:Futura,"Century Gothic",AppleGothic,sans-serif;}
h1 {font-size: 25px;}

h2 {font-size: 23px;}

h3 {font-size: 21px;}

h4 {font-size: 19px;}

h5 {font-size: 17px;}

h6 {font-size: 15px;}
hr {display: none;}
input, textarea {padding: 2px; font-size: 100%;}
td, th, tr {}

#wrap {}

/* Header */
#header-wrap{
	background:url(images/bg_header.png) repeat-x #000;
	height:70px;
}
#header h1 {
	background:url(images/logo.png) no-repeat;
	}
#header h1 a {
	height:70px;
	font-size:1%;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#header p.blogdescription {display:none}

.top-search {
	margin-top:20px;
}
.top-search input{
	height:26px;
	width:267px;
	background:url(images/bg_search-trans.png) no-repeat;
	border:none;
	vertical-align:top;
	padding:5px 0 0 15px;
	color:#666;
}
.btn, .top-search .btn{
	width:37px;
	height:27px;
	background:none;
	border:none;
	padding:0;
}
#rsslogo{
	margin-top:10px
}
#rsslogo a{
	height:33px;
	width:34px;
	background:url(images/ico_rss-trans.png) no-repeat;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
}

#rsslogo a:hover{
	background:url(images/ico_rss_hover-trans.png) no-repeat;
}
	
/* menu */
#menu-wrap {
	background:url(images/bg_menu.png) repeat-x;
	height:30px;
}



#menu {margin:0 0 0 20px;}
.lavaLamp{height:30px;position:absolute;}
.lavaLamp li{float:left; list-style-image:none; list-style-position:outside; list-style-type:none}
.lavaLamp li.back{background:transparent url(images/lava.png) no-repeat scroll right -30px !important; background:transparent url(images/lava-ie.gif) no-repeat scroll right -30px; height:30px; position:absolute; width:9px; z-index:8}
.lavaLamp li.back .left{background:transparent url(images/lava.png) no-repeat scroll left top !important; background:transparent url(images/lava-ie.gif) no-repeat scroll left top; height:30px; margin-right:9px; float:none;}
.lavaLamp li a{display:block;
	padding:3px 0;
	margin:0 20px;
	text-align:center;
	font-weight:bold;
	outline: none; 
	outline-style:none; 
	outline-width:medium; 
	overflow:hidden; 
	padding:0 10px; 
	position:relative;
	top:4px; 
	z-index:10;
	}

.lavaLamp li a:hover, li.current_page_item a{color:#00CCCC}
.current-cat a,  li.current-cat-parent a{color:#00CCCC}
/*--- Slides --*/
#slider-wrap {
	background:url(images/bg_slide.png) repeat-x;
	height:440px;
}
#Slides{
	margin-top:50px;
	color:#ccc;
	}

#Slides h2{
	margin:10px 0 00 ;
}
#Slides h2 a{
	color:#ccc;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
#Slides h2 a:hover{
	color:#00cccc;
}
#Slides p{
	padding-top:10px;
	margin-bottom:10px;
	color:#FFF;
}
#Slides .ct{
	margin-left:auto;
	margin-right:auto;
}
	
#slides-content{
	padding:10px;
}
.slide-content a.more-link {
	background-color:#505050;
	padding:3px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
}
.slidetitle{
	display:block;
	width:380px;
	height:21px;
	background:url(images/title_featured.png) no-repeat;
}



#slides-pic{
	position:absolute;
	top: 10px;
	right: 10px;
}

img.reflected{
	margin-top:5px;
}	
#jFlowSlide{
	margin:0 auto;
}
.jFlowSlideContainer{
	float:left;
}

.jFlowNext{
	margin:10px 0 0 100px;
	display:block;
	height:20px;
	width:60px;
	background:url(images/b_next-trans.png);
	font-size:1px;
	cursor:pointer;
	text-indent:-9999px;
}

.jFlowPrev{
	margin-top:10px;
	display:block;
	height:21px;
	width:60px;
	background:url(images/b_previous-trans.png);
	font-size:1px;
	cursor:pointer;
	text-indent:-9999px;
}

.jFlowNext:hover{
	background:url(images/b_next_hover-trans.png);
}

.jFlowPrev:hover{
	background:url(images/b_previous_hover-trans.png);
}


/*Bg class*/
.bg-top-940{
	background:url(images/bg_head_940.png) no-repeat;
	width:940px;
	height:11px;
	display:block;
	overflow:hidden;
	font-size:1%;
}
.bg-bottom-940{
	background:url(images/bg_bottom_940.png) no-repeat;
	width:940px;
}
.portfolio.bg-bottom-940{
	background:url(images/bg_bottom_940.png) no-repeat;
	width:940px;
	height:37px;
	display:block;
	overflow:hidden;
	font-size:1%;
}	
.bg-middle-940{
	background:url(images/bg_middle_940.png) repeat-y;
	width:940px;
}

.bg-top-700{
	background:url(images/bg_head_700.png) no-repeat;
	width:700px;
	height:11px;
	display:block;
	overflow:hidden;
	font-size:1%;
}
.bg-bottom-700{
	background:url(images/bg_bottom_700.png) no-repeat;
	height:37px;
	width:700px;
	display:block;
	overflow:hidden;
}
.bg-middle-700{
	background:url(images/bg_middle_700.png) repeat-y;
	width:700px;
}

/* Content */
#content-wrap {
	background:url(images/bg_content.png) #e5e6e8 repeat;
	padding-bottom:50px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content-wrap .content-sha{
	height:5px;
	width:100%;
	background:url(images/sha_menu.png) repeat-x;
	font-size:1%;
	overflow:hidden;
	margin-bottom:50px;
}


#cat-title h3{
	font-weight:normal;
	padding:0 0 10px 10px;
	color:#333333;
	line-height:1.3em;
	margin: 0 0 30px 0; 
	}

/* blog posts */
.postlisting {
	margin:0 0 30px 0;
}
.postlisting .understripe{
	width:100%;
	height:3px;
	background:url(images/bg_underpost.png) repeat-x;
	font-size:1%;
	overflow:hidden;
}
.postmeta {
	line-height:1em;
	padding-left:20px;
	display:block;
	color:#999;
	font-size:10px;
}
.postmeta a{text-decoration:underline;color:#666;}
.postmeta a:hover {color:#00cccc}
.postdate {color:#666666;}
.posttitle {
	padding:10px 10px 10px 20px;}
.posttitle a {
	font-weight:normal;
	color:#333333;
	line-height:1.3em;
	}	
.posttitle a:hover {color:#00cccc;}
.postcommentcount {
	width:35px;
	height:30px;
	display:block;
	float:right;
	background:url(images/bg_commentcount-trans.png) no-repeat;
	font-size:10px;
	margin:15px 20px 0 20px;
	padding:5px 0 0 13px;
}
.postcommentcount a:hover{color:#00cccc;}

.entry_content, .commentlist {padding:0 20px 20px 20px;	}
.entry_content p, .commentlist p{margin:20px 0 20px 0;}
.entry_content a.more-link{
	display:block;
	width:144px;
	height:23px;
	margin-top:20px;
	background:url(images/b_continue-trans.png) no-repeat;
	font-size:1%;
	text-indent:-9999px;
	}
.entry_content a.more-link:hover{
	background:url(images/b_continue_hover-trans.png) no-repeat;
	}
	




/* post content headings */
.entry_content h1,.entry_content h2,.entry_content h3,.entry_content h4,.entry_content h5,.entry_content h6 {margin:10px}

/* post content lists */
.entry_content ul, .entry_content ol{margin:0 20px 1.5em}
.entry_content ul li{margin:0 0 0.4em; padding:0 0 0 10px; list-style-type:disc}
.entry_content ol li{list-style-image:none; list-style-position:inside; list-style-type:decimal; margin:0 0 0.4em}
/* post content links */
.entry_content a, .comment-content p a {text-decoration:underline;font-weight:bold}
/*image*/
.entry_content img{border:1px solid #E1DECE; margin:0 8px 8px 0; padding:5px}
.entry_content img:hover{border:1px solid #CCC}

/* Sidebar */
#sidebar li {
	display:block;
	border-bottom:1px solid #FFF;
	padding:5px;
	}
#sidebar .sideitem{
	margin:0 0 30px 0;
	clear:both;
}
#sidebar .boxhead{
	display:block;
	height:51px;
	width:220px;
	background:url(images/bg_sidehead-trans.png) no-repeat;
}
#sidebar .boxhead h3{
	color:#FFF;
	font-weight:normal;
	font-size:16px;
	padding:10px 0 0 10px;
	display:block;
}

#sidebar .boxhead h3 a{
	color:#FFF;
}

.flickr.boxcontent {
display:block;
text-align:center;
}

.flickr img{background-color:#FFF; border:1px solid #E1DECE; float:left; height:75px; margin:0 10px 15px 10px; padding:5px; width:75px}

#sidebar .widget{
	padding:10px;
}
#sidebar .widget a{

}
#sidebar .widget a:hover{
	color:#00cccc;
}
/* search box */
.search input {vertical-align:top;}
.search .search-text{
background:#FFF url(images/textfield.gif) repeat-x;
border:1px solid #FFF;
color:#FFF;
}

/* calendar */
#calendar_wrap {
				margin:0 auto;
				width:190px;		
			}
		
				#wp-calendar {
					margin:15px 0; padding:0;
					width:100%; height:auto;
				}
				
					#wp-calendar caption {
						font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;
					}
					
					#wp-calendar thead tr th {
						font-weight:bold;
					}
					
					#wp-calendar td {
						font:0.92em Arial, Helvetica, sans-serif; color:#709cb0;
						border:1px solid #d2dce0; text-align:center;
					}
					
						#wp-calendar tfoot td {
							border:0;
						}


/* Footer */

#footer-wrap{
	background:url(images/bg_footer.png) repeat;
	padding-bottom:50px;
}
#footer-wrap .footer-sha{
	background:url(images/sha_footer.png) repeat-x;
	height:16px;
	width:100%;
	padding-bottom:50px;
	font-size:1%;
	overflow:hidden;
}



#footer a {color:#00cccc;}
#footer a:hover {color:#CCC;}
#footer .widget-home{color:#FFF;}
#footer .widget-home h3{
	font-weight:normal;
	font-size:16px;
	display:inline;
	}
#footer .widget-home .text{margin-left:100px; color:#e4e4e4}
#footer .widget-home .pics{float:left; padding:10px 20px 20px 0;}
#footer .widget-home img{width:80px;height:80px;}
	
#footer .widget-home li{
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:10px;
}

#footer .widget-home li .post-des a{color:#999999;}
#footer .widget-home .latest-more a{
	margin-top:20px;
	display:block;
	width:60px;
	height:20px;
	background:url(images/b_more-trans.png);
	text-indent:-9999px;
}

#footer .widget-home .latest-more a:hover{
	background:url(images/b_more_hover-trans.png);
}

#copyright {margin-top:50px;} 
/* attribution link styling */
#footer p.credit {}
#footer p.credit a {}
#footer p.credit a:hover {}


/* PortFolio Css */
.porttitle  {
margin-left:10px;
padding-top:10px;
}
.porttitle h3{
font-weight:normal;
color:#333333;
line-height:1.3em;
}


.porttitle li {
	float:left;
	list-style:none;
	}
	
	
.porttitle li a{
	display:block;
	border:solid 1px #ccc;
	padding:5px;
	margin:10px 0 0 10px;
}
.porttitle .current a, .porttitle li a:hover{
	border:solid 1px #666;
	background:#F5F5F5;
}
.portcontent{
	text-align:center;
	margin:0;
	padding:0;
}

.portcontent  ul{
margin:0;
padding:0;
list-style:none;
}
.portcontent li{
	float:left;
	display:block;
	padding:5px;
	border:1px solid #F5F5F5;
	margin:20px 0 0 18px;
	width:200px !important;
	width:210px;
	list-style:none;
}
.portcontent a img{
	display:block;
}


/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
.left, .alignleft, .fl {
	float:left;
}
.right, .alignright, .fr {
	float:right;
}
.aligncenter {
	margin:0 auto;
	display:block;
}
img.aligncenter {display: block; margin: 10px auto;}
img.alignleft {display: inline; margin: 0 10px 5px 0;}
img.alignright {display: inline; margin: 0 0 5px 10px;}
.ar {text-align:right}
.ac {text-align:center}
.al {text-align:left}


/* WP Attachments
/* --------------- */

.wp-caption {
	margin:0 10px; padding:9px 5px 5px;
	background:#FFF;
	border:1px solid #ebf2f5;
	border-bottom:1px solid #CCCCCC;;
	text-align:center;
}

	.wp-caption-text {
		margin:5px auto auto auto; padding:5px 0 0;
		font:0.92em Arial, Helvetica, sans-serif; color:#656c71;
	}
	
/* Inputs
/* --------------- */

.input {
	margin:0; padding:5px;
	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
	border:1px solid #dce7ed;
	font:0.92em Arial, Helvetica, sans-serif; color:#76716c;
}

/* Comments
/* --------------- */
.comment-count h3{
font-weight:normal;
}
.comment-content {
	padding:0;
	background:#e5e6e8;
	border-bottom:0;
}

.commentlist, .commentlist ul {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin-top:20px; padding:30px;	
		background:#f3f3f3 url(images/bg_commentlist.png) ;
		border:1px solid #FFF;
	}
	
	
	
	.commentlist .children {
		margin:10px 0 0 0; padding:0;
	}
	
		.commentlist .children li {
			margin:0; padding:20px;
		}
	
	
		.commentlist li .comment-wrap {
			position:relative;
			text-align:left;
		}
	
			.commentlist li .comment-text {
				margin:0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
			.commentlist li .comment-author {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
				.commentlist li.comment-author-admin{
					border:1px solid #00cccc;
					background:#FFF;
				}
				
				.author {
					margin:2px 0 0 0; padding:0;
					width:auto; height:auto;
					float:left;
				}
				
					.commentlist li div.vcard img.avatar {
					background:#FFFFFF none repeat scroll 0 0;
					border:1px solid #C0C0C0;
					float:right;
					margin:-0.1em -0.1em 1em 1em;
					padding:5px;
					}
						 .commentlist .fn{
						font-size:18px;
						font-weight:normal;
						font-family:Futura,"Century Gothic",AppleGothic,sans-serif;
						font-style:normal;
						text-decoration:underline;
						color:#00cccc;
						}
							.commentlist .commentmetadata{
							font-size:10px;
							}
							
								

#respond{
background:#f3f3f3;
border:1px solid #FFF;
margin:0 0 30px 0;
}

#commentform input,#commentform textarea{background:#FFF url(images/textfield.gif) repeat-x;}	
				
#commentform input.submit-comment {
	margin:0 0 15px 0; padding:0;
	width:144px; height:23px;
	display:block; outline:0; text-indent:-9999px;
	border:0;
	cursor:pointer;
	background:none;
}


.author {
	font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;
}

	.author a:link, .author a:active, .author a:visited {
		color:#3c4d54;
	}
	
	.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {
		color:#6b8894;
		display:inline;
	}
	
.author span {
	font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
	display:block;
}

.comment-text {
	font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
	line-height:19px;
	}
	
/* ICON
/* --------------- */



.postbottom {
float:left;
margin:10px 0 20px 0;
padding:0 0 0 10px;
}


.postbottom a{
margin-right:20px;
}

.postbottom a.stumbleupon {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/stumble.png);
}

.postbottom a.digg {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/digg.png);
}

.postbottom a.delicious {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/delicious.png);
}

.postbottom a.reddit {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/reddit.png);
}

.postbottom a.facebook {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/facebook.png);
}

.postbottom a.friendfeed {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/friendfeed.png);
}

.postbottom a.twitter {
width:24px;
height:24px;
display:block;
float:left;
background-image:url(images/icons/twitter.png);
}
