/*  
Theme Name: BrandNew Folio - Custom Home Page
Theme URI: http://www.isoftwarereviews.com/brandnew-folio-free-wordpress-theme/
Description: Modern Design Style with Customizable Home Page. Designed by <a href="http://www.isoftwarereviews.com">iSoftwareReviews</a>
Version: 1.1.1
Author: ChanDara (iSoftwareReviews)
Author URI: http://www.isoftwarereviews.com/
Tags:two-columns, fixed-width, right-sidebar, black, blue
License: GNU General Public License (GPL) version 3
*/

/* Begin Typography & Colors */
body{
	font-size:62.5%;
	/* font-family:Helvetica, Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background:#2b2b2b url('images/header-top.png') repeat-x top;
	color:#444;
	text-align:left;
	}

ul li{
	list-style:url('images/list-style.gif');
	}

#footer-bg-bottom{
	background:url('images/footer-bg-bottom.png') repeat-x bottom;
	}

#header{
	background:url('images/header-bg.png') no-repeat top center;
	}
	
#footer-bg{
	background:url('images/footer-bg.png') no-repeat bottom;
	}
	
#page{
	background:url('images/body-bg.png') repeat-y center;
	text-align:left;
	}

#content{
	font-size:13px;
	}

.narrowcolumn .postmetadata{
	text-align:center;
	}
	
.entry{
	/* font-family:Helvetica, Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	font-size:13px;
	line-height:1.6em;
	border-bottom:5px solid #ececec;
	padding:0 0 35px 36px;margin:0 0 25px -36px;
	}

.entry ul li{
	line-height:1.5em;
	font-size:12px;
	}
	
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	margin:25px 0 -5px 0;}

.entry h1 a, .entry h2 a, .entry h3 a{
	text-decoration:none;
	}

.entry a, .entry a:hover{
	text-decoration:underline;
	}

.alt{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	}

small{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
	}

.pagetitle{
	font-size:1.6em;
	text-align:left;
	/* font-family:'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	border-bottom:1px solid #CECECE;
	padding-bottom:6px;
	}

.posttitle{
	font-size:1.1em;
	text-align:left;
	/* font-family:'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
    }

.posttitle a{
	/* font-family:'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	}

.posttitle a:hover{
	/* font-family:'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	text-decoration:underline;
	}
.imglogo{
	margin:63px 0 0 35px;position:absolute;}

h1, h1 a{
	/* font-family:Arial, Helvetica, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	text-align:left;
	font-weight:bold;
	color:#444;
	}

h1 a:hover{
	color:#444;
	text-decoration:underline;
	}

h2{
	font-family:Arial, Helvetica, Sans-Serif;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	}

h3{
	/* font-family:Arial, Helvetica, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	}

h4{
	/* font-family:Arial, Helvetica, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	}

h5{
	/* font-family:Arial, Helvetica, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	}

h6{
	/* font-family:Arial, Helvetica, Sans-Serif; */
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	}

#sidebar h2, #wp-calendar caption, cite{
	text-decoration:none;
	}

.entry p a:visited{
	color:#b85b5a;
	}

/* Comments*/
#comments {
	/* font-size:1.4em; */
	line-height:1.4em;
}

.col-left {
	float: left;
}

.col-right {
	float: right;
}

.commentlist {
	margin:20px 0;
	padding:0 0 1px 0;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#F2F2F2;
	border-top: 2px solid #ECECEC;
}

.commentlist li.odd {
	background-color:#F8F8F8;
	border-top: 2px solid #EDEDED;
}

ul.children li {
	list-style:none;
}

img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
}


textarea#comment {
	width:100%;

}

#comments div.navigation {
	font-size:0.8em;
}

.replybutton {
	text-align: center;
	margin:  10px 0px;
	padding: 2px;
	font-weight: bold;
	color: #212121;
	cursor: pointer;
}

/* End Comments */

#sidebar{
	/* font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif; */
        font:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{
	color:#777;
	}

code{
	font:1.1em "Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;
	}

acronym, abbr, span.caps{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a{
	color:#0066CC;
	text-decoration:none;
	outline:none;
	}

a:hover{
	color:#0066FF;
	text-decoration:underline;
	}

#wp-calendar #prev a, #wp-calendar #next a{
	font-size:9pt;
	}

#wp-calendar a{
	text-decoration:none;
	}

#wp-calendar caption{
	font:120%/100% Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	}

#wp-calendar th{
	font-style:normal;
	text-transform:capitalize;
	}

.post{
	clear:both;
	padding-top:15px;
	}

.post h2 a{
	color:#06C;
	}

.footercr{
	padding-bottom:53px;
	margin-right:20px;
	clear:both;
	}

.copyright{
	float:left;
	color:#92a591;
	font-size:11px;
	margin-left:20px;
	}

.xhtml, .css{
	margin-left:8px;
	float:right;
	}

.xhtml a{
	background:url(images/xhtml.gif) no-repeat left center;
	padding:5px 0 5px 18px;
	color:#ef2983;
	text-decoration:none;
	}

.xhtml a:hover, .css a:hover{
	color:#92a591;
	text-decoration:underline;
	}

.css a{
	background:url(images/css.gif) no-repeat left center;
	padding:5px 0 5px 18px;
	color:#71da51;
	text-decoration:none;
	}

.credits{
	margin-left:8px;
	float:right;
	color:#CCC;
	}

.credits  a{
	color:#00ccff;
	text-decoration:underline;
	}

.credits  a:hover{
	color:#92a591;
	text-decoration:underline;
	}

#menu{
	list-style:none;
	position:relative;
	}

#menu span{
	display:none;
	position:absolute;
	}

#menu a{
	display:block;
	text-indent:-900%;
	position:absolute;
	}

#menu a:hover{
	background-position:left bottom;
	}

#menu a:hover span{
	display:block;
	}

#menu .rss{
	width:37px;height:36px;
	background:url('images/rss.png') no-repeat;
	left:950px;
	top:-190px;
	}

#menu .rss span{
	width:132px;
	height:26px;
	background:url('images/rss-hover.png') no-repeat;
	left:-137px;
	top:0px;
	}

#menu .twitter{
	width:37px;height:36px;
	background:url('images/twitter.png') no-repeat;
	left:905px;
	top:-190px;
	}

#menu .twitter span{
	width:132px;
	height:36px;
	background:url('images/twitter-hover.png') no-repeat;
	left:-128px;
	top:0px;
	}

#menu .facebook{
	width:37px;height:36px;
	background:url('images/facebook.png') no-repeat;
	left:865px;
	top:-190px;
	}

#menu .facebook span{
	width:132px;
	height:36px;
	background:url('images/facebook-hover.png') no-repeat;
	left:-120px;
	top:0px;
	}

#menu .emailsub{
	width:37px;height:36px;
	background:url('images/email.png') no-repeat;
	left:825px;
	top:-190px;
	}

#menu .emailsub span{
	width:132px;
	height:36px;
	background:url('images/email-hover.png') no-repeat;
	left:-130px;
	top:0px;
	}

.achieve-title{
	color:#666;
	text-transform:uppercase;
	font-size:13px;
	}
/* End Typography & Colors */

/* Begin Structure */
body{
	margin:0;
	}

#page{
	margin:0 auto;
	width:990px;
	}

#header{
	height:253px;
	margin:0 auto;
	width:990px;
	}

#headerimg{
	margin:0 auto;
	width:990px;
	padding-top:5px;
	height:221px;
	}

.pagecolumn{
	float:left;
	padding:30px 0 20px 40px;
	margin:0px 0 0;
	width:580px;
	}
.forumcolumn{
        float:left;
	padding:30px 0 20px 40px;
	margin:0px 0 0;
	width:900px;
	}

.narrowcolumn{
	float:left;
	padding:15px 0 20px 40px;
	margin:0px 0 0;
	width:580px;
	}

.narrowcolumn .postmetadata{
	padding-top:5px;
	}

.postmetadata{
	clear:left;
	}

#footer{
	margin:0 auto;
	height:100px;
	width:990px;
	float:left;
	}

/* End Structure */

/*	Begin Headers */
h1{
	padding-top:5px;
	margin:0;
	}

h2{
	margin:30px 0 0;
	}

h2.pagetitle{
	margin-top:30px;
	text-align:center;
	}

#nav{
	list-style:none;
	padding-left:0px;
	margin:-48px 4px 0 4px;
	}
	

#nav a{
	text-decoration:none;
	}

#nav li{
	float:left;
	margin-right:5px;
	list-style:none;
	}


#nav .current_page_item a, #nav .current_page_item a:visited, #nav .page_item a:hover{
	color:#fffef5;
	display: block;
	padding:7px 16px;
	font:bold 12px Arial;
	background:url(images/nav-hover.gif) repeat-x;
	border-top:1px solid #01aacc;
	border-left:1px solid #01aacc;
	border-right:1px solid #01aacc;
	}

#nav .page_item a{
	color:#333;display:block;
	padding:7px 16px;background:url(images/header-nav.gif) repeat-x;
	font:bold 12px Arial;
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	}

/* End Headers */

/* Begin Images */
p img{
	padding:0;
	max-width:100%;
	}

img.centered, .aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

img.alignright, img.alignleft, img.alignnone, img.aligncenter{
	display:inline;
	}

.alignright{
	float:right;
	border:1px solid #e9e9e9;
	padding:5px;
	margin:5px 0 5px 10px;
	background:#f6f6f6;
	}

.alignleft{
	float:left;
	border:1px solid #e9e9e9;
	padding:5px;
	margin:5px 10px 5px 0;
	background:#f6f6f6;
	}
.alignnone, .aligncenter{
	border:1px solid #e9e9e9;
	padding:5px;
	margin:5px 10px 5px 0;
	background:#f6f6f6;
	clear:both;
	}

/* End Images */

/* Begin Lists */

.postmetadata ul, .postmetadata li{
	display:inline;
	list-style-type:none;
	list-style-image:none;
	}

#sidebar ul, #sidebar ul ol{
	margin:0;
	padding:0;
	}

#sidebar ul li{
	list-style-type:none;
	list-style-image:none;
	margin-bottom:15px;
	}

#sidebar ul p, #sidebar ul select{
	margin:5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol{
	margin:5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol{
	margin:0 0 0 10px;
	}

#sidebar ul ol li{
	list-style:decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li{
	margin:3px 0 0;
	padding:0;
	}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	text-align:center;
	margin:-132px 0 0 675px;
	position:absolute;
	}

#searchform #s{
	border:1px solid #203346;
	width:215px;
	height:19px;
	background:#fff;
	padding:2px 5px;
	font-weight:normal;
	color:#b0b0b0;
	border:none;
	}

#searchform input{
	background:url(images/search.png) no-repeat left top;
	width:70px;
	height:24px;
	vertical-align:middle;
	border:none;
	color:#348bab;
	}

.entry form{
	text-align:center;
	}

select{
	width:130px;
	}

#commentform input{
	width:250px;
	padding:5px;
	color:#333;
	border:1px solid #ccc;
	margin:5px 0 5px 0;
	}

#commentform textarea{
	width:99%;
	padding:2px;
	border:1px solid #ccc;
	}

#commentform #submit{
	background:url(images/comment-bg.gif) no-repeat;
	font:bold 12px Arial;
	color:#666;
	border:none;
	float:left;
	width:143px;
	height:27px;
	cursor:pointer;
	}

/* End Form Elements */

/* Begin Comments*/
.alt{
	margin:0;
	padding:10px;
	}
.commentlist{
	margin:0 0 0 0px;
	padding:0;
	text-align:justify;
	list-style:none;
	}

.commentlist li{
	margin:0;
	padding:10px;
	}

#commentform p{
	margin:5px 0;
	}

.nocomments{
	text-align: center;
	margin:0;
	padding:0;
	}
	
.leave-reply h3{
	margin-top:30px;
	}
/* End Comments */


/* Begin Mini Icons */

.postdata{
	font-size:11px;
	color:#999;
	padding:5px 0 5px 0;
	line-height:1.3em;
	}

.postdata a, .postdata a:visited{
	color:#999;
	text-decoration:none; 
	}

.postdata a:hover{
	color: #06c;
	text-decoration:none;
	}

.postdata .category{
	background:url('images/category.gif') no-repeat;
	padding:2px 0 2px 18px;
	float:left;
	font-size:12px;
	}

.postdata .comments{
	background:url('images/comments.gif') no-repeat;
	padding-left:18px;
	}
	
/* End Mini Icons */

/* Begin Sidebar */
.sponsorads{
	clear:both;
	margin:15px 0 15px 0;
	}
.sponsorads img{
	margin:5px 4px 0 0;
	}
#sidebar{
	font-family:Arial;
	padding:20px 0 10px 0;
	width:265px;
	float:left;
	overflow:hidden;
	margin-left:70px;
	}

#sidebar form{
	margin:0;
	}

#sidebar h2{
	height:19px;
	padding:7px 0 5px 0;
	margin-top:30px;
	font:bold 140%/100% Geneva, Arial, Helvetica, sans-serif;
	color:#444;
	text-align:left;
    border-bottom:1px dotted #ccc;
	border-top: 5px solid #ddd;
	font-size:1.2em;
	}

#sidebar ul ul{
	padding:0;
	margin:0;
	text-align:left;
	}

#sidebar ul li ul li, #sidebar .sidebarrecentpost{
	padding:5px 0 7px 0;
	border-bottom:1px dotted #ccc;
	font-size:12px;
	}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar{
	empty-cells:show;
	margin:10px auto 0;
	width:175px;
	border:1px solid #999;
	}

#wp-calendar #next a{
	padding-right:10px;
	text-align:right;
	}

#wp-calendar #prev a{
	padding-left:10px;
	text-align:left;
	}

#wp-calendar a{
	display:block;
	}

#wp-calendar caption{
	text-align:center;
	width:100%;
	}

#wp-calendar td{
	padding:3px 0;
	text-align:center;
	}

#wp-calendar td.pad:hover{
	background-color:#fff;
	}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps{
	cursor:help;
	}
acronym, abbr{
	border-bottom:1px dashed #999;
	}

blockquote{
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
	}

blockquote cite{
	margin:5px 0 0;
	display:block;
	}

.center{
	text-align:center;
	}

hr{
	display:none;
	}

a img {
	border:none;
	}

.navigation{
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
	}

#previous-entries a{
	background:url('images/previous-entries.gif') no-repeat left top;
	float:left;
	padding:18px 10px 3px 27px;
	font:bold 15px Arial;
	text-decoration:none;
	}
	
#next-entries a{
	background:url('images/newer-entries.gif') no-repeat right top;
	float:right;
	padding:18px 27px 3px 10px;
	font:bold 15px Arial;
	text-decoration:none;
	}

pre{
	border:1px #ddd dotted;
	background:#f7f7f7;
	padding:0 15px 0 10px;
	font-family: "Consolas", "Lucida Console", "Courier New", monospace;
	float:left;
	margin-bottom:15px;
	overflow:auto;
	width:520px;
	}
/* End Various Tags & Classes*/

/* Gravatars Style*/
.gravs{
	margin-top:20px;
	}
	
.avatar{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
	border:1px solid #999;
	}
/* End Gravatars Style*/

/* Custom Home Page Style*/
.homepage{
	float:left;
	padding:30px 0 20px 40px;
	margin:0px 0 0;
	width:580px;
	}
#featurepost{
	width:580px;
	float:left;
	}

.featuretitle{
	color:#333;
	border-bottom:5px solid #ccc;
	font:bold 18px Arial;
	}

#recentpost{
	width:580px;
	float:left;
	}

.recentpost-head{
	width:580px;
	color:#333;
	border-bottom:5px solid #ccc;
	font:bold 18px Arial;
	}

.recentpost-border{
	width:580px;
	}

.recentpost-home{
	padding:20px 0 10px 0;
	border-bottom:5px solid #ececec;
	}

.recentpost-title a{
	font:bold 17px Arial;
	text-decoration:none;
	color:#444;
	}
	
.recentpost-title a:hover{
	text-decoration:underline;
	}
/* End Custom Home Page Style*/

/* Slider*/
#wrapper {
    width:578px;
    margin:25px 0 25px 0;
	}

#intro {
    padding-bottom: 10px;
	}

#slider {
    width:578px;
    margin:0 auto;
    position: relative;
	border:1px solid #ccc;
	}

.scroll {
	overflow:hidden;
	width:578px;
    margin:0 auto;
    position:relative;
	height:350px;
	}

.scrollContainer {
	position: relative;
	}

.scrollContainer div.panel {
    padding:10px;
    width:274px;
	height:318px;
	}

.inside {
	padding:10px;
	border:1px solid #999;
	}

.inside img{
	display: block;
	border:none;
	margin: 0 0 10px 0;
	width: 250px;
	}

.inside h2 {
	font-weight:normal;
	color:#111;
	font-size:13px;
	margin:0;
	padding:0;
	}

.inside p {
	font-size:11px;
	color:#999;
	margin:0;
	padding:0;
	}

.scrollButtons {
    position: absolute;
    top:296px;
    cursor:pointer;
	}

.scrollButtons.left{
    left:5px;
	}

.scrollButtons.right{
    right:5px;
	}

.hide {
    display: none;
	}
/* End Slider*/

.alignright {
	padding:0;
	margin: 2px 0 5px 10px;
	display: inline;
	float:right;
	}

.alignleft {
	padding:0;
	margin: 2px 10px 5px 0;
	display: inline;
	float:left;
	}

/* custom CSS */
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}