/*




 
 Table Of Contents
 	
	For the index.html
 	
		1.	Body (Set the font and background color of the template.)
		2. Page Wrap (This is the page wrap that all your elements are nested in.)
		3. Top Module (This is at the very top of the page.)
		4. Header Module (This is the header of the template, which contains the logo and search modules.)
		5. Menu Module (This is the templates main menu with javascript sub page dropdown.)
		6. Breadcrumbs 
		7. Gallery Module (This is the heart of the template contains the template gallery thumbnails.)
		8. Page Navigation Module
		9. Sidebar Module (This contains the 125px x 125px adds, and the templates categories, archives etc.)
		10. Footer Module (This contains the most popular module, random site module and the links list module.)
		
	For the single.html
	
		11. Single Page Content Module (This contains the content for the single page, includes the thumbnail, site details, comments and comment form.)
		
*/

/* ------------------------------- */

/* 1. Body
/* ------------------------------- */


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

}

/* ------------------------------- */

/* 2. Page Wrap
/* ------------------------------- */

#wrap {
	width: 100%;
	margin: 0 auto;
	background: #eee url(/images/c200/assets/images/top.jpg) repeat-y center;
}

/* ------------------------------- */

/* 3. Top Module
/* ------------------------------- */

#top-module-wrap {
	width: 100%;
	height: 30px;
	
	border-bottom: 1px solid #3D3F32;
}

#top-module {
	width: 940px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
}

#top-module span {
	font-size: 11px;
}

#top-module span.count {
	color: #FFF;
	float: left;
	display: inline;
}

#top-module span.count strong {
	color: #657600;
}

#top-module span.rss {
	float: right;
	display: inline;
}

#top-module span.rss a {
	padding: 0 20px 0 0;
	color: #FFF;
	text-decoration: none;
	background: url(/images/c200/assets/images/rss_icon.jpg) no-repeat center right;
}

#top-module span.rss a:hover {
	text-decoration: underline;
}

/* ------------------------------- */

/* 4. Header Module
/* ------------------------------- */

.wrap h1 {
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	font-weight: normal;
	width: 800px;
	padding-top: 25px;
	
}

.wrap h1 a {
	color: #fff;
	text-decoration: none;
	
}

.wrap h1 a:link {
	color: #fff;
	text-decoration: none;

	
}



.wrap h1 a:hover {
	color: #85c1ff;
	
	
}








h2 {
	color: #eee;
	font-size: 17px;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	
	}
	
	h2 a:link {
	color: #fff;
	
	
	}
	

h3 {
	color: #000;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	

}






#header-module-wrap {
	width: 100%;
	height: 160px;
	padding-top:30px ;
	background: #eee url(/images/c200/assets/images/top_fabric.png) no-repeat center;
		
	
}

#header-module {
	width: 940px;
	height: 100px;
	margin: 0 auto;
}

#header-module h1 a {
	color: #fff;
	text-decoration: none;
}

#header-module h1 a:hover {
	color: #fffac0;
	text-decoration: none;
}


/* Header Module Logo */

#header-module #logo {
	width: 267px;
	height: 93px;
	float: left;
	display: inline;
	
}

#header-module #logo a {
	width: 267px;
	height: 93px;
	

	display: block;
}

/* Header Module Search */

#search {
	width: 300px;
	height: 50px;
	margin-top: -5px;
	float: right;
	display: inline;
	background: url(/images/c200/assets/images/search_bg.png) no-repeat;
	}

#search #searchform {
	padding: 10px 0 0 0px;
	height: 20px;
	
}

#search #searchform #s {
	padding: 2px 0 0 0;
	color: #FFF;
	font-size: 15px;
	line-height: 20px;
	border: 0;
	background: #d4cfc7;
	width: 250px;
	
}

/* ------------------------------- */

/* 5. Menu Module
/* ------------------------------- */

#menu-module-wrap {
	width: 100%;
	background: transparent;
	border-bottom: 0px solid #DCDCD4;
	opacity: 0.41;
}

#menu-module {
	width: 950px;
	background-color: #fff;
	margin: 0 auto;
	border-left: 0px solid #DCDCD4;
	border-bottom: 1px solid #DCDCD4;
	border-radius: 6px; 
	
}

#menu, #menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	height: 30px;
}

#menu li {
	line-height: 30px;
	float: left;
}

#menu li a {
	color: #323429;
	display: block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	border-right: 1px solid #DCDCD4;
	text-decoration: none;
}

#menu li a:hover {
	color: #657600;
}

#menu li.active {
	font-weight: bold;
}

#menu li.logged_in {
	font-weight: bold;
	float: right;
}

#menu li.active a:hover {
	color: #323429;
}

#menu li ul {
	width: 15em;
	margin-top: 0px;
	position: absolute;
	left: -999em;
}

#menu li:hover ul, 
#menu li.sfhover ul {
	margin-top: 1px;
	margin-left: -1px;
	left: auto;
	z-index: 10 !important;
}

#menu li:hover ul li a:hover {
	color: #657600;
}

#menu li.sfhover ul li a {
	font-weight: normal;
}

#menu li.sfhover ul li a:hover {
	color: #657600;
}

#menu li ul li {
	color: #FF0000;
	display: block !important;
	width: 12em;
	border: 1px solid #ddd !important;
	border-right: none !important;
	border-top: none !important;
	background: #fff;
}

/* ------------------------------- */

/* 6. Breadcrumbs Module
/* ------------------------------- */

#breadcrumbs-module {
	height: 25px;
	margin-right: 20px;
	margin-bottom: 15px;
}

#breadcrumbs-module span.breadcrumbs {
	padding-left: 5px;
	font-size: 11px;
	color: #323429;
	line-height: 25px;
	float: left;
	display: inline;
}

#breadcrumbs-module span.breadcrumbs a {
	color: #323429;
	text-decoration: underline;
}

#breadcrumbs-module span.breadcrumbs a:hover {
	text-decoration: none;
}

#breadcrumbs-module span.breadcrumbs span {
	font-weight: bold;
}

#breadcrumbs-module span.rss {
	padding-right: 5px;
	font-size: 11px;
	line-height: 25px;
	float: right;
	display: inline;
}

#breadcrumbs-module span.rss a {
	padding-right: 20px;
	text-decoration: none;
	color: #323429;
	background: url(/images/c200/assets/images/rss_icon_cats.jpg) no-repeat right;
}

#breadcrumbs-module span.rss a:hover {
	text-decoration: underline;
}

/* ------------------------------- */

/* 7. Gallery Module 
/* ------------------------------- */

#gallery-module-wrap {
	width: 940px;
	margin: 20px auto;
}

#gallery-module {
	width: 640px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* Gallery Thumbs */

.gallery-thumb {
	width: 135px;
	height: 135px;
	margin: 0 20px 40px 0;
	float: left;
	display: inline;
	background: #FFF;
	/*border: 1px solid #DCDCD4;*/
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	
	position: relative;
}

.gallery-thumb a img {
	margin: 6px 6px 0px 6px;
	width: 120px;
	height: 120px;
	display: block;
	border: 1px solid #DCDCD4;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}

.gallery-thumb h2 {
	margin: 0 0 0 6px;
	font-size: 10px;
	font-weight: normal;
	
}

.gallery-thumb h2 a {
	color: #ababab;
	text-decoration: none;
	display: block;
}

.gallery-thumb h2 a span {
	position: absolute;
	right: 6px;
	font-size: 8px;
	color: #f66220;
}

.gallery-thumb h2 a:hover {
	text-decoration: none;
	background-color: #fefac5;
}

/* ------------------------------- */

/* 8. Page Navigation Module
/* ------------------------------- */

#page-navigation-module {
	font-size: 12px;
	clear: both;
	margin-bottom: 20px;
}

* html #page-navigation-module {
	margin-bottom: 0px;
}

#page-navigation-module a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0 0 0 5px;
	float: left;
	display: inline;
	text-decoration: none;
	border: 1px solid #DCDCD4;
	color: #323429;
	background-color: #FFFFFF;
}

#page-navigation-module a:hover {
	border: 1px solid #706f6f;
	color: #114477;
	background-color: #FFFFFF;
}

#page-navigation-module span.pages {
	padding: 10px;
	float: left;
	display: inline;
	color: #323429;
	border: 1px solid #DCDCD4;
	background-color: #FFFFFF;
}

#page-navigation-module span.current {
	font-weight: bold;
	color: #323429;
}

#page-navigation-module span.extend {
	padding: 10px;
	float: left;
	display: inline;
	border: 1px solid #706f6f;
	color: #323429;
	background-color: #FFFFFF;
}

/* ------------------------------- */

/* 9. Sidebar Module
/* ------------------------------- */

#sidebar-module {
	width: 300px;
	float: right;
	display: inline;
}

/* Sidebar 125x125 Adds */

#adds {
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
	width: 298px;
	height: auto;
	background: #FFFFFF;
	border: 0px solid #DCDCD4;
	overflow: hidden;
}

#adds a {
	width: 125px;
	height: 125px;
	position: relative;
}

#adds a img {
	height: 125px;
	width: 125px;
	margin: 0 0 15px 15px;
	
	display: inline;
	border: 1px solid #DCDCD4;
	overflow: hidden;
}







/* Sidebar Category & Archives */


#cats, #arch {
	width: 298px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: #FFF;
	border: 0px solid #DCDCD4;
	overflow: hidden;
}


#cats h2, #arch h2, #adds h2  {
	margin: 15px 15px 10px 15px;
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #323429;
	border-bottom: 1px solid #DCDCD4;
}

#cats ul, #arch ul {
	list-style: none;
}

#cats ul li, #arch ul li {
	width: 149px;
	padding: 0 0 10px 0;
	font-size: 12px;
	float: left;
	display: inline;
}

#cats ul li a, #arch ul li a {
	padding: 0 15px 0 15px;
	color: #0599e2;
	text-decoration: none;
}

#cats ul li a:hover, #arch ul li a:hover {
	text-decoration: underline;
}

#cats a, h2 {

	color: #353535;
	text-decoration: none;
	
}


#cats a:link {

	color: #0599e2;
	text-decoration: none;
	
	
}


#cats a img {

	margin-right: 5px;
	float: left;
	float: left;
	padding: 5px;
	margin-bottom: 0px;
	border: 1px solid #DCDCD4;
	
}



/* ------------------------------- */

/* 10. Footer Module
/* ------------------------------- */

#footer-module-wrap {
	width: 100%;
	background: transparent;
	overflow: hidden;
	clear: both;
	border-bottom: 0px solid #5E5E5E;
	position: relative;
}

#footer-module-inner {
	width: 100%;
	margin-top: 10px;
	background: #585858;
	overflow: hidden;
}

#footer-module {
	width: 940px;
	margin: 35px auto;
	padding: 20px;
	background: #5E5E5E;
	overflow: hidden;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	
}

/* Popular & Links List Module */

#popular {
	width: 250px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
	padding-right: 20px;
	border-right: 1px dotted #1b1b1b ;
}

#links {
	width: 250px;
	margin: 0;
	padding-left: 30px;
	border-left: 1px dotted #1b1b1b;
	float: right;
	display: inline;
	
}

#popular h2, #links h2 {
	color: #FFFFFF;
	margin: 0 0 15px 0;
	line-height: 15px;
	font-size: 12px;
}

#popular ul, #links ul {
	list-style: none;
}

#popular ul li, #links ul li {
	padding: 7px 5px 7px 5px;
	font-size: 12px;
	background: ;
	margin: 0 0 1px 0;
	display: block;
}

#popular ul li a, #links ul li a {
	color: #fefac5;
	text-decoration: none;
}

#popular ul li a:hover, #links ul li a:hover {
	color: #fff;
	text-decoration: underline;
	
}

/* Footer Module Random Site */

#random {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
	padding-left: 30px;
	
}

#random h2 {
	color: #FFFFFF;
	margin: 0 0 15px 0;
	font-size: 12px;
}

#random .thumb-wrap {
	width: 350px;
	height: 161px;
	background: #5E5E5E;
	
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 7px ;
}

.thumb-wrap a img {
	margin-left: 0px;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 7px ;

	
	
	display: block;
}

/* Footer Module Copyright */

#copyright-module-wrap {
	height: 35px;
	width: 100%;
	background: #181818;
	border-top: 1px solid #3d3f32;
}

#copyright-module {
	width: 940px;
	margin: 0 auto;
	line-height: 35px;
}

span.copy-txt {
	font-size: 11px;
	color: #666;
	float: left;
	display: inline;
}

span.copy-txt span {
	color: #949494;
}

span.copy-txt a {
	color: #f66400;
	text-transform:none;
	text-decoration: none;
}

span.anchor-link {
	font-size: 11px;
	float: right;
	display: inline;
}

span.anchor-link a {
	color: #f66400;
	text-decoration: none;
}

span.anchor-link a:hover {
	text-decoration: underline!important;
}

/* END css for the index.html */

/* ---------------------------------------*/

/* 11. Single Page Content Module
/* --------------------------------------*/

#content-module {
	width: 620px;
	background: #FFFFFF;
	border: 0px solid #DCDCD4;
	float: left;
	display: inline;
}

#content-module h1 {
	padding-left: 0px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#content-module h1 a{
	color: #000;
	text-decoration: none;

}

#content-module h1 a:hover{
	color: #f66400;

}


#content-module #entry p {
	font-size: 12px;
	text-align: justify;
	padding: 5px 20px 10px 0;
	line-height: 18px;
	color: #323429;
}

#content-module #details {
	margin: 0 10px 0 10px;
	overflow: hidden;
}

#content-module #details img.thumbnail {
	margin-right: 10px;
	border: 1px solid #DCDCD4;
	display: block;
	overflow: hidden;
	float: left;
	padding: 10px;
	
}

#content-module #details img.thumbnail2 {
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #DCDCD4;
	display: block;
	overflow: hidden;
	float: left;
	padding: 10px;
	
}


#content-module #details img.thumbnail3 {
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #DCDCD4;
	display: block;
	overflow: hidden;
	float: left;
	padding: 5px;
	
}








#content-module #entry img.image{
	margin: 10px 0 10px 0;
	border: 1px solid #DCDCD4;
	display: block;
	overflow: hidden;
}



#content-module #detailMeta {
	display: block;
	color: #323429;
	clear: both;
}

#content-module #detailMeta p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

#content-module #detailMeta p a {
	color: #099ade;
	text-decoration: none;
}

#content-module #detailMeta p.date {
	margin: 10px 0 10px 0;
	font-size: 12px;
}

#content-module #detailMeta p.date span {
	color: #099ade;
}


h4 {
	font-size: 12px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	line-height: 14px;
	margin-bottom: 15px;
	color: #949494;
	font-weight: normal;
	
	
}







#content-module #detailMeta p.category {
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #ababab;
}

#content-module #detailMeta p.category a,
#content-module #detailMeta p.tags a {
	color: #099ade;
	text-decoration: none;
}

#content-module #detailMeta p.tags {
	padding: 0 0 10px 0;
	font-size: 10px;
	color: #ababab;
}

/* Comments Module */

#comments-module {
	margin: 20px 20px 0 0;
	width: 620px;
	overflow: hidden;
}

#comments-module h2 {
	color: #323429;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	font-weight: bold;
}

.comments-entry {
	padding: 0 10px 0 10px;
	border: 1px dotted #DCDCD4;
	margin-bottom: 20px;
	background-color: #fef9da;
}

.comments-entry img.gravatar {
	float: left;
	width: 50px;
	height: 50px;
	display: block;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #DCDCD4;
	margin: 10px 10px 10px 0;
	
}

.comments-entry .entry-meta {
	font-size: 11px;
	color: #606060;
}

.comments-entry p {
	padding: 10px 0 5px 0;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	color: #323429;
	margin-left: 60px;
}

/* Comments Form Module */

#comments-form {
	margin-top: 10px;
	padding: 10px 10px 0 10px;
	display: block;
	font-size: 12px;
	border-top: 1px solid #DCDCD4;
	background: none;
}

#comments-form h3 {
	color: #323429;
	padding: 5px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}

#comments-form label {
	font-size: 11px;
	color: #666666;
}

#comments-form input {
	margin-top: 5px;
	width: 300px;
	font-size: 12px;
	padding: 2px 0 2px 2px;
	border: 1px solid #DCDCD4;
	background: none;
}

#comments-form #comment {
	margin-top: 10px;
	font-size: 12px;
	border: 1px solid #DCDCD4;
	background: none;
}

#comments-form #submit {
	margin-bottom: 20px;
	padding: 0;
	width: 166px;
	height: 33px;
	border: none;
	overflow: hidden;
	background-color:#323429;
	cursor: pointer;
	cursor:hand;
	margin-left: 2em;
	color:white;
}

#comments-form p {
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #606060;
}

/* END css for the single.html */