/*
Theme Name: Gradual Panic
Theme URI: http://craigbutcher.net/webtailor
Author: Craig Butcher
Author URI: http://craigbutcher.net
Description: A reboot for Gradual Panic.
Version: 1.0
Tags: Just damn awesome.
*/

/* Reset, reset, reset! */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { 	-webkit-font-smoothing: antialiased; }

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

focus {outline: 0;}

table {border-collapse: collapse;border-spacing: 0;}

/* HTML 5 */
article,aside,figure,footer,header,hgroup,nav,section,time { display:block }

/* BODY ------------------------------------------------------------------ */

body {
/*    background: url(http://griddle.it/960-12-30?text=firebrick) repeat-y center top;  sort yo grids */
	background: url('img/subtle_freckles.png') repeat;
	color: #444;
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
	width: 940px;
	margin: 30px auto 75px auto;
	overflow: hidden;
}

#content {
	width: 650px;
	float: left;
}


#branding {
	margin: 0 0 15px 0;
	overflow: hidden;
}


.twitter { float: right; padding: 0 10px}
#___plusone_0 { float: right !important; padding: 10px}

#branding h1 {
	display: inline;
	float: left;
	font-family: LeagueGothicRegular;
	font-size: 80px;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.mainnav {
	background:url('img/black-Linen.png') repeat transparent;
	box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	-moz-box-shadow: 0 0 4px #444;
	height: 20px;
	overflow: hidden;
}

.mainnav h2 {
	color: #fff;
	font-size: 10px;
	margin: 0 auto;
	text-align: right;
	padding: 3px 0;
	width: 920px;
}

.mainnav a {color: #fff;}


#secondary { overflow: hidden; }

.sidebar, .widget {
	background: #fff;
	border: 5px #f1f1f1 solid;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	float: right; width: 240px;
	margin: 10px 10px 15px 4px;
	padding: 10px;
}


.sidebar h1 {
	font-size: 30px;
	letter-spacing: -2px;
	font-family: Helvetica, arial;

}

.post, .comments, .type-page {
background: #fff;
width: 600px;
padding: 10px;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
margin: 10px 0 50px 4px;
border: 5px #f1f1f1 solid;
}

#respond {
background: #fff;

padding: 10px;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;

margin: 10px 0 90px 4px;
border: 5px #f1f1f1 solid;
}


.entry-title {
	font-family: LeagueGothicRegular;
	font-size: 50px;
	letter-spacing: -0.5px;
	padding: 0 0 10px 0;
		font-weight: normal;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

.post h3, .post h4, .post h5 {
	letter-spacing: -1px;
	padding: 0 0 15px 0;
	text-shadow: 0 1px 1px #eee;
}

small, time {
	font-size: 11px;
	padding: 0 0 10px;
	display: block;
}

.post h3 { font-size: 30px;}
.post h4 { font-size: 25px;}
.post h5 { font-size: 20px;}

#reply-title { font-family: LeagueGothicRegular; font-size: 30px; margin: 10px; font-weight: normal;}
.widget_search h3 { display: none;}
.widget-title, .widgettitle { font-family: LeagueGothicRegular; font-size: 30px; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}

.twitter-item { font-size: 12px; line-height: 18px;}

#comments h2 { font-size: 40px; font-family: LeagueGothicRegular; margin: 0 0 0 2px; font-weight: normal;}
cite { font-size: 14px; padding: 0 0 10px; display: block; }



a {	text-decoration: none; color: #333; }

.post a {
	color: #ae0002;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
display: inline;
}

#site-title a { color: #444; }
#site-title a:hover { color: #a02;   -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
}
#site-title a:active { color: #ddd;}


.post a:link { color: #ae0002;}
.post a:visited { color: #ae0002;}
.post a:hover  { color: #000;}
.post a:active { color: #ddd;}


.entry-meta {
	font-size: 12px;
	padding: 0 0 10px;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
}

.entry-meta span {
	font-style: italic;
	font-family: Georgia, arial;
	text-transform: lowercase;
}

.entry-content p {
	font-size: 13px;
	padding: 0 0 15px;
	line-height: 18px;
}


.entry-content ul,ol { margin: 10px 0 20px 0;}
.entry-content ul { list-style: inside disc;}
.entry-content ol, .widget ol { list-style: inside decimal;}
.entry-content li, .widget li { font-size: 13px; line-height: 20px; padding: 0 0 5px;}




.wp-caption {
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 0 auto 20px auto !important;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	padding: 5px;

}

p.wp-caption-text {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	background: #f9f9f9;
	padding: 5px 0 !important;
	margin: 0 auto;
}


/* comments */

#comments {
	margin: 40px 0 0;
}

.comments p {
	font-size: 13px;
	padding: 0 0 15px;
	line-height: 18px;
}

#respond p {
	font-size: 13px;
	padding: 0 0 15px 10px;
	line-height: 18px;
}

.form-allowed-tags {
	display: block;
	margin: 0 0 0 130px;
	width: 422px;
}

.comment-content p {
	font-size: 13px;
	padding: 0 0 15px;
	line-height: 18px;
}

.edit-link {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px;

}


ol.commentlist li.even { background: #fff;
width: 600px;
padding: 10px;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;

margin: 10px 0 20px 4px;
border: 5px #f1f1f1 solid;

}


ol.commentlist li.odd { ;
width: 600px;
padding: 10px;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;

margin: 10px 0 20px 4px;
border: 5px #f1f1f1 solid;


background:#fff; }


/* form */


#commentform {
	margin: 5px 10px 0 0;
	padding: 0 0 30px 0;
}

#respond {
	margin: 5px 14px 0 4px;
	padding: 0 0 30px 0;
}


#commentform small { font-size: 12px; display: inline;}

#commentform p label {
	display: block;
	float: left;
	width: 120px;
}

#commentform input, #commentform textarea {
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #ddd;
	-webkit-box-shadow: 0 0 2px #ddd;
	-moz-box-shadow: 0 0 2px #ddd;
	font-family: Helvetica, arial;
	font-size: 12px;
	padding: 4px;
	width: 170px;
}

#commentform input { width: 50%; }

#commentform textarea { width: 70%; }



#commentform #submit:hover {

}

textarea:focus, input:focus { border:3px solid #ae0002; }

input#submit {
    width: 100px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    border-top: 1px solid #ae0002;
    margin: 10px 0 0 120px;
 
    /*** Adding CSS3 Gradients ***/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ae0002), to(#900002));
    background:  -moz-linear-gradient(19% 75% 90deg,#900002, #ae0002);
   	background: -o-linear-gradient(#ae0002, #900002);
   	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae0002', endColorstr='#900002');
    width: 130px;
    padding: 5px 0;
    border-radius: 3px;
}


input#submit:active {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#900002), to(#ae0002));	
    background:  -moz-linear-gradient(19% 75% 90deg,#ae0002, #900002);
	background: -o-linear-gradient(#900002, #ae0002);
   	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#900002', endColorstr='#ae0002');

}


/* Navigation */

#nav-top-below a {
	background: #EEE;
	border-radius: 3px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
}

#nav-top-below a:link, #nav-top-below a:visited {
	color: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ae0002), to(#900002));
    background:  -moz-linear-gradient(19% 75% 90deg,#900002, #ae0002);
   	background: -o-linear-gradient(#ae0002, #900002);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae0002', endColorstr='#900002');
}

#nav-top-below a:active {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#900002), to(#ae0002));	
    background:  -moz-linear-gradient(19% 75% 90deg,#ae0002, #900002);
	background-image: -o-linear-gradient(#900002, #ae0002);
   	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#900002', endColorstr='#ae0002');
}


#nav-top-below { overflow: hidden; font-size: 12px; margin: 35px 0 0;}
.nav-previous { float: left; margin: 0 0 0 3px;}
.nav-next { float: right; margin: 0 15px 0 0}

.nav-previous, .nav-next {
	box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
}

/* assistance */

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.hidden { display: none; }


/* search form */

#searchform { }

#searchform input {
	background: #F9F8F8;
	border: 1px solid #C8C7C2;
	color: #96958F;
	font-family: Helvetica, arial;
	font-size: 12px;
	-moz-box-shadow: 1px 1px 4px #DDD inset;
	-webkit-box-shadow: 1px 1px 4px #DDD inset;
	box-shadow: 1px 1px 4px #DDD inset;
	padding: 5px;
	width: 229px;
}

input#searchsubmit { display: none; }

footer#colophon {
	background: url('img/black-Linen.png') repeat;
	height: 100px;
	box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.20);
}

footer#colophon ul {
	margin: 0 auto;
	padding: 37px 0 0;
	width: 920px
}

footer#colophon li{
	color: #ddd;
	font-size: 12px;
	margin: 0 0 5px;
}

footer#colophon a {	color: #eee; border-bottom: 1px dotted #ddd;}

#socialmedia {
	margin: 14px 0;

}

.alignright {
	float: right;
}

.aligncenter { display: block; margin: 0 auto;}

img.alignleft {
float: left;
margin: 5px 20px 50px 0;
padding: 3px;
background: #fcfcfc;
border: 1px solid #c8c8c2;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}


/* HEADINGS -------------------------------------------------------------- */


/* TYPOGRAPHY ----------------------------------------------------------- */


/* FIGURES ----------------------------------------------------- */
/* LINKS ------------------------------------------------------------------ */
a { text-decoration: none; outline: none;}

/* TABLES -------------------------------------------------------------- */
/* FORMS -------------------------------------------------------------- */
/* LAYOUT -------------------------------------------------------------- */
/* GLOBAL ELEMENTS --------------------------------------------------------- */


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}


/* anchor */




/* Disqus */

#disqus_thread {
	background: #fff;
	border: 5px #f1f1f1 solid;
	box-shadow: 0 0 5px #ccc;
	margin: 0 0 0 4px;
	width: 617px;
}

#dsq-content { padding: 10px;}