/*
    Theme Name: creer magazine
Theme URI: http://creermag.com
Description: online magazine
Version: 1.0
Author: Brendan Sera-Shriar a.k.a. digibomb
Author URI: http://brendanserashriar.com/

*/


body {
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:#f8f8f8 url(images/bg-body.png) center repeat-y;
	color:#383838;
	/*font-size:16px;*/
	/*font-size:1.3em;
	line-height:21px;*/
}

a{
	color:#2E778E;
	text-decoration:underline;
}
a:hover {
	color:#97dcf2;
	text-decoration:none;
}

#header-wrap{
	width:100%;
	margin:0;
	background: #f8f8f8 url(images/bg.png) repeat-x;
		
	
}




#header {
	margin:0 auto;
	width:960px;
	height:231px;
}




#container {
	margin:0 auto;
	width:960px;
}



#logo{
	display:inline;
	margin:20px 0 20px 0;
	float:left;
	width:280px;
	height:120px;
	outline:none;
	
}

#intro-text {
	display:inline;
	width:520px;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	margin:45px 0 0 126px;
	padding:0;
	font-weight:500;
	text-shadow:0 1px 0 #FFFFFF;
	text-align:justify;
}

#logo img{
	border:0;
	outline:none;
}


.readmore-basic a{
	background: #2e778e;
	color:#f9f9f9;
	border-right:3px solid #97dcf2;
	float:left;
	font-size:13px;
	margin:10px 0 0 5px;
	padding:5px;
	text-decoration:none;
}
.readmore-basic a:hover{
	color:#f9f9f9;
	background: #165b71;
	border-right:3px solid #0a485c;
	text-decoration:none;
}

#container .spacer {
	height:22px;
}




/* nav */

#top-nav{
	width:960px;
	height:65px;
	/*border-bottom:2px solid #fff;*/
}

#nav-box{
	float:right;
	width:900px;
	margin:0;
	padding:15px 0 15px 15px;
}

#nav {
	float:right;
	margin:0 23px 0 0;
	padding:0;

}
#nav li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
#nav a {
	display:block;
	float:left;
	padding:9px 10px;
	font-size:11px;
	color:#f9f9f9;
	text-decoration:none;
	background: #2e778e;
	border-right:3px solid #97dcf2;
}
#nav a:hover {
	background: #165b71;
	border-right:3px solid #0a485c;
}


.home-post a span, .column01-blog-img a span{
	position:relative;
	bottom: 50px;
	right: 0;
	background: #2e778e;
	border-right:3px solid #97dcf2;
	font-size: 1.7em;
	padding: 10px;
	color: #f9f9f9;
	display: none;
	text-decoration:none;
}
.home-post a:hover span, .column01-blog-img a:hover span {
	display: block;
	text-decoration:none;
}


/* first post home page */

#post, #post-issue {
	padding:20px 0 30px;
	width:960px;
	
	
}





#column01-page {
	width:300px;
	float:left;
	margin:20px 10px 50px 0;
	/*background:#fff;
	border:1px solid #eee;*/
	padding:0;
}

#column02-page {
	width:600px;
	float:left;
	margin:20px 0 50px 0;
	/*background:#fff;
	border:1px solid #eee;*/
	padding:0;
}

#column01-blog{
	width:600px;
	float:left;
	margin:0;
	/*background:#fff;
	border:1px solid #eee;*/
	padding:0;
}

#column01-blog .home-post {
	width:600px;
	float:left;
	margin:20px 10px 30px 0;
	/*background:#fff;*/
	border-bottom:1px solid #d6d6d6;
	padding:20px;
}

.column01-blog-img{
	width:200px;
	margin:0 0 60px 0;
	padding:1px;
	float:left;
	border:1px solid #d6d6d6;
}

.column01-blog-post{
	width:370px;
	margin:0 0 60px 20px;
	padding:0;
	float:left;
}


#column01-blog .home-post img{
border:none;
	outline:none;
}
.column01-blog-post img{
	border:none;
	outline:none;
}

#column02-blog {
/*	background:#f5f5f5;
	border-left:1px solid #eee;
	border-right:1px solid #eee;*/
	width:270px;
	float:right;
	margin:7px 0 0 0;
	padding:10px 17px 50px;
	/*padding:10px 10px 50px 22px;*/
	
}

#column02-blog img, .column02-single img{
	border:1px solid #f2f2f2;
	margin:0 5px 10px 0;
}


#column02-blog p, .column02-single p{
	color:#383838;
	font-size:1.0em;
	
	padding:5px;
	text-align:center;
}



#column01-blog h2, .column01-blog-post h2, #column01-blog .home-post h2{
	 
	color:#2e778e;
	font-size:1.5em;
	line-height:26px;
	font-weight:normal;
	text-decoration:none;
	margin:0;
}



.column01-blog-post h3, #column01-blog .home-post h3 {
	
	color:#2e778e;
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0 0 0;
}



.column01-blog-post p, #column01-blog .home-post p{
	color:#383838;
	font-size:14px;
	line-height:21px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

#column01-blog .home-post ul {
	clear:both;
	margin:0;
	padding:0;
}
#column01-blog .home-post li {
	padding:0;
	margin:5px 0 5px 0;
	list-style:none;
	font-size:14px;
	line-height:21px;
	
}

.alignright {
	float:right;
	margin:10px 4px 10px 10px;
}
.alignleft {
	float:left;
	margin:10px 10px 10px 4px;
}

blockquote {
	font-style:italic;
	color:#2E778E;
}

/* category name */

#category {
	font-size:11px;
	padding:0 0 12px;
	color:#5e5d4d;
}
#category .category-name {
	font-size:12px;
	font-weight:bold;
	color:#43433B;
}



/* recent posts */




#column01-blog .home-post .meta {
	float:left;
	font-size:12px;
	background:#fff;
	border:1px solid #eee;
	padding:5px;
	color:#383838;
	line-height:12px;
	display:block;
	margin:0 0 20px 0;
}
#column01-blog .home-post .meta a {
	color:#2e778e;
	text-decoration:underline;
}
#column01-blog .home-post .meta a:hover {
	color:#2e778e;
	text-decoration:none;
}

#share {
	
	
	margin-top:10px;
	padding:0;
	float:left;
	height:100px;
}

#share ul {

	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#share ul li {
	
	
	float:left;
	height:32px;
	margin:0 6px;
	padding:0;
	text-align:center;
	width:32px;
}

.tell-world {
	background:#fff;
	border:1px solid #eee;
	float:right;
	margin-bottom:10px;
	padding:5px;
	color:#2e778e;
	font-size:1em;
	
}

#flickr-spotlight {
	width:550px;
	float:left;
	background:#fff;
	border:1px solid #eee;
	padding:15px;
	margin:10px 0 10px 0;
}

#related {
	width:550px;
	float:left;
	background:#fff;
	border:1px solid #eee;
	padding:15px;
	margin:10px 0 10px 0;
}

#related ol{
	margin:0;
	float:left;
	list-style-type:none;
	display:block;
}

#related ol li{
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #d6d6d6;
	padding:1px;
	width:100px;
	height:100px;
}
#related h3{
	color:#2e778e;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
}



/* older and newer post links */

#page-nav {
	font-size:11px;
	height:10px;
}
#page-nav .older a {
	display:block;
	float:left;
	background:url(images/arrow-left.gif) no-repeat 0 50%;
	color:#356987;
	padding:4px 15px;
}
#page-nav .older a:hover {
	background:url(images/arrow-left-on.gif) no-repeat 0 50%;
	text-decoration:none;
	color:#19435b;
}
#page-nav .newer a {
	display:block;
	float:right;
	background:url(images/arrow-right.gif) no-repeat 100% 50%;
	color:#356987;
	padding:4px 15px;
}
#page-nav .newer a:hover {
	background:url(images/arrow-right-on.gif) no-repeat 100% 50%;
	text-decoration:none;
	color:#19435b;
}


/* comments */

/* comment form styles */

form {
	margin:50px auto;
	padding:0;
	/*float:left;*/
	width:600px;
}
.comments-PII, .comments-PII-2 {
	/*float:left;*/
}
.comments-PII {
	width:230px;
	padding:0 20px 0 0;
}
.comments-PII-2 {
	width:310px;
	padding:0;
}
.comments-PII input {
	color:#2d7991;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #383838;
	width:220px;
	
	padding:5px;
}
.comments-PII-2 textarea {
	color:#2d7991;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #383838;
	width:565px;
	height:180px;
	
	padding:5px;
}
.comments-PII-2 input {
	color:#f9f9f9;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #2e778e;
	border-style:solid;
	border-top:1px solid #2e778e;
	border-bottom:1px solid #2e778e;
	border-left:1px solid #2e778e;
	border-right:3px solid #97dcf2;
	padding:0;
	width:93px;
	height:26px;
	cursor:pointer;
	padding:1px 0 0;
	
}
.comments-PII-2 input:hover {
	
	
}

.note {
	font-size:10px;
	color:#939072;
}


/* comment list styles */

#comment-list {
	color:#2E778E;
	font-size:18px;
	padding:50px 0 0 0;
	
}
#comment-list .bigger, cite {
	font-weight:normal;
	font-size:14px;
	line-height:22px;
}
.comment-left {
	margin:0;
	padding:10px 0;
	
	width:500px;
}
.alt {
}
.comment-meta {
	float:left;
	width:160px;
	
	font-size:14px;
	font-weight:bold;
}

.comment-metadata {
	font-size:11px;
	font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a {
	color:#437680;
	text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:500px;
	margin:10px 0;
	font-size:12px;
	line-height:20px;
}





/* footer */


#footer-wrapper-social{
	width:100%;
	margin:0;
	background:#ffffff url(images/bg-social.png) top repeat-x;
	/*border-top:3px solid #d6d6d6;*/
}

#footer-wrapper{
	width:100%;
	margin:0;
	background:#282828 url(images/bg-footer.png) top repeat-x;
	/*border-top:3px solid #d6d6d6;*/
}






#footer, #footer-social {
	
	width:940px;
	margin:0 auto;
	padding:0 0 20px;
	font-size:11px;
	line-height:14px;
	text-align:left;
	
}
#footer a, #footer-social a {
	color:#2E778E;
	text-decoration:underline;
}
#footer a:hover, #footer-social a:hover {
	color:#2E778E;
	text-decoration:none;
}

#footer-social p {
	text-align:left;
	color:#383838;
}


#footer p{
	text-align:center;
	color:#f9f9f9;
	padding-top:20px;
}

#footer-social h3 {
	
	color:#2e778e;
	font-size:1.7em;
	font-weight:normal;
	margin:0 0 10px 0;
}

#facebook {
	margin:30px 0 10px 10px;
	display:block;
	float:left;
	width:300px;
}	

#flickr {
	margin:30px 10px 10px 10px;
	display:block;
	float:left;
	width:260px;
}

#twitter {
	display:block;
	float:left;
	margin:30px 20px 10px 10px;
	width:300px;
}

#twitter ul{
	color:#383838;
	list-style:none;
	margin:0;
	padding:0;
}

#twitter li {
	line-height:1.4em;
	color:#383838;
	margin-bottom:20px;
}

#twitter li a{
	color:#2e778e;
	text-decoration:underline;
	
}

#twitter li a:hover{
	color:#97DCF2;
	text-decoration:none;
}


	.donate-form {
	margin:0;
	padding:0;
	width:260px;

}

form input.text{
margin:10px 0;
padding:15px;
width:285px;
color:#666666;
font:14px arial, helvetica, sans-serif;
position:absolute;
border:1px solid #383838;
background:#e8f0f0;
outline:none;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

form input.submit{
position:absolute;
margin:12px 0 0 330px;
height:45px;
width: 95px;
text-indent:-9999px;
border:0;
background: url(images/hookmeup.png) top left no-repeat;
cursor:pointer;
outline:none;
border:0;
}
form input.submit:hover{
background: url(images/hookmeup.png) bottom left no-repeat;

}