/*
     FILE ARCHIVED ON 6:23:00 Dec 15, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 4:10:08 Feb 10, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*  

Theme Name: CompositioTheme 

URI: http://designdisease.com/Description: 

Created by <a href="http://designdisease.com">Design Disease</a>. 

This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)Version: 1Author: Design DiseaseAuthor URI: http://designdisease.com/

*/


font-face {
	font-family: 'League Gothic';
	src: url('fonts/leaguegothic-regular-webfont.eot');
	src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
		url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
		url('fonts/leaguegothic-regular-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


*

{

	margin: 0;

	padding: 0;

}

body

{

	background: #f3f2e8 url('https://11442a9809597d5c12583b4f9f0b9cd7381f0b94.googledrive.com/host/0B7udURBLLpEOSzNIN09oblliVW8/bp%5B1%5D.gif') no-repeat center top;

	color: #35383d;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-top: 0px;

	padding: 0px;

}

input, button, textarea, select

{

	color: #2d3538;

	font: normal 12px/12px "Verdana", sans-serif;

	vertical-align: middle;

}

legend

{

	display: none;

}

fieldset

{

	border: none;

}

ul, ol

{

	list-style: none;

}

ol

{

	list-style-type: decimal;

}

table

{

	border-collapse: collapse;

	width: 100%;

}

hr

{

	display: none;

}

img

{

	border: none;

	margin: 0px;

	padding: 0px;

	text-align: center;

}

em

{

	background-color: #F2F2F2;

	moz-border-radius: 2px 2px 2px 2px;

	padding: 1px 3px;

}

a:link

{

	border: 0px;

	color: #463714;

	moz-outline-style: none;

	text-decoration: none;

}

a:active

{

	border: 0px;

	color: #0099cc;

	moz-outline-style: none;

	text-decoration: underline;

}

a:visited

{

	border: 0px;

	color: #4a6969;

	moz-outline-style: none;

	text-decoration: none;

}

a:hover

{

	border: 0px;

	color: #DF750A;

	moz-outline-style: none;

	text-decoration: underline;

}

a:focus

{

	moz-outline-style: none;

	outline: none;

}

h1, h2, h3, h4

{

	font-family: Arial, Helvetica, sans-serif;

}



h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #E1523D;

}

.more-link

{

	/* background: transparent url(/web/20141215062300/http://www.codediesel.com/wp-content/themes/compositio/images/readmore-gloss.jpg) no-repeat scroll center top;

	display: inline-block; */

	

	font-family: Arial,Helvetica,sans-serif;

	font-size: 1em;

	font-size-adjust: none;

	font-stretch: normal;

	font-style: normal;

	font-variant: normal;

	font-weight: bold;

	height: 27px;

	line-height: 27px;

	margin: 8px 6px 0 0;

	padding: 0;

	text-align: center;

	width: 86px;

	x-system-font: none;

	text-decoration: none;

	font-color: #94A26D;

}



#bg

{

	border-bottom: 2px dotted #000;

	margin: 0 auto;

	margin-top: 0px;

	width: 1010px;

}

#bg-all

{

	background: #fff;

	overflow: hidden;

	width: 1010px;

}

* html #bg-all

{

	height: 1%;

}



.container

{

    float: left;

	padding: 10px 30px 30px 30px;

	width: 610px;

    padding-bottom: 10px;

}

.new-logo

{

	background: #ffffff;

	border-top: 2px dotted #c0c0c0;

	margin: 0;

	overflow: hidden;

	padding: 20px 0px 3px 30px;

	width: 980px;

    border-bottom: 2px dotted #c0c0c0;

}



.menu

{

	background: #33373E;

	border-top: 2px dotted #c0c0c0;

	float: left;

	margin: 0 auto;

	overflow: hidden;

	padding: 10px 0px 10px 30px;

	width: 100%;

	width: 980px;

}

* html .menu

{

	height: 1%;

}

.menu ul

{

	float: left;

}

.menu li

{

	display: inline;

	float: left;

	font: bold 14px/14px "Arial";

	height: 23px;

	letter-spacing: -1px;

}

.menu li ul li

{

	font-weight: normal;

	letter-spacing: normal;

}

.menu li a, .menu li a:visited

{

	color: #c0c0c0;

	float: left;

	margin-right: 5px;

	padding: 4px 6px 10px 6px;

}

.menu li a:hover

{

	color: #D5E84B;

	text-decoration: none;

}

.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover

{

	color: #D5E84B;

}

.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited

{

	background: #def1f9;

	color: #272d36;

}

.menu .current_page_item .page_item a:hover

{

	background: #fff;

	color: #0099cc;

}

.logo

{

	border-bottom: solid 6px #E9E7D7;

	margin-bottom: 30px;

	overflow: hidden;

}

* html .logo

{

	height: 1%;

}

.logo .txt

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/logo-earth.gif) no-repeat left 10px;

	padding-bottom: 30px;

	padding-left: 70px;

	width: 520px;

}

.logo .txt h1

{

	font: bold 55px/50px "Arial";

	letter-spacing: -3px;

	padding-bottom: 5px;

	text-transform: lowercase;

}

.logo .txt h1 a, .logo .txt h1 a:visited, .logo .txt h1 a:hover

{

	color: #272d36;

	text-decoration: none;

}

.logo .txt p.desc

{

	color: #DF750A;

	display: block;

	font: bold 14px/14px "Arial";

	letter-spacing: -1px;

}

.logo .img

{

	padding-bottom: 15px;

}

.SL

{

	float: left;

	padding-left: 60px;

	width: 550px;

}

.SL h2

{

	font-size: 15px/19px;

}

.title

{

	border-bottom: solid 1px #ccc;

	color: #272d36;

	font: normal 34px/34px "Helvetica";

	letter-spacing: -1px;

	margin-bottom: 15px;

	padding-bottom: 15px;

}

.note

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/note-icon.png) no-repeat left 2px;

	color: #669900;

	font-size: 11px;

	padding-left: 14px;

}

.edit a

{

	background: url(/web/20141215062300/http://www.codediesel.com/wp-content/themes/compositio/images/edit-icon.png) no-repeat left 2px;

	color: #ff6600;

	font-size: 11px;

	padding-left: 14px;

}

.error

{

	color: #cc0000;

	font-size: 11px;

	font-weight: bold;

}

.post, .attachment

{

	position: relative;

	width: 100%;

}

* html .post, .attachment

{

	width: 99%;

}

.p-head

{

	padding-bottom: 1px;

}

.p-head h1, .p-head h1 a, .p-head h1 a:visited

{
    /*
	color: #7D9153;

	font: normal 34px/34px "Helvetica";

	letter-spacing: -1px;
    */
    color: #000;

	font: 21px 'Oswald', "Times New Roman", Georgia, Times, serif !important;

    //letter-spacing: -0.03em;

	padding-bottom: 3px;

}

.p-head h1 a:hover

{

	color: #0099cc;

	text-decoration: none;

}

.p-head h2

{

	color: #272d36;

	font: normal 34px/34px "Helvetica";

	letter-spacing: -1px;

}

.p-head h2 a, .p-head h2 a:visited

{

	color: #272d36;

}

.p-head h2 a:hover

{

	color: #0099cc;

	text-decoration: none;

}

.p-head a

{

	color: #DF750A;

}

.p-head h3

{

	color: #000;

	font: 21px 'Oswald', "Times New Roman", Georgia, Times, serif !important;

 	border-bottom: 1px dotted #c0c0c0;

	padding-bottom: 3px;
    //text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;

}

.p-head h3 a, .p-head h3 a:visited

{

	color: #000;

}

.p-head h3 a:hover

{

	color: #DF750A;

	text-decoration: none;

}



.p-head h4

{

	color: #000;

	font: 21px 'Oswald', "Times New Roman", Georgia, Times, serif !important;

    //letter-spacing: -0.03em;

	padding-bottom: 3px;

}

.p-head h4 a, .p-head h4 a:visited

{

	color: #000;

}

.p-head h4 a:hover

{

	color: #DF750A;

	text-decoration: none;

}





.p-cat

{

	color: #000;

	font: normal 12px/14px 'Arial';

}

.p-cat a, .p-cat a:visited

{

	color: #000;

	line-height: 24px;

	padding-right: 5px;

	padding-top: 10px;

	text-decoration: none;

}

.p-cat a:hover

{

	color: #2abada;

}

.p-time

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/p-time-bkg.png) no-repeat right bottom;

	left: -70px;

	padding-bottom: 10px;

	position: absolute;

	top: 5px;

	width: 50px;

}

* html .p-time

{

	left: -70px;

}

.p-time strong

{

	float: left;

	text-align: center;

}

.p-time .day

{

	background: #C2D01B;

	color: #fff;

	font: normal 20px/18px "Arial";

	letter-spacing: -1px;

	overflow: hidden;

	padding: 7px 0px;

	width: 40px;

}

.p-time .month

{

	background: #dedede;

	margin-bottom: 10px;

	padding: 3px 0px;

	width: 40px;

}

.p-time .year

{

	background: #fff;

	border: solid 1px #dedede;

	color: #bababa;

	font: normal 11px/11px 'Verdana';

	padding: 12px 5px;

}

.p-con

{

	/* border-top: solid 1px #dbdbdb; */

}

.p-con p

{

	/* font: normal 15px/22px Georgia, "Verdana", Serif; */

	font: 14px Georgia, Times, Serif; 

	margin: 5px 0px;

	padding: 5px 0px;

	line-height:160%;
    

}

.p-con p a

{

	color: #C00000;

	text-decoration: underline;

}

.p-con p strong

{

	color: #000;

}

.p-con h4

{

  
	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/bullet01.gif) no-repeat left;

	border-bottom: 1px solid #c0c0c0;

	color: #000;

	font-weight: bold;

	margin-bottom: 3px;

	margin-top: 30px;

	padding-bottom: 1px;

	padding-left: 15px;
		font: 18px 'Oswald', "Times New Roman", Georgia, Times, serif !important;
	

}


.plugin

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/plugin.png) no-repeat left;

	color: #000;

	font: 20px/20px "Helvetica";

	font-weight: bold;

	margin-bottom: 3px;

	margin-top: 20px;

	padding-bottom: 1px;

	padding-left: 35px;

}



.p-con ol

{

	list-style: decimal inside;

}

.p-con ol

{

	margin: 0px;

	padding: 10px 0px 10px 25px;

}

.p-con ol li

{

	padding: 2px 0px 2px 0px;

}

.p-con ul

{

	margin: 0px;

	padding: 10px 0px 10px 20px;

}

.p-con ul li

{

	background: url("http://www.codediesel.com/wp-content/themes/compositio/images/bullet.gif") no-repeat left 7px;

	list-style-type: none;

	padding: 2px 0px 2px 13px;

}

.p-con blockquote

{

	background: #ecf6f8;

	font: 14px/19px Georgia, "Times New Roman", Times, serif;

	margin: 10px 0px;

	padding: 10px 20px;

}

.p-con blockquote p

{

	font: 14px/19px Georgia, "Times New Roman", Times, serif;

}

.p-con blockquote li

{

	font-size: 12px;

	line-height: 17px;

	list-style-type: none;

	padding: 2px 0px 2px 13px;

}

.related_post

{

	margin: 10px 0 0 30px;

}

.related_post li

{

	border-bottom: 1px solid #c0c0c0;

	list-style-type: circle;

	padding: 4px 0px 4px 4px;

}

.related_post a

{

	color: #990000;

}

.p-det

{

	margin-top: 15px;

}

.p-det li

{

	color: #7f7f7f;

	display: inline;

	margin-right: 10px;

	padding: 4px 0px 6px 30px;

}

.p-det li.p-det-com

{

	background: url("http://www.codediesel.com/wp-content/themes/compositio/images/p-det-com.png") left center no-repeat;

}

.p-det li.p-det-com a

{

	font-weight: bold;

	letter-spacing: -1px;

}

.p-det li.p-det-tag

{

	background: url("http://www.codediesel.com/wp-content/themes/compositio/images/p-det-tag.png") left center no-repeat;

}

.p-det li a,.p-det a:visited

{

	font: normal 14px/18px "Arial";

	margin-right: 3px;

}

.p-con .wpunlimited_bookmarks strong

{

	color: #999;

	font-size: 10px;

	font-weight: normal;

	padding-bottom: 2px;

	text-transform: uppercase;

}

.p-con .wpunlimited_bookmarks a img

{

	border: none;

	display: inline;

	margin: 0;

	margin-top: 5px;

	padding: 0;

}

.p-con img

{

	max-width: 100%;

	padding: 0;

}

.p-con img.centered

{

	border: solid 1px #9b9792;

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 1px;

}

.p-con img.alignright

{

	border: solid 4px #eee;

	display: inline;

	margin: 5px 0 10px 20px;

	padding: 1px;

}

.p-con img.alignleft

{

	border: solid 4px #eee;

	display: inline;

	margin: 5px 20px 5px 0;

	padding: 1px;

}

.p-con img.aligncenter

{

	border: solid 4px #eee;

	display: inline;

	margin: 5px 20px 5px 0;

	padding: 1px;

}

.p-con .alignright

{

	float: right;

}

.p-con .alignleft

{

	float: left;

}



/*

.nav

{

	overflow: hidden;

	padding-bottom: 20px;

	padding-top: 6px;

}

.nav .leftc a

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/nav-left.png) no-repeat left 0px;

	float: left;

	padding-left: 20px;

}

.nav .rightc a

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/nav-right.png) no-repeat right 0px;

	float: right;

	padding-right: 20px;

}

.nav a, .nav a:visited

{

	cursor: hand;

	font: bold 14px/16px "Arial";

	letter-spacing: -1px;

}

*/



.comments-list

{

	padding-top: 20px;

}

.comments-list h2

{

	color: #272d36;

	font: normal 28px/28px "Arial";

	letter-spacing: -1px;

	padding-bottom: 20px;

}

.comments-list div.entry

{

	background: #fff url(http://www.codediesel.com/wp-content/themes/compositio/images/comments-list-entry-bkg-earth.png) no-repeat right bottom;

	border: 1px solid #dcedf0;

	margin-bottom: 15px;

	padding: 25px;

}

.comments-list div.alt

{

	background: #F1F4EA url(http://www.codediesel.com/wp-content/themes/compositio/images/comments-list-alt-bkg-earth.png) no-repeat left top;

	border: none;

	margin-bottom: 25px;

	padding-top: 40px;

}

.comments-list div.admin

{

	background: #F1F4EA url(http://www.codediesel.com/wp-content/themes/compositio/images/comments-list-admin-bkg-earth.png) no-repeat left top;

	border: none;

	margin-bottom: 25px;

	padding-top: 40px;

}

.comments-list .admin > p.name

{

	color: #DF750A;

	font: bold 14px/14px "Arial" sans-serif;

	letter-spacing: -1px;

}

.comments-list p.name

{

	color: #DF750A;

	font: bold 14px/14px "Arial" sans-serif;

	letter-spacing: -1px;

}

.comments-list p.count

{

	color: #DF750A;

	float: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 28px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

}

.comments-list p.avt

{

	float: right;

	margin: 0px;

	padding: 0px;

}

.comments-list p.avt img

{

	border: solid 1px #ccc;

}

* html .comments-list p.avt

{

	left: -60px;

}

.comments-list p.date

{

	font-size: 11px;

	margin-bottom: 5px;

}

.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover

{

	color: #96b1bc;

	text-decoration: underline;

}

.comments-list .con

{

	color: #333;

	font: normal 12px/17px "Verdana";

	margin-right: 90px;

}

.comments-list .con p

{

	color: #333;

	font: normal 12px/17px "Verdana";

	margin: 0px;

	padding: 5px 0px;

}

.comments-list .con blockquote

{

	color: #666;

	font: italic 14px/19px Georgia, "Times New Roman", Times, serif;

	margin: 10px 20px;

}

.comments-list .con blockquote p

{

	color: #666;

	font: italic 14px/19px Georgia, "Times New Roman", Times, serif;

}

.comments-form

{

	background: #E9E7D7;

	margin: 10px 0px;

	padding: 20px;

}

.comments-form h3

{

	border-bottom: solid 1px #000;

	color: #272d36;

	font: normal 28px/28px "Arial";

	letter-spacing: -1px;

	margin-bottom: 5px;

	padding-bottom: 5px;

}

.comments-form p

{

	color: #808080;

	padding: 7px 0px;

}

.comments-form .required

{

	color: #ff0000;

	font-weight: normal;

}

.comments-form input

{

	margin-right: 7px;

	padding: 5px;

	width: 210px;

}

.comments-form input.formid

{

	background: #fff url(http://www.codediesel.com/wp-content/themes/compositio/images/form-name-bkg-earth.png) no-repeat left;

	border: 1px solid #D6CFB6;

	padding: 5px 5px 5px 40px;

}

.comments-form input.formemail

{

	background: #fff url(http://www.codediesel.com/wp-content/themes/compositio/images/form-email-bkg-earth.png) no-repeat left;

	border: 1px solid #D6CFB6;

	padding: 5px 5px 5px 40px;

}

.comments-form input.formuri

{

	background: #fff url(http://www.codediesel.com/wp-content/themes/compositio/images/form-uri-bkg-earth.png) no-repeat left;

	border: 1px solid #D6CFB6;

	padding: 5px 5px 5px 40px;

}

.comments-form textarea

{

	background: #fff;

	border: 1px solid #D6CFB6;

	padding: 4px;

	width: 97%;

}

.comments-form .button

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/button-post-comment-earth.png) no-repeat left;

	border: 1px solid #D6CFB6;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

	padding: 4px 6px 4px 38px;

	width: auto;

}

.SR

{

	float: right;

	margin-right: 20px;

	padding-bottom: 30px;

	width: 300px;

}

.SR .search

{

	background: #33373E;

	overflow: hidden;

	padding: 15px;

	right: 0px;

}

*html .SR .search

{

	height: 1%;

}

.SR .search form

{

	background: #60695E;

	border: 1px solid #3ac6e5;

	padding: 10px;

	width: 245px;

}

.SR .search fieldset

{

	height: 1%;

	overflow: hidden;

}

.SR .search input

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/search-input.png) no-repeat;

	border: none;

	color: #666;

	float: left;

	margin-right: 2px;

	padding: 5px 3px 5px 65px;

	width: 145px;

}

.SR .search button

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/search-button.png) no-repeat;

	border: none;

	cursor: pointer;

	float: left;

	height: 24px;

	text-indent: -1000em;

	width: 26px;

}

.SR .syn ul

{

	margin: 10px 0px;

}

.SR .syn li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/feed-icon-14x14.png) no-repeat left center;

	color: #ffcc66;

	display: inline;

	font: bold 14px/14px 'Arial';

	letter-spacing: -1px;

	list-style-type: none;

	margin: 0px 9px 0px 0px;

	padding: 3px 0px 3px 20px;

}

.SR .syn li a

{

	color: #fff;

}

.SR .syn li a:visited

{

	color: #fff;

}

.SR .syn li a:hover

{

	color: #fff;

}

.SR .about

{

	background: #94A26D;

	color: #33373E;

	margin-bottom: 2px;

	padding: 20px 15px 15px 15px;

}

.SR .about h3

{

	color: #fff;

	font-size: 17px;

	letter-spacing: -1px;

}

.SR .about p

{

	font-size: 11px;

	line-height: 16px;

	margin: 0px;

	padding: 5px 0px;

}

.SR .about img

{

	background-color: #fff;

	border-color: #D8D3C3 #6F7852 #6F7852 #D8D3C3;

	border-style: solid;

	border-width: 1px;

	float: left;

	height: 45px;

	margin: 4px;

	padding: 2px;

	width: 45px;

}

.SR .pdfmag

{

	background: #57abe6 url(http://www.codediesel.com/wp-content/themes/compositio/images/about-bkg.png) no-repeat left top;

	color: #fff;

	margin-bottom: 2px;

	padding: 20px 15px 15px 15px;

}

.SR .pdfmag h3

{

	color: #fff;

	font-size: 17px;

	letter-spacing: -1px;

}

.SR .pdfmag p

{

	font-size: 11px;

	line-height: 16px;

	margin: 0px;

	padding: 5px 0px;

}

.SR .pdfmag img

{

	float: left;

	margin-left: 5px;

	padding-right: 5px;

}

.SR .ads

{

	background: #c0c0c0;

	color: #fff;

	display: block;

	height: 100px;

	margin-bottom: 3px;

	margin-top: 3px;

	padding: 0px;

	width: 300px;

}

.SR .ads h3

{

	color: #fff;

	font-size: 24px;

	letter-spacing: -1px;

}

.SR .photostream

{

	background: #9ed5e1 url(http://www.codediesel.com/wp-content/themes/compositio/images/photostream-bkg.png) no-repeat bottom left;

	overflow: hidden;

	padding: 15px 0px 25px 15px;

}

*html .SR .photostream

{

	height: 1%;

}

.SR .photostream h3

{

	color: #102a30;

	font-size: 24px;

	letter-spacing: -1px;

}

.SR .photostream ul

{

	float: left;

	margin-top: 10px;

}

.SR .photostream li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/photostream-li-bkg.png) no-repeat left top;

	display: inline;

	float: left;

	list-style-type: none;

	margin: 0px 3px 5px 0px;

	padding: 5px;

}

.SR .photostream li a img, .SR .photostream li a:visited img

{

	border: solid 1px #fff;

	height: 54px;

	width: 54px;

}

.SR .photostream li a:hover img

{

	border: solid 1px #000;

}

.SR .categs

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .categs

{

	height: 1%;

}

.SR .categs div

{

	float: left;

	width: 130px;

}

.SR .categs div h3

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .categs div li

{

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

	padding: 1px 0px;

}

.SR .categs div a, .SR .categs div a:visited

{

	color: #247682;

	text-decoration: underline;

}

.SR .categs div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .status

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .status

{

	height: 1%;

}

.SR .status div

{

	float: left;

	width: 190px;

}

.SR .status div h2

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .status div li

{

	color: #000;

	font-size: 11px;

	list-style-type: none;

	padding: 1px 0px;

}

.SR .status div a, .SR .status div a:visited

{

	color: #000;

	text-decoration: underline;

}

.SR .status div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .rss

{

	background: #33373E;

	margin-bottom: 1px;

	margin-top: 1px;

	overflow: hidden;

	padding: 12px;

}

*html .SR .rss

{

	height: 1%;

}

.SR .rss div

{

	float: left;

	width: 190px;

}

.SR .rss p

{

	color: #ffcc66;

	font: bold 14px/14px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .rss div a, .SR .rss div a:visited

{

	color: #000;

	text-decoration: underline;

}

.SR .rss div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .syn ul

{

	margin: 10px 0px;

}

.SR .syn li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/feed-icon-14x14.png) no-repeat left center;

	color: #ffcc66;

	display: inline;

	font: bold 14px/14px 'Arial';

	letter-spacing: -1px;

	list-style-type: none;

	margin: 0px 9px 0px 0px;

	padding: 3px 0px 3px 20px;

}

.SR .syn li a

{

	color: #fff;

	text-decoration: none;

}

.SR .syn li a:visited

{

	color: #fff;

	text-decoration: none;

}

.SR .syn li a:hover

{

	color: #fff;

}

.SR .googleads

{

	background: #d1f0e2;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .googleads

{

	height: 1%;

}

.SR .googleads div

{

	float: left;

	width: 190px;

}

.SR .googleads div h2

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .googleads div li

{

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

	padding: 1px 0px;

}

.SR .googleads div a, .SR .googleads div a:visited

{

	color: #247682;

	text-decoration: underline;

}

.SR .googleads div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .popular

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .popular

{

	height: 1%;

}

.SR .popular div

{

	float: left;

	width: 250px;

}

.SR .popular div h3

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .popular div li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-arrow-earth.png) no-repeat left 8px;

	border-bottom: solid 1px #c0c0c0;

	color: #33373E;

	font-size: 11px;

	list-style-type: none;

	padding: 3px 0px 3px 6px;

}

.SR .popular div a

{

	color: #000;

	text-decoration: none;

}

.SR .popular div a:visited

{

	color: #000;

	text-decoration: none;

}

.SR .popular div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .scomments

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .scomments

{

	height: 1%;

}

.SR .scomments div

{

	float: left;

	width: 250px;

}

.SR .scomments div h3

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .scomments div li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-arrow-earth.png) no-repeat left 8px;

	border-bottom: solid 1px #c0c0c0;

	color: #33373E;

	font-size: 11px;

	list-style-type: none;

	padding: 3px 0px 3px 6px;

}

.SR .scomments div a

{

	color: #DC7127;

}

.SR .scomments div a:visited

{

	color: #DC7127;

	text-decoration: none;

}

.SR .scomments div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .authenticjobs

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 5px;

}

*html .SR .authenticjobs

{

	height: 1%;

}

.SR .authenticjobs div

{

	float: left;

	font: 11px normal Arial, sans-serif;

	line-height: 120%;

	padding: 5px 10px;

	width: 250px;

}

.SR .authenticjobs a img

{

	border: 0;

	float: left;

	padding: 2px 2px 2px 0;

}

.SR .authenticjobs a

{

	color: #A81616;

}

.SR .authenticjobs ul

{

	clear: left;

	margin: 0;

	padding: 0 0 0 5px;

}

.SR .authenticjobs ul li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-arrow-earth.png) no-repeat left 8px;

	padding: 3px 0px 3px 6px;

}

.SR .social

{

	background: #E9E7D7;

	margin-bottom: 3px;

	overflow: hidden;

	padding: 15px;

}

*html .SR .social

{

	height: 1%;

}

.SR .social div

{

	float: left;

	width: 250px;

}

.SR .social div h3

{

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	padding-bottom: 5px;

}

.SR .social div li

{

	border-bottom: solid 1px #c5ded7;

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

	padding: 7px 0px 8px 20px;

}

.SR .social div li.social_linkedin

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/linkedin_32.png) no-repeat left 6px;

	border-bottom: solid 1px #c5ded7;

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

}

.SR .social div li.social_twitter

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/twitter_32.png) no-repeat left 6px;

	border-bottom: solid 1px #c5ded7;

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

}

.SR .social div li.social_lastfm

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/lastfm_32.png) no-repeat left 6px;

	border-bottom: solid 1px #c5ded7;

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

}

.SR .social div li.social_flickr

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/Flickr.png) no-repeat left 6px;

	border-bottom: solid 1px #c5ded7;

	color: #5e8a89;

	font-size: 11px;

	list-style-type: none;

}



.SR .social div a

{

	color: #247682;

	text-decoration: none;

}

.SR .social div a:visited

{

	color: #000;

	text-decoration: none;

}

.SR .social div a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .recent

{

	/* background: #E9E7D7; */
    background: #FFFFFF;

	margin-bottom: 3px;

	padding: 15px 6px 6px 2px;

}

.SR .recent .tabs

{

	overflow: hidden;

}

.SR .recent .tabs

{

	height: 1%;

}

.SR .recent .tabs li

{

	background: none;

	float: left;

}

.SR .recent .tabs li 

{

	/* background: #D9D6BD url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-inactive-earth.png) no-repeat bottom center; */

	color: #102a30;

	float: left;

	margin-right: 3px;

	padding: 3px 6px 9px 1px;

	text-decoration: none;

}


.SR .recent .tabs li a.active, .SR .recent .tabs li 

{
    /*
	background: #60695E url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-active-earth.png) no-repeat bottom center;
    */
	color: #000000;

	text-decoration: none;
    font-family: 'Oswald',Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-transform: uppercase;

}

.SR .recent a

{

	color: #000;

	text-decoration: none;

}

.SR .recent a:visited

{

	color: #000;

	text-decoration: none;

}

.SR .recent a:hover

{

	color: #003333;

	text-decoration: underline;

}

span.headingBlue {
    color: #417ED1;
}


#tab-comments

{

	display: none;

	margin-bottom: 5px;

}

#tab-comments li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/27.png) no-repeat left 7px;

	border-bottom: solid 1px #c0c0c0;

	color: #33373E;

	font-size: 11px;

	padding: 4px 0px 4px 12px;

}

#tab-comments li a

{

	color: #DF750A;

	display: block;

}

#tab-posts

{

	font-size: 11px;

	margin-bottom: 5px;

}

#tab-posts li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-arrow-earth.png) no-repeat left 8px;

	border-bottom: solid 1px #c0c0c0;

	line-height: 20px;

	padding: 3px 0px 3px 6px;

}

#tab-tags

{

	display: none;

	font-family: "Verdana";

	line-height: 22px;

	margin-bottom: 5px;

}

.SR .widget

{

	background: #E9E7D7;

	color: #5e8a89;

	margin-bottom: 3px;

	padding: 15px;

}

.SR .widget h3

{

	border-bottom: solid 1px #c5ded7;

	color: #102a30;

	font: bold 15px/15px 'Arial';

	letter-spacing: -1px;

	margin-bottom: 5px;

	padding-bottom: 5px;

}

.SR .widget li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/tabs-arrow-earth.png) no-repeat left 6px;

	color: #000;

	font-size: 11px;

	padding: 2px 0px 2px 6px;

}

.SR .widget a, .SR .widget a:visited

{

	color: #AA9B68;

	text-decoration: underline;

}

.SR .widget a:hover

{

	color: #003333;

	text-decoration: underline;

}

.SR .widget_tag_cloud

{

	line-height: 22px;

}

.SR .widget_calendar table

{

	width: 100%;

}

.SR .widget_calendar table td

{

	padding: 3px;

	text-align: center;

}

.SR .widget_calendar caption

{

	background: #d2e9e3;

	margin-bottom: 10px;

	padding: 5px 0px;

}

.SR .widget_calendar #today

{

	background: #d2e9e3;

}

.SR .widget_search #s

{

	border: solid 1px #b5d6cd;

	margin-bottom: 5px;

	padding: 3px;

	width: 160px;

}

.SR .widget_flickrRSS

{

	overflow: hidden;

	padding: 15px 0px 15px 15px;

}

*html .SR .widget_flickrRSS

{

	height: 1%;

}

.SR .widget_flickrRSS h3

{

	margin-bottom: 10px;

	width: 270px;

}

.SR .widget_flickrRSS ul

{

	float: left;

}

.SR .widget_flickrRSS li

{

	background: none;

	display: inline;

	float: left;

	list-style-type: none;

	margin: 0px 7px 7px 0px;

	padding: 0px;

}

.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img

{

	border: solid 1px #fff;

	height: 60px;

	width: 60px;

}

.SR .widget_flickrRSS li a:hover img

{

	border: solid 1px #000;

}

.fromweb

{

	background: #33373E;

	border-bottom: 0px dotted #fff;

	margin: 0 auto;

	overflow: hidden;

	padding: 0px;

	padding-bottom: 20px;

	width: 980px;

}

.fromweb p

{

	font-family: 'Verdana';

	font-size: 11px;

	margin: 0px;

	padding: 0px;

}

.fromweb li

{

	list-style: none;

}

.fromweb ul

{

	list-style: none;

}

.fromweb p.copy

{

	color: #1c3e4d;

}

.fromweb p.copy a, .fromweb p.copy a:visited, .fromweb p.copy a:hover

{

	color: #1c3e4d;

	text-decoration: underline;

}

.fromweb p.theme

{

	color: #6c8e9d;

	padding-top: 2px;

}

.fromweb p.theme a, .fromweb p.theme a:visited, .fromweb p.theme a:hover

{

	color: #6c8e9d;

	text-decoration: underline;

}

.fromweb .webbox

{

	background: #33373E;

	float: left;

	height: auto;

	margin-left: 30px;

	width: 300px;

}

.fromweb .webbox li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/27.png) no-repeat left 7px;

	border-bottom: 1px solid #635D5D;

	color: #fff;

	font-size: 0.9em;

	padding: 5px 0 5px 12px;

}

.fromweb .webbox a

{

	color: #DF750A;

	font-weight: bold;

}

.fromweb .webbox h3

{

	color: #fff;

	font: normal 12px/12px "Verdana", sans-serif;

	font-weight: bold;

	padding: 12px 0 10px 0;

}

.fromweb .webbox .webitem

{

	border-bottom: 1px solid #635D5D;

	color: #E5E5E5;

	font-size: .9em;

	padding-bottom: 8px;

	padding-top: 8px;

	width: 400px;

}

.fromweb .webbox .webitem a

{

	color: #889D5D;

	font-weight: bold;

}

.fromweb .twitterbox

{

	background: #33373E;

	float: left;

	height: auto;

	margin-left: 30px;

	width: 280px;

}

.fromweb .twitterbox h3

{

	color: #fff;

	font: normal 12px/12px "Verdana", sans-serif;

	font-weight: bold;

	padding: 12px 0 10px 0;

}

.fromweb .twitterbox li

{

	background: none;

	border-bottom: solid 1px #635D5D;

	color: #E5E5E5;

	font-size: 11px;

	list-style: none;

	padding: 4px 0px 7px 1px;

}

.fromweb .twitterbox li a

{

	color: #DF750A;

}

.fromweb .generic

{

	background: #33373E;

	float: left;

	height: auto;

	margin-left: 20px;

	width: 180px;

}

.fromweb .generic h3

{

	color: #fff;

	font: normal 12px/12px "Verdana", sans-serif;

	font-weight: bold;

	padding: 12px 0 10px 0;

}

.fromweb .generic a

{

	color: #889D5D;

	font-weight: bold;

}

.fromweb .generic p

{

	color: #E5E5E5;

	font-size: .9em;

}

.fromweb .resourcesbox

{

	background: #33373E;

	border-bottom: 1px solid #635D5D;

	float: left;

	height: 270px;

	margin-left: 20px;

	width: 940px;

}

.fromweb .resourcesbox h3

{

	color: #fff;

	font: normal 12px/12px "Verdana", sans-serif;

	font-weight: bold;

	padding: 12px 0 15px 11px;

}

.fromweb .resourcesbox .resource

{

	border-right: 1px dotted #c0c0c0;

	color: #fff;

	float: left;

	height: 210px;

	margin-right: 5px;

	padding: 0 12px 0 12px;

	width: 150px;

}

.fromweb .resourcesbox .resource a

{

	color: #F8912C;

	font-size: .9em;

	font-weight: bold;

	text-decoration: none;

}

.fromweb .resourcesbox .resource p

{

	color: #fff;

	font-size: .8em;

}

.fromweb .resourcesbox .resource img

{

	background-color: #c0c0c0;

	border: 1px solid #635D5D;

	height: 70px;

	margin: 7px 0 7px 0;

	padding: 1px;

	width: 140px;

}

.ancillary

{

	background: #33373E;

	border-bottom: 1px dotted #fff;

	height: 330px;

	margin: 0 auto;

	padding: 0px;

	width: 980px;

}

.ancillary p

{

	font-family: 'Verdana';

	font-size: 11px;

	margin: 0px;

	padding: 0px;

}

.ancillary li

{

	list-style: none;

}

.ancillary ul

{

	list-style: none;

}

.ancillary p.copy

{

	color: #1c3e4d;

}

.ancillary p.copy a, .ancillary p.copy a:visited, .ancillary p.copy a:hover

{

	color: #1c3e4d;

	text-decoration: underline;

}

.ancillary p.theme

{

	color: #6c8e9d;

	padding-top: 2px;

}

.ancillary p.theme a, .ancillary p.theme a:visited, .ancillary p.theme a:hover

{

	color: #6c8e9d;

	text-decoration: underline;

}

.ancillary .ancillary-copyright

{

	background: #000;

	clear: both;

	color: #c0c0c0;

	height: 30px;

	padding: 1.5em 0 0 0;

	width: 980px;

}

.ancillary-copyright p

{

	color: #c0c0c0;

	font-size: 0.95em;

	margin: 0;

	padding-left: 10px;

}

.ancillary-copyright p.copyright

{

	float: left;

	line-height: 2em;

}

.ancillary-copyright p.attributes

{

	float: right;

	padding-right: 10px;

}

.ancillary-copyright p.attributes a

{

	color: #c0c0c0;

	text-decoration: none;

}

.ancillary-copyright p.attributes a:hover

{

	color: #FFF;

}

.ancillary .ancillary-box

{

	background: #33373E;

	color: #fff;

	float: left;

	margin-left: 18px;

	margin-right: 13px;

	margin-top: 15px;

	width: 290px;

}

.ancillary .ancillary-box a

{

	color: #fff;

}

.ancillary .ancillary-box h3

{

	font: normal 12px/12px "Verdana", sans-serif;

	font-weight: bold;

	padding-bottom: 15px;

}

.ancillary .ancillary-box .video

{

	background: #fff;

	border: 1px solid #fff;

	padding: 2px;

}

.ancillary .ancillary-box .ancillary-comment li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/27.png) no-repeat left 8px;

	border-bottom: solid 1px #635D5D;

	color: #E5E5E5;

	font-size: 11px;

	list-style: none;

	padding: 5px 0px 7px 12px;

}

.ancillary .ancillary-box .ancillary-comment li a

{

	color: #DF750A;

}

.ancillary .ancillary-box .ancillary-twitter li

{

	border-bottom: solid 1px #635D5D;

	color: #E5E5E5;

	font-size: 11px;

	list-style: none;

	padding: 4px 0px 7px 1px;

}

.ancillary .ancillary-box .ancillary-twitter li a

{

	color: #DF750A;

}

.ancillary .ancillary-box div li

{

	border-bottom: solid 1px #c5ded7;

	color: #fff;

	font-size: 11px;

	padding: 4px 0px 7px 1px;

}

.ancillary .ancillary-box .ancillary-books

{

}

.ancillary .ancillary-box .ancillary-books .book-detail

{

	float: left;

}

.ancillary .ancillary-box .ancillary-books img

{

	border: 1px solid #c0c0c0;

	margin-right: 5px;

	padding: 2px;

}

.footer

{

	background: #000000;

	border-bottom: 1px dotted #fff;

	height: 40px;

	margin: 0 auto;

	padding: 0px;

	width: 1010px;

}

.footer p

{

	font-family: 'Verdana';

	font-size: 11px;

	margin: 0px;

	padding: 0px;

}

.footer li

{

	list-style: none;

}

.footer ul

{

	list-style: none;

}

.footer p.copy

{

	color: #1c3e4d;

}

.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover

{

	color: #B8AC83;

	text-decoration: underline;

}

.footer p.theme

{

	color: #6c8e9d;

	padding-top: 2px;

}

.footer p.theme a, .footer p.theme a:visited, .footer p.theme a:hover

{

	color: #6c8e9d;

	text-decoration: underline;

}

.download

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/downloads.png) no-repeat;

	display: block;

	height: 50px;

	padding-left: 35px;

	padding-top: 5px;

}

.download2

{

	background: #FBFBDF url(http://www.codediesel.com/wp-content/themes/compositio/images/downloads.png) no-repeat 18px 25px;

	border: 1px solid #DDDDDD;

	display: block;

	height: 35px;

	margin-top: 25px;

	padding: 25px;

	

}

.download2 a

{

	color: #000;

	padding-left: 40px;

	text-decoration: underline;

}

.download2 span

{

	color: #4b4b4b;

	line-height: 1.75em;

	margin-top: 5px;

	padding-left: 40px;

	text-decoration: none;

}





.download3

{

	background: #FBFBDF url(http://www.codediesel.com/wp-content/themes/compositio/images/download3.png) no-repeat 18px 25px;

	border: 1px solid #DDDDDD;

	display: block;

	height: 35px;

	margin-top: 25px;

	padding: 25px;

	width: 450px;

}

.download3 a

{

	color: #000;

	padding-left: 40px;

	text-decoration: underline;

    font-size: 12px;

}

.download3 span

{

	color: #4b4b4b;

	line-height: 1.75em;

	margin-top: 5px;

	padding-left: 40px;

	text-decoration: none;

}





.aktt_tweets li

{

	background: url(http://www.codediesel.com/wp-content/themes/compositio/images/icon-twitter.gif) no-repeat left;

	border-bottom: solid 1px #c5ded7;

	padding: 4px 0px 4px 6px;

}

.tweetthis

{

	background: transparent url(http://www.codediesel.com/wp-content/themes/compositio/images/teewthis.png) no-repeat scroll 10px top;

	border-left: 1px solid #DEDEDE;

	float: left;

	font-size: 11px;

	line-height: 18px;

	margin-left: 10px;

	padding-left: 42px;

}

.social-market

{

	border-bottom: 1px solid #c0c0c0;

	margin-bottom: 5px;

	padding-bottom: 6px;

}

.social-market a

{

	color: #463714;

}

.wp-pagenavi a, .wp-pagenavi a:link

{

	background-color: #F3F1E9;

	border: 1px solid #000;

	color: #000;

	margin: 2px;

	padding: 2px 4px 2px 4px;

	text-decoration: none;

}

.wp-pagenavi a:visited

{

	background-color: #F3F1E9;

	border: 1px solid #000000;

	color: #000;

	margin: 2px;

	padding: 2px 4px 2px 4px;

	text-decoration: none;

}

.wp-pagenavi a:hover

{

	background-color: #F3F1E9;

	border: 1px solid #000000;

	color: #000000;

}

.wp-pagenavi a:active

{

	background-color: #F3F1E9;

	border: 1px solid #000000;

	color: #000;

	margin: 2px;

	padding: 2px 4px 2px 4px;

	text-decoration: none;

}

.wp-pagenavi span.pages

{

	background-color: #F3F1E9;

	border: 1px solid #000000;

	color: #000000;

	margin: 2px;

	padding: 2px 4px 2px 4px;

}

.wp-pagenavi span.current

{

	background-color: #9EB274;

	border: 1px solid #000000;

	color: #000000;

	font-weight: bold;

	margin: 2px;

	padding: 2px 4px 2px 4px;

}

.wp-pagenavi span.extend

{

	background-color: #F3F1E9;

	border: 1px solid #000000;

	color: #000000;

	margin: 2px;

	padding: 2px 4px 2px 4px;

}

body

{

	color: #333333;

	margin: 0px;

	scrollbar-arrow-color: #86B9D6;

	scrollbar-base-color: #fff;

	scrollbar-darkshadow-color: #fff;

}

a

{

	color: #154BA0;

	text-decoration: none;

}

a:hover

{

	text-decoration: underline;

}

.msgbody

{

	overflow: hidden;

	width: 100%;

	width: auto !important;

}

.msgheader

{

	background: #F3F8D7;

	border: 1px solid #DEDEB8;

	color: #000000;

	font-weight: bold;

	margin: 0 1em;

	padding: 5px;

}

.msgborder

{

	background: #FDFFF2;

	border: 1px solid #DEDEB8;

	border-top: 0px;

	margin: 0 1em;

	overflow: hidden;

	padding: 10px;

	width: 100%;

	width: auto !important;

	word-wrap: break-word;

}

.right

{

	float: right;

	padding: 0px;

	text-align: right;

}

.left

{

	background: url(http://www.codediesel.com/wp-content/themes/images/view_code.png) no-repeat left;

	display: block;

	font-family: tahoma,arial,verdana;

	padding: 8px 0px 2px 8px;

	width: 50%;

}

.left a

{

	font-weight: bold;

	margin: 0px 5px 0px 10px;

}

.left2

{

	background: url(http://www.codediesel.com/wp-content/themes/images/down.gif) no-repeat left;

	display: block;

	font-family: tahoma,arial,verdana;

	padding: 8px 0px 2px 8px;

	width: 50%;

}

.left2 a

{

	font-weight: bold;

	margin: 0px 5px 0px 5px;

}

.smalltxt, .category, .percenttxt

{

	font: 11px Arial, Tahoma;

	font: 12px Arial, Tahoma !important;

}

.wp_codebox

{

	background-color: #F8FBF3;

	border: 1px dashed #c0c0c0;

	color: #100;

	margin: 1.5em 0 1.5em 0;

	overflow: auto;

	padding: 8px 0 8px 0;

}

.wp_codebox

{

	overflow-x: auto;

	overflow-y: hidden;

	padding-bottom: 15;

	width: 100%;

}

.wp_codebox table

{

	border-collapse: collapse;

}

.wp_codebox div, .wp_codebox td

{

	padding: 2px 4px;

	vertical-align: top;

}

.wp_codebox .line_numbers

{

	background-color: #fff;

	color: #000;

	overflow: visible;

	text-align: right;

}

.wp_codebox pre

{

	clear: none;

	float: none;

	margin: 0;

	overflow: visible;

	width: auto;

}

.cat_right

{

	float: left;

	width: 120px;

}

.cat_left

{

	float: left;

	width: 120px;

}

.posts_table table

{

	background-color: #F2F2F2;

	border-collapse: collapse;

	font-family: 'Lucida Grande', Helvetica, verdana, sans-serif;

	font-size: 95%;

	line-height: 1.2em;

	width: 100%;

}

.posts_table caption

{

	color: #000;

	font-size: 30px;

	font-weight: bold;

	margin-bottom: 2px;

	padding: 10px 0px;

	text-align: left;

	text-transform: capitalize;

}

.posts_table thead th

{

	background-color: #E1DCC9;

	border-right: 2px solid #fff;

	color: #000;

	height: 25px;

	padding: 2px;

	text-align: center;

}

.posts_table tfoot

{

	border-bottom: 1px solid #004080;

	border-top: 1px solid #004080;

	color: #000;

	font-size: 1.2em;

	font-weigth: bold;

	margin-top: 6px;

	padding: 2px;

	text-transform: uppercase;

}

.posts_table tbody tr

{

	background-color: #F2F2F2;

	border-bottom: 1px dotted #c0c0c0;

}

.posts_table tbody td

{

	color: #000;

	padding: 5px;

	text-align: left;

}

.posts_table tbody th

{

	padding: 2px;

	text-align: left;

}

.posts_table tbody td a, tbody th a

{

	color: #000;

	font-weight: normal;

	text-decoration: underline;

}

.posts_table tbody td a:hover, tbody th a:hover

{

	text-decoration: none;

}

.nocomments

{

	background-color: #F2F6E8;

	border: 1px solid #CEDDAF;

	font-weight: bold;

	padding: 15px;

}

.postfooter

{

	background: #E6E3DC;

	border: 1px solid #D9D5D0;

	margin: 15px 0;

	moz-border-radius: 6px;

	overflow: hidden;

	padding: 20px 20px 20px 20px;

	webkit-border-radius: 6px;

}



/*

.navigation p, .navigation a {

    font: 24px arial, Georgia, "Times New Roman", Times, serif !important;

    letter-spacing: -0.03em;

    color: #c0c0c0;

}



.navigation > p > a:hover, .navigation > p > a:visited {

    font: 24px arial, Georgia, "Times New Roman", Times, serif;

    text-decoration: none;

    color: #ED6300;

}



.navigation > p > a:visited {

    text-decoration: none;

    color: #463335;

}

*/



a.view_demo {

    display: block;

    background: url("http://www.codediesel.com/wp-content/themes/compositio/images/btn_viewdemo.gif") no-repeat;

    width: 129px;

    height: 38px;

}



a.download_demo {

    display: block;

    background: url("http://www.codediesel.com/wp-content/themes/compositio/images/btn_download.gif") no-repeat;

    width: 129px;

    height: 38px;

}



.facebook {

position:absolute;

left:0px;

top:125px;

width:50px;

padding-bottom:10px;

}



.gbutton {

    background: #33373E url('http://www.codediesel.com/wp-content/themes/compositio/images/subscribe.gif') top left repeat-x !important;

    cursor: pointer;

    border: none;

    width: 89px;

    height: 35px;

    }

                

body .one .bsa_it_p { display:none; }



.portfolio-image { 

    height: 120px; 

    width: 120px; 

    background-color: #ffffff; 

    overflow: hidden;

    -moz-border-radius: 3px;

    background: #ffffff;

    -webkit-border-radius: 3px;

    border: 12px solid #ffffff; 

    -webkit-box-shadow: rgba(0,0,0,.3) 2px 2px 4px;

    -moz-box-shadow:  rgba(0,0,0,.3) 2px 2px 4px;

}



.p-con code {

	background-color: #F8F8F8;

    border: 1px solid #EAEAEA;

    border-radius: 3px 3px 3px 3px;

    margin: 0 2px;

    padding: 0 5px;

    white-space: pre-line;

    word-wrap: break-word;	

}



.postmetadata {

    background: #FFFFFF;

    border-bottom: 1px solid #D7D7D7;

    border-top: 1px solid #D7D7D7;

    color: #7A7A7A;

    font-weight: bold;

    height: 14px;

    margin: 0 0 2px;

    padding: 7px 0;

}

/* PAGINATE plugin css */

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/* WP-CODEBOX plugin css */

body {
margin: 0px;
scrollbar-base-color: #fff;
scrollbar-arrow-color: #86B9D6;
scrollbar-darkshadow-color: #fff;
color: #333333;
}

a {
text-decoration: none;
color: #154BA0;
}

a:hover {
text-decoration: underline;
}

.msgbody {
overflow: hidden;
width: auto !important;
width: 100%;
}

.msgheader {
margin: 0 1em;
border: 1px solid #DEDEB8;
font-weight: bold;
background: #F3F8D7;
padding: 5px;
color: #000000;
}

.msgborder {
margin: 0 1em;
padding: 10px;
border: 1px solid #DEDEB8;
border-top: 0px;
word-wrap: break-word;
background: #FDFFF2;
overflow: hidden;
width: auto !important;
width: 100%;
}

.right {
float: right;
text-align: right;
padding: 0px;
}

.left {
	background: url(http://www.codediesel.com/wp-content/themes/images/view_code.png) no-repeat left;
/*	background-color:#FFFFFF; 
	border:1px solid #DCDCDC;*/
	padding:8px 0px 2px 8px; 
	width:50%;
	font-family:arial, tahoma,arial,verdana;
	display: block;
/*	margin: 0 auto; */
}

.left a {
	margin:0px 5px 0px 10px;
	font-weight:bold;
}

.left2 {
	background: url(http://www.codediesel.com/wp-content/themes/images/down.gif) no-repeat left;
/*	background-color:#FFFFFF; 
	border:1px solid #DCDCDC;*/
	padding:8px 0px 2px 8px; 
	width:50%;
	font-family:tahoma,arial,verdana;
	display: block;
/*	margin: 0 auto; */
}

.left2 a {
	margin:0px 5px 0px 5px;
	font-weight:bold;
}
.smalltxt, .category, .percenttxt {
font: 12px Arial, Tahoma !important;
font: 11px Arial, Tahoma;
}

.wp_codebox {
  color: #100;
  background-color: #f9f9f9;
  /* border: 1px solid silver; */
  margin: 1.5em 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_codebox {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_codebox table {
  border-collapse: collapse;
}

.wp_codebox div, .wp_codebox td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_codebox .line_numbers {
  text-align: right;
  background-color: #fff;
  color: #000;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_codebox pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}


/* MULTI-COLUMN-TAGMAP plugin css */

/* ===== 

You are free to modify this file but you should really create a folder in your
themes directory called (exactly) multi-column-tag-map and then copy this file 
to that folder. Make your edits to the copy. If you make your edits to the 
file in the plugins folder, all your edits will be overwritten if you update.

===== */ 

/* =====  version 12.0.4 ===== */ 

#mcTagMap .tagindex, #sc_mcTagMap .tagindex { 
	padding: 6px 0 10px 0; 
}

#mcTagMap .tagindex h4, #sc_mcTagMap .tagindex h4 { 
	border-bottom: 1px solid #000; 
	padding: 0 0 4px 0; 
	margin: 2px 0 4px 0;
    background: none;    
}

#mcTagMap .tagindex ul, #sc_mcTagMap .tagindex ul { 
	list-style: none; 
	padding: 1px 0; 
	margin: 0; 
}

#mcTagMap .tagindex ul li, #sc_mcTagMap .tagindex ul li { 
	list-style: none; 
	padding: 2px 0; 
	margin: 0; 
    background: none;
}

#mcTagMap .holdleft, #sc_mcTagMap .holdleft { 
	width: 190px; 
	display: inline; 
	margin: 0 20px 0 0; 
	float: left;
	text-align: left;
}

#mcTagMap .noMargin, #sc_mcTagMap .noMargin {
margin: 0 0 0 0;
}

#mcTagMap .morelink, #sc_mcTagMap .morelink { 
	display: none; 
}

#mcTagMap .tagDescription {
	display: block; 
	font-size: 90%;
	line-height: 1;
	font-style: italic;
}

#mcTagMap #mcTagMapNav {
	display: block;
	background: #eee;
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #888;
}

#mcTagMap #mcTagMapNav a {
	text-decoration: none;
	padding: 3px 2px 3px 6px;
	border-left: 1px solid #888;
}

#mcTagMap #mcTagMapNav a:first-child {
	border-left: none;
}