/* DEFAULT CSS
-------------------------------------------------------------- */


/* Global Styles
-------------------------------------------------------------- */

html { }
body { margin: 0; padding: 0; font: 90% Arial, sans-serif; text-align: center; background-image: url(../i/background.gif); background-repeat: repeat-x; }
.hE, legend { width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0; }
h1, h2, h3, h4, h5 { font-family: Georgia; margin: 0 0 0.15em; padding: 0; }
h1 { font-weight: normal; font-size: 1.6em; color: #000; font-style:italic; /*text-shadow: 1px 2px 3px #999; */}
h2 { font-weight: normal; font-size: 1em; color: #000; }
.sectionHeader { font-family: Georgia; margin-bottom: 0.15em; }
h3 { font-weight: normal; font-size: 1em; color: #333; }
h4 {  }
h5 { font-family: Arial; font-weight: normal; font-size: 0.9em; color: #999; margin-bottom: 0.5em; }
p { color: #666; margin: 0 0 0.75em; line-height: 1.4em; }
a:link { color:#900; text-decoration:none; }
a:active { color:#c00; text-decoration: none; }
a:hover { color:#c00; text-decoration: none; }
a:visited { color:#900; text-decoration:none; }


/* Container
-------------------------------------------------------------- */
#container { width: 980px; margin-right: auto; margin-left: auto; text-align: left; padding: 0; }


/* Header
-------------------------------------------------------------- */
#header { width: 980px; height: 120px; float: left; clear: both; }
#logo { margin: 15px 0 0 2px; padding: 0; float: left; width: 395px; height: 40px; }
#search { margin-top: 17px; float: right; width: 276px; height: 28px; background: #660000; clear: right; padding: 5px 0 0 5px; }

/* Forms
-------------------------------------------------------------- */
form { margin: 0; padding: 0 0 1em 0; clear: both; }
fieldset { border: 0px dotted #ff0; padding:0; margin:0; clear:both; float:left; }
	fieldset p { margin:0.75em 0; clear:both; }
	fieldset div { padding-top:3px; clear:both; }
	#container label { display:block; margin-right:4px; padding:3px 0; float:left; }
	input, textarea { border:1px solid #999; padding:2px 3px; float:left; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
	textarea { height:100px; font:1em Arial, Helvetica, Verdana, sans-serif; }
	#container .imageInput { width:auto; border:0; right:4px; margin:0.4em 0 0.5em 0; padding:0; float:right; clear:both;border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px; }

.searchField { width: 195px; height: 17px; border: 0px solid #fff; margin: 0; padding: 2px 2px 4px 5px; background: #fff; color: #666; border: 1px solid #999; font-family: Georgia; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
#searchbutton { margin: 0; background: url(../i/buttonSearch.png) no-repeat scroll 0 center; border: medium none; width: 66px; height: 23px; font-weight: normal; cursor: pointer; font-size: 0.9em; color: #fff; font-family: Georgia; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

#menu { width: 830px; height: 60px; border: 0px dotted #fff; margin: 0; padding: 0; clear:both; background: transparent; float: left; }  
	#menu ul { background: transparent; float: left; margin: 14px 0 0 7px; padding: 0; }   
		#menu li { background: transparent; width: 111px; border: 0px dotted #ff0; float: left; font-size: 1.3em; margin: 0; padding: 0; font-family: Georgia; list-style-type: none; }
		#menu a { background: transparent; color: #fff; display: block; padding: 0.2em 0.3em 0.2em; text-decoration: none; }
		#menu .active { background: #0f0; color: #1C192E; font-style: italic; display: block; }
		#menu a:hover { border: 0px dotted #f60; text-decoration: none; height: 51px; color: #fff; display: block; background-image: url(../i/menuActive.png); background-repeat: no-repeat; background-position: 0 0; }
		#menu a:active { text-decoration: none; color: #fff; display: block; background-image: url(../i/menuActive.png); }
		#menu .selected { width: 100px; border: 0px dotted #f60; text-decoration: none; height: 51px; color: #000; display: block; background-image:  url(../i/menuHover.png); background-repeat: no-repeat; background-position: 0 0; padding: 0.2em 0.3em 0.2em; }

		#social .tools2 { width: 130px; clear: both; height: 25px; margin-top:-2.7em; float: right; }
      	#social .tools2 li { background-image:none; background-position:100% 50%; float: right; list-style-type: none; padding-top: 3px; }
         	#social .tools2 a { border:0; padding:0.1em 0.6em; }
				#social .tools2 .iconEmail a { width: 16px; height: 16px; display: block; margin: 1px 0 0 0.6em; padding: 0; background-image: url(../i/iconEmail.png); }
				#social .tools2 .iconFacebook a { width: 16px; height: 16px; display: block; margin: 1px 0 0 0.6em; padding: 0; background-image: url(../i/iconFacebook.png); }
				#social .tools2 .iconTwitter a { width: 16px; height: 16px; display: block; margin: 1px 0 0 0.6em; padding: 0; background-image: url(../i/iconTwitter.png); }
				#social .tools2 .iconLinkedIn a { width: 16px; height: 16px; display: block; margin: 1px 0 0 0.6em; padding: 0; background-image: url(../i/iconLinkedIn.png); }
				#social .tools2 .iconSkype a { width: 16px; height: 16px; display: block; margin: 1px 0 0 0.6em; padding: 0; background-image: url(../i/iconSkype.png); }
            #social .tools2 a:link, #container #social .tools2 a:visited { background-color:transparent; color:#fff; text-decoration:none; }
            #social .tools2 a:hover { color:#fff; text-decoration:underline; }
				#social .tools2 a:active { color:#eee; text-decoration:underline; }


/* Content
-------------------------------------------------------------- */
#content { width: 980px; float: left; clear: both; background: #fff; padding: 1em 0 2em; }

#content a:link { color:#900; text-decoration:none; border-bottom: 1px dotted #900; }
#content a:active { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#content a:hover { color:#c00; text-decoration: none; border-bottom: 1px solid #c00; }
#content a:visited { color:#900; text-decoration:none; }

/*#content a:link { color:#900; text-decoration:none; border-bottom: 1px dotted #900; }
#content a:active { color:#666; text-decoration: none; border-bottom: 0; }
#content a:hover { color:#333; text-decoration: none; border-bottom: 1px solid #333; background: #333; color: #fff; }
#content a:visited { color:#000; text-decoration:none; }*/

.caption { color: #666; margin-bottom: 1.5em; font-size: 0.9em; float: none; clear: both; }

#leftColumn { font-size: 1em; padding: 0.5em 0 0; width: 316px; margin-right: 16px; float: left; background: #fff; }
#middleColumn { font-size: 1em; padding: 0.5em 0 0; width: 316px; margin-right: 16px; float: left; background: #fff; }
#rightColumn { padding: 0.5em 0 0; width: 316px; float: left; background: #fff; }
.whatsNew { width: 100%; clear: both; float: left; margin: 0; padding: 0; }

#content img { border: 12px solid #ccc; float:left; margin: 0px 12px 12px 0px; padding: 3px; float: left; }
	#content a img { border: 12px solid #ccc; }
	#content a:link img, #content a:visited img { border: 12px solid #ccc; }
	#content a:hover img { border: 12px solid #c00; }
	#content a:active img { border: 12px solid #900; }

#content ul { margin: 0 0 1em; padding: 0; border: 0px dotted #c00;}
	#content li { list-style-image:url(../i/bullet.png); margin: 0.15em 0 0 1.25em; padding: 0; border: 0px dotted #f60; color: #666; line-height: 1.4em; }

.back { border: 1px dotted #666; padding: 6px; width: 215px; background: #ffc; margin-top: 2em; }

#adsense { clear: both; margin-top:0.75em; }
#adsenseLeft { float: left; margin:3px 12px 6px 0;}
#advertisement { font-size: 0.8em; color: #999; letter-spacing: 2px; margin: 2em 0 0.75em; clear: both; }


/* Footer
-------------------------------------------------------------- */
#footer { float: left; width: 100%; background: #333; text-align: left; color: #ccc; font-family: Georgia; font-size: 0.75em; margin: 0; padding: 0; }
	.footerContent { width: 980px; margin-right: auto; margin-left: auto; }

#footer a:link { color:#999; text-decoration:none; }
#footer a:active { color:#bbb; text-decoration:none; }
#footer a:visited { color:#ccc; text-decoration:none; }
#footer a:hover { color:#bbb; text-decoration:none; }

#footerTop {
	text-align: center;
	border: 0px dotted #f60;
	margin: 0;
	padding: 0;
	background: #fff;
	height: 65px;
	background-image: url(../i/footerBottom.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#footerTop img {
	margin: 0; padding: 0; float: none; text-align: center;
}

#footerAds { background: #666; float: left; width: 100%; padding: 2em 0; }
	#footerAds #adsense { margin: 0 0 0 15px; width: 500px; border: 1px dotted #ff0; }

#footerLeft .heading, #footerMiddle .heading, #footerRight .heading { font-size: 1.2em; margin: 0.75em 0 0; padding: 0 10px 0 0; line-height: 1.5em; list-style-type: none; font-weight: bold; border-bottom: 1px dotted #999; padding: 0 0 0.75em 0.5em; color: #c00; }

#footerLeft { font-size: 1em; padding: 1em 0 2em; width: 310px; margin-right: 10px; float: left; padding-right: 10px; }
	#footerLeft ul { margin:0.5em 0 0em; padding: 0; }
		#footerLeft li { margin: 0; padding: 0; line-height: 1.5em; list-style-type: none; }
		#footerLeft li a { display: block; margin: 0; line-height: 1.5em; list-style-type: none; border-bottom: 1px dotted #999; padding: 0.75em 0 0.75em 0.5em; }
		#footerLeft li a:hover { background: #222; color: #fff; }
			#footerLeft .resources a { padding-left: 30px; background-position:4px 0.4em;}
			#footerLeft .resources span { font-style: italic; }
			#footerLeft #cssPlay a { background-image: url(../i/iconCssPlay.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerLeft #iStockphoto a { background-image: url(../i/iconiStockphoto.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerLeft #speckyBoy a { background-image: url(../i/iconSpeckyBoy.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerLeft #seomoz a { background-image: url(../i/iconSeoMoz.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerLeft #mashable a { background-image: url(../i/iconMashable.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }

#footerMiddle { font-size: 1em; padding: 1em 0 2em; width: 310px; margin-right: 10px; float: left; padding-right: 10px; }
	#footerMiddle ul { margin:0.5em 0 0em; padding: 0; }
		#footerMiddle li { margin: 0; padding: 0; line-height: 1.5em; list-style-type: none; }
		#footerMiddle li a { display: block; margin: 0; line-height: 1.5em; list-style-type: none; border-bottom: 1px dotted #999; padding: 0.75em 0 0.75em 0.5em;  }
		#footerMiddle li a:hover { background: #222; color: #fff; }
			#footerMiddle .resources a { padding-left: 30px; background-position:4px 0.4em;}
			#footerMiddle .resources span { font-style: italic; }
			#footerMiddle #aListApart a { background-image: url(../i/iconListApart.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerMiddle #smashingMagazine a { background-image: url(../i/iconSmashingMagazine.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerMiddle #coolhomepages a { background-image: url(../i/iconCoolhomepages.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerMiddle #killersites a { background-image: url(../i/iconKillersites.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerMiddle #impressive a { background-image: url(../i/iconImpressive.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }

#footerRight { padding: 1em 0 2em; width: 320px; float: left; }
	#footerRight ul { margin:0.5em 0 0em; padding: 0; }
		#footerRight li { margin: 0; padding: 0; line-height: 1.5em; list-style-type: none; }
		#footerRight li a { display: block; margin: 0; line-height: 1.5em; list-style-type: none; border-bottom: 1px dotted #999; padding: 0.75em 0 0.75em 0.5em; }
		#footerRight li a:hover { background: #222; color: #fff; }
			#footerRight #profiles a { padding-left: 30px; background-position:4px 0.4em;}
			#footerRight #facebookProfile a { background-image: url(../i/iconFacebook.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerRight #twitterProfile a { background-image: url(../i/iconTwitter.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerRight #linkedInProfile a { background-image: url(../i/iconLinkedIn.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerRight #emailProfile a { background-image: url(../i/iconEmail.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }
			#footerRight #skypeProfile a { background-image: url(../i/iconSkype.png); background-repeat: no-repeat; background-position: 0.5em 0.75em; }

#footerNav { background: #111; float: left; width: 100%; padding: 1em 0 1.5em; }
	#footerNav ul { margin:0; padding: 0; }
		#footerNav li { margin: 0.5em 0; float: left; list-style-type: none; margin-right: 1em; display: block; }
		#footerNav a { color:#fff; padding:0.3em 0 0.5em; text-decoration: none; }
		#footerNav a:hover { text-decoration: underline; }
			#footerNav #footerLinks { float: left; width: 520px;   }
			#footerNav #copyright { padding-top: 0.5em; text-align: right; float: right; width: 400px; }