@charset "utf-8";
/* CSS Document */

/* Default Tags */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #8b7d52;
}

hr {	
        color: #2a251b;
}

p {
	margin: 0px;
	padding: 0px;
}
/* Titlu Articol */
h1 {
	font-family: Helvetica, Arial, Calibri, sans-serif;
	font-size: 24px;
	color: #d68d11;
	margin-top:0px;
	margin-bottom:10px;
        line-height: 1;
}
.hiddenPic {
	display:none;
}
/* Posted by text */
.postInfo {
	background-color: #2a251b;
	height:1.5em;
	margin-right: 10px;
}
h4 {
	font-size:10px;
	color:#5D917D;	
	font-style:italic;
	font-weight:normal;
	margin: 0px;
	padding-left: 5px;	
}
.floatRight {
	float:right;
	padding-right:5px;
}
.floatLeft {
	float:left;
	padding-right:5px;
}
.clearer {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
}
h1 a {
	font-family: Times New Roman , Times, serif;
	font-size: 34px;
	color: #A8AD80;
	font-weight:normal;
	
}

a {
	color: #5D917D;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* DVision Style */
#contest_logo {
	width: 115px;
	height: 115px;
	background-image: url(images/thecssawards_mention2_flipped.png);
	position: absolute;
	top: 0px;
	left: 0px;
}
#contest_logo:hover {
	background-image: url(images/thecssawards_mention2_flipped_overlay.png);
}
#main {
	width: 1009px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#main .clearer {
	clear: both;
	height: 10px;
}

#main #header {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#main #header #headerLogo {
	height: 120px;
}
#main #header #headerLogo #logo {
	background-image: url(images/layout_03.png);
	height: 120px;
	float: left;
	width: 756px;
}
#main #header #headerLogo #logo:hover {
	background-image: url(images/layout_overlay_03.png);
}
#main #header #headerLogo #rss {
	background-image: url(images/layout_04.png);
	height: 120px;
	float: left;
	width: 72px;
}
#main #header #headerLogo #rss:hover {
	background-image: url(images/layout_overlay_04.png);
}
#main #header #headerLogo #twitter {
	background-image: url(images/layout_05.png);
	float: left;
	height: 120px;
	width: 86px;
}
#main #header #headerLogo #twitter:hover {
	background-image: url(images/layout_overlay_05.png);
}
#main #header #headerLogo #mail {
	background-image: url(images/layout_06.png);
	float: left;
	height: 120px;
	width: 75px;
}
#main #header #headerLogo #mail:hover {
	background-image: url(images/layout_overlay_06.png);
}
#main #header #headerLogo #headerEnd {
	background-image: url(images/layout_07.png); 
	height: 120px;
	width: 20px;
	float: left;
}
#clearFloat {
	clear: both;
}
#main #header #headerProper {
	height: 468px;
	width: 1009px;
}
#main #header #headerProper #headerProperLeft {
	float: left;
	height: 387px;
	width: 388px;
}
#main #header #headerProper #headerProperLeft #headerProperPictures {
	background-image: url(images/menuLayout_09.png);
	height: 152px;
	width: 388px;
}
#main #header #headerProper #headerProperLeft #headerProperDisplay {
	background-image: url(images/menuLayout_12.png);
	height: 235px;
	width: 388px;
}
#main #header #headerProper #headerProperLeft #headerProperDisplay:hover {
	background-image: url(images/layout_overlay_12.png);
} 
#main #header #headerProper #headerProprerCenter {
	float: left;
	height: 387px;
	width: 262px;
	background-image: url(images/menuLayout_10.png);
}
#main #header #headerProper #headerProprerCenter:hover {
	background-image: url(images/layout_overlay_10.png);
}
#main #header #headerProper #headerProperRight {
	height: 387px;
	width: 359px;
	float: left;
}
#main #header #headerProper #headerProperRight #headerProperIcons {
	background-image: url(images/menuLayout_11.png);
	height: 257px;
	width: 359px;
}
#main #header #headerProper #headerProperRight #headerProperIcons:hover {
	background-image: url(images/layout_overlay_11.png);
}
#main #header #headerProper #headerProperRight #headerProperWall {
	background-image: url(images/menuLayout_13.png);
	height: 130px;
	width: 359px;
}
#main #header #headerProper #headerProperRight #headerProperWall:hover {
	background-image: url(images/layout_overlay_13.png);
}
#main #header #headerProper #headerProperBottom #headerProperBottomLeft {
	background-image: url(images/menuLayout_14.png);
	float: left;
	height: 81px;
	width: 650px;
}
#main #header #headerProper #headerProperBottom #headerProperBottomLeft:hover {
	background-image: url(images/layout_overlay_14.png);
}
#main #header #headerProper #headerProperBottom #headerProperBottomRight {
	background-image: url(images/menuLayout_15.png);
	float: left;
	height: 81px;
	width: 359px;
}
#main #header #headerProper #headerProperBottom #headerProperBottomRight:hover {
	background-image: url(images/layout_overlay_15.png);
}
#main #header #headerProper #headerProperBottom {
	height: 81px;
	width: 1009px;
	clear: both;
}

#main #header #headerBottom {
	background-image: url(images/layout_10.png);
	height: 32px;
	width: 1009px;
}
#main #content {
	background-image: url(images/layout_11.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}
#main #content #articles {
	float: left;
	width: 679px;
        padding-top: 10px;
}
#main #content #articles .article{
	margin-left: 60px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	line-height: 1.5em;
}
#main #content #articles .navigation{
	margin-left: 60px;
}
#main #content #sidebar{	
   float: right;
   width: 300px;
   margin-right: 20px;
   padding-left: 10px;
   font-size: 11px;
   background-color:#2a251b;
   height: 100%;
   overflow: hidden;
   margin-bottom: -20000px;
   padding-bottom: 20000px;
}
#main #content .clearer {
	clear: both;
}


#main #footer #footerTop {
	background-image: url(images/layout_13.png);
	height: 25px;
	width: 1009px;
}
#main #footer #footerContent {
	background-image: url(images/layout_15.png);
	width: 1009px;
	background-repeat: repeat-y;
	background-position: left top;
	color: #FFF;
	padding-left: 70px;
	padding-right: 70px;
}
#main #footer #footerContent #twitter_div {
	width: 414px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

#main #footer #footerContent #twitter_div #twitter_update_list li {
	list-style-type:none;	
	background-image:url(images/twitterBullet.png);
	background-repeat:no-repeat;
    background-position: left top;
	padding-left:45px;
	margin-bottom: 10px;
	min-height:40px;
	font-size: 10px;
}



#main #footer #footerContent #footerPage {
	width: 414px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

#main #footer #footerContent #footerPage li {
	list-style:none;
	background-image:url(images/iBullet.png);
	background-repeat:no-repeat;
    background-position: left top;
	padding-left:25px;
	margin-bottom: 10px;
	min-height:20px;	
}

#main #footer #footerSpotlight {
	background-image: url(images/layout_16.png);
	height: 71px;
	width: 1009px;
}

#main #footer #footerBotom {
	background-image: url(images/layout_17.png);
	height: 25px;
	width: 1009px;
}

/* WP */
blockquote{margin:20px 20px 0 20px;border-left:4px solid #DDD;padding:0 5px 0 5px;width:92%;font-size:9px;text-align:justify;}
.commenttext blockquote{border-left:4px solid #B6B6B5;}
.wp-caption {
    border:1px solid #2A251B;
    text-align:center;
    background-color:#2A251B; 
    padding-top: 4px;   
}
.wp-caption img{border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#5D917D;margin:0;padding:0 4px 5px;}
.alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright,img.alignright{float:right;margin:5px 0 5px 10px;}
.aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;}