text:
/*
	Theme Name: Yin and Yang
	Theme URI: http://www.onioneye.com
	Description: A Premium Portfolio Wordpress Theme.
	Author: OnionEye
	Author URI: http://www.onioneye.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1.2

	Designed & Handcrafted by OnionEye

*/

/*  T A B L E   O F   C O N T E N T S
    ........................................................................................................................................

	1. Reset Defaults
	2. Grid
	3. Base Styles
	4. Typography
	5. Headings
    6. Links
    7. Lists
  	8. Forms
  	9. Images
  	10. Other Elements
  	11. Portfolio Slider
  	12. Header
  	13. Site Navigation
  	14. Pages
  	15. Home Template
  	16. Blog
  	17. Portfolio Project
  	18. Widgets
  	19. Shortcodes
  	20. Comments
  	21. 404 Page
  	22. Footer
  	23. Internet Explorer
	24. Custom

*/

/*  1. R E S E T   D E F A U L T S
    ........................................................................................................................................ */

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins,
	kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
	tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,
	video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
	:focus { outline: none; }
	ol, ul { list-style: none inside none; }
	blockquote, q { quotes: none; }
	blockquote: before, blockquote: after, q: before, q: after { content: " "; content: none; }
	ins { background-color: #eff3f4; text-shadow: none; color: #465458; text-decoration: none; }
	mark { background-color: #dbebef; text-shadow: none; color: #465458; font-weight: bold; }
	del { text-decoration: line-through; }
	abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #000; margin: 1em 0; padding: 0; }
	table { border-collapse: collapse; border-spacing: 0; } 	/*- tables still need 'cellspacing="0"' in the markup ----------*/
	caption, th, td { text-align: left; font-weight: normal; }
	input, textarea, button { border: none; }
	input, select { vertical-align: middle; }

/*  2. G R I D
    ........................................................................................................................................ */

	body { min-width: 960px; }
	.container_12 { margin-left: auto; margin-right: auto; width: 960px; }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
	.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; }
	.alpha { margin-left: 0 }
	.omega { margin-right: 0 }

	.container_12 .grid_1 { width: 60px }
	.container_12 .grid_2 { width:140px }
	.container_12 .grid_3 { width:220px }
	.container_12 .grid_4 { width:300px }
	.container_12 .grid_5 { width:380px }
	.container_12 .grid_6 { width:460px }
	.container_12 .grid_7 { width:540px }
	.container_12 .grid_8 { width:620px }
	.container_12 .grid_9 { width:700px }
	.container_12 .grid_10 { width:780px }
	.container_12 .grid_11 { width:860px }
	.container_12 .grid_12 { width:940px }

	.container_12 .prefix_1 { padding-left:80px }
	.container_12 .prefix_2 { padding-left:160px }
	.container_12 .prefix_3 { padding-left:240px }
	.container_12 .prefix_4 { padding-left:320px }
	.container_12 .prefix_5 { padding-left:400px }
	.container_12 .prefix_6 { padding-left:480px }
	.container_12 .prefix_7 { padding-left:560px }
	.container_12 .prefix_8 { padding-left:640px }
	.container_12 .prefix_9 { padding-left:720px }
	.container_12 .prefix_10 { padding-left:800px }
	.container_12 .prefix_11 { padding-left:880px }

	.container_12 .suffix_1 { padding-right:80px }
	.container_12 .suffix_2 { padding-right:160px }
	.container_12 .suffix_3 { padding-right:240px }
	.container_12 .suffix_4 { padding-right:320px }
	.container_12 .suffix_5 { padding-right:400px }
	.container_12 .suffix_6 { padding-right:480px }
	.container_12 .suffix_7 { padding-right:560px }
	.container_12 .suffix_8 { padding-right:640px }
	.container_12 .suffix_9 { padding-right:720px }
	.container_12 .suffix_10 { padding-right:800px }
	.container_12 .suffix_11 { padding-right:880px }

	.container_12 .push_1 { left:80px }
	.container_12 .push_2 { left:160px }
	.container_12 .push_3 { left:240px }
	.container_12 .push_4 { left:320px }
	.container_12 .push_5 { left:400px }
	.container_12 .push_6 { left:480px }
	.container_12 .push_7 { left:560px }
	.container_12 .push_8 { left:640px }
	.container_12 .push_9 { left:720px }
	.container_12 .push_10 { left:800px }
	.container_12 .push_11 { left:880px }

	.container_12 .pull_1 { left:-80px }
	.container_12 .pull_2 { left:-160px }
	.container_12 .pull_3 { left:-240px }
	.container_12 .pull_4 { left:-320px }
	.container_12 .pull_5 { left:-400px }
	.container_12 .pull_6 { left:-480px }
	.container_12 .pull_7 { left:-560px }
	.container_12 .pull_8 { left:-640px }
	.container_12 .pull_9 { left:-720px }
	.container_12 .pull_10 { left:-800px }
	.container_12 .pull_11 { left:-880px }

/*  3. B A S E   S T Y L E S
    ....................................................................................................................................... */

	html { overflow-y: scroll; /* always force a scrollbar in non-IE */ overflow-x: hidden; }
	body {
    background-attachment: fixed !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("images/background.png") !important;
    background-origin: padding-box; !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    overflow-y: hidden !important;
    }
	body:before { content: " "; display: block; position: absolute; z-index: 1; width: 100%; left: 0; top: 0; height: 5px; background: #313236 url('images/layout/slide-bg.png'); } /* top border */
	body:after { content: " "; display: block; position: fixed; z-index: 1; width: 100%; left: 0; bottom: 0; height: 5px; background: #313236 url('images/layout/slide-bg.png'); } /* bottom border */
	#overlay { z-index: 9999; visibility: hidden; left: 50%; top: 50%; width: 59px; margin-top: -30px; margin-left: -30px; height: 59px; position: fixed; background: #1f1f1f url('images/layout/project-loader.gif') no-repeat center center; }
	.multiplebgs #overlay { background: url('images/layout/project-loader.gif') no-repeat center center, url('images/layout/loader-bg.png') no-repeat left top; }

	/* self-clearing floats */
	.mod:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clear { clear: both; }

	/* text highlight/selection */
	::-moz-selection{ color: #fff; background: #DF3528; text-shadow: none; }
	::selection { color: #fff; background: #DF3528; text-shadow: none; }

	/*
	 * Non-semantic helper classes
	 */
	.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; } /* for image replacement */
	.word-break { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ }

	.hidden { display: none; visibility: hidden; } 	/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
	/* Hide only visually, but have it available for screenreaders: www.webaim.org/techniques/css/invisiblecontent/ */
	.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
	.invisible { visibility: hidden; } 	/* Hide visually and from screenreaders, but maintain layout */

	/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix - only with a different class name to make it more semantic */
	.group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.group:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
	.group { zoom: 1; }

/*	4. T Y P O G R A P H Y
    ........................................................................................................................................ */

	body, input, button, textarea { font: 12px/20px 'Merriweather', Georgia, "Times New Roman", Times, serif; color: #000000; }

	p, h1, h2, h3, h4, h5, h6, fieldset, pre, #main ul, #main ol, #main dt, #main dd, #main table, #main caption, #main img, .portfolio-item,
	.page-content ul, .page-content ol, .page-content dt, .page-content dd, .page-content table, .page-content caption, .page-content img, .sidebar .widget, #footer .widget, .post-content ul,
	.post-content ol, .post-content dt, .post-content dd, .post-content table, .post-content caption, .post-content img, .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth,
	.three_fifth, .four_fifth, .one_sixth, .five_sixth, .contact-info-shortcode, .item-categories, .item-metadata { margin-bottom: 10px; }
	.item-description .one_half, .item-description .one_third, .item-description .two_third, .item-description .three_fourth, .item-description .one_fourth,
	.item-description .one_fifth, .item-description .two_fifth, .item-description .three_fifth, .item-description .four_fifth, .item-description .one_sixth, .item-description .five_sixth { margin-bottom: 0; }
	.item-description .one_half:nth-last-child(-n+4) p:last-child, .item-description .one_third:nth-last-child(-n+4) p:last-child, .item-description .two_third:nth-last-child(-n+4) p:last-child,
	.item-description .three_fourth:nth-last-child(-n+4) p:last-child, .item-description .one_fourth:nth-last-child(-n+4) p:last-child, .item-description .one_fifth:nth-last-child(-n+4) p:last-child,
	.item-description .two_fifth:nth-last-child(-n+4) p:last-child, .item-description .three_fifth:nth-last-child(-n+4) p:last-child, .item-description .four_fifth:nth-last-child(-n+4) p:last-child,
	.item-description .one_sixth:nth-last-child(-n+4) p:last-child, .item-description .five_sixth:nth-last-child(-n+4) p:last-child { margin-bottom: 0; }
	.share-this, #main .comment-list li { padding-top: 26px; }
	.share-this { padding-bottom: 20px; margin-bottom: 20px; }
	.footer-meta img, .footer-meta p { margin-bottom: 0; }
	#header, .section-title, #related-posts > h2, #search-results .page-name { margin-bottom: 10px; }
	.footer-meta { padding: 25px 0 25px; }
	.project-title { padding: 17px 0 25px 0; margin-bottom: 23px; }
	#footer .widget, .sidebar .widget, #search-results .blog-post, .comments_navigation { margin-bottom: 20px; }
	.post { margin-bottom: 60px; }
	#content { padding-top: 35px; margin-bottom: 10px; }
	.clients { margin: 10px 0 0px 0; padding-top: 42px; }
	.item-description { margin: -4px 0 37px 0; }
	.item-categories, .item-metadata { padding-bottom: 16px; }
	.single-portfolio.item-metadata, .single-portfolio-img { margin-bottom: 40px; }
	#portfolio-header.no-intro { padding-top: 6px; }
	#single-item .single-img, #single-item iframe { margin-bottom: 36px; }
	.slider { margin-bottom: 40px; }
	.portfolio-border { margin-bottom: 39px; }
	#filter { margin-bottom: 20px; }

	h1 { font-size: 20px; line-height: 20px; }
	h2 { font-size: 18px; line-height: 20px; }
	h3 { font-size: 16px; line-height: 20px; }
	h4 { font-size: 15px; line-height: 20px; }
	h5 { font-size: 14px; line-height: 20px; }
	h6 { font-size: 13px; line-height: 20px; }

	html { -webkit-font-smoothing: antialiased; } /* maxvoltar.com/archive/-webkit-font-smoothing */
	table { font-size: inherit; font: 100%; }
	p { font-size: 1em; }
	blockquote { font-size: 1.1em; padding-left: 28px; background: url('images/layout/quote-mark.png') no-repeat left top; }
	input { font-size: .9em; }
	small { font-size: 85%; }
	strong, th { font-weight: bold; }
	sub { font-size: smaller; }
	sup { font-size: smaller; }
	pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing */

	/* local fonts - custom ampersand */
	@font-face {
	    font-family: 'GoudyBookletter1911Regular';
	    src: url('fonts/goudybookletter1911/goudybookletter1911-openamp.eot');
	    src: url('fonts/goudybookletter1911/goudybookletter1911-openamp.eot?#iefix') format('eot'),
	         url('fonts/goudybookletter1911/goudybookletter1911-openamp.woff') format('woff'),
	         url('fonts/goudybookletter1911/goudybookletter1911-openamp.ttf') format('truetype'),
	         url('fonts/goudybookletter1911/goudybookletter1911-openamp.svg#webfont0ZQvEa4G') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	/* non-semantic typography helper classes */
	.caps { letter-spacing: 0.1em; font-variant: small-caps; text-transform: lowercase; }
	abbr { letter-spacing: 0.1em; font-variant: small-caps; text-transform: lowercase; } /* letter space abbrevations at 10% of the type size to enhance readability */
    .amp { font-size: 1.2em; font-family: 'GoudyBookletter1911Regular', Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", Georgia, serif; font-weight: normal; }

	.widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_links li, .widget_pages li, .widget_recent_entries li, .widget_recent_comments li, .widget_rss li, .widget_meta li { border-bottom: 1px solid #e5e5e5; }
	.slide-out-div .widget_archive li, .slide-out-div .widget_categories li, .slide-out-div .widget_nav_menu li, .slide-out-div .widget_links li, .slide-out-div .widget_pages li,
	.slide-out-div .widget_recent_entries li, .slide-out-div .widget_recent_comments li, .slide-out-div .widget_rss li, .slide-out-div .widget_meta li { position: relative; border-bottom: 1px dotted #424244; }
	.slide-out-div .widget_archive li:after, .slide-out-div .widget_categories li:after, .slide-out-div .widget_nav_menu li:after, .slide-out-div .widget_links li:after, .slide-out-div .widget_pages li:after,
	.slide-out-div .widget_recent_entries li:after, .slide-out-div .widget_recent_comments li:after,
	.slide-out-div .widget_rss li:after, .slide-out-div .widget_meta li:after { content: ' '; position: absolute; width: 100%; height: 1px; border-bottom: 1px dotted #424244; bottom: 1px; }
	input:not([type=submit]):not([type=file]), textarea { border: 1px solid #dbdbdb; }

	#content, .clients, .footer-meta, .project-title, .item-categories, .item-metadata, .portfolio-shared, #main .comment-list li, .single-post .share-this { border-top: 1px dotted #000000; }
	.project-title, .item-categories, .item-metadata { background-position: left bottom; }
	.single-post .share-this { position: relative; }
	.single-post .share-this:after { content: " "; display: block; position: absolute; z-index: 1; width: 100%; left: 0; bottom: 0; height: 6px; background: url('images/layout/border-img.png') 0 0 repeat-x; } /* top border */

/*  5. H E A D I N G S
    ....................................................................................................................................... */

	h1, h2, h3, h4, h5, h6 { font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 0.1em; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; text-rendering: optimizeLegibility; } /* www.aestheticallyloyal.com/public/optimize-legibility/ */

	#main-headline { text-transform: none; color: #333; margin: 0; padding: 2px 0 4px; float: right; letter-spacing: normal; font: normal 15px/22px 'Merriweather', Georgia, "Times New Roman", Times, serif; } /* main headline at the top of the landing page */
	#main-headline a { cursor: pointer; background: #fff67a; color: #2D2D2D; border-bottom: 2px solid #2D2D2D; }
	#main-headline a:hover { background: #db5348; }
	.project-link + h3 a { display: block; }
	#footer .widgettitle { text-transform: uppercase; letter-spacing: 0.1em; }

/*  6. L I N K S
    ....................................................................................................................................... */

	a { text-decoration: none; color: #4C9BB0; }
	a:visited { color: #4C9BB0; }
	a:hover { color: #DF3528; }
	#main-wrapper a:active { color: #444751; position: relative; top: 1px; }
	a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
	h1 a, h2 a, h3 a, h4 a, h5 a { font-style: normal; }
	.csstransitions a, .csstransitions a img, .csstransitions input[type="submit"], .csstransitions button { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/*  7. L I S T S
    ....................................................................................................................................... */

	#main ol, .page-content ol { list-style-type: decimal; }
	#main ul, .page-content ul { list-style-type: circle; }
	#main ol ol, .page-content ol ol, #main ul ul, .page-content ul ul { margin-left: 28px; } /* indent the lists wrapped by other lists */
	.portfolio-gallery ul, .portfolio-gallery { list-style: none; }

/*	8. F O R M S
    ........................................................................................................................................ */

	/* colors for form validity */
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
	.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

	input[type="text"], select, textarea { margin: 0; width: 90%; } /* webkit browsers add a 2px margin outside the chrome of form elements */
	select, input, textarea, button { font: 99% sans-serif; }
	input[type="text"], textarea { padding: 7px; }
	select { max-width: 250px; padding: 4px 4px 4px 0; background: rgba(255, 255, 255, 0.7); border: 1px solid rgb(230, 230, 230); }
	button, input, textarea { font-family: inherit; font-size: 1em; }
	label { display: inline-block; margin-bottom: 5px; }
	label, input[type=button], input[type=submit], button { cursor: pointer; } 	/* hand cursor on clickable input elements */
	.borderradius input[type="text"], .borderradius textarea, .borderradius .form-status, .borderradius select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

	/* buttons */
	input[type="submit"], button, input[type="button"] {
		padding: 10px 12px 8px 12px;
		display: block;
	  	color: #333;
	  	background: #FFD46E;
	  	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffd46e), color-stop(1, #ffe88a));
	  	background-image: -moz-linear-gradient(center bottom, #ffd46e 0%, #ffe88a 100%);
	  	-webkit-border-radius: 5px;
	  	-moz-border-radius: 5px;
	  	border-radius: 5px;
	  	border-bottom: solid 1px #F5E383;
	  	-webkit-box-shadow: #BE9144 0 2px 0;
	  	-moz-box-shadow: #BE9144 0 2px 0;
	  	box-shadow: #BE9144 0 2px 0;
	  	text-shadow: #FFF0AC 0 1px 0;
  	}

	input[type="submit"]:hover, button:hover, input[type="button"]:hover {
		background: #FFFDA5;
	  	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fae67f), color-stop(1, #fdffba));
	  	background-image: -moz-linear-gradient(center bottom, #fae67f 0%, #fdffba 100%);
	  	border-bottom: solid 1px #FFF9B6;
	  	-webkit-box-shadow: #DCB759 0 2px 0;
	  	-moz-box-shadow: #DCB759 0 2px 0;
	  	box-shadow: #DCB759 0 2px 0;
	  	color: #555;
	}

	input[type="submit"]:active, button:active, input[type="button"]:active {
		position: relative;
	  	top: 1px;
	  	-webkit-box-shadow: #DCB759 0 1px 0;
	  	-moz-box-shadow: #DCB759 0 1px 0;
	  	box-shadow: #DCB759 0 1px 0;
	}

	input[type="submit"] { display: inline; vertical-align: top; }

	/* CSS3 submit buttons (with the help of modernizer classes - start */
	.borderradius input[type="submit"], .borderradius button, input[type="button"] { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
	input[type="submit"]:active, button:active, input[type="button"]:active { position: relative; top: 1px; }
	/* CSS3 submit buttons - end */

	/* align checkboxes, radios, text inputs with their label
	   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
	input[type="radio"] { vertical-align: text-bottom; }
	input[type="checkbox"] { vertical-align: bottom; }

	/* style the text inputs only */
	input:not([type=submit]):not([type=file]), textarea { padding: 10px 8px; max-width: 450px; display: block; background: #fefefe; background: rgba(255, 255, 255, 0.3); }
	.csstransitions input:not([type=submit]):not([type=file]), .csstransitions textarea { -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
	.borderradius input:not([type=submit]):not([type=file]), .borderradius textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

	/* drop-down page form elements */
	#dropdown-wrapper input:not([type=submit]):not([type=file]), #dropdown-wrapper textarea, #dropdown-wrapper select,
	#dropdown-wrapper input:not([type=submit]):not([type=file]):focus, #dropdown-wrapper textarea:focus,
	.slide-out-div input:not([type=submit]):not([type=file]), .slide-out-div textarea, .slide-out-div select,
	.slide-out-div input:not([type=submit]):not([type=file]):focus, .slide-out-div textarea:focus { background: #fdfdfd; border: none; }

	/* text inputs on focus */
	input:not([type=submit]):not([type=file]):focus, textarea:focus, #dropdown-wrapper input:not([type=submit]):not([type=file]):focus, #dropdown-wrapper textarea:focus,
	.slide-out-div input:not([type=submit]):not([type=file]):focus, .slide-out-div textarea:focus { background: #eaeaea; }

	.boxshadow #dropdown-wrapper input[type="text"], .boxshadow #dropdown-wrapper textarea, .boxshadow .slide-out-div input[type="text"], .boxshadow .slide-out-div textarea { -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);  }
	.boxshadow #dropdown-wrapper input[type="text"]:focus, .boxshadow #dropdown-wrapper textarea:focus, .boxshadow .slide-out-div input[type="text"]:focus, .boxshadow .slide-out-div textarea:focu { -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .95); -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .95); box-shadow: 0 0 9px rgba(0, 0, 0, .95);  }

/*	9. I M A G E S
    ........................................................................................................................................ */

	.csstransitions img { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

	/* wordpress built-in image-related classes */
	img.alignright, .wp-caption.alignright { float: right; margin: 0 0 1em 1em; }
	img.alignleft, .wp-caption.alignleft { float: left; margin: 0 1em 1em 0; }
	img.aligncenter, .wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	img.aligncenter { margin-top: 20px; }
	a img.alignright { float: right; margin: 0 0 1em 1em; }
	a img.alignleft { float: left; margin: 0 1em 1em 0; }
	a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	#main img ~ img, #portfolio-item-meta img ~ img { margin-left: 20px; }

	.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; font-style: italic; margin-bottom: 20px; }
	.wp-caption img, .wp-caption img a { margin: 0 !important; padding: 0; border: 0 none; }
	.wp-caption .wp-caption-text { padding: 0 4px 5px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }
	.wp-smiley { max-height: 13px; margin: 0 !important; }

	.gallery { margin: auto; float: left; width: 100%; list-style-type: none !important; }
	.gallery-image { border: 1px solid #efefef; margin-left: 0; }
	.gallery-icon a { display: block; }
	.gallery-caption { padding: 0 4px 5px; font-style: italic; margin-bottom: 0 !important; display: block; }
	.gallery-item { float: left; text-align: center; margin-left: 0; }
	.gallery-item { width: auto; float: left; margin: 10px 0 0 0; }
	.gallery-item img { margin: 0 !important; padding: 0; }
	.gallery-item a { float: left; border: none; margin: 0; padding: 0; }

/*	10. O T H E R   E L E M E N T S
    ........................................................................................................................................ */

	td, td img { vertical-align: top; }
	td { padding: 2px 4px; }
	/* Set sub, sup without affecting line-height: gist.github.com/413930 */
	sub, sup { font-size: 75%; line-height: 0; position: relative; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	/* pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } */
	pre {
		overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
		white-space: pre-wrap; /* css-3 */
		white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera */
		width: 99%;
		word-wrap: break-word; /* IE */
	}
	pre { font-size: .9em; border: 1px solid #e9e9e9; line-height: 20px; background: #fff url('images/layout/pre-code-bg.png') repeat left top; overflow: auto; overflow-y: hidden;  /* Hides vertical scroll created by IE */ }
	pre code { font-family: Consolas, "Courier New", Courier, monospace; margin: 0 0 0 40px; padding: 18px 0; display: block; }
	dt { font-size: 1.5em; font-weight: bold; }
	dd { display: list-item; list-style: square inside none; }

	#main table, .page-content table, .post-content table { border: 1px solid #e9e9e9; border-collapse: collapse; background: #fff; }
	#main tr:nth-of-type(odd), .page-content tr:nth-of-type(odd), .post-content tr:nth-of-type(odd) { background-color: #eff3f4; } /* zebra style table */
	#main th, #main td, .page-content th, .page-content td, .post-content th, .post-content td { border: 1px solid #e9e9e9; padding: 9px 22px; }
	#main th, .page-content th, .post-content th { font-variant: small-caps; text-transform: lowercase; }
	#main caption, .page-content caption, .post-content caption { font-size: 1.2em; font-weight: bold; font-family: "PT Sans Narrow", sans-serif; }

/*  11. P O R T O F O L I O   S L I D E R
    ....................................................................................................................................... */

	#slides { position: relative; margin: 0 auto; }
	.csstransitions #slides a { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
	.slides-container { display: none; } /* Set to display none, prevents content flash */

	/* slider pagination */
	.pagination { text-align: center; position: absolute; top: 20px; left: 15px; z-index: 99; }
	.pagination li { display: inline; }
	.pagination li a { display: inline-block; width: 12px; height: 12px; overflow: visible; margin-left: 5px; background: url('images/layout/pagination.png') no-repeat 0 1px; }
	.pagination li.current a { background-position: 0 -15px; }
	.pagination li a:hover { background-position: 0 -15px; }
	.next, .prev, .pagination li a { text-indent: -9999px; /* hide the link text from the user */ }

	/* next-previous links */
	#slides #next-prev-links img { display: block; }
	.opacity #slides #next-prev-links img { opacity: 0; }
	.opacity #slides #next-prev-links img:hover { opacity: 1 !important; } /* !important is needed in this case to overwrite the inline style opacity declaration, introduced by JavaScript */
	#slides .next, #slides .prev { position: absolute; width: 24px; height: 24px; display: block; z-index: 99; top: 26px; margin: -10px 15px 0; }
	#slides .prev { right: 34px; }
	#slides .next { right: 3px; }
	#slides .next:active, #slides .prev:active { position: absolute; top: 27px; }

	.slide { position: relative; width: 940px; overflow: hidden; }
	.slide img { margin-bottom: 0; }

	#single-item { width: 700px; }
	#single-item .slide { width: 700px; height: 100px; }
	#single-item .slider-img { display: block; }
	#single-item figure { display: block; }

/*	12. H E A D E R
    ........................................................................................................................................ */

  	#wp-title-logo { color: #444652; font: normal 400 60px 'Merriweather', Georgia, "Times New Roman", Times, serif; }
	.csstransitions #logo { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
  	#logo a { display: block; }
  	#logo img, #wp-title-logo { position: relative; top: 0; }
  	#logo img, #wp-title-logo { text-shadow: 1px 1px #fff, 0px 0px #0E0E0E, 2px 3px 1px #E3E3E3; }
  	.opacity #logo img:hover, .opacity #wp-title-logo:hover { opacity: 0.75; }
  	.csstransitions #logo img:hover, .csstransitions #wp-title-logo:hover { top: -3px; }

  	#branding { display: table; }
  	#logo, #intro-section { display: table-cell; vertical-align: middle; padding: 0px 0 0px 0; }
	#intro-section { width: 460px; }

	#dropdown-wrapper, .slide-out-div { background: #313236 url('images/layout/slide-bg.png'); color: #999; }
	#dropdown-wrapper { overflow: hidden; height: 0; }
	.multiplebgs #dropdown-wrapper { background: url('images/layout/border-img.png') 0 5px repeat-x, url('images/layout/slide-bg.png'); }
	#dropdown-wrapper h1, #dropdown-wrapper h2, #dropdown-wrapper h3, #dropdown-wrapper h4, #dropdown-wrapper h5, #dropdown-wrapper h5,
	.slide-out-div h1, .slide-out-div h2, .slide-out-div h3, .slide-out-div h4, .slide-out-div h5, .slide-out-div h5 { text-shadow: 0 1px 0 rgba(0, 0, 0, .5); color: #fff; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; }
	#dropdown-wrapper h1, .slide-out-div h1 { font-size: 16px; }
	#dropdown-wrapper h2, .slide-out-div h2 { font-size: 14px; }
	#dropdown-wrapper h3, .slide-out-div h3 { font-size: 13px; }
	#dropdown-wrapper h4, .slide-out-div h4 { font-size: 12px; }
	#dropdown-wrapper h5, .slide-out-div h5 { font-size: 11px; }
	#dropdown-wrapper h6, .slide-out-div h6 { font-size: 10px; }
	#dropdown-wrapper a, .slide-out-div a { color: #db5348; }
	#dropdown-wrapper a:visited, .slide-out-div a:visited { color: #db5348; }
	#dropdown-wrapper a:hover, .slide-out-div a:hover { color: #DF3528; }
	#dropdown-wrapper a:active, .slide-out-div a:active { color: #d15334; }

	#dropdown-trigger { display: inline-block; cursor: pointer; position: relative; padding: 10px 27px 7px 18px; background: #313236 url('images/layout/slide-bg.png'); float: right; color: #E4E4E4; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.04em; }
  	#dropdown-trigger:hover { color: #d15334; }
  	.csstransitions #dropdown-trigger { -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  	#dropdown-trigger .drop-down-arrows { position: absolute; margin: 7px 0 0 6px; width: 9px; height: 8px; background: url('images/layout/drop-down-arrows.png') no-repeat 0px -13px; }
  	.boxshadow #dropdown-trigger { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .09); box-shadow: 0 1px 2px rgba(0, 0, 0, .09); }
	.borderradius #dropdown-trigger { -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
	.dropdown-page { padding: 40px 0 20px 0; }

	/* contact form */
	#dropdown-wrapper .form-status, .slide-out-div .form-status { background: #262626; background: rgba(0, 0, 0, 0.13); }

/*  13. S I T E   N A V I G A T I O N
    ....................................................................................................................................... */

	/* main navigation */
	#menu { float: left; position: relative; z-index: 99; }
	#menu li { position: relative; }
	#menu .menu > li { margin-right: 10px; display: inline-block; border-top: 5px solid transparent; }
	.borderradius #menu .menu > li { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
	#menu a { display: inline-block; line-height: 20px; text-transform: uppercase; font-size: 11px; border: 1px solid transparent; padding: 20px 7px 20px; }
	.csstransitions #menu a { -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

	/* DROPDOWN */
	#menu .sub-menu { display: none; text-align: left; position: absolute; margin: 0 0 0 0; z-index: 9999; /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
	.boxshadow #menu .sub-menu { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05); box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05); }
	#menu .sub-menu li { margin-left: 0; float: none; /* Introducing a padding between the li and the a give the illusion spaced items */ }
	#menu .sub-menu a { display: block; white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }
	#menu .sub-menu a:active { top: 0; /* don't nudge the element when clicked */ }

	/* Dropdown links */
	#menu .sub-menu a { padding: 4px 9px; text-transform: none; border: 1px solid #262626; border-color: rgba(0, 0, 0, .2); border-bottom: none; background-color: #3e4047; background-color: rgba(47, 48, 52, .95); background-image: url('images/layout/menu-overlay.png'); color: #999999; font-size: 11px; /* reset to normal line height */ }
	#menu li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */ border: 1px solid transparent; border-bottom: none; color: #fff; background-color: #939393; background-color: rgba(140, 140, 140, .95); }
	.csstransitions #menu .sub-menu a { /* HOVER OFF */ -moz-transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
	.csstransitions #menu li:hover ul li a:hover { /* HOVER ON */ -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
	#menu .sub-menu li:last-child a { border: 1px solid #262626; border-color: rgba(0, 0, 0, .2); }
	#menu .sub-menu li:last-child a:hover { border: 1px solid #262626; border-color: rgba(0, 0, 0, .2); }
	.borderradius #menu .sub-menu li:first-child a { -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; border-top-right-radius: 2px; border-top-left-radius: 2px; }
	.borderradius #menu .sub-menu li:last-child a { -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

	#menu a:hover, #menu .current-menu-item > a:hover, #menu .selectedLava > a { color: #423a35; } /* top-level menu links */

	/* Current menu item */
	#menu .current-menu-item > a { color: #000000; }
	#menu .sub-menu .current-menu-item > a { color: #000000; }
	#menu .sub-menu .current-menu-item > a:hover { text-decoration: none; }

	/* sub menu indicator generated by jQuery plugin called superfish */
	#menu .parent > a { position: relative; padding-right: 17px; } /* note: the "parent" class is generated by a custom walker */
	#menu .parent > a:after { content: " "; text-indent: -9999px; position: absolute; margin: 7px 0 0 5px; width: 6px; height: 4px; background: url('images/layout/menu-arrow.png') no-repeat left top; }

	#menu .menu .backLava, #menu .menu .selectedLava { border-top: 5px solid #fdfdfd; }

/*	14. P A G E S
    ........................................................................................................................................ */

	.two-cols-right-fixed #content .page-content, .two-cols-left-fixed #content .page-content, .sidebar { display: inline; }

	.two-cols-right-fixed #content .page-content { margin-right: 30px; width: 690px; }
	.two-cols-left-fixed #content .page-content { margin-left: 30px; width: 690px; }
	.two-cols-right-fixed .sidebar { width: 220px; }
	.two-cols-left-fixed .sidebar { width: 220px; }

	/* sidebar positioning */
	.two-cols-left-fixed .sidebar { float: left; }
	.two-cols-left-fixed .page-content { float: right; }
	.two-cols-right-fixed .page-content { float: left; }
    .two-cols-right-fixed .sidebar { float: right; }

	/* full width template */
	.page-template-template-full-width-php #content .page-content { margin-left: 0; margin-right: 0; width: 100%; }

/*	15. H O M E  T E M P L A T E
    ........................................................................................................................................ */

	#portfolio-header h2, .clients h2 { float: left; margin: -22px 0 0 0; padding: 20px 0 20px 45px; }
	#portfolio-header h2 { background: url('images/layout/icon-work.png') no-repeat 0 50%; }
	.clients h2 { margin-bottom: 5px; background: url('images/layout/icon-clients.png') no-repeat 0 50%; }

	#filter { float: right; margin-top: -5px; font-size: 14px; letter-spacing: 0.1em; font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif; width:720px; }
	#filter li { float: left; margin-left: 10px; margin-bottom:10px; }
	#filter a { display: block; color: #FFFFFF; position: relative; z-index: 20; text-transform: uppercase; }
	#filter .active a, #filter .active .term-name, #filter .active a:hover .term-name, #filter .active .term-count { color: #2d2d2d; background: #4c9bb0; }
	#filter .term-name { position: relative; display: block; background: #000000; padding: 3px 8px 3px 8px; z-index: 10; border: 1px solid #FFFFFF; }
	#filter .term-count, #filter a:hover .term-name { background: #212121; color: #E4E4E4; }
	#filter .term-count { display: block; color: #E4E4E4; position: absolute; left: 50%; bottom: 25px; padding: 3px 10px; z-index: 50; }
	.opacity #filter .term-count { opacity: 0; }
	#filter .triangle-down { position: absolute; left: 50%; bottom: -3px; margin-left: -4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 3px solid #212121; }
	#filter .active .triangle-down { border-top: 3px solid #fff67a; }
	.borderradius #filter .term-count { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.csstransitions #filter .term-name { -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

	.project { position: relative; border: 3px solid #000000; }
	.project-link { position: relative; display: block; overflow: hidden; }
	.project-link img { display: block; }
	.project-link .project-content { width: 220px; height: 190px; position: absolute; overflow: hidden; top: 0; left: 0; }
	.project-link .project-overlay { opacity: 0; cursor: pointer; /* opera */ }
	.project-link .project-overlay, .blocked-project-overlay { background-image: url('images/layout/project-overlay.png'); position: absolute; left: 0; top: 0; display: block; width: 100%; height: 190px; text-indent: -9999px; }
	.project-link .view-button { position: relative; display: block; width: 41px; height: 41px; margin: 20px auto 0; }
	.project-link .project-caption { position: relative; font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0.1em; text-align: center; padding: 9px 7px 8px 7px; margin: 20px 0 0 0; background: #4c4c4c; background: rgba(255, 255, 255, 0.1); text-transform: uppercase; width: 206px; color: #999; border: 1px solid rgba(0, 0, 0, 0.3); border-width: 1px 0; }
	.blocked-project-overlay { height: 100%; display: none; }
	.blocked-project-overlay:after { content: " "; z-index: 100; position: absolute; left: 0; top: 0; width: 100%; height: 190px; background: url('images/layout/current.png') no-repeat 50% 50%; }
	.blocked-project-overlay.overlay-active { display: block; }

	/* transitions and transforms on portfolio items */
	.csstransitions .project-link .view-button {
		-webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);
		-moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .4s ease-in-out;
	}
	.csstransitions .project-link:hover .view-button, .csstransitions .project-link:hover .project-caption { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
	.csstransitions .project-link .project-caption {
		-moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
		-webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px);
	}
	.csstransitions .project-link img:first-child, .csstransitions .project-link .project-overlay { -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.csstransitions .project-link:hover img:first-child { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
	.csstransitions .project-link:hover .project-overlay { opacity: 1; }

	.no-csstransitions.opacity .view-button, .no-csstransitions.opacity .project-caption { opacity: 0; }

	/* make sure the columns are properly aligned, when the projects are filtered on the portfolio page, by clearing the floats on items that contain a class of "alpha" */
	.portfolio-item.alpha { clear: both; }

	.portfolio-item { overflow: hidden; }
	.item-heading h2 { margin-bottom: 7px; }

	.client-logos { display: block; clear: left; }

/*	16. B L O G
    ........................................................................................................................................ */

	.post time { text-transform: lowercase; font-variant: small-caps; }
	.post-meta li { margin: 0 0 5px 0; }
	.post-meta.column-width li { max-width: 215px; } /* reduce the width of the post meta box if the sidebar is disabled */
	#blog-posts .post-meta { list-style: none; margin: 0; }
	.post time { display: block; text-transform: lowercase; font-variant: small-caps; width: 115px; height: 95px; background: url('images/layout/slide-bg.png'); text-align: center; color: #edefee; padding-top: 20px; overflow: hidden; z-index: -1; }
 	.boxshadow .post time { -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; }
 	.csstransitions .post time { -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
 	.post-time a:hover time { color: #DF3528; }
	.post .post-time { margin-bottom: 20px; }
	.post-time .day { display: block; font-size: 57px; margin-bottom: 15px; line-height: 40px; }
	.post-time .month-and-year { font-size: 14px; }
	.post-content > p:first-line { text-transform: lowercase; font-variant: small-caps; letter-spacing: .1em; font-size: 1.056em; }
	.post-content .read-more, .blog-post .read-more { margin-top: 15px; }
	.post-title + p { margin-bottom: 10px; } /* style the read more link in the search results */
	h2 .post-title { position: relative; line-height: 1; font-size: 25px; }
	h2 .post-title:hover { color: #DF3528; }
	#blog-posts .post-thumb a img { display: block; margin-bottom: 0; }
	.featured-img-link { display: block; }
	.excerpt-content { background: url('images/layout/border-img.png') repeat-x left bottom; padding-bottom: 6px; margin-bottom: 20px; }
	.post .additional-post-meta { list-style-type: none; }
	.post .additional-post-meta li { float: left; }
	.share-this { clear: both; margin-top: 30px; position: relative; }
	.share-this:before { content: " "; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; text-shadow: none; }

	/* position the elements on the page properly, depending on the position of the sidebar */
	.post .post-content-position { position: relative; left: 20px; width: 520px; }
	.full-width-post { position: relative; left: 10px; }

	.share-this { position: relative; }
	.blog-pagination a { margin-right: 13px; text-transform: uppercase; }
	.page-link-title { margin-right: 16px; }

	.single-post .page-title { font-size: 24px; }
	.share-this a[rel="next"], .share-this a[rel="prev"] { display: inline-block; text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; }
	.share-this a:first-child { margin-right: 30px; }
	.share-this a[rel="next"]:before, .share-this a[rel="prev"]:after { display: inline-block; width: 24px; height: 24px; position: relative; top: 6px; }
	.share-this a[rel="next"]:before { content: url("images/layout/arrow-left.png"); margin-right: 7px; }
	.share-this a[rel="prev"]:after { content: url("images/layout/arrow-right.png"); margin-left: 7px; }
	.single-post .share-this div, .share-this .share { float: left; }
	.single-post .share-this { padding: 28px 0 33px; }

	/* WordPress built-in class for handling sticky posts */
	.sticky { }

/*	17. P O R T F O L I O   P R O J E C T
    ........................................................................................................................................ */

	#project-wrapper { overflow: visible; }
	#scroll:before { display: block; content: " "; margin-top: -46px; height: 46px; visibility: hidden; }
	.post-nav .close-current-post { cursor: pointer; }
	.post-nav { padding: 0 0 20px 0; background: url('images/layout/border-img.png') repeat-x left bottom; position: relative; }
	.post-nav li { float: right; margin-left: 7px; }
	.csstransitions .post-nav a, .post-nav span { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all 0.3s ease-in-out; }
	.post-nav a, .post-nav span { display: block; text-indent: -9999px; width: 24px; height: 24px; background: url('images/layout/nav-buttons.png') no-repeat; }
	.opacity .post-nav a, .opacity .post-nav span { opacity: 0.93; }
	.opacity .post-nav a:hover, .opacity .post-nav span:hover { opacity: 0.5; }
	.post-nav .prev-portfolio-post { background-position: -31px 0; }
	.post-nav .next-portfolio-post { background-position: -63px 0; }
	.portfolio-shared { padding: 46px 0 0 0; }
	.project-title a { font-size: 0.75em; float: right; width: 30px; height: 30px; text-indent: -9999px; position: relative; top: -4px; }
	.project-title a[rel="next"] { background: url('images/layout/prev-post.png') no-repeat left top; }
	.project-title a[rel="prev"] { background: url('images/layout/next-post.png') no-repeat left top; margin-left: 7px; }
	#single-item { text-align: left; position: relative; }
	#single-item iframe, #single-item .single-img-loader { background: url('images/layout/loading.gif') no-repeat 50% 50%; }
	#single-item .single-img-loader { position: absolute; left: 0; top: 0; z-index: -1; }
	#single-item .single-img-ajax { opacity: 0; }
	#related-posts { margin-bottom: 30px; padding-top: 30px; }
	.item-categories li, .item-metadata li { margin-bottom: 15px; }
	.item-categories li:first-child, .item-metadata li:first-child { font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; }
	.item-term, .item-metadata li:last-child { display: block; padding: 3px 5px 2px; background: #f2f2f2; background: rgba(0, 0, 0, .5); }
	.borderradius .item-term, .borderradius .item-metadata li:last-child { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
	#portfolio-item-meta .item-metadata:last-child { margin-bottom: 36px; }
	#portfolio-item-meta h2 { font-size: 20px; }
	.portfolio-border { clear: both; height: 6px; background: url('images/layout/border-img.png') 0 0 repeat; }

/*	18. W I D G E T S
    ........................................................................................................................................ */

	.widget li { margin: 0 0 15px 0; }

	.widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_links li a, .widget_pages li a,
	.widget_recent_entries li a, .widget_recent_comments li a, .widget_rss li a, .widget_meta li a { display: block; }

	.widget_archive li a:hover:after, .widget_categories li a:hover:after, .widget_nav_menu li a:hover:after, .widget_links li a:hover:after, .widget_pages li a:hover:after,
	.widget_recent_entries li a:hover:after, .widget_recent_comments li a:hover:after, .widget_rss li a:hover:after, .widget_meta li a:hover:after { visibility: visible; }

	.widget_nav_menu .sub-menu { margin-top: 15px; }
	.widget_nav_menu .sub-menu li { margin-left: 2em; }

	/* flickr widget */
	#footer .Simple_Flickr_Photos, .sidebar .Simple_Flickr_Photos { margin-bottom: 30px; }
	.Simple_Flickr_Photos a { border-bottom: none; }
	.Simple_Flickr_Photos a:hover { background: none; }
	.Simple_Flickr_Photos #flickr .flickr_badge_image { float: left; margin: 0 14px 10px 0; }
	.Simple_Flickr_Photos img { width: 49px; height: 49px; padding: 6px 7px 6px 6px; background: url('images/layout/border-img.png') repeat left top; }
	#flickr .flickr_badge_image:nth-child(3n) { margin-right: 0; }
	#flickr img:hover { background-color: #0a0a0a; }

	/* twitter widget */
	.tweets { }
	.read-more, .timesince { display: block; }
	.tweets li {
		padding: 0 0 0 25px;
		background: url('images/layout/twitter-feed-icon.png') no-repeat 0 6px;
		/* wrap long URLs, strings of text, and other content */
		white-space: pre; /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		word-wrap: break-word;
	}
	.slide-out-div .widget_twitter .widgettitle a, .slide-out-div .widget_twitter .widgettitle a:visited { color: #fff; }
	.slide-out-div .widget_twitter .widgettitle a:hover, .slide-out-div .widget_twitter .widgettitle a:active { color: #DB5348; }

	/* popular posts widget */
	.widget.popular-posts ul { clear: both; }
	.widget.popular-posts ul:before, .widget.popular-posts ul:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.widget.popular-posts ul:after { clear: both; }
	.popular-posts ul li { position: relative; clear: both; }
	/* title styles */
	.popular-posts .wpp-post-title { display: block; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; }
	/* thumbnail styles */
	.popular-posts .wpp-thumbnail { float: left; margin: 2px 7px 0 0; padding: 6px 7px 6px 6px; background: url('images/layout/border-img.png') repeat left top; }
	.popular-posts a:hover .wpp-thumbnail { background-color: #0a0a0a; }
	/* Stats tag styles */
	.popular-posts .post-stats { font-size: 0.92em; display: block; font-weight: normal; }
	.popular-posts .wpp-author { font-style: normal; }

	/* calendar widget */
	#wp-calendar thead { border-bottom: 1px solid; }
	#wp-calendar th, #wp-calendar tbody td { text-align: center; padding: 3px 6px; }
	#wp-calendar tfoot td { padding-top: 3px; }
	#wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px; }

	/* categories widget */
	.widget .children { /* indented lists */ padding-left: 1em; }

/*	19. S H O R T C O D E S
    ........................................................................................................................................ */

	/* Fluid Column Shortcodes */
    .one_half { width: 48%; }
    .one_third { width: 30.66%; }
    .two_third { width: 65.33%; }
    .one_fourth { width: 22%; }
    .three_fourth { width: 74%; }
    .one_fifth { width: 16.8%; }
    .two_fifth { width: 37.6%; }
    .three_fifth { width: 58.4%; }
    .four_fifth { width: 67.2%; }
    .one_sixth { width: 13.33%; }
    .five_sixth { width: 82.67%; }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; }
    .last { margin-right: 0 !important; clear:right; }
    .clearboth {clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }

	/* contact info */
	.contact-info-shortcode { list-style: none !important; }
	.contact-info-shortcode li { padding-left: 45px; min-height: 33px; padding-top: 4px; position: relative; margin: 0 0 15px 0; }
	.contact-info:before { content: " "; background: url('images/layout/contact-info-icons.png') no-repeat top left; width: 33px; height: 33px; display: block; position: absolute; top: 0; left: 0; }
	.street-address, .city-zip, .state { display: block; }
	.location:before { background-position: -39px 0; }
	.telephone:before { background-position: -78px 0; }
	.my-mail:before { background-position: top left; }

    /* contact form */
    .success { color: #7b9b2f; }
    .error { color: #e44141; }
	.form-status { display: none; background: #eae8e8; background: rgba(0, 0, 0, 0.06); max-width: 400px; padding: 16px 10px; position: relative; margin-top: 35px; }
	.contact-form .status-icon { display: block; position: absolute; top: -10px; left: -5px; background: url('images/layout/info-icons.png') no-repeat left top; width: 28px; height: 28px; }
	.contact-form .success .status-icon { background-position: -33px 0; }
	.contact-form .loading-img { position: relative; left: 10px; top: 8px; border: none; } /* loading gif at the end of the contact form */
    .invalid-field { border-color: #edaaaa; }

/*	20. C O M M E N T S
    ........................................................................................................................................ */

	#main .comment-list { list-style: none; }
	#number-of-comments { margin-top: 40px; }
	.comment { margin: 0 0 30px 0; }
	.comment-author { position: relative; }
	.avatar { float: left; margin: 0 10px 0 0; }
	.author-link, .author-meta { line-height: 1; }
	.author-link { margin-bottom: 10px; }
	.author-link .fn { font-style: normal; }
	.author-meta { margin: 2px }
	#main .children { /* indented comments */ padding-left: 4em; list-style: none; }
	#cancel-comment-reply-link { margin-left: 13px; }
	.form-allowed-tags { max-width: 450px; }

	/* comments navigation */
	.comments_navigation { text-transform: uppercase; font-size: 1.2em; }
	.comments_navigation .page-numbers { padding-right: 10px; }

	/* wordpress built-in class for highlighting the author comments */
	.bypostauthor > article { background: url('images/layout/post-author.png') no-repeat right top; }

/*  21. 4 0 4   P A G E
    .......................................................................................................................................... */

	#not-found { text-align: center; }
	#not-found-heading { font-size: 150px; font-weight: bold; }
	#not-found-img { border: none; }
	#not-found-form input { width: 500px; margin: 0 auto; }

/*	22. F O O T E R
    ........................................................................................................................................ */

	#footer .footer-widgets li:last-child { margin-bottom: 0; }
	.footer-widgets { margin-bottom: 30px; padding-top: 36px; }

	/* footer overlay widgets area */
	.slide-out-div { left: 0px; bottom: 0px; position: fixed; z-index: 1000; background-image: url('images/layout/overlay-bg.png'); width: 100%; display: none; }
	.multiplebgs .slide-out-div { border-bottom: 3px solid transparent; background: url('images/layout/border-img.png') 0 5px repeat-x, url('images/layout/border-img.png') left bottom repeat-x, url('images/layout/overlay-bg.png'); }
	#overlay-handle, #back-to-top { width: 61px; height: 59px; display: block; position: absolute; z-index: 1000; }
	#overlay-handle { left: -1px; top: -59px; background: url('images/layout/overlay-handle.png'); cursor: pointer; }
	#slide-out-container .widgets-handle.closed { background-position: 0 0; }
	#slide-out-container .widgets-handle.closed:hover { background-position: 0 -59px; }
	#slide-out-container .widgets-handle.opened { background-position: -61px 0; }
	#slide-out-container .widgets-handle.opened:hover { background-position: -61px -59px; }
	.csstransitions #overlay-handle { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
	#back-to-top { display: none; width: 38px; height: 38px; }
	.opacity #back-to-top { opacity: 0.95; }
	.csstransitions #back-to-top .inner { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.borderradius #back-to-top .inner { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background: #f6f6f6 url('images/layout/circle-bg.png'); width: 46px; height: 46px; display: block; position: absolute; z-index: -1; margin: -4px 0 0 -4px; }
	.borderradius #back-to-top:hover .inner { margin: -7px 0 0 -7px; padding: 3px; }
	#back-to-top.main-top-button { top: -49px; right: 10px; }
	#back-to-top.alternative-top-button { position: fixed; bottom: 15px; right: 10px; }

	#social-networking li { float: left; }
	#social-networking a { display: block; padding: 0 10px 0 0; position: relative; }
	#social-networking span { width: 24px; height: 24px; display: block; }
	#social-networking .social-icon { background: url('images/layout/sociables.png') no-repeat; }
	.opacity #social-networking .social-icon { opacity: 0.85; }
	.opacity #social-networking a:hover .social-icon { opacity: 0.6; }
	#social-networking .facebook { background-position: 0 -28px; }
	#social-networking .flickr { background-position: 0 -87px; }
	#social-networking .vimeo { background-position: 0 -233px; }
	#social-networking .youtube { background-position: 0 -291px; }
	#social-networking .linkedin { background-position: 0 -322px; }
	#social-networking .googleplus { background-position: 0 -353px; }
	#social-networking .dribbble { background-position: 0 -205px; }
	#social-networking .tumblr { background-position: 0 -177px; }
	#social-networking .skype { background-position: 0 -262px; }
	#social-networking .delicious { background-position: 0 -149px; }
	#social-networking .digg { background-position: 0 -117px; }
	#social-networking .rss { background-position: 0 -57px; }
	.csstransitions #social-networking .inner { -moz-transition: all .1s linear; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
	.borderradius #social-networking .inner { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background: #f6f6f6 url('images/layout/circle-bg.png'); width: 30px; height: 30px; display: block; position: absolute; z-index: -1; margin: -3px 0 0 -3px; }
	.borderradius #social-networking a:hover .inner { margin: -6px 0 0 -6px; padding: 3px; }
	.csstransitions #social-networking a, .csstransitions #social-networking .social-icon { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all 0.3s ease-in-out; }

	/* copyright text */
	#social-networking ~ div { margin-top: 0px; }
	#social-networking ~ div small { float: right; }

/*  23. I N T E R N E T   E X P L O R E R
    .......................................................................................................................................... */

	.ie button, .ie input[type="submit"] { width: auto; overflow: visible; } /* make buttons play nicely in ie */
	.ie textarea { overflow: auto; } /* remove textarea scrollbars */
	.ie .post-time { font-size: 0.95em; }

	/* IE 8 */
	.ie8 .contact-form .loading-img { top: 5px; }
	.ie8 #social-networking { margin: 0; }
	.ie8 #social-networking .inner, .ie8 #back-to-top .inner { display: none; }
	.ie8 #social-networking a { padding: 0 8px 0 0; }
	.ie8 #main .comment-list { list-style: none; }
	.ie8 #overlay-handle:after { content: " "; position: absolute; width: 9999px; left: 0; bottom: 0; height: 5px; background: #313236 url('images/layout/overlay-bg.png'); }
	.ie8:after { display: none; }
	.ie8 .blocked-project-overlay:after { filter: alpha(opacity=92); }
	.ie8 #logo img:hover { filter: alpha(opacity=75); }
	.ie8 #single-item .single-portfolio-img { background: url('images/layout/loading.gif') no-repeat 50% 50%; }
	.ie8 #next-prev-links img { visibility: hidden; }
	.ie8 .project-link .project-overlay, .ie8 .project-caption, .ie8 #filter .term-count { filter: alpha(opacity=0); }
	.ie8 input[type="text"], #dropdown-wrapper input[type="text"], .slide-out-div input[type="text"], .ie8 textarea { background: #fdfdfd; }
	.ie8 input[type="text"]:focus, #dropdown-wrapper input[type="text"]:focus, .slide-out-div input[type="text"]:focus, .ie8 textarea:focus { background: #eaeaea; }

	.ie8 .view-button {
		background: #1e1e1e;
		-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='1e1e1e') progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	}

	.ie8 #social-networking a {
		background: #fdfdfd;
		-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
	}

	.ie8 #social-networking a:hover {
		background: #fdfdfd;
		-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}

	.ie8 #back-to-top img {
		background: #fdfdfd;
		-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
	}

	.ie8 #back-to-top img:hover {
		background: #fdfdfd;
		-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	}

/*  24. CUSTOM
    .......................................................................................................................................... */

#main-wrapper {
	    background: url('images/contentbackground.png') repeat;
		border-left: solid #000000 5px;
		border-right: solid #000000 5px;
		border-bottom: solid #000000 5px;
    }

#social-networking{
	    margin-top: 10px;
		}


text:
package com.wingtech.smusic;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import com.wingtech.musicplayer.Constant;
import com.wingtech.musicplayer.MusicPlayerService;
import com.wingtech.musicsource.MediaUtil;
import com.wingtech.musicsource.MusicInfo;

public class MainActivity extends Activity {
	private TextView mtextview_username;
	private TextView mtextview_musicname;
	private TextView mtextview_musicnote;
	private ImageButton mbtn_music_photo;
	private ImageButton mbtn_previous;
	private ImageButton mbtn_switch;
	private ImageButton mbtn_next;
	private ImageView mimg_user;
	private List<MusicInfo> mmusicInfos = new ArrayList<MusicInfo>();
	private List<HashMap<String, Object>> mhashMapMusicInfos= new ArrayList<HashMap<String, Object>>(); ;
	private SimpleAdapter msimAdapter;
	private ListView mlistview_music;
	//private Bundle mBundle=new Bundle();
	private int mmusicplay_status=Constant.PAUSESTATUS;
	private int mold_position=-2;		//-£²´ú±í³ÌÐò°²×°ºóµÚÒ»´Î´ò¿ª
	private UpdateMainActivityReceiver mupdateReceiver=new UpdateMainActivityReceiver();
	//private String[] data={"1","2","3","4","5","6","7","8","9","10"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Log.i("init","go init");
        Init();
    }

    @Override
    protected void onStart() {
    	// TODO Auto-generated method stub
    	super.onStart();
    	Log.i("onstart","onstart ");
    	IntentFilter intentfilter=new IntentFilter();
    	intentfilter.addAction(Constant.ACTION_MUSIC_ACTIVITY_UPDATE);
    	this.registerReceiver(mupdateReceiver,intentfilter);
    	//ÔÙ´ÎÏÔʾʱupdate½çÃæ

    	Intent updateActivity_intent=new Intent(Constant.ACTION_MUSIC_CONTROL);
    	updateActivity_intent.putExtra("updateActivity", Constant.MAINACTIVITY);
    	sendBroadcast(updateActivity_intent);
    }

    @Override
    protected void onStop() {
    	// TODO Auto-generated method stub
    	super.onStop();
    	this.unregisterReceiver(mupdateReceiver);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    protected void Init(){

    	mtextview_username=(TextView)findViewById(R.id.textview_username);
    	mtextview_musicname=(TextView)findViewById(R.id.textview_musicname);
    	mtextview_musicnote=(TextView)findViewById(R.id.textview_musicnote);
    	mbtn_music_photo=(ImageButton)findViewById(R.id.btn_music_photo);
    	mbtn_previous=(ImageButton)findViewById(R.id.btn_previous);
    	mbtn_switch=(ImageButton)findViewById(R.id.btn_switch);
    	mbtn_next=(ImageButton)findViewById(R.id.btn_next);
    	mimg_user=(ImageView)findViewById(R.id.img_userhead);
    	mlistview_music=(ListView)findViewById(R.id.listview_music);
    	listInit();
    	buttonInit();
    	//old_position_init();
    	Log.i("init","init over");
    };

    private void buttonInit() {

    	mbtn_music_photo.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent mskip_activity_intent=new Intent(MainActivity.this,Music_ControlActivity.class);
				//mskip_activity_intent.putExtras(mBundle);
				startActivity(mskip_activity_intent);
			}
		});

    	mbtn_switch.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				if(mmusicplay_status==Constant.UNPAUSESTATUS){
					Log.i("mmusicplay_status","UNPAUSESTATUS to PAUSESTATUS");
					Intent msendbroadcast_service_intent=new Intent(Constant.ACTION_MUSIC_CONTROL);
					msendbroadcast_service_intent.putExtra("message", Constant.PAUSE);
					sendBroadcast(msendbroadcast_service_intent);
				}
				else if(mmusicplay_status==Constant.PAUSESTATUS){
					Log.i("mmusicplay_status","PAUSESTATUS to UNPAUSESTATUS");
					Intent msendbroadcast_service_intent=new Intent(Constant.ACTION_MUSIC_CONTROL);
					msendbroadcast_service_intent.putExtra("message", Constant.UNPAUSE);
					sendBroadcast(msendbroadcast_service_intent);
			   }
			}
		});

    	mbtn_previous.setOnClickListener(new OnClickListener(){
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent msendbroadcast_service_intent=new Intent(Constant.ACTION_MUSIC_CONTROL);
				msendbroadcast_service_intent.putExtra("message", Constant.PREVIOUS);
				sendBroadcast(msendbroadcast_service_intent);
			}
    	});

    	mbtn_next.setOnClickListener(new OnClickListener(){
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent msendbroadcast_service_intent=new Intent(Constant.ACTION_MUSIC_CONTROL);
				msendbroadcast_service_intent.putExtra("message", Constant.NEXT);
				sendBroadcast(msendbroadcast_service_intent);
			}
    	});

    }

	public void listInit() {
    	 Log.i("list","in init");
    	 mmusicInfos=MediaUtil.getMusicInfos(MainActivity.this);
    	 mhashMapMusicInfos= MediaUtil.getMusicMaps(mmusicInfos);
         Log.i("list","get hashMapMusicInfos");

    	 msimAdapter = new SimpleAdapter(this, mhashMapMusicInfos,
    	 R.layout.music_list_item_layout, new String[] {"title",
    	 "Artist", "duration" }, new int[] {R.id.music_title,
    	 R.id.music_Artist, R.id.music_duration });

    	 Log.i("list","get simAdapter ");
    	 mlistview_music.setAdapter(msimAdapter);
    	 Log.i("list","get listview_music");
    	 mlistview_music.setOnItemClickListener(new OnItemClickListener() {
    	 @Override
    	 	public void onItemClick(AdapterView<?> parent, View view, int position,
    			long id) {
    		// TODO Auto-generated method stub
    		 HashMap<String, Object> map=(HashMap<String, Object>)mlistview_music.getItemAtPosition(position);
    		//mBundle.putSerializable("map", map);
    		 Intent mstart_service_intent=new Intent(MainActivity.this,MusicPlayerService.class);
    		// mstart_service_intent.putExtras(mBundle);
    		 //mstart_service_intent.putExtra("message",Constant.PLAY);
    		 mstart_service_intent.putExtra("position", position);
    		 mstart_service_intent.putExtra("message", 1);
    		 Log.i("list position",position+"");
    		 Log.i("list","setOnItemClickListener()");
    		 startService(mstart_service_intent);
    	 	}
		  });
    }

	public void old_position_init() {
		if (mold_position == -2) {
			mold_position = 0;
		} else {
			SharedPreferences pref = getSharedPreferences("old_position",
					MODE_PRIVATE);
			mold_position = pref.getInt("position", -1);

		}
		if (mold_position != -1) {

			Log.i("onCreate", "mold_position=" + mold_position);
			mmusicInfos = MediaUtil.getMusicInfos(MainActivity.this);
			String mmusicname = mmusicInfos.get(mold_position).getTitle();
			String mmusicartist = mmusicInfos.get(mold_position).getArtist();
			mtextview_musicname.setText(mmusicname);
			mtextview_musicnote.setText(mmusicartist);
			// ¿ªÆô·þÎñ£¬¸ºÔðµÚ¶þ¸öÒ³ÃæÎÞ·¨¸üе½old_position
			Intent mstart_service_intent = new Intent(MainActivity.this,
					MusicPlayerService.class);
			mstart_service_intent.putExtra("position", mold_position);
			mstart_service_intent.putExtra("message", 0);
			mold_position = -1;
			startService(mstart_service_intent);

		} else {
			Log.e("SharedPreferences","SharedPreferences read error!");
		}

		// MainActivity¸ÕÏÔʾ³öÀ´£¬¸èÇú²»Ó¦²¥·Å£¬ËùÒÔÔÝÍ£
		Log.i("mmusicplay_status", "UNPAUSESTATUS to PAUSESTATUS");
		Intent msendbroadcast_service_intent = new Intent(
				Constant.ACTION_MUSIC_CONTROL);
		msendbroadcast_service_intent.putExtra("message", Constant.PAUSE);
		sendBroadcast(msendbroadcast_service_intent);

	}

	public class UpdateMainActivityReceiver extends BroadcastReceiver{

		@Override
		public void onReceive(Context context, Intent intent) {
			// TODO Auto-generated method stub
			int position=intent.getIntExtra("position", -1);
			int status=intent.getIntExtra("status",-1);

			if(position!=-1){
				String mmusicname=mmusicInfos.get(position).getTitle();
				String mmusicartist=mmusicInfos.get(position).getArtist();
				mtextview_musicname.setText(mmusicname);
				mtextview_musicnote.setText(mmusicartist);
			}

			if(status!=-1){
				mmusicplay_status=status;
				Log.i("status","mmusicplay_status change!"+mmusicplay_status);
				if(mmusicplay_status==Constant.PAUSESTATUS){
					mbtn_switch.setBackgroundResource(R.drawable.switch_off);
				}
				else if(mmusicplay_status==Constant.UNPAUSESTATUS){
					mbtn_switch.setBackgroundResource(R.drawable.switch_on);
				}
			}

		}

	}

}

redpajama_set_name: RedPajamaGithub


text:
import unittest
import webtest
from rdflib import BNode, ConjunctiveGraph, Graph, Literal, URIRef
from rdflib.namespace import RDF, RDFS, FOAF, XSD
import bottle
from flask_rdf.bottle import returns_rdf, output, Decorator

def make_graph():
	graph = Graph('IOMemory', BNode())
	person = URIRef('http://example.com/#person')
	graph.add((person, RDF.type, FOAF.Person))
	graph.add((person, FOAF.age, Literal(15, datatype=XSD.integer)))
	return graph
graph = make_graph()

def make_ctx_graph():
	context = URIRef('http://example.com/#root')
	graph = ConjunctiveGraph('IOMemory', context)
	person = URIRef('http://example.com/#person')
	graph.add((person, RDF.type, FOAF.Person))
	graph.add((person, FOAF.age, Literal(15, datatype=XSD.integer)))
	return graph
ctx_graph = make_ctx_graph()

def make_unicode_graph():
	mygraph = make_graph()
	mygraph.add((BNode(), FOAF.name, Literal('\u2603')))
	return mygraph
unicode_graph = make_unicode_graph()

application = bottle.Bottle()
@application.route('/test')
@returns_rdf
def ctxless():
	return graph
@application.route('/ctx')
@returns_rdf
def ctx():
	return ctx_graph
@application.route('/text')
@returns_rdf
def text():
	return 'This is a test string'
@application.route('/manual')
def manual():
	return output(graph, bottle.request.headers.get('Accept', ''))
@application.route('/unicode')
@returns_rdf
def unicode():
	return unicode_graph
@application.route('/202')
@returns_rdf
def custom():
	bottle.response.set_header('CustomHeader', 'yes')
	bottle.response.status = '202 Custom'
	return graph
app = webtest.TestApp(application)

class TestCases(unittest.TestCase):
	def test_format_simple(self):
		turtle = graph.serialize(format='turtle')
		headers = {'Accept': 'text/n3;q=0.5, text/turtle;q=0.9'}
		response = app.get('/test', headers=headers)
		self.assertEqual(turtle, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_format_unacceptable(self):
		turtle = graph.serialize(format='turtle')
		headers = {'Accept': 'text/html;q=0.9'}
		response = app.get('/test', headers=headers, status=406)
		self.assertEqual(406, response.status_int)

	def test_format_manual(self):
		turtle = graph.serialize(format='turtle')
		headers = {'Accept': 'text/n3;q=0.5, text/turtle;q=0.9'}
		response = app.get('/manual', headers=headers)
		self.assertEqual(turtle, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_format_quads_context(self):
		g = ctx_graph
		self.assertTrue(g.context_aware)
		quads = g.serialize(format='nquads')
		headers = {'Accept': 'application/n-quads;q=0.9'}
		response = app.get('/ctx', headers=headers)
		self.assertEqual(quads, response.body)
		self.assertEqual('application/n-quads', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_format_quads_lowprio(self):
		""" Test that quads are not used even if possible """
		g = ctx_graph
		quads = g.serialize(format='turtle')
		headers = {'Accept': 'text/turtle;q=0.9, application/n-quads;q=0.4'}
		response = app.get('/ctx', headers=headers)
		self.assertEqual(quads, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_format_quads_highprio(self):
		""" Test that quads are used with alternative """
		g = ctx_graph
		quads = g.serialize(format='nquads')
		headers = {'Accept': 'text/turtle;q=0.4, application/n-quads;q=0.9'}
		response = app.get('/ctx', headers=headers)
		self.assertEqual(quads, response.body)
		self.assertEqual('application/n-quads', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_format_quads_unavailable(self):
		""" Test that quads are not used with contextless store """
		g = graph
		quads = g.serialize(format='turtle')
		headers = {'Accept': 'text/turtle;q=0.4, application/n-quads;q=0.9'}
		response = app.get('/test', headers=headers)
		self.assertEqual(quads, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)

	def test_empty_format_headers(self):
		xml = graph.serialize(format='xml')
		headers = {'Accept': ''}
		response = app.get('/test', headers=headers)
		self.assertEqual('application/rdf+xml', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])

	def test_text(self):
		test_str = 'This is a test string'
		headers = {'Accept': 'text/n3;q=0.5, text/turtle;q=0.9'}
		response = app.get('/text', headers=headers)
		self.assertEqual(test_str.encode('utf-8'), response.body)

	def test_unicode(self):
		mygraph = unicode_graph
		turtle = mygraph.serialize(format='turtle')
		headers = {'Accept': 'text/turtle'}
		response = app.get('/unicode', headers=headers)
		self.assertEqual(turtle, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual(200, response.status_int)
		self.assertTrue('\u2603' in response.body.decode('utf-8'))

	def test_custom_response(self):
		turtle = graph.serialize(format='turtle')
		headers = {'Accept': 'text/turtle'}
		response = app.get('/202', headers=headers)
		self.assertEqual(turtle, response.body)
		self.assertEqual('text/turtle; charset=utf-8', response.headers['content-type'])
		self.assertEqual('Accept', response.headers['vary'])
		self.assertEqual('yes', response.headers['CustomHeader'])
		self.assertEqual(202, response.status_int)

	def test_decorators(self):
		turtle = graph.serialize(format='turtle')
		xml = graph.serialize(format='xml')
		view = graph
		accepts = 'text/n3;q=0.5, text/turtle;q=0.9'
		decorator = Decorator()
		response = decorator.output(view, accepts)
		self.assertEqual(turtle, response)
		# use the decorator
		decoratee = lambda *args: view
		decorated = decorator.decorate(decoratee)
		response = decorated()
		self.assertEqual(turtle, response)
		decorated = decorator(decoratee)
		response = decorated()
		self.assertEqual(turtle, response)


text:
import {Component, OnInit} from '@angular/core';
import {FormGroup, FormBuilder, Validators} from '@angular/forms';
import {IMyOptions} from '../../src/my-date-picker/interfaces';

declare var require:any;
const amSampleTpl: string = require('./sample-date-picker-access-modifier.html');

@Component({
    selector: 'sample-date-picker-access-modifier',
    template: amSampleTpl
})

export class SampleDatePickerAccessModifier implements OnInit {

    private myDatePickerOptions: IMyOptions = {
        dateFormat: 'dd.mm.yyyy',
        height: '34px',
        width: '210px',
        inline: false
    };

    private myForm: FormGroup;

    private model: string = '';   // not initial date set
    //private model: Object = {date: {year: 2018, month: 10, day: 9}};   // this example is initialized to specific date

    constructor(private formBuilder: FormBuilder) { }

    ngOnInit() {
        console.log('onInit(): SampleDatePickerReactiveForms');
        this.myForm = this.formBuilder.group({
            //myDate: ['', Validators.required]   // not initial date set
            myDate: [{date: {year: 2018, month: 10, day: 9}}, Validators.required]   // this example is initialized to specific date
        });
    }

    onSubmitNgModel(): void {
        console.log('Value: ', this.model);
    }

    onSubmitReactiveForms(): void {
        console.log('Value: ', this.myForm.controls['myDate'].value);
    }

    setDate(): void {
        // Set today using the setValue function
        let date: Date = new Date();
        this.myForm.setValue({myDate: {date: {year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate()}}});
    }

    clearDate(): void {
        // Clear the date using the setValue function
        this.myForm.setValue({myDate: ''});
    }
}


text:
package org.kuali.kpme.core.leaveplan.web;

import java.util.List;
import java.util.Map;
import java.util.Properties;

import org.kuali.kpme.core.api.leaveplan.LeavePlan;
import org.kuali.kpme.core.leaveplan.LeavePlanBo;
import org.kuali.kpme.core.lookup.KPMELookupableHelperServiceImpl;
import org.kuali.kpme.core.service.HrServiceLocator;
import org.kuali.kpme.core.util.TKUtils;
import org.kuali.rice.core.api.mo.ModelObjectUtils;
import org.kuali.rice.kns.lookup.HtmlData;
import org.kuali.rice.kns.lookup.HtmlData.AnchorHtmlData;
import org.kuali.rice.krad.bo.BusinessObject;
import org.kuali.rice.krad.util.KRADConstants;
import org.kuali.rice.krad.util.UrlFactory;

@SuppressWarnings("deprecation")
public class LeavePlanLookupableHelper extends KPMELookupableHelperServiceImpl {

	private static final long serialVersionUID = 3382815973444543931L;
    private static final ModelObjectUtils.Transformer<LeavePlan, LeavePlanBo> toLeavePlanBo =
            new ModelObjectUtils.Transformer<LeavePlan, LeavePlanBo>() {
                public LeavePlanBo transform(LeavePlan input) {
                    return LeavePlanBo.from(input);
                };
            };
	@Override
	@SuppressWarnings("rawtypes")
	public List<HtmlData> getCustomActionUrls(BusinessObject businessObject, List pkNames) {
		List<HtmlData> customActionUrls = super.getCustomActionUrls(businessObject, pkNames);

		LeavePlanBo leavePlan = (LeavePlanBo) businessObject;
		String lmLeavePlanId = leavePlan.getLmLeavePlanId();

		Properties params = new Properties();
		params.put(KRADConstants.BUSINESS_OBJECT_CLASS_ATTRIBUTE, getBusinessObjectClass().getName());
		params.put(KRADConstants.DISPATCH_REQUEST_PARAMETER, KRADConstants.MAINTENANCE_NEW_METHOD_TO_CALL);
		params.put("lmLeavePlanId", lmLeavePlanId);
		AnchorHtmlData viewUrl = new AnchorHtmlData(UrlFactory.parameterizeUrl(KRADConstants.INQUIRY_ACTION, params), "view");
		viewUrl.setDisplayText("view");
		viewUrl.setTarget(AnchorHtmlData.TARGET_BLANK);
		customActionUrls.add(viewUrl);

		return customActionUrls;
	}

    @Override
    public List<? extends BusinessObject> getSearchResults(Map<String, String> fieldValues){
        String leavePlan = fieldValues.get("leavePlan");
        String calendarYearStart = fieldValues.get("calendarYearStart");
        String descr = fieldValues.get("descr");
        String planningMonths = fieldValues.get("planningMonths");
        String fromEffdt = TKUtils.getFromDateString(fieldValues.get("effectiveDate"));
        String toEffdt = TKUtils.getToDateString(fieldValues.get("effectiveDate"));
        String active = fieldValues.get("active");
        String showHistory = fieldValues.get("history");

        return ModelObjectUtils.transform(HrServiceLocator.getLeavePlanService().getLeavePlans(leavePlan, calendarYearStart, descr, planningMonths, TKUtils.formatDateString(fromEffdt),
                TKUtils.formatDateString(toEffdt), active, showHistory), toLeavePlanBo);
    }

}


text:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">

		<title>Naxx.Accesslist.Create</title>

Naxx.Accesslist.Create Demo

		<form id='create' action=''></form>


text:
namespace net {

MockPacFileFetcher::MockPacFileFetcher() = default;

MockPacFileFetcher::~MockPacFileFetcher() = default;

// PacFileFetcher implementation.
int MockPacFileFetcher::Fetch(
    const GURL& url,
    std::u16string* text,
    CompletionOnceCallback callback,
    const NetworkTrafficAnnotationTag traffic_annotation) {
  DCHECK(!has_pending_request());

  if (on_fetch_complete_)
    std::move(on_fetch_complete_).Run();

  if (is_shutdown_)
    return ERR_CONTEXT_SHUT_DOWN;

  // Save the caller's information, and have them wait.
  pending_request_url_ = url;
  pending_request_callback_ = std::move(callback);
  pending_request_text_ = text;

  return ERR_IO_PENDING;
}

void MockPacFileFetcher::NotifyFetchCompletion(int result,
                                               const std::string& ascii_text) {
  DCHECK(has_pending_request());
  *pending_request_text_ = base::ASCIIToUTF16(ascii_text);
  std::move(pending_request_callback_).Run(result);
}

void MockPacFileFetcher::Cancel() {
  pending_request_callback_.Reset();
}

void MockPacFileFetcher::OnShutdown() {
  is_shutdown_ = true;
  if (pending_request_callback_) {
    std::move(pending_request_callback_).Run(ERR_CONTEXT_SHUT_DOWN);
  }
}

URLRequestContext* MockPacFileFetcher::GetRequestContext() const {
  return nullptr;
}

const GURL& MockPacFileFetcher::pending_request_url() const {
  return pending_request_url_;
}

bool MockPacFileFetcher::has_pending_request() const {
  return !pending_request_callback_.is_null();
}

void MockPacFileFetcher::WaitUntilFetch() {
  DCHECK(!has_pending_request());
  base::RunLoop run_loop;
  on_fetch_complete_ = run_loop.QuitClosure();
  run_loop.Run();
}

}  // namespace net


text:
import {test} from 'ava';

import {toCoordinates} from 'excol';
import {toMatrix} from 'excol';

const singleA1 = {A1: 'A1'};
const singleMatrix = [['1,1']];
const singleCoordinate = [[1, 1]];

const multipleA1 = {A1: 'A1,B5'};
const multipleMatrix = [['1,1'], ['5,2']];
const multipleCoordinate = [[1, 1], [5, 2]];

const rangeA1 = {A1: 'A1:B5'};
const rangeMatrix = [['1,1', '5,2']];
const rangeCoordinate = [[[1, 1], [5, 2]]];

const multipleRangeA1 = {A1: 'A1:B5, A1:B5'};
const multipleRangeMatrix = [['1,1', '5,2'], ['1,1', '5,2']];
const multipleRangeCoordinate = [[[1, 1], [5, 2]], [[1, 1], [5, 2]]];

const singleColumnA1 = {A1: 'A:A'};
const singleColumnMatrix = [['A', 'A']];
const singleColumnCoordinate = [[-1, 1]];

const rangeColumnA1 = {A1: 'A:C'};
const rangeColumnMatrix = [['A', 'C']];
const rangeColumnCoordinate = [[[-1, 1], [-1, 3]]];

const singleRowA1 = {A1: '1:1'};
const singleRowMatrix = [['1', '1']];
const singleRowCoordinate = [[1, -1]];

const rangeRowA1 = {A1: '1:5'};
const rangeRowMatrix = [['1', '5']];
const rangeRowCoordinate = [[[1, -1], [5, -1]]];

const multipleRangeSingleColumnA1 = {A1: 'A:A,C:C,F:F'};
const multipleRangeSingleColumnMatrix = [['A', 'A'], ['C', 'C'], ['F', 'F']];
const multipleRangeSingleColumnCoordinate = [[-1, 1], [-1, 3], [-1, 6]];

const multipleSingleRowA1 = {A1: '1:1,3:3,8:8'};
const multipleSingleRowMatrix = [['1', '1'], ['3', '3'], ['8', '8']];
const multipleSingleRowCoordinate = [[1, -1], [3, -1], [8, -1]];

const multipleMixedA1 = {A1: 'A1,1:1,A1:B5,F:F'};
const multipleMixedMatrix = [['1,1'], ['1', '1'], ['1,1', '5,2'], ['F', 'F']];
const multipleMixedCoordinate = [[1, 1], [1, -1], [[1, 1], [5, 2]], [-1, 6]];

const format = JSON.stringify;

test(`convert ${format(singleA1)} to ${format(singleMatrix)}`, t => {
  const res = toMatrix(singleA1);
  t.deepEqual(res, singleMatrix);
});

test(`convert ${format(rangeA1)} to ${format(rangeMatrix)}`, t => {
  const res = toMatrix(rangeA1);
  t.deepEqual(res, rangeMatrix);
});

test(`convert ${format(multipleA1)} to ${format(multipleMatrix)}`, t => {
  const res = toMatrix(multipleA1);
  t.deepEqual(res, multipleMatrix);
});

test(`convert ${format(multipleRangeA1)} to ${format(multipleRangeMatrix)}`, t => {
  const res = toMatrix(multipleRangeA1);
  t.deepEqual(res, multipleRangeMatrix);
});

test(`convert ${format(singleColumnA1)} to ${format(singleColumnMatrix)}`, t => {
  const res = toMatrix(singleColumnA1);
  t.deepEqual(res, singleColumnMatrix);
});

test(`convert ${format(rangeColumnA1)} to ${format(rangeColumnMatrix)}`, t => {
  const res = toMatrix(rangeColumnA1);
  t.deepEqual(res, rangeColumnMatrix);
});

test(`convert ${format(singleRowA1)} to ${format(singleRowMatrix)}`, t => {
  const res = toMatrix(singleRowA1);
  t.deepEqual(res, singleRowMatrix);
});

test(`convert ${format(rangeRowA1)} to ${format(rangeRowMatrix)}`, t => {
  const res = toMatrix(rangeRowA1);
  t.deepEqual(res, rangeRowMatrix);
});

test(`convert ${format(multipleRangeSingleColumnA1)} to ${format(multipleRangeSingleColumnMatrix)}`, t => {
  const res = toMatrix(multipleRangeSingleColumnA1);
  t.deepEqual(res, multipleRangeSingleColumnMatrix);
});

test(`convert ${format(multipleSingleRowA1)} to ${format(multipleSingleRowMatrix)}`, t => {
  const res = toMatrix(multipleSingleRowA1);
  t.deepEqual(res, multipleSingleRowMatrix);
});

test(`convert ${format(multipleMixedA1)} to ${format(multipleMixedMatrix)}`, t => {
  const res = toMatrix(multipleMixedA1);
  t.deepEqual(res, multipleMixedMatrix);
});

test('should error when wrong A1 notation', t => {

  const fn = () => {
    toMatrix({A1: ''});
  };
  const error = t.throws(() => {
    fn();
  }, Error);

  t.is(error.message, 'A1 notation is empty');
});

// test('Matrix to coordinates', t => {

test(`coordinates ${format(singleA1)} to ${format(singleCoordinate)}`, t => {
  const res = toCoordinates(singleA1);

  t.deepEqual(res, singleCoordinate);
});

test(`coordinates ${format(multipleA1)} to ${format(multipleCoordinate)}`, t => {
  const res = toCoordinates(multipleA1);
  t.deepEqual(res, multipleCoordinate);
});

test(`coordinates ${format(multipleRangeA1)} to ${format(multipleRangeCoordinate)}`, t => {
  const res = toCoordinates(multipleRangeA1);
  t.deepEqual(res, multipleRangeCoordinate);
});

test(`coordinates ${format(rangeA1)} to ${format(rangeCoordinate)}`, t => {
  const res = toCoordinates(rangeA1);
  t.deepEqual(res, rangeCoordinate);
});

test(`coordinates ${format(singleColumnA1)} to ${format(singleColumnCoordinate)}`, t => {
  const res = toCoordinates(singleColumnA1);
  t.deepEqual(res, singleColumnCoordinate);
});

test(`coordinates ${format(rangeColumnA1)} to ${format(rangeColumnCoordinate)}`, t => {
  const res = toCoordinates(rangeColumnA1);
  t.deepEqual(res, rangeColumnCoordinate);
});

test(`coordinates ${format(singleRowA1)} to ${format(singleRowCoordinate)}`, t => {
  const res = toCoordinates(singleRowA1);
  t.deepEqual(res, singleRowCoordinate);
});

test(`coordinates ${format(rangeRowA1)} to ${format(rangeRowCoordinate)}`, t => {
  const res = toCoordinates(rangeRowA1);
  t.deepEqual(res, rangeRowCoordinate);
});

test(`coordinates ${format(multipleRangeSingleColumnA1)} to ${format(multipleRangeSingleColumnCoordinate)}`, t => {
  const res = toCoordinates(multipleRangeSingleColumnA1);
  t.deepEqual(res, multipleRangeSingleColumnCoordinate);
});

test(`coordinates ${format(multipleSingleRowA1)} to ${format(multipleSingleRowCoordinate)}`, t => {
  const res = toCoordinates(multipleSingleRowA1);
  t.deepEqual(res, multipleSingleRowCoordinate);
});

test(`coordinates ${format(multipleMixedA1)} to ${format(multipleMixedCoordinate)}`, t => {
  const res = toCoordinates(multipleMixedA1);
  t.deepEqual(res, multipleMixedCoordinate);
});

test('should error when wrong A1 notation', t => {

  const fn = () => {
    toCoordinates({A1: ''});
  };
  const error = t.throws(() => {
    fn();
  }, Error);

  t.is(error.message, 'A1 notation is empty');

});


text:
id: 5ea9997bbec2e9bc47e94db4
title: Developing a Port Scanner
challengeType: 11
isHidden: false
videoId: z_qkqZS7KZ4
---

## Description

## Tests

```yml
question:
  text: |
    What is the main difference between the `.connect()` and `.connect_ex()` methods?

  answers:
    - There is no difference between the two methods.
    - |
      If there is an error or if no host is found, `.connect()` returns an error code while `.connect_ex()` raises an exception.
    - |
      If there is an error or if no host is found, `.connect()` raises an exception while `.connect_ex()` returns an error code.
  solution: 3
```


text:
{% extends "layout.html" %}

{% block page_title %}
  Sprint {{sprint}} - Funding
{% endblock %}

{% block inside_header %}

{% endblock %}

{% block after_header %}

{% endblock %}

{% block content %}

  {% include "includes/link-back.html" %}

        Configure your prototype

        <form>

        Field input
        ##########

        <input class="form-control" id="fieldinput" type="text">

        This is the label text
        <select class="form-control" id="select-box">
        <option>GOV.UK elements option 1</option>
        <option>GOV.UK elements option 2</option>
        <option>GOV.UK elements option 3</option>
        </select>

        <legend class="visually-hidden">Do you already have a personal user account?</legend>

        <input id="radio-inline-1" type="radio" name="radio-inline-group" value="Yes">
        Yes

        <input id="radio-inline-2" type="radio" name="radio-inline-group" value="No">
        No

        <legend class="visually-hidden">Where do you live?</legend>

        <input id="radio-1" type="radio" name="radio-group" value="Northern Ireland">
        Northern Ireland

        <input id="radio-2" type="radio" name="radio-group" value="Isle of Man or the Channel Islands">
        Isle of Man or the Channel Islands

or

        <input id="radio-3" type="radio" name="radio-group" value="I am a British citizen living abroad">
        I am a British citizen living abroad

        <legend class="visually-hidden">Which types of waste do you transport regularly?</legend>

        <input id="waste-type-1" name="waste-types" type="checkbox" value="waste-animal">
        Waste from animal carcasses

        <input id="waste-type-2" name="waste-types" type="checkbox" value="waste-mines">
        Waste from mines or quarries

        <input id="waste-type-3" name="waste-types" type="checkbox" value="waste-farm-agricultural">
        Farm or agricultural waste

        <input id="checkbox-telephone-number" name="contact-by-text-phone" type="checkbox" value="true">
        I need to be contacted using a text phone

            <input class="button" type="submit" value="Save and continue">

      </form>

{% endblock %}


text:
namespace views {

// static
scoped_ptr<PlatformTestHelper> PlatformTestHelper::Create() {
  return make_scoped_ptr(new PlatformTestHelper);
}

}  // namespace views


text:
var Dodger = Dodger || {};

Dodger.GameState = function() {
  this.player = null,
  this.enemies = null,

  this.spawnTime = 2000,
  this.elapsedTime = 0,

  this.score = 0,
  this.scoreText = null;
};

Dodger.GameState.prototype = {
  create : function() {
    this.texturePlugin = this.game.plugins.add(Phaser.Plugin.PrimitiveTextures);

    this.scoreText = game.add.text(16, 16, 'Dodged: 0',
                                   { fontSize: '16px', fill: '#FFF' });
    this.scoreText.x = gameHCenter(this.scoreText);

    this.physics.startSystem(Phaser.Physics.ARCADE);

    var texture = this.texturePlugin.rectTexture('player', 'green', 16, 16, false);
    this.player = this.add.sprite(gameHCenter(texture),
                                  gameVCenter(texture), texture);

    this.physics.arcade.enable(this.player);
    this.player.body.collideWorldBounds = true;

    this.input.addMoveCallback(function(pointer, x, y, down) {
      this.player.x = x - this.player.width / 2;
      this.player.y = y - this.player.height / 2;
    }, this);

    this.reverseKey = this.input.keyboard.addKey(Phaser.Keyboard.R);

    this.enemies = game.add.group();
    this.enemies.enableBody = true;

    // Todo: Reverse Mechanic
    this.reverseKey.onDown.add(function() {
      this.enemies.forEach(function(enemy) {
        enemy.body.velocity.y = ~enemy.body.velocity.y;
      });
    }, this);

    this.spawnEnemy();
  },

  update : function() {
    if (this.physics.arcade.overlap(this.player, this.enemies)) {
      this.enemies.destroy();
      game.state.start('GameOverState', true, false, this.score);

    }

    if (this.elapsedTime + game.time.elapsedMS < this.spawnTime)
      this.elapsedTime += game.time.elapsedMS;
    else {
      this.elapsedTime = 0;
      this.spawnEnemy();
    }
  },

  spawnEnemy : function () {
    var sizes = [8, 16, 32, 64];
    var x = game.rnd.pick(sizes);
    var y = game.rnd.pick(sizes);
    var texture = this.texturePlugin.rectTexture('enemy', 'red', x, y, true);
    var enemy =
          this.enemies.create(this.rnd.integerInRange(0, this.game.width-1),
                              -texture.height, texture);
    enemy.checkWorldBounds = true;
    enemy.body.velocity.y = this.rnd.integerInRange(200, 500);
    enemy.events.onOutOfBounds.add(this.enemyDeath, this);
  },

  enemyDeath : function (enemy) {
    enemy.destroy();
    this.score++;
    this.scoreText.text = 'Dodged: ' + this.score;
    this.spawnEnemy();
  }
};

function gameHCenter(obj) {
  return game.width / 2 - obj.width / 2;
}

function gameVCenter(obj) {
  return game.height / 2 - obj.height / 2;
}


text:
package com.mmnaseri.cs.clrs.ch27.s0.impl;

import com.mmnaseri.cs.clrs.ch27.s0.Action;

import java.util.UUID;

/**
 * @author Mohammad Milad Naseri (mmnaseri@programmer.net)
 * @since 1.0 (2/27/16)
 */
public class ActionWorker implements Runnable {

    private final SchedulerContext context;
    private final Action action;
    private final UUID contextId;

    public ActionWorker(SchedulerContext context, Action action) {
        this.context = context;
        contextId = context.id();
        this.action = action;
    }

    @Override
    public void run() {
        context.increase(contextId);
        action.perform();
        context.decrease(contextId);
    }

}


text:
name 'perforce'
maintainer 'Dennis Hoer'
maintainer_email 'dennis.hoer@gmail.com'
license 'MIT'
description 'Installs Perforce Command-Line Client (p4)'
long_description IO.read(File.join(File.dirname(__FILE__), 'README.md'))
source_url 'https://github.com/dhoer/chef-perforce'
issues_url 'https://github.com/dhoer/chef-perforce/issues'
version '2.2.0'

chef_version '>= 12.14'

supports 'centos', '>= 6.0'
supports 'redhat', '>= 6.0'
supports 'debian', '>= 7.0'
supports 'fedora', '>= 19.0'
supports 'ubuntu', '>= 12.04'
supports 'windows'
supports 'mac_os_x'


text:
require 'concurrent/concern/logging'

module Concurrent
  module Concern

    # @!visibility private
    # @!macro internal_implementation_note
    module Deprecation
      # TODO require additional parameter: a version. Display when it'll be removed based on that. Error if not removed.
      include Concern::Logging

      def deprecated(message, strip = 2)
        caller_line = caller(strip).first
        klass       = if Class === self
                        self
                      else
                        self.class
                      end
        log WARN, klass.to_s, format("[DEPRECATED] %s\ncalled on: %s", message, caller_line)
      end

      def deprecated_method(old_name, new_name)
        deprecated "`#{old_name}` is deprecated and it'll removed in next release, use `#{new_name}` instead", 3
      end
    end
  end
end