/*  
Theme Name: YoDiv Version
Theme URI: http://www.yodiv.com/
Description: The default WordPress theme based on the famous <a href="http://www.yodiv.com">YoDiv</a>.
Version: 1.0
Author: Danni Boi
Author URI: http://orangeonblack.com/
*/

@import url("reset.css"); /* RESET ALL BROWSER STYLES TO DEFAULT ----- */

* {
	margin:0;
	padding:0;
}
body {
	background:#563f25 url(images/three.jpg) top repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
}
strong {font-weight:bold;}
small {font-size:0.9em;}
li {list-style:none;}
li, p {
	color:#333;
	font-size:1.2em;
	line-height:130%;
}
h1{}
	h1,h1 a {
		background:url(images/h1.jpg) no-repeat;
		display:block;
		float:left;
		height:102px;
		text-indent:-3000px;
		width:200px;
	}

h2 {}
	div.post h2 {
		color:#F0A93C;
		font-size:2.4em;
		font-weight:bold;
		margin:0;
		padding-left:0;
	}
	div.post h2 a:link, div.post h2 a:visited, div.post h2 a:active {
		color:#333;
		font-weight:bold;
		text-decoration:none;
	}
	div.post h2 a:hover {color:#E7E5B2;}
	div.post h2 span {
		color:#666;
		display:block;
		font-family:Georgia;
		font-size:0.6em;
		font-style:italic;
		font-weight:normal;
	}
	h2#helpTitle {
		background:url(images/titles/helppage.gif) left no-repeat;
		height:61px;
		padding: 40px 0 32px 0 ;
		width:538px;
		text-indent:-3000px;
	}
	h2#pageTitle {
		border-bottom:1px solid #EEE;
		color:#F0A93C;
		font-size:2.6em;
		font-weight:bold;
		margin:0 0 40px 0;
		padding:25px 0 4px 0;
	}
	h2#special404 {
		background:url(images/404logo.jpg) left no-repeat;
		color:#333;
		font-size:2.0em;
		font-weight:lighter;
		margin:0 0 30px 0;
		padding:7px 0 7px 100px;
	}

h3 {}
	h3#homepageSubTitle {
		background:url(images/homepageSubTitleBackground.gif) left bottom repeat-x;
		font-size:1.4em;
		margin-bottom:10px;
		padding-bottom:7px;
	}
	div.moreContentBox h3 {
		background:url(images/homepageSubTitleBackground.gif) left bottom repeat-x;
		color:#333;
		font-size:1.4em;
		font-weight:bold;
		padding:10px 0 10px 10px;
	}
	div.detailSectionSmall h3 {
		color:#666;
		float:left;
		font-size:1.4em;
		font-weight:bold;
		padding:30px 0 20px 0;
	}
		div.detailSectionSmall h3 span {
			display:block;
			font-weight:normal;
		}
	h3.processHeader {
		width:auto;
		text-indent:-3000px;
	}
	h3#processDesign {
		background:url(images/processDesign.jpg) left no-repeat;
		height:79px;
	}
	h3#processSend {
		background:url(images/processSend.jpg) left no-repeat;
		height:79px;
	}
	h3#processDownload {
		background:url(images/processDownload.jpg) left no-repeat;
		height:79px;
	}
	h3.stickyHeading {
		color:#333;
		font-size:1.4em;
		padding:7px 0 20px 15px;
	}
	h3.footerHeading {	
		height:29px;
		text-indent:-3000px;
		width:206px;
	}
	div.detailSection h3 {
		color:#333;
		font-size:1.4em;
		font-weight:bold;
		padding:17px 0 22px 0;
		width:40%;
	}
	div#resourceIcons h3.footerHeading {
		background:url(images/headerIcons.jpg) left no-repeat;
	}
	div#resourceJobs h3.footerHeading {
		background:url(images/headerFreelanceJobs.jpg) left no-repeat;
	}
	div#resourceMags h3.footerHeading {
		background:url(images/headerOnlineMags.jpg) left no-repeat;
	}
	div#resourceGalleries h3.footerHeading {
		background:url(images/headerGalleries.jpg) left no-repeat;
	}

h4 {}
	
	/*-----*/
	h4#commentsHeading {
		background:#ECF8F9;
		color:#888;
		font-size:1.3em;
		margin:0 0 40px 0;
		padding:10px;
	}
	h4#commentsHeading a:link, h4#commentsHeading a:visited, h4#commentsHeading a:active {
		border-bottom:1px solid #888;
		color:#888;
		text-decoration:none;
	}
	
	/*-----*/
	div#wrapper {
		background:#FFF;
		padding-top:100px;
	}
	div#me404 {
		background:#FCF2A7 url(images/404.jpg) top  no-repeat;
		display:block;
		margin:22px 0 0 0;
		padding:22px 0 0 0;
	}
	div#me404 div#msg404 {
		float:right;
		padding-bottom:40px;
		width:430px;
	}
	div#me404 div#msg404 p {
		font-size:1.4em;
		padding:0 15px 15px 3px;
	}
	
	
	div#primaryFooter h4 {
		font-size:1.3em;
		padding-left:26px;
	}
	div#primaryFooter ul li#fam h4 {background:url(images/iconFamfam.jpg) left no-repeat;}
	/*div#primaryFooter ul li#iconBase h4 {background:url(images/iconFamfam.jpg) left no-repeat;}*/
	div#primaryFooter ul li#iconFinder h4 {background:url(images/iconFinder.jpg) left no-repeat;}
	div#primaryFooter ul li#freelanceSwitch h4 {background:url(images/iconFreelanceSwitch.jpg) left no-repeat;}
	div#primaryFooter ul li#freelancers h4 {background:url(images/iconFree.jpg) left no-repeat;}
	div#primaryFooter ul li#programmer h4 {background:url(images/iconProgrammer.jpg) left no-repeat;}
	div#primaryFooter ul li#lovers h4 {background:url(images/iconColorLovers.jpg) left no-repeat;}
	div#primaryFooter ul li#scratch h4 {background:url(images/iconWeb.jpg) left no-repeat;}
	div#primaryFooter ul li#rules h4 {background:url(images/icon9rules.jpg) left no-repeat;}
	div#primaryFooter ul li#devLounge h4 {background:url(images/iconLounge.jpg) left no-repeat;}
	/*div#primaryFooter ul li#w3c h4 {background:url(images/iconW3C.jpg) left no-repeat;}*/
	div#primaryFooter ul li#cssBased h4 {background:url(images/iconCSS.jpg) left no-repeat;}
	
	div#primaryFooter ul li#uniquecss h4 {background:url(images/iconUnique.jpg) left no-repeat;}
	div#primaryFooter ul li#signals h4 {background:url(images/icon37.jpg) left no-repeat;}
	div#primaryFooter ul li#vitamin h4 {background:url(images/iconVitamin.jpg) left no-repeat;}
	
	
	div#primaryFooter h4 a:link, div#primaryFooter h4 a:visited, div#primaryFooter h4 a:active {
		color:#FFF;
		text-decoration:none;
	}
	div#primaryFooter h4 a:hover {color:#FCC215;}
	
	div.rssArticle h4 {
		color:#666;
		font-family:Georgia;
		font-size:1.2em;
		font-style:italic;
		line-height:150%;
		padding-bottom:7px;
	}
	div.rssArticle h4 a:link, div.rssArticle h4 a:visited, div.rssArticle h4 a:active {
		color:#333;
		display:block;
		font-family:Tahoma;
		font-size:1.3em;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
	}
	div.rssArticle h4 a:hover {color:#666;}

h5 {}
	h5#respond {
		color:#333;
		font-size:1.2em;
		font-weight:bold;
		padding:50px 0 0 0;
		text-transform:uppercase;
	}




/*
	-HEADER STRUCTURE
	------------------------
*/

div#header {
	background:url(images/one.jpg) bottom repeat-x;
	margin:0 auto;
	padding:0 0 38px 0;
	text-align:left;
}
div#headerImageWrap {
	float:left;
	width:508px;
}
div#headerLogos {
	height:120px;
	width:508px;
}
div#headerLogosText {
	clear:left;
	width:508px;
}
div#insideHeaderWrap {padding:10px 0 0 0;}
div#headerContent {
	margin:0 auto;
	padding:0px 0 0 0;
	width:960px;
}
div#headerImage {
	float:right;
	width:386px;
}
div.helpPage {
	background:url(images/headerImage4.jpg) bottom right no-repeat;
	height:305px;
}
div#headerImage p {
	clear:right;
	float:right;
	margin-top:30px;
}
div#headerImage p a:link, div#headerImage p a:visited, div#headerImage p a:link {
	background:#F6A328;
	color:#FFF;
	display:block;
	font-weight:bold;
	padding:4px 6px 4px 6px;
	text-decoration:none;
}
div#headerImage p a:hover {
	background:#333;
}


div#header ul {clear:right;float:right;}
div#header ul li {
	background:url(images/primaryHeaderListItem.jpg) no-repeat;
	display:inline;
	padding:0 5px 0 10px;
	text-align:right;
}
div#header ul li a:link, div#header ul li a:visited, div#header ul li a:active {
	color:#333;
	text-decoration:none;
}
div#header ul li#contact {padding-right:0;}
div#header ul li#help, div#header ul li#login {background-image:none;}

/*
	-SUB HEADER STRUCTURE
	------------------------
*/
div#primarySubHeaderWrap {background:#FFF url(images/primarySubHeaderBackground.jpg) left top repeat-x;}
div#primarySubHeaderWrap2 {
	background:#FFF url(images/primarySubHeaderBackground2.jpg) left bottom repeat-x;
	height:45px;
}
div#primarySubHeader {
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:left;
	width:960px;
}
div#primarySubHeaderLeft {
	float:left;
	width:553px;
}
div#primarySubHeaderRight {
	float:right;
	width:376px;
}

/*
	-PRIMARY CONTENT STRUCTURE
	------------------------
*/

div#primaryContentWrap {background:#FFF url(images/primaryContentBackgroundRepeat.jpg) left bottom repeat-x;}
div#mainContent {
	background:url(images/primaryContentBackground.jpg) bottom no-repeat;
	margin:0 auto;
	padding-bottom:242px;
	text-align:left;
	width:960px;
}
div#primaryContent {
	float:left;
	width:719px;
}
div#secondaryContent {
	float:right;
	width:187px;
}



/*
	-PRIMARY FOOTER
	------------------------
*/
div#primaryFooterWrap {
	background:#6B4F2E;
	margin-bottom:128px;
	padding:25px 0 25px 0;
	text-align:left;
}
div#primaryFooter {
	margin:0 auto;
	width:960px;
}
div.footerColumn {
	float:left;
	margin-right:30px;
	width:206px;
}
div.footerColumn ul li {
	background:url(images/footerListBackground.jpg) left bottom repeat-x;
	margin:15px 0 15px 0;
	padding:0 0 15px 0;
}
div.footerColumn ul li.noImage {background-image:none;}
div.footerColumn ul li span a:link, div.footerColumn ul li span a:visited, div.footerColumn ul li span a:active {
	border-bottom:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
}
div.footerColumn ul li span a:hover {
	border-bottom:0;
	color:#FCC215;
}
div.footerColumn ul li span {
	color:#FFF;
	display:block;
	font-size:0.9em;
	padding:5px 0 0 26px;
}
div.footerColumn ul li#resourceGalleries{
	margin-right:0;
}

/*
	-PRIMARY CONTENT
	------------------------
*/
div.homeSteps {
	border-bottom:5px solid #E8E8E8;
	float:left;
	margin-right:18px;
	padding-bottom:15px;
	width:166px;
}
div.homeSteps p {color:#666;}
div#stepDownload,div#needHire {margin-right:0;}

div#introMoreContent {
	clear:both;
	padding:20px 0 0 0;
}
div.moreContentBox {
	background:url(images/moreBackground.jpg) bottom no-repeat;
	border:1px solid #A1D2DE;
	float:left;
	margin-right:18px;
	padding-bottom:10px;
	width:225px;
}
div.moreContentBox p, div.moreContentBox ul {padding:10px;}
div#needQuotes p {
	color:#666;
	font-weight:bold;
	text-align:center;
}
div#needQuotes img, div#needHire img {
	display:block;
	margin:0 auto;
	text-align:center;
}
div#needQuotes img {padding:25px 0 25px 0;}
div#needHire img {padding:15px 0 5px 0;}



/*
	-SECONDARY CONTENT
	------------------------
*/
div#secondaryblueSticky {
	background:#ECF8F9 url(images/blueFold.jpg) top right no-repeat;
	border-left:1px solid #B3D1DB;
	border-bottom:1px solid #B3D1DB;
	margin:20px 0 30px 0;
	width:185px;
}
div#blueStickyContent {
	border-right:1px solid #B3D1DB;
	padding:0 0 15px 15px;
}
div#blueStickyContent p span {
	margin-left:10px;
}
div#blueStickyContent p span a:link, div#blueStickyContent p span a:visited, div#blueStickyContent p span a:active {
	background:#4BC7F4;
	color:#FFF;
	padding:3px 6px 3px 6px;
	text-decoration:none;
}
div#blueStickyContent p {padding-bottom:10px;}
div#blueStickyContent p span a:hover {color:#333;}
div.secondaryYellowSticky {
	background:#FBFDE7 url(images/yellowFold.jpg) top right no-repeat;
	border-left:1px solid #DADE94;
	border-bottom:1px solid #DADE94;
	margin-bottom:30px;
	width:185px;
}
div.yellowStickyContent {
	border-right:1px solid #DADE94;
	color:#666;
	padding:0 0 15px 10px;
}
div.yellowStickyContent ul li {line-height:150%;}
div.yellowStickyContent a:link, div.yellowStickyContent a:visited, div.yellowStickyContent a:active {
	border-bottom:1px solid #666;
	color:#666;
	text-decoration:none;
}

div#archiveListing a {border-bottom:0;}

div.yellowStickyContent a:hover {
	background:#DADE94;
	border-bottom:1px solid #DADE94;
	color:#666;
}


div.rssArticle {
	padding:10px 0 20px 0;
}
div.rssArticle p {
	color:#666;
	padding-bottom:10px;
}
div.rssArticle p a:link, div.rssArticle p a:visited, div.rssArticle p a:active {
	border-bottom:1px solid #666;
	color:#666;
	text-decoration:none;
}
div.rssArticle p a:hover {
	background:#666;
	color:#FFF;
}
div.rssArticle span {margin-top:30px;}



/*
	CUSTOM STYLES
	-------------------
*/
div.clearAll {clear:both;}
div.clearRight {clear:right;}
div.clearLeft {clear:left;}
div.whiteSpaceWrap {background:#FFF;} /*ADD WHITE BACKGROUND AROUND PAGE STRUCTRING*/
.right {float:right;}
.left {float:left;}
.largeType {font-size:1.6em;}
.mediumType {font-size:1.3em;}

.rssReadMore a:link, .rssReadMore a:visited, .rssReadMore a:active{
	background:#E7E5B2;
	border-bottom:0;
	color:#333;
	font-weight:bold;
	padding:4px 6px 4px 6px;
	text-decoration:none;
}
.rssReadMore a:hover {
	background:#333;
	color:#E7E5B2;
}
ul.arrowList {}
	ul.arrowList li {
		background:url(images/listArrow.gif) left no-repeat;
		color:#666;
		float:left;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:0 0 0 15px;
		width:85px;
	}

/*
	-BLOG POSTS
	-------------------
*/
ul#blogCategories li {
	color:#666;
	font-size:1.1em;
}
ul#blogCategories li a:link,ul#blogCategories li a:visited, ul#blogCategories li a:active {
	border-bottom:0;
	color:#333;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
}
div.post {
	background:url(images/postBackground.jpg) bottom no-repeat;
	margin:25px 0 45px 0;
	padding-bottom:100px;
}
div.postDetails {
	float:right;
	width:470px;
}
div.entry p {
	color:#666;
	line-height:150%;
	padding:5px 0 10px 0;
}
div.entry a:link, div.entry a:visited, div.entry a:active {
	border-bottom:1px solid #BBB;
	color:#666;
	text-decoration:none;
}
div.entry a:hover {
	background:#BBB;
	color:#FFF;
}


ul.postMeta {padding:3px 0 20px 0;}
ul.postMeta li {
	color:#333;
	font-weight:bold;
}
ul.postMeta li a:link, ul.postMeta li a:visited, ul.postMeta li a:active {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
ul.postMeta li a:hover {color:#666;}
div.postNavigation ul li {
	display:inline;
	padding:0 20px 0 0;
}
div.postNavigation ul li a:link, div.postNavigation ul li a:visited, div.postNavigation ul li a:active {
	border-bottom:1px solid #333;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
div.postNavigation ul li a:hover {
	border-bottom:0;
	color:#666;
}



/*
	COMMENTS
	------------------------------------------------------------------------
*/

div.comment {
	background:#FBFDE7;
	clear:left;
	margin:0 0 25px 0;
	padding:15px;
}
div.comment img.author-img {
	border:1px solid #729999;
	float:left;
	padding:3px;
}
div.comment ul.comment-info {
	margin:0 0 10px 65px;
	padding-top:2px;
}
div.comment ul.comment-info li a:link, div.comment ul.comment-info li a:visited, div.comment ul.comment-info li a:active {	
	border-bottom:1px solid #DDD;
	color:#333;
	text-decoration:none;
}
form#commentform p {color:#666;}
form#commentform p a:link, form#commentform p a:visited, form#commentform p a:active {
	border-bottom:1px solid #DDD;
	color:#666;
	text-decoration:none;
}
div.comment ul.comment-info li a:hover, div.comment p a:hover {
	border-bottom:0;
	text-decoration:line-through;
}
div.comment ul.comment-info li.author {color:#333;}
div.comment ul.comment-info li span.moderation {
	background:#FF0000;
	color:#FFF;
	padding:4px 0 4px 0;
}
div.comment p {
	color:#666;
	font-family:Georgia;
	font-style:italic;
	margin:0 0 10px 65px;
}
div.comment p a:link, div.comment p a:visited, div.comment p a:active {
	background:#F6F3DA;
	border-bottom:1px solid #F6F3DA;
	color:#729999;
	text-decoration:none;
}
div.comment p a:hover, form#commentform p a:hover {
	background:#FFF;
	border-bottom:0;
	color:#BBB;
}



/*
	COMMENTS FORM
	------------------------------------------------------------------------
*/
form#commentform {margin:0 0 50px 0;}
form#commentform p {margin-bottom:20px;}
form#commentform input#author {margin:20px 0 0 0;}
form#commentform input, form#commentform textarea {
	background:#FBFBFB;
	border:1px solid #F6F2A0;
	font-size:180%;
	font-weight:bold;
	padding:8px;
}
form#commentform input {
	width:58%;
	padding:8px;
}
form#commentform textarea {width:90%;}
form#commentform .input:focus, form#commentform textarea:focus {
	background:#FFF;
	border:1px solid #444;
}