/*
    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-home.png) repeat-x;
	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;
		
	
}

#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;
}

#current-issue {
	height:370px;
	width:900px;
	margin:10px 0 0 30px;
	padding:;
}

.current-featured {
	
	position:absolute;
	float:left;
	left:10px;
	text-align:center;
	top:305px;
	z-index:100;
	padding: 5px;
	color: #f9f9f9;
	font-weight: bold; 
	background: #383838; 
	border: 1px solid #d6d6d6;
	/*-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}



#more {
	float:right;
	margin:0 80px 20px 0;
	padding:0;
}

.readmore a{
	color:#2E778E;
	float:left;
	font-size:1.1em;
	margin:10px 0 0 40px;
	padding:2px 6px;
	text-decoration:underline;
}
.readmore a:hover{
	color:#f9f9f9;
	background: #2e778e;
	border-right:3px solid #97dcf2;
	text-decoration: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: 30%;
	right: 0;
	background: #2e778e;
	/*border-right:3px solid #97dcf2;*/
	font-size: 1.5em;
	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:30px 0 30px;
	width:960px;
	
	
}




/* recent posts */

#recent-posts {
	padding:0 0 20px 30px;
	
	width:960px;
}

/*#recent-posts {
	padding:0 0 20px 80px;
	
	width:900px;
}*/



#recent-posts .home-post {
border:1px solid #D6D6D6;
color:#F8FAFA;
float:left;
font-size:11px;
height:200px;
line-height:15px;
margin:0 25px 20px 0;
overflow:hidden;
padding:1px;
width:200px;
}

/*#recent-posts .home-post{
	float:left;
	width:260px;
	height:258px;
	overflow:hidden;
	font-size:11px;
	line-height:15px;
	color:#f8fafa;
	margin:0 20px 20px 0;
}
*/



#recent-posts .home-post h3 {
	padding:0 0 2px;
	display:inline;
	margin:0;
	color:#2d7991;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	
}
#recent-posts .home-post h3 a {
	color:#2d7991;
	text-decoration:none;
}
#recent-posts .home-post h3 a:hover {
	color:#2d7991;
	text-decoration:none;
	border-bottom:1px solid #0ba485;
}

#recent-posts .btn-readon a:hover {
	background:url(images/btn-post.gif) no-repeat 0 -19px;
}
#recent-posts .lower-meta a {
	font-size:10px;
	display:block;
	float:left;
	padding:10px 0 0 34px;
	color:#2d7991;
	line-height:12px;
	border-style:none;
}
#recent-posts .lower-meta a:hover {
	border-style:none;
	color:#2d7991;
}












/* 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-social {
}

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


#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 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;
}




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;

}