/*   



Theme Name: Don't Panic



Theme URI: http://www.dontpanicwigan.com/



Description: Don't Panic!



Author: Iain Yates



Author URI: http://www.dontpanicwigan.com/



Version: 1.0







*/







/* Reset default browser styles */



@import url('styles/reset.css');







/* Rebuild default browser styles */



@import url('styles/rebuild.css');







/* Basic WordPress Styles */



@import url('styles/wp.css');







/* Import a basic layout */



@import url('styles/2c-r.css');











body {



	margin: 0;



	background-color: #3f3f3f;



	background-image: url(images/bg.jpg);



	background-repeat: repeat-x;



	padding: 0;



	margin: 0;



	font-family: "Arial" sans-serif;



	color: black;



}







a, a:visited, a:hover, a:active {



	color: #476400;



	text-decoration: none;



}







#main {

    background-color: #fff;

	border-style: solid;

    border-color: #000;

    border-width: 0 1px 0 1px;

	width: 942px;

	padding-top: 5px;

}



img {

	border: 1px solid black;

}







/* =Header



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







#header {



	height: 245px;



	width: 100%;



	background-image: url(images/header.jpg);



	background-repeat: no-repeat;

	

	background-position: top center;



}







#blog-title { height: 180px; }







#branding {



	text-indent: -5000px;



}







#footer {



        background-image: url(images/footer.jpg);



        height: 34px;



	background-repeat: no-repeat;



	margin: 0;



	padding-top: 9px;



        padding-left: 20px;



        color: #999;

		width:924px;



}







#site-info p {



       font-size: 11px;



}







/* =About







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





#about-box{



	width: 310px;



	margin: 20px 20px 0 0;



	float: left;



	overflow: hidden;



	clear: both;



}







#blog-description p {



	margin-top: 6px;



	font-size: 12px;



	line-height: 16px;



}







#blog-description p:first-child {



	font-size: 16px;



	font-weight: bold;



	line-height: 18px;



	color: #c3d935;



	display: inline;



	background-color: #282828;



}











/* =Menu



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







#access {



	margin: 0 0 1.5em 0;



	overflow: auto;



}



.skip-link {



	display: none;



}



.menu ul {



	list-style: none;



	margin: 0;



}



.menu ul ul {



	display: none;



}



.menu li {



	display: inline;



}



.menu a {



	display: block;



	float: left;



}











/* =Content



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





h1.page-title {

	margin: 0 0 20px 20px;

	color: #ddd;

	font-size: 25px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: -2px;

}



h1.page-title span {

	text-transform: none;

	font-weight: normal;

}





#content {

	border-right: 1px dashed #999;

}



.post {	



	/* background-image: url(images/story_heading_bg.jpg); */



	background-repeat: no-repeat;



	margin: 0 0 40px 20px;



}





#container .page {	



	/* background-image: url(images/story_heading_bg.jpg); */



	background-repeat: no-repeat;



	margin: 0 0 40px 20px;



}







.hentry {	



	/* background-image: url(images/story_heading_bg.jpg); */



	background-repeat: no-repeat;



	margin-bottom: 40px;



}







.entry-meta, .entry-utility, .entry-title, .addthis_container {



	margin: 0 0 0 0;



}



.post-meta li { display: inline; }



.entry-date, .post-meta li {

	color: #ccc;

	background-color: #282828;

	line-height: 110%;

}



.entry-date abbr {

	border: 0;

}





.entry-content, .entry-summary {



	margin: 23px 0 10px 0;



	font-size: 12px;



	padding-bottom: 10px;



}





.entry-content a:hover, .entry-utility a:hover, #nav-below a:hover, #respond a:hover {

	background-color: #c3d935;

}







.post .entry-content, .post .entry-summary {





}







.entry-content p {



	margin-bottom: 13px;



}







.entry-utility {



	color: #888;

	background-color: #eee;

	border: 1px dashed #888;

	padding: 10px;



}



.entry-utility a {

	

}





.utility-main {



	float: left;



    width: 400px;



}







.entry-title {



	color: #c3d935;



	font-weight: bold;



	font-size: 42px;



	letter-spacing:-0.04em; 



	background-color: #282828;



	display: inline;



	padding-right: 10px;

	

	line-height: 110%;



}





.entry-title a, .entry-meta a, #footer a {

	color: #c3d935;

}





.entry-meta, .post-meta {



	padding: 0;



	font-size: 24px;

}







.post-meta {



	list-style: none;

		

	margin: 0;



}







.sharethis {



	float: right;



}







.comment-div { float: none; clear: both; margin-top: 30px; }







.nav-previous { float: left }







.nav-next { float: right }



#nav-below {

	margin-top: 20px;

}



#fotobook-album a:hover {

	background-color: #ffffff;

}



/* =Navigation



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







.navigation {



	margin: 0 0 1.5em 0;



	overflow: auto;	



}















/* =Widget Areas



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



.widget-area ul {



	list-style: none;



	margin-left: 0;



}



.widget-area ul ul ul {



	margin-left: 2.5em;



}





#secondary {

	float: left;

}



#secondary .widget-container {



	background-repeat: no-repeat;



	float: right;



	width: 145px;



	font-size: 12px;

	

	padding-right: 20px;

}



#secondary .widget-container a:hover {

	background-color: #c3d935;

}



#secondary .fb_photos_widget {

	width: 315px;

	padding-right: 15px;

	margin-bottom: 15px;

}







.widget-title {



	line-height: 31px;



	color: #ffffff;



	font-weight: bold;



	font-size: 15px;



	background-color: #282828;

	

	display: inline;



	padding: 3px 20px 2px 0;



}







#primary {



	background-image: url(images/hor_widget.gif);



	height: 36px;



	background-repeat: no-repeat;



	margin: 0;



	padding-top: 11px;



}







.toplink {



	float: left;



	padding-left: 32px;



	background-repeat: no-repeat;



	line-height: 26px;



	margin-left: 20px;



	font-size: 14px;



	font-weight: bold;



}







.toplink a {



	color: white;



}







#home {



	background-image: url(images/home.jpg);



}







#rss {



	background-image: url(images/rss.jpg);



}







#facebook {



	background-image: url(images/facebook.jpg);



}







#searchform {



	float: right;



	margin: 1px 20px 0 0;



	color: #c3d935;



	font-size: 15px;



	font-weight: bold;



}







.widget_tag_cloud {



        line-height: 140%;



}







.widget_tag_cloud  .widget-title {



        margin-bottom: 10px;



}







.tptn_excerpt{ font-size: 10px; display: block; line-height: 12px; }







ul.wppp_list { list-style-position: inside; list-style-type: decimal; }







.wppp_list li a { font-weight: bold; }







.wppp_list li { margin-top: 8px; }



.wppp_list li:first-child { margin-top: 0; }





/* Comments */



#comments-list {

	margin-top: 40px;

}



#comments-list h3, #respond h3 {

	display: inline;

	font-size: 16px;

	font-weight: bold;

	padding: 3px 10px 2px 0;

	background-color: #282828;

	color: #fff;

}



#comments-list ol {

	list-style: none;

	margin-left: 0;

}



#comments-list ol li{

	border-top: 1px dashed #888;

	padding: 10px 0 10px 0;

}



#comments-list ol li:first-child{

	border-top: 0;

}



.comment .comment-author {

	margin: 0 0 -6px 0;

}



.comment .comment-author .fn {

	background-color: #282828;

	color: #c3d935;

	font-size: 20px;

	font-weight: bold;

	padding: 0 2px 0 2px;

}



.comment .comment-author .fn a {

	color: #c3d935;

}



.comment .comment-date {

	display: inline;

	background-color: #282828;

	color: #ccc;

	padding: 0 2px 0 2px;

	font-size: 11px;

}



.comment .comment-content{

	margin-top: 10px;

}



.comment .comment-meta {

	font-size: 11px;

}



.comment .comment-content a:hover, .comment .comment-meta a:hover {

	background-color: #c3d935;

}



#commentform textarea {

	width: 486px;

}



#commentform textarea, #commentform input {

	background-color: #eee;

	border: 1px solid #888;

}



#commentform .form-section {

	margin-bottom: 15px;

}



#commentform .form-submit {

	clear: both;

	margin-top: 25px;

}



#commentform .form-label {

	float: left;

	width: 60px;

}



#trackbacks-list {

        font-size: 10px;

}



/* Slideshow */



#d13slideshow{

	background-color:#000000;

	width:310px;

	height:200px;

	margin:-4px 20px 0 0; padding:0px; 

	z-index: 1;

	float: left;

}



#d13nav { margin:0px; padding:0px; }



#navleft{

	z-index:60;

	position:absolute;

	width:15px;

	height:25px;

	margin:0px; padding:0px; 

}



#navright{

	z-index:61;

	position:absolute;

	width:15px;

	height:25px;

	margin:0px; padding:0px;

	margin-left:15px; 

}

#navleft a, #navright a{

	width:15px;

	height:25px;

	display:block;

	background-color:#000000;

	filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;-khtml-opacity: 0.3;

	background-position:center center;

	background-repeat:no-repeat; 

}



#navleft a { background-image:url(images/left.gif); }

#navright a { background-image:url(images/right.gif);  }

#navleft a:hover { filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }

#navright a:hover { filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }

#navleft a span,#navright a span { display:none; }



div.d13slide {

	padding:0px;

	margin:0px; 

	width:310px;

	height:200px;

	position: absolute;

}



div.d13slide img {

	width:310px;

	height:200px;

	padding:0px;

	margin:0px; 

}



div.d13postcount {

	z-index: 202;

	font-size:12px;

	filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;-khtml-opacity: 0.7;

	color: #fff;

	background-color: #000;

	float: left;

	margin-left: 30px;

	line-height: 25px;

	vertical-align: middle;

	padding: 0 3px 0 3px;



}



div.d13fader {

	position: absolute;

	font-family:Arial, Helvetica, sans-serif;	

	top: 0;

}



div.d13header {

	padding-left:4px;

	width: 300px;

	float: left;

	z-index:400;

	letter-spacing:-1px;

	margin-top: 15px;

}



div.d13fader h3 {

	filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity: 0.8;

	background-color: #000;

	font-size:30px;

	font-weight:bold;

	margin:0; 

	display: inline;

	line-height: 110%;

	z-index: 400;

}



div.d13fader h3 a{ color:#c3d935; }

div.d13fader h3 a:hover{ color:#c3d935; }



div.blurb {

	float: left;

	width: 280px;

	padding:0 0 0 4px;

	line-height: 105%;

	z-index: 400;

}



div.d13fader p {

	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-opacity: 0.75;

	background-color: #000;

	font-size:10px;

	font-weight:normal;

	margin: 0;

	height: 40px;

	color:#CCCCCC; 

	z-index: 400;

	display: inline;

}



div.d13fader p a {

	color:#CCCCCC; 

}



div.d13fader p a:hover {

	color:#FFFFFF; 

}



/* Hackity Hack Hack */







.clearfix:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



 



.clearfix {



	display: inline-block;



}



 



html[xmlns] .clearfix {



	display: block;



}



 



* html .clearfix {



	height: 1%;



}