/*
Author: Themato Web
*/


/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	margin:0;
	font-family: "lemonde-sans-1","lemonde-sans-2", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	letter-spacing: 1px;
	background-color: #fff;
	background: url('moodle/theme/nave-theme/images/gradients/block_black.png') repeat-x top center;	
}

#container {
	padding:30px 0px 0 30px;
	width:1080px;
	text-align:left;
	height: 100%;
}

img {
	border:0;
	text-decoration:none;
}


.clear {
	clear:both;
}


/* Typography */

a {
	color:#658d5b;
	text-decoration: none;
}

a:hover {
	color:#8eaa87;
}

a:active, a:focus { 
position : relative; 
top : 1px; 
}

h1 {
	text-decoration:none;
	border:0;
	width : 260px;
	height : 50px;
	margin : 0;
	padding : 0;
	/*background : url('/wp-content/themes/designshack/images/logo_v2.png') no-repeat 0 0;*/
}

h1 a {
display : block;
height : 113px;
text-indent : -9999px;
}

h1 a:hover {
border:0;
}

.subtitle {
	border:0;
	width : 260px;
	height : 60px;
	margin : 0;
	padding : 0 10px 0 0;
	font-size: 14px;
	font-weight: normal;
	background : none;
	color: #657d53;
}

h2 {
		margin-bottom: 20px;

}

h2, h2 a {

	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #6c4d2b;
	font-weight: normal;
	padding:0;
	float: left;
	border-bottom: 1px solid #fff;
}

h2 a:hover {
	color: #baa28b;
}


h3 {
	color:#573c22;
	font-size:24px;
	padding:0;
	margin:0 0 10px 0;
	line-height:35px;
	font-weight: normal;
	font-family: "lemonde-sans-1","lemonde-sans-2", Helvetica, Arial, sans-serif;
}

h3 a {
	color:#658d5b;
	text-decoration: none;
}

h3 a:hover {
	color:#8eaa87;
}



p.about {
	margin:0 10px 0 0;
	color: #878787;
	font-size: 11px;
	line-height: 18px;
}

p.author, .entry_single p.author {
	margin:0 10px 12px 0;
	color: #333;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: "lemonde-sans-1","lemonde-sans-2", Helvetica, Arial, sans-serif;
}

p.author span {
	text-transform: lowercase;
}


.gallerypages a, .gallerypages b  {
background-color: #f9f9f9;
text-decoration: none;
padding:2px;
line-height: 16px;
width: 20px;
display: block;
float: left;
margin: 0 5px 5px 0;
font-size: 10px;
text-align: center;
color: #555;
}

.gallerypages a:hover, .gallerypages b {
background-color: #9b8b72;
font-weight: normal;
border:0;
color: white;
}

.bignextarrow, .bignextarrow:hover {
font-size: 100px;
position: absolute;
top :235px;
left: 1020px;
border-bottom:0;
padding: 10px;
line-height: 45px;
}

.bignextarrow:hover {
background-color: #edeae5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.bigprevarrow, .bigprevarrow:hover {
font-size: 100px;
position: absolute;
top :360px;
left: 1020px;
color: #ccc;
border-bottom:0;
padding: 10px;
line-height: 45px;
}

.bigprevarrow:hover {
background-color: #edeae5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.rss, #middleCol2 .rss {
background-color: #cbb7a6;
padding: 0px 5px 1px 5px;
color: #553c24;
text-decoration: none;
margin:0;
line-height: 22px;
height: 19px;
display: block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-bottom: 5px;
width: 183px;

}
.twitter, #middleCol2 .twitter {
background-color: #b4d6e7;
padding: 0px 5px 1px 5px;
color: #4e7b92;
text-decoration: none;
margin:0;
line-height: 22px;
height: 19px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
width: 183px;
}

.rss:hover, #middleCol2 .rss:hover {
background-color: #d9cdc2;
text-decoration: none;
color: #553c24;
border:0;
}



.twitter:hover, #middleCol2 .twitter:hover {
background-color: #d4e6ef;
text-decoration: none;
color: #4e7b92;
border:0;
}

.communityout {
font-size: 18px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #f1f1f1;
padding: 6px 6px 4px 6px;
}

.communityout:hover {
background-color: #89ab81;
text-decoration: none;
color: #fff;
border:0;
}

.connect {
width: 259px; padding-left: 0px; padding-right: 21px; padding-bottom:0px;
}

.connect_post {
background-color: white; width: 339px; padding-right: 21px; padding-bottom:0px;
}

.connect_post_single {
background-color: white; width: 522px; padding-right: 21px; padding-bottom:0px;
}


.tutorialimage {
border:5px solid #e6e6e6;
margin-bottom: 20px;
width: 510px;
}

.tutorialimage:hover {
border:5px solid #efefef;
-o-transition-duration: .33s;
-o-transition-property: border, color, opacity, -moz-opacity;
-webkit-transition-duration: .33s;
-webkit-transition-property: border, color, opacity, -moz-opacity;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.roundup .alignright {
width: 150px;
}

.roundup img {
width: 150px;
height:150px;
float:right;
display:block;
margin: 50px 0 0 15px;
border:2px solid #ccc;
}

.roundup .alignright .wp-caption-text {
background-color: #f7f7f7;
padding: 10px;
width: 130px;
font-size: 11px;
line-height: 14px;
font-family: Verdana;
margin:0;

}

.roundup {
width: 520px;
}


/* Header Links */

#header {
	background: #6e835e;
	background: #BAB388;
	font: bold 10px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom:1;
/**/
	border-bottom:1px solid #d2d8ca;
}
#header-wrap {
	line-height: 19px;
	margin: 0px 0 0 45px;
	padding: 8px 0 8px 0;
	overflow: hidden;
	width: 1038px;
}
	#header a {
		display: block;
		color: #cddbc3;
		color: #333;
		text-transform: uppercase;
	}
	#header a:hover {
		color: #fff;
		color: #666;
		border:0;
	}
	#header a:active {
		color: #fff;
		color: #666;
		opacity: 1;
		position: relative;
		top: 1px;
	}
	#header ul {
		float: left;
		list-style: none;
		margin: 0;
	}
	#header ul li {
		float: left;
		margin-right: 1.5em;
	}
	#header p, #header form {
		float: right;
		margin: -1px 0 0 0;
		text-align: right;
		width: 250px
	}



/* Gallery Columns */

#galcol1 {float: left; width: 372px; margin-right: 10px; border-right: 1px solid #e6e6e6; height: 70px;}

#galcol1 a img {display:inline;}

#galcol2 {float: left; width: 142px; margin-right: 10px; border-right: 1px solid #e6e6e6; height: 70px;}

#galcol2 a img {display:inline;}

#galcol3 {float: left; width: 180px;}

#galcol3 .categories {
 font-size: 11px;
}



/* Left Col */

#leftCol, #middleCol2, #rightCol {
	width:260px;
	padding:0 9px 0px 9px;
	float:left;
	margin:0 10px 0 0;
	border-right: 2px solid #e6e6e6;
}

#leftCol {
	margin:0 20px 0 0;
	padding:0px 15px;
}



/* Middle Cols */

#middleCol1 {
	width:359px;
	padding:0 20px 0px 5px;
	float:left;
	margin:0;
	border-right: 2px solid #e6e6e6;
}

#middleCol1 p, #middlecolarchive p, .commentlist {
	margin: 0px 0 15px 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	-webkit-text-stroke:1px transparent;
	font-size: 13px;
	line-height: 20px;
}

#middleCol1 img, #middlecolarchive img, 
#middleCol1 .tutorialimage, 
#middlecolarchive .tutorialimage,
.tutorialarchive img,
.tutorialarchive .tutorialimage {
display: none;
border:0;
}



#middleCol1 .author {
	font-size: 9px;
}

#middleCol1 ul {
	list-style-type: square;
	list-style-image: url("images/bullet.png"); 
	margin-bottom: 15px;
	margin-left:12px;
}

#middleCol2 {
margin: 0 10px 0 10px;
padding-right: 20px;
width:140px;
}

#middleCol2, #middleCol2 p {
color: #878787;
text-decoration: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#middleCol2 p {
font-size: 11px;
line-height: 18px;
}

#middleCol2 .communitylink {
font-size: 12px;
text-decoration: none;
color: #000;
display:block;
padding: 10px;
width: 135px;
margin-left: -7px;
-webkit-text-stroke:1px transparent;


}

#middleCol2 p {
margin:0;
padding:0;
}

#middleCol2 .communitylink:hover {
	text-decoration:none;
 	background: #f7f7f7;
 	border: none;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

 #middleCol2 .communitylink:hover p {
 	background: #f7f7f7;
 }
 
 #middleCol2 .communityout {
 	display: none;
 	}

 #middlecollarge,  #middlecolarchive {
 float: left;
 padding-left: 30px;
 width: 520px;
 }
 
#middlecolarchive_community {
 float: left;
 padding-left: 30px;
 width: 730px;
 }
 
 #middlecolgal {
 float: left;
 padding-left: 30px;
 width: 720px;
 }

/* Right Col */

#rightCol {
	float:right;
	margin:0;
	width: 160px;
	padding-right: 20px;
}

.smallbox, .readmore, .readmore a, .more-link {
background-color: #f1f1f1;
padding: 3px 5px 4px 5px;
text-decoration: none;
margin:15px 5px 15px 0;
line-height: 18px;
height: 17px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
text-align: center;
letter-spacing: 0;
text-transform: none;
font-family: "lemonde-sans-1","lemonde-sans-2", Helvetica, Arial, sans-serif;
}


.smallbox:hover, .readmore:hover,  .more-link:hover, .readmore a:hover {
background-color: #89ab81;
text-decoration: none;
color: #47543b;
border:0;
}


#advertisingtable td {
padding: 8px;
}

#advertisingtable th {
font-weight:bold;
padding: 8px;
padding-right: 13px;
}

/* Main Navigation */

#nav {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	font-size:12px;
	padding: 10px 0 10px 0px;
	margin: 0px 0 10px 0px;
}

#nav li {
	list-style:none;
	line-height:20px;
	padding:0;
	background:none;
}

#nav li a {
	text-decoration:none;
}

#nav li a:hover, #nav_14623 li.down a {
}




/* Content */


hr {
	border:none;
	border-bottom:1px solid #e6e6e6;
	margin:7px 0 10px 0;
	height:1px;
	padding:0;
	background: none;
}


.entry_single p, .entry_single ul	{
	margin: 0px 0 20px 0;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-text-stroke:1px transparent;
	
}

.entry_single h2, .entry_single h2 a {
	float: none;
	color: #573c22;
	font-size: 32px;
	line-height: 42px;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 20px;
	padding: 20px 0 5px 0;
	border-bottom:1px solid #e6e6e6;
}

.entry_single h2 a {
	color: #658d5b;
	border-bottom:none;
}

.entry_single h2 a:hover {
	color:#8eaa87;
}

.entry_single h3, .entry_single h3 a {
	color: #b2a393;
	margin-bottom: 15px;
	margin-top: 30px;
	font-size: 24px;
}

.entry_single h3 a {
	color: #658d5b;
}

.entry_single h3 a:hover {
	color:#8eaa87;
}

.entry_single ul {
	list-style-image: url("/images/bullet.png"); 
	text-indent: 0px;
	padding-left:20px;
	margin-left: 0px;
}

.entry_single .lead {
	font-size: 20px;
	line-height: 30px;
}

.entry_single .right {
position: absolute;
left: 840px;
margin:0;
padding:0;
}

.entry_single .caption {
position: absolute;
left: 840px;
margin:0;
padding:0;
display: block;
width: 200px;
color: #878787;
font-family: Verdana;
font-size: 10px;
line-height: 18px;
}

.entry_single .pre {
width: 700px;
float: left;
}

.maintitle, .commentstitle {
	font-size:40px;
	line-height: 50px;
	margin-bottom: 17px;
}

.commentstitle {
	margin-top: 40px;
	border-bottom:2px solid #e6e6e6;
	padding-bottom: 10px;
	}

.avatar {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.comment, .trackback, .pingback {
border-bottom:2px solid #e6e6e6;
min-height: 120px;
margin-bottom: 20px;
font-size: 14px;
}

.comment p, .trackback p, .pingback p {
	margin: 0px 0 15px 0;
	line-height: 20px;
}

.trackback, .pingback  {
	font-size:12px;
	background: #f9f8f7;
	padding: 10px;
	color: #ccc;
	padding-bottom: 0px;
	display:none;
}

.trackback a, .pingback a {
	color: #b0b0b0;
	font-size:12px;
}

.comment-meta, .comment-meta a, #commentform p, small {
	margin:0 10px 10px 0;
	color: #878787;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ccc;
	font-weight: normal;
}

.commentlist {
list-style: none;
}

.comment-author, cite {
font-style: normal;
font-size: 14px;
}

cite span {
color: #b2a393;
}

#commentform textarea {
width: 350px;
background: #fff;
border: none;
margin-right: 10px;
padding: 5px;
border:2px solid #e6e6e6;
}

#commentform .text {
width: 350px;
background: #fff;
border:2px solid #e6e6e6;
padding: 5px;
margin-right: 10px;
}

#commentform small {
	color: #333;
}

#commentform .message {
	margin-top:-30px;
}

#commentform {
margin-top: 20px;
}


.designimage {border: 1px solid #e6e6e6;}


.car-list ul, .car-list ul li {list-style-type: none; list-style-image: none; padding-left:10px;}

.car-list ul li {list-style-type: none; list-style-image: none;}



#communityarchive .communitylink {
font-size: 12px;
text-decoration: none;
color: #000;
display:block;
padding: 10px;
width: 135px;
margin: 0 20px 20px 0;
float: left;
height: 70px;
background: #fff;
overflow: hidden;
}

#communityarchive .communitylink:hover {
	text-decoration:none;
 	background: #f7f7f7;
 	border: none;
}

#communityarchive .communitylink:hover p {
 	background: #f7f7f7;
 }


#communityarchive .communitylink span {
	font-family: Verdana;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	font-weight: normal;
	}
	
	
.search_communityresult, .search_communityresult h3 {
font-size: 12px;
text-decoration: none;
color: #000;
width: 450px;
background: #f7f7f7;
margin-bottom: 10px;
padding-left: 10px;
}

.search_communityresult h3 {
margin: 0;
}

.blog-search {
margin: 0;
}


.designcolors {display: block; float:left; text-indent : -9999px;  margin-right: 10px; width: 20px; height: 20px; -webkit-border-radius: 2px;}

.gal_designcolors {display: block; float:left; text-indent : -9999px;  margin: 3px 10px 5px 0; width: 10px; height: 10px; -webkit-border-radius: 2px;}

.designcolors:hover, .gal_designcolors:hover {border-bottom: 0px;}

	    
/* Page Borders 

#tops {
	left: 0;
	right: 0;
	height: 8px;
	position: fixed;
	background-color: #6e835e;
	background-repeat: repeat-y;
	display: block;
	z-index: 2;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#tops {
	padding: 0 0 0 5%;
}

#tops div {
	max-width: 870px;
    min-width: 690px;
}


#tops { top: 0; }
*/



/* Screenshot Rollovers */

.screenshot {float:left; position: relative; overflow: hidden; width: 160px; height: 109px; z-index: 1; margin-bottom: 20px; border: 1px solid #ccc;}

.screenshot a:hover img { /*opacity: 1;*/ }

.rating p { margin: 0 0 0 0; position: absolute; left: 92px; top: 3px; font-weight: bold; z-index: 3; width: 40px; }

.rating img {
display:inline;
}

.rating p a { color: #9FD4FF; font: bold 10px Helvetica, Arial, sans-serif; border: none; }

.rating ul a:hover { border: none; }

.screenshot p img { border: 0px; width: auto; height: auto; float: left; margin: 0 3px 0 0;}

.random .rating .unit-rating { right: 0px; left: 45px; }

.rating { left: 0px; position: absolute; bottom: -56px; background: #fff; margin-left: 0px; margin-bottom:0px; padding: 6px 0 6px 6px; display: block; cursor: pointer; width: 160px; height: 40px; overflow: hidden; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}


.toptutorialitem img {float:right; margin-top: 35px; padding: 0 0 10px 20px;}

.toptutorialitem {min-height: 250px;}



/* Footer */

#footer {
width: 100%;
padding: 20px 0px 30px 0px;
text-align: left;
color: #878787;
font-size: 12px;
line-height: 18px;
border-top:1px solid #e6e6e6;
margin-top: 20px;
}

#footer p, .sponsoredlinks {
margin-left: 45px;
}

.sponsoredlinks, .sponsoredlinks a {
color: #fff;
}

.sponsoredlinks a {
text-decoration: underline;
}

a img {display:block;}

a:hover img {
text-decoration:none;
}


.tutorialarchive .lead {
font-size: 14px;
line-height: 24px;
}


#ads a:hover {
border-bottom: 0px;
}





/* Make links fade in slowly */
a {
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
}




/* Rotate screenshots 
*/

.screenshot img {
	-o-transition:-o-transform .33s linear;
	-webkit-transition:-webkit-transform .33s linear;
}
.screenshot img:hover {
	-o-transform:rotate(1deg) scale(1.1);
	-webkit-transform:rotate(1deg) scale(1.1);
}



/* Ad Here */

a.adhere{
width:125px;
height:125px;
display:block;
float:right;
margin-right:5px;
line-height: 20px;
margin-left: 5px;
text-indent: -9999px;
background-image: url('/wp-content/themes/designshack/images/adhere.png');
}

a.adhere{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #6c4d2b;
	font-weight: normal;
	padding:0;
	float: left;
border:none;
background-color:#e7e7e7;
text-align:center;
} 

a.adhere:hover{
background-color:#efeeee;
}


/**box for gallery design**/

.wrapbox {
  border: solid red 0px;
  float: left;
  margin: 1px;
  margin-left: 1px;
  position: relative;
  width: 730px;
  padding: 1px;
}


.box {
  border: 10px solid #eeeecc;
  background: #eeeecc;
  float: left;
  margin: 1px;
  position: relative;
  width: 160px;
  height: 109px
  padding: 5px;
}
.box * {
  margin: 0px;
  position: relative;
  z-index: 1;
}

* html .box {
	position:static;
}

#registerlink .text {
float: right;
}

h3.reflect_1 { color: #292929; border-bottom: 6px solid #DDDDDD; line-height: .3em; margin: 0; padding:0 0 0 10px; font-size: 190%; }
h3.reflect_2 { color: #CECECE; margin: 0; line-height: .6em; border-top: 1px solid #EEEEEE; padding: 0 0 0 10px; font-size: 190%;}

h3.handwriting3 { font-style: italic; font-weight: 100; font-family: "Comic Sans MS"; letter-spacing: 1px; font-size: 100%; word-spacing: .25em; }

#hand {
background: url('images/themato.jpg') no-repeat top right;
height: 225px;
}