/*
	@ Notes: FooterStickAlt (http://www.themaninblue.com/experiment/footerStickAlt/) is used in this layout. Please remember this when modifying this code.
*/

/*
	@ General styles
*/
.wp-pagenavi {padding-top: 20px;}
body {background: #caccd6 url(images/body.jpg) repeat-x;color:#656565;font:13px/21px Arial, Helvetica, sans-serif;margin:0;}
html {background:url(images/footer.jpg) repeat-x bottom left;}
a {color:#142044; text-decoration:none;}
a:hover {color:#2E46A0;}
img {border:none;}

.ico {float: right; margin-left: 2px;}
/*
	@ Container
*/
#container {width:975px;margin:0 auto;padding:0 112px;background:url(images/header.jpg) no-repeat center top; min-height: 400px;}
.clear {clear: both;}

	/*
		@ Top categories
	*/
	#nav {float: right;font:10px/34px Arial, Helvetica, sans-serif;height:34px;margin:0;padding:0;text-transform:uppercase;}
		
	/*
		@ Right content area
	*/	
	#content {width:990px;margin: 0 auto; padding:0;}
	
		/*
			@ Header
		*/
		#header {height:175px; margin-bottom: 5px;}
			h1 {clear:both;display:block;float:left;height:50px;margin:22px 0 0 0;width:265px;}
				h1 a {display:block;height:50px;text-indent:-4000em;}
			#slogan {color:#E2E2E2;float:left;clear: left;font-style:italic;margin:0px;overflow:hidden;}
			#slogan h2 {font-size: 12px;}
			
		/*
			@ Breadcrumbs
		*/
		#breadcrumbs {color:#091028;font:12px/21px Arial, Helvetica, sans-serif;height:21px;overflow:hidden;text-transform:uppercase;padding:10px 20px; text-align: center;}
			#breadcrumbs .current {color:#842A68;}
			#breadcrumbs p {margin:0;}
			
		/*
			@ Post
		*/
		.post {display:block;width:660px; margin-top: 10px; background-color: #f6f6f6; border: 1px solid #e3e3e3; padding: 10px;}
			.post h2 {font:bold 20px/24px Arial, Helvetica, sans-serif;margin:0;color:#090F27;}
				.post h2 a {color:#090F27;text-decoration:none;}
				.post h2 a:hover {color:#3E4B79;}
			.post .meta {font:bold 10px/14px Arial, Helvetica, sans-serif;margin:0 0 1em;text-transform:uppercase;}
			.post .download,.screenshot {width: 100%; text-align: center;}
			.meta .date {color:#172a65;}
			.meta .categories {color:#172A65;}
			.meta .categories a {color:#172A65;text-decoration:none;}
			.meta .categories a:hover {color:#2E46A0;}
					
			/*- Post Lists -*/
			.post ul, .post ol {margin: 0 0 1.5em;}
			.post ul li {background: url(images/ico-list.gif) no-repeat 0 6px; margin: 0 0 .4em; padding: 0 0 0 10px;}
			.post ol li {list-style: decimal; list-style-position: inside; margin: 0 0 .4em;}
			/*- Post Blockquote -*/
			.post blockquote {border-left: 3px solid #cfcfcf; font-size: 13px; font-style: italic; margin: 0 0 1.5em; padding: 5px 0 0 10px;}
					
		/*
			@ Post with image
		*/		
	.frontpage {width:300px; min-height: 269px;float: left; border: #dadada 3px solid; background-color: #eaeaea; padding: 9px; margin-right: 5px; margin-top: 5px;}
	.frontpage .image {margin: 0; height:200px;}
	.frontpage .image a img {border: none;}
	.frontpage .post {border: none;}
	.frontpage .more {margin: 0; float: right;}
		
		/*
			@ Social Icons
		*/
		ul#social-icons {list-style: none; width: 400px; float: right; margin: 0; padding: 0; display: inline;}
			ul#social-icons li {float: left; width: 42px; height: 43px; margin: 0 0 0 8px; display: inline;}
				ul#social-icons li a {border: none; display: block; width: 42px; height: 43px;}
				ul#social-icons li#icotwitter {background: url(images/icon-twitter.gif) no-repeat;}	
				ul#social-icons li#icostumble {background: url(images/icon-stumble.gif) no-repeat;}	
				ul#social-icons li#icodigg {background: url(images/icon-digg.gif) no-repeat;}	
				ul#social-icons li#icodelicious {background: url(images/icon-delicious.gif) no-repeat;}
				ul#social-icons li#icofloat {background: url(images/icon-float.gif) no-repeat;}
				ul#social-icons li#icotech {background: url(images/icon-tech.gif) no-repeat;}
                                ul#social-icons li#icorss {background: url(images/icon-rss.gif) no-repeat;}
		
		/*
			@ Author Info
		*/
		#author {width: 619px; background: #f6f6f6; border: 1px solid #e3e3e3; padding: 10px; margin: 29px 0 29px 0;float: left;}
			#author p {margin: 0; padding: 0;}
			#author img {float: left; width: 125px; height: 125px; border: 1px solid #e3e3e3; padding: 4px; margin: 0 11px 0 0;}
			#author #ainfo {float: left; width: 455px;}
				#author #ainfo h4 {font-weight: bold; font-size: 14px; color: #727272; margin: 0; padding: 0;}
				#autho #ainfo .a-meta a {font-size: 9px; line-height: 30px; text-decoration: none;}
		
		/*
			@ Related Posts
		*/
		#related-posts {width: 620px; margin: 0; padding: 0; display: inline;}
			#related-posts h3 {color: #090f27; font-size: 27px; font-weight: bold;}
			#related-posts ul {list-style: none; float: left; margin: 0; padding: 0;}
				#related-posts ul li {float: left; width: 150px; margin: 0 0 0 2px; text-align:center;}
					#related-posts ul li.first {float: left; width: 150px; margin: 0; padding-left:0;}
					#related-posts ul li a img {width: 150px; height: 100; padding: 3px; border: 1px solid #dedede;}
					#related-posts ul li h4 a {width: 130px; font-size: 12px; color: #7f7f7f; display: block; margin: -15px 0 0 0; padding: 0;}
					
		.img-single {width: 620px; text-align: center; margin: 0; padding: 0;}
			.img-single a img { width: 600px; border: none; margin: 0 auto; padding: 0;}
					
		/*
			@ Comments
		*/
		#comments {width: 537px; margin: 0; padding: 44px 0 0 0;}
			#comments h4 {font-size: 14px; font-weight: normal; color: #3a556c; padding: 0 0 0 0; line-height: 50px; margin: 20px 0 0 0;}
			#comments p {margin: 0; padding: 0;}
			#comments h3 {color: #090f27; font-size: 16px; font-weight: bold; line-height: 21px; margin: 0;}
			#comments ul {list-style: none; margin: 0 0 18px 0; padding: 0;}
				#comments ul li {margin: 5px 0 0 0; padding: 0; list-style: none; float: left; position: relative;}
					#comments ul li .a-img {float: left; width: 86px; height: 60px; margin: 1px 0 0 0; padding: 0;}
						#comments ul li .a-img img {width: 50px; height: 50px; border: 1px solid #d4d4d4; padding: 4px; margin: 0;}
					#comments ul li .comment {float: left; position: relative; border: 1px solid #d4d4d4; margin: 0; padding: 0; width: 449px; background: #e8e8e8;}
							#comments ul li .alt {background: #f4f4f4;}
						#comments ul li .comment .comm-author {padding: 15px 0 5px 15px;}
							#comments ul li .comment .comm-author a {color: #943972; text-decoration: none;}
						#comments ul li .comment .comm-date {float: right; padding: 15px 15px 5px 5px;}
						#comments ul li .comment p {margin: 47px 14px 20px 14px;}
		#respond {width: 537px; background: #eaeaea; border: 1px solid #dfdfdf;}
			#respond #commentform {width: 418px; margin: 30px 0 0 27px; padding: 0;}
				#respond #commentform .input {width: 355px;/*365*/ height: 24px;/*31*/ border: 1px solid #cbcbcb; margin: 0 0 13px 0; padding: 8px 0 0 10px; font-size: 12px; color: #6b6b6b;}
				#respond #commentform textarea {width: 396px;/*416*/ height: 104px;/*120*/ border: 1px solid #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; margin: 1px 0 7px 0; padding: 8px 10px 8px 10px;}
				#respond #commentform .submit {float: right;}
					#respond #commentform .submit input {width: 130px; height: 23px; background: #40577b; border: 2px solid #30415c; color: #ffffff; margin: 0 0 14px 0; }
			
	/*
		@ Left content area
	*/
	#aside {float:right;margin: 0;width:275px;}
	
		/*
			@ Main sidebar
		*/
		#sidebar {}
			#sidebar h3 {font:bold 15px/26px Arial, Helvetica, sans-serif;margin:0;}
			
			/*
				@ Search form
			*/
			#topsearch {float: right; margin-top: 43px; margin-right: 19px;}
			#searchform {background:transparent;border:0;color:#FFF;padding:8px;width:247px;margin:0;}
				#searchform #s {background:#1C2546;border:1px solid #6174B8;color:#D5D9E7;font:italic 12px/15px Arial, Helvetica, sans-serif;height:15px;margin:0;padding:5px;width:201px;vertical-align:middle;}
				#searchform #submit {border:1px solid #6174B8;margin:0;padding:0;border-left:none;width:31px;vertical-align:middle;}
				#searchform h3 {font: 12px/15px;margin-bottom: 7px;}
				
			/*
				@ RSS and Twitter links
			*/	
			#social {background:#EAEAEA;border:1px solid #DCDCDC;margin:4px 0 0;padding:0 0 4px;}
				#social h3 {border-top:1px solid #FFFFFF;color:#2A2A2A;font:bold 19px/26px Arial, Helvetica, sans-serif;padding:5px;margin:0;}
				#social p {color:#4D4D4D;margin:0;font:12px/22px Arial, Helvetica, sans-serif;}
				#social a {color:#4D4D4D;text-decoration:underline;}
				#social a:hover {color:#111111;}
				#social #rss {background:url(images/rssbg.jpg) no-repeat center center;height:33px;width:185px;margin:0 auto;padding:8px 10px 8px 60px; position: relative;}
					#social #rss a.rss {width: 40px; height: 40px; display: block; position: absolute; top: 4px; left: 13px;}
					#social #rss em {display:block;font:italic 14px/14px Arial, Helvetica, sans-serif;}
				#social #fb {background:url(images/fbbg.jpg) no-repeat center center;font:italic 14px/14px Arial, Helvetica, sans-serif;height:16px;width:185px;margin:0 auto;padding:10px 10px 6px 60px;margin:4px auto 0;}
				#social #twitter {background:url(images/twitterbg.jpg) no-repeat center center;font:italic 14px/14px Arial, Helvetica, sans-serif;height:16px;width:185px;margin:0 auto;padding:10px 10px 6px 60px;margin:4px auto 0;}
				
			/*
				@ Ad buttons
			*/	
			.gads {
				width: 100%; background-color: #eaeaea;margin-top: 5px; }
			#ads {}
				#ads ul {margin:4px 0 0;padding:0;}
				#ads li {display:inline;list-style:none;margin:0;padding:0;}
				#ads img {padding:5px;}
				
			/*
				@ Non-main sidebar area
			*/
			/* Prevents the normal background from showing up */
			.white {background:#caccd6;padding:0; margin-top: 5px;}	
				
			.widget {background:#E9E9E9;border:1px solid #DCDCDC;margin:0;padding: 0;}
				.widget h3 {border-top:1px solid #FFFFFF; color:#2A2A2A;font:bold 19px/26px Arial, Helvetica, sans-serif;padding:10px 10px 0 10px;margin:0;}
				.widget .w-content {padding: 12px; text-align: center;}
				.widget ul {margin:0;padding:0; text-align: left;}
				.widget img {border: 1px solid #e2e2e2;}
				.widget li {list-style:none;margin:0 0 15px 0;padding:0 0 3px 12px; text-align: left; background: url(images/ico-list1.gif) no-repeat 0 10px; line-height:16px;}
				.widget p {text-align: left; margin: 0;}
				
/*
	@ Footer
*/				
#footer {background:url(images/footer.jpg) repeat-x;color:#FFFFFF;clear:both;height:18px;line-height:18px;padding:35px 0; margin: 0;} 
	#footer a {color:#FFFFFF;text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer ul {margin:0 auto;padding: 0 20px 0 20px;}
		#footer li {margin:0;padding:0;list-style:none;display:block;}
	#footer img {}
	#footer .copy {float:left;}
	#footer .links {float:right;}
	#footer em {color:#223562;padding:0 0 0 20px;}

/*** ESSENTIAL STYLES ***/
.sf-menu {
	float: right;margin:0;padding:0;list-style:             none; }
.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:                    23px; /* 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;
}

/*** DEMO SKIN ***/
.sf-menu {
        float:                  left;
        margin-bottom:  1em;
        margin-top: 5px;
	font:10px Arial, Helvetica, sans-serif;text-transform:uppercase;
}
.sf-menu a {
        padding:                .5em 1em;
        text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color:                  #fff;
        background: transparent url(images/opaque_20.png);
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        #background:             #2b93fe;
        color: #E9B5D1;
        outline:                0;
}

/*** arrows **/
.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*/
}

/* apply hovers to 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*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.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*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
        padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
        background: transparent;
}