/*
Theme Name: Crejz Theme
Theme URI: http://www.crejz.com
Description: Wordpress theme for Crejz.com
Version: 1.0
Author: yowan
Author URI: http://www.yowan.me
Tags: crejz, yowan, futuristic
*/

body, html {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url("img/header.jpg") top center no-repeat;
	font-family: arial, helvetica;
	font-size: 14px;
	color: #9F9F9F;
}

#container{
	position: relative;	
	width: 1000px;
	margin: 0px auto;
	padding: 0px;	
}

#header {
	position: relative;	
	width: 1000px;
	height: 140px;
	margin: 0px;
	padding-top: 10px;	
	text-shadow: 0px 1px 0px #e5e5ee;
	font-size: 32px;
}

#header #logo {position: relative; margin: 70px 0px 0px 110px; *margin-top: 70px;  font-size: 36px; text-shadow: 0px 1px 15px #CFCFCF;} 
#header a { color: #FFFFFF; }

#search { position: absolute; margin: 0px; top: 55px; *top: 50px; right: 15px; }
#searchform { position: relative; width: 255px; }
#searchform input[type=text] { border: none; font-size: 14px; padding: 5px; letter-spacing: 2px; color: #9F9F9F;  width: 200px; }
#searchsubmit { position: absolute; right: 0px; top: -1px;  *top: 3px; }
#search input[type=image] {  cursor: pointer;   width: 32px; height: 32px;  }

#posts #searchform { margin: 20px 0px 10px 10px;  }
#posts #searchform input[type=text] { border: 1px solid #D0D0D0; font-size: 14px; padding: 5px; letter-spacing: 2px; color: #9F9F9F;  width: 200px; *width: 190px; }
#posts #searchsubmit { position: absolute; right: 0px; top: -1px; }

img { border: none; }
a { color: gray; text-decoration: none; }

#quote {
	position: relative;
	display: block;	
	
	margin: 0px;
	padding: 5px 50px 20px 0px; 
	background: url("img/quote.png") 10px 0px no-repeat;	

	font-family: "book antiqua";
	font-size: 18px;
	line-height: 22px;
	
	color: #7BA7E8;
	color: #3162DD;
	
	text-shadow: 0px 1px 0px #e5e5ee;
	text-shadow: 0px 1px 1px #ECECEC;	
}

#quote p {margin-left: 70px;  }

#main {
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	clear: both;
	padding-bottom: 10px;
}

#posts, #ads, #right_menu {
	position: relative;
	float: left;
	margin-left: 20px; 
	border: 0px solid #E7E7E7;	
	*margin-left: 10px;
}

#posts{ width: 530px; }
#ads{ width: 200px; margin-top: 20px; font-size: 11px; margin-left: 20px; *margin-left: 15px;   }
#right_menu{ width: 210px; margin-top: 20px; margin-right: 0px; }

h1,h2,h3,h4 { font-weight: lighter; }

h1.pagetitle {  margin-top: 25px; font-size: 16px; text-align: center; background-color: #F7F7F7; border: 1px solid  #F0F0F0; padding: 10px; }
h1.pagetitle strong { font-weight: bold; }
	
.post { position: relative; width: 530px; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #F0F0F0; line-height: 24px; color: #555555; overflow: hidden; *overflow: hidden; }
.post h1, .post h2, .post h3, .post h4 { font-weight: bold; }
.post img { max-width: 500px;  height:auto !important; }
.post h2.ptitle, #comments h2 { font-weight: lighter;  color: #65BB10;  font-size: 22px; line-height: 30px; padding-bottom: 5px; border-bottom: 2px solid #F0F0F0; margin-bottom: 5px;  font-family: georgia;  }
.post h2.ptitle a { color: #65BB10; }
.post h2.ptitle span { display: block; color: #DDDDDD; font-size: 12px; font-family: "courier new"; text-shadow: none; }
.post h2.ptitle span a { color: #B8B8B8; } 
.post h2.ptitle span a:hover { color: #555555; }
.post .pcontent a  { color: #BA572F;  }
.post .rmore { float: right; margin: 0px; margin-left: 20px; bottom: 0px;  *margin-top: -20px; width: 95px; height: 30px;   font-size: 11px; text-align: center;}
.post .rmore  a { position: relative; color: #555555; display: block; width: 95px; height: 30px;  padding-top: 3px; background: url("img/button.jpg") no-repeat;  }
.post .rmore  a:hover { color: #FFFFFF;  background: url("img/button-hover.jpg") no-repeat; }
.post a.post-edit-link { color: #BA572F;  font-size: 11px; font-style: italic; font-family: "courier new"; }
.post p { margin-bottom: 30px; }
.post .cdiv { margin: 25px 0px 10px 0px;}

.pagination { position: relative; display: block; text-align: center; margin: 30px 0px;  }
.pagination a, .pagination span{ color: #555555;  text-align:center; padding: 5px 10px; margin: 0px 2px 0px 2px; border:1px solid #F0F0F0; cursor: pointer; }
.pagination a.current, .pagination span{ border: 1px solid #555555; }
.pagination a:hover { color: #65BB10; border: 1px solid #65BB10; }

#comments { position: relative; margin-top: 50px; font-size: 11px; }
#comments a { color: gray; }
#comments p { margin: 0px; }
#comments .navigation { margin: 0px auto; width: 510px; }
#comments .navigation  div { margin: 0px;  }
.comment_list { list-style-type: none; position: relative; margin: 0px; padding: 10px 0px ;  border-bottom: 1px solid #EFEFEF;    }


.rmmenu { margin-bottom: 30px;  }
.rmmenu .rmm_header { font-size: 18px; color: #9F9F9F; width: 190px; height: 45px; text-align: center; background: #FFFFFF url("img/rm_header.jpg") top center no-repeat;   }
.rmmenu  h2 { margin: 0px; font-size: 18px; color: #9F9F9F;   padding-top: 13px; padding-left: 8px;  text-shadow: 0px 1px 1px #ECECEC;}
.rmmenu  h2 a { color: #9F9F9F;  text-shadow: 0px 1px 1px #ECECEC;}
.rmmenu ul { list-style-type: none; margin: 0px 0px 0px 2px; padding: 0px; width: 188px;}
.rmmenu ul  li, .rmm_box { margin: 0px;  border-bottom: 1px solid #EFEFEF; font-size: 12px; line-height: 18px;}
.rmmenu ul  li a  { position: relative; padding: 5px 8px;  display: block;   color: #C9C9C9; font-style: italic;  }
.rmmenu ul li a:hover { background-color: #F8F8F8; padding-left: 18px;  background: url("img/li.jpg") 0px 1px repeat-x;   color: #9F9F9F;}
.rmm_box  { padding: 10px 8px; width: 172px; }
.rmm_box a { padding: 2px 5px; margin: 8px 5px;  }
.rmm_box a:hover, .related_post  li a:hover  { color: #BA572F;}

#ads .rmmenu a { color: #C9C9C9; font-style: italic; }
#ads .rmmenu a:hover { color: #9F9F9F;}



#subad a strong { color: #777777;} 
#subad a:hover strong {  color: #BA572F;   } 
#subad a { font-style: normal; color: #9F9F9F; }
#subad a:hover { color: #777777;   }
#subad a i { color: #C9C9C9; }
#subad ul  { list-style-type: none; margin: 0px; padding: 0px;}
#subad ul li { list-style-type: none; margin: 0px; padding: 5px 0px; border-top: 1px solid #EFEFEF; }
#vspy li { color: #C9C9C9; }
#vspy li img { opacity:0.3; filter:alpha(opacity=30); }
#vspy li img:hover { opacity:.8; filter:alpha(opacity=80); }

.related_post { list-style-type: none; position: relative; margin: 0px; padding: 0px;   }
.related_post  li a { position: relative; display: block; color: gray; }
.related_post  li { background: url("img/icon-hand.png") 8px 8px no-repeat; margin: 0px; padding: 5px 2px;  padding-left: 30px; margin: 0px; border-bottom: 1px solid #EFEFEF;  }
.related_post  li:hover { background: url("img/icon-hand2.png") 8px 8px no-repeat; background-color: #F8F8F8;}

#wp_wall { position: relative; margin-left: 5px; color: #C9C9C9; width: 188px; line-height: 18px; }
#wp_wall  span.wallauthor { color: #9F9F9F;  }
#wp_wall  span.wallauthor a { color: #9F9F9F; font-style: normal;  }
#wp_wall #wall_post_toggle { color: #BA572F;}
#wp_wall #wallcomments { margin-bottom: 5px; padding-bottom: 1px;  border-bottom: 3px solid #EFEFEF;   }
#wp_wall .wallp {  border-bottom: 1px solid #F7F7F7; padding: 5px 0px; margin: 0px; }
#wp_wall img { vertical-align: middle;  }
#wp_wall #wall_post_toggle img { margin: 0px 5px; }
#wp_wall .wallcomment:hover { color:  #7BA7E8; cursor: default;}

#posts .gallery-icon { margin: 0px;  border: none;  }
#posts .attachment-thumbnail { margin: 0px;  border: none; }
#comments .pagination a:hover  { background:#FFFFFF;  border: 1px solid #FFFFFF; }


.cdiv { margin: 10px 0px; }
.cdiv_right { margin: 20px 0px; }

#footer { margin: 20px 0px 0px 0px; *margin-bottom: -20px; padding: 0px;  background-color: #9F9F9F; color: #D7D7D7; background: url("img/bg-footer.jpg") repeat-x; }
#footer #fhold { width: 960px; margin: 0px auto; padding: 20px 0px; line-height: 18px; text-shadow: 0px 1px 2px #6D6D6D;	}
#footer a { color: #FFFFFF; }
#footer a img { vertical-align: middle; }

#footer #fdesign { font-size: 11px; letter-spacing: 1px; }