/*

Theme Name: Suffoca

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

Description: A Wordpress magazine theme based on the Blueprint CSS Framework.

Version: 1.0

Author: Alan Bernard

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

Credits: http://code.google.com/p/blueprintcss/

*/

.right {float: right;} 
.left {float: left;}
/* HEADER */

#header

{
	height: 50px;
	width: 950px;
	padding: 10px 0 0 10px;
        text-align: center;
}

#header h1, #header .description

{
	padding: 0;
	margin: 0;
	line-height: 2em;
}

.twitter { background: url('images/twitter.jpg') top left no-repeat; width: 230px; margin-left: 0; margin-top:80px; }
.twitter p{padding-top: 60px; text-align: left;}
#mainthing { margin: 0 auto; float: left; padding-left: 0px; padding-right:0px; text-align:left; }
#mainthing img {margin-bottom: 2px;}
.addthis_button {margin-top: 20px; }

#features img{width: 460px; height: auto;}

body

{
	margin-bottom: 0;
	margin-top: -20px;
	background: url('images/suffbanner.png') top repeat-x;
	text-align: center;
}

.signs{ margin-top: 10px; height: 60px; float: right; clear: both; }

.linesite { background: url('images/linesite.png') top no-repeat; height: 10px; width: 100%; float: left; text-align: center; margin-top:235px; margin-bottom: 5px; }

#outside { background: url('images/get.png') top left no-repeat; }

/* SWEET NAVIGATION, Y'ALL! */

#headertop {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	z-index:0;
}

#header2 {
	text-align: center;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -70px;
	z-index:0;
}

#header2 ul li {
	display:block;
	float:left;
	list-style-type:none;
	padding-top:80px;
	margin-left: 2px;

}
#header2 ul li a {
	display:block;
	margin-top: 45px;
	height:50px; width:66px;
	background:transparent url(images/suffnav.png) no-repeat 0 0;
	text-indent:-9009px;
}

#header2 ul li#beanman a {
	margin-top: 45px;
    width:33px;
    background-position: -70px 0;
    }

#header2 ul li#work a {
    width:75px;
    background-position: -105px 0;
    }
	
#header2 ul li#about a {
    width:95px;
    background-position: -320px 0;
    }

#header2 ul li#shop a {
    width:70px;
    background-position: -454px 0;
    }
	
#header2 ul li#empty2 a {width:184px; background-position: -600px -600px; }


/* nav hover styles */
#header2 ul li a:hover {
	background-position: 0 -53px;
}
  
#header2 ul li#work a:hover {
	background-position: -105px -53px;
}

#header2 ul li#about a:hover {
	background-position: -320px -53px;
}

#header2 ul li#shop a:hover {
	background-position: -454px -53px;
}

ul#header2 li#empty-nav (line 103)

{
width: 124px;
height: 140px;
padding-right: 10px;
margin: -120px 0;
}

#headbutt {
	width: 600px;
	float:left;
	text-align: center;
	margin-top: -50px;
	margin-left: 220px;
	z-index:0;
}

#headbutt ul li {
	display:block;
	float:left;
	list-style-type:none;
	margin-top: 0px;
	margin-left: 10px;

}
#headbutt ul li a {
	display:block;
	height:20px; width:42px;
	background:transparent url(images/butts2.png) no-repeat 0 0;
	text-indent:-9009px;
}


#headbutt ul li#facebook a {
    width:53px;
    background-position: -46px 0;
    }

#headbutt ul li#flickr a {
	margin-left: 155px;
    width:34px;
    background-position: -103px 0;
    }

#headbutt ul li#subscribe a {
    width:60px;
    background-position: -135px 0;
    }

#headbutt ul li#email a {
    width:40px;
    background-position: -193px 0;
    }
	
/* Hover Social */

#headbutt ul li a:hover {
    background-position: 0px -25px;
    }

#headbutt ul li#facebook a:hover {
    background-position: -46px -25px;
    }

#headbutt ul li#flickr a:hover {
    background-position: -103px -25px;
    }
#headbutt ul li#subscribe a:hover {
    background-position: -135px -25px;
    }
#headbutt ul li#email a:hover {
    background-position: -193px -25px;
    }

/* END SWEET NAV */

blockquote

{

	font-style: normal;

	padding: 0;

	color: #000;

	background: url('images/quote.png') .5em top no-repeat;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2dadff; text-transform: normal; }

a
{
	color: #2dadff;
	text-decoration: none;
}

a:active, h2 a:active, h3 a:active

{
	color: #34c298;
	text-decoration: none;
}

a:hover, h2 a:hover, h3 a:hover
{

	color: #bbbbbb;

	text-decoration: none;

}

blockquote p { padding: 0 20px 0 30px; }

hr

{
	background: #fff;
	height: 1px;
}

img { margin: 0; }

.photo_align_left
{
	float: left;
	padding: 0 1.5em 1.5em 0;
}

a.button { float: left; }

/* Fix for buttons */
input
{
	padding-left: 0;
	border: 1px solid #CCCCCC;

}

ol { margin-left: 35px; }

label { font-weight: normal; }

textarea

{
	height: 200px;
	width: 500px;
}

.small { font-size: .9em; }
.nomargin { margin: 0; }
a.button, button { font-weight: normal; }
dl.small dd { font-size: .9em; }

span.meta_align_right

{
	color: #ccc;
	font-size: .6em;
	float: right;
}

span.meta_align_right a { color: #ccc; }

span.meta_align_right a:hover { color: #000; }

.linkcat { list-style: none; }

.post_first

{
	background: #fff;
	padding: 1em;
}

.post_alt

{
	background: #eee;
	padding: 1em;

}

.meta

{
	color: #ccc;
	font-size: .8em;
	line-height: 1.875em;
	font-family: Georgia;
}

.meta a { color: #ccc; }

.meta a:hover { color: #000; }

.byline

{
	color: #ccc;
	font-size: .8em;
	line-height: 1.875em;
}

.byline a

{
	color: #FF3706;
	text-decoration: none;
	line-height: 1.875em;
}


.byline a:hover { color: #000; }

.five_posts h6 a, .five_posts h4 a, .five_posts h3 a

{
	text-decoration: none;
	margin-bottom: 0;

}



#maincontent h2, #feature h2

{
        font-size: 24px;
        text-transform: uppercase;
	color: #009ce5;
	border-bottom: 1px line #AAA;
	margin-bottom: 15px;
}

h2 a

{
	color: #009ce5;
	text-decoration: none;
}

#maincontent .post h2, #feature .post h2 { margin-bottom: 5px; }

#maincontent .content { padding: 25px 30px 20px 48px; }

#feature p img { margin: 0px 0 2px 0; }

feature img { width: 700px; height: auto;}

.feature_text { margin-top: 2em; }

#home_right { padding: 0; }

#home_right .entry { padding: 0 0 2em 0; }

/* FEATURED CONTENT IN SUPPORT */

#feats { background-color: #e9e9e9; padding: 10px;}

#feats p { line-height: 1.5em; }

#feats img{ width: 430px; height: auto; }

#vids { background-color: #242424; padding: 10px;}

#vids p { line-height: 1.5em; }

#vids img{ width: 430px; height: auto; }

.author

{
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #eee;

}

.author img

{
	float: left;
	padding: 0 1em 1em 0;
}


.author p { margin-left: 8em; }

.author h6

{
	margin-left: 7em;
	border-bottom: 1px #000 dotted;
}

.navigation, 

.navigation a { color: #AAA; }

.alignright { float: right; }

.alignleft { float: left; }

.post { margin-bottom: 25px; }

.entry { padding-bottom: 25px; }

/* NAVIGATION IN POSTS */

.entry #nav .content

{
	padding: 0;
	margin: auto;
}

.entry #nav

{
	margin-bottom: 15px;
	background: #FFF;
}

.entry #nav li a

{
	color: #FFF;
	border-right: 1px solid #AAA;
	background: #666;
}

.entry #nav li.last a { border-right: none; }

.entry #nav li a:hover

{
	background: #333;
	color: #FFF;
}

/* FOOTER */

#footer

{
	text-align: center;
	font-size: .9em;
	margin: 0 auto;
        width: 950px;
}

#footer a { text-decoration: none; }

/* SEARCH */

#search { float: right; }

#search #s

{
	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
	padding: 2px 0 2px 17px;
	width: 135px;
	color: #CCCCCC;
	font-size: 0.9em;
	margin-right: 0px;
	margin-top: 0px;
}

#search #s:hover { color: #000; }

.search-excerpt { margin: 0; }

/* COMMENTS */

.commentlist li { padding: 8px 15px; }

.comments-alt { background: #EEE; }

/* LISTS */

.bottombar { }

.bottombar h2

{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 1em;
}

ul

{
	list-style-type: none;
	margin-left: 1em;
	padding: 0;
}

ul li

{
	list-style-image: url('images/icons/li.png');
	background-repeat: no-repeat;
	line-height: 2em;
	margin: 0;
	padding: 0;
}

ul li a { color: #000; }

/* COMMENT STYLES */

#comments { width: 100%; }

dl#comment_list { margin: 0 0 0 0; }

dl#comment_list dt

{
	padding: 0 0 33px 0;
	background: url('images/comment_top.gif') 0 100% no-repeat;
	font-size: 1.1em;
	line-height: 1.8182em;
	color: #999;
}

dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }

dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }

dl#comment_list dt .comment_num a:hover { color: #a90000; }

dl#comment_list dt strong

{
	font-size: 1.4545em;
	color: #000;
}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited

{
	color: #000;
	border-bottom: 1px dotted #999;
}

dl#comment_list dt strong a:hover

{
	color: #000;
	border-bottom: 1px solid #a90000;
}

dl#comment_list dd

{
	padding: 20px;
	margin: 0 0 1.5385em;
	background: #dfdfdf;
}

dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; }

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }

/* COMMENT FORM */

#comment_form

{
	width: 46.8em;
	margin: 0 0 4.0em 0;
}

#comment_form a:hover { text-decoration: underline; }

#comment_form p { padding: 0.7692em 0; }

#comment_form label

{
	padding: 0 0 0 0.83333em;
	font-size: 1.2em;
}

#comment_form .text_input

{
	width: 15.3846em;
	padding: 0.23077em;
	color: #a90000;
	font: bold 1.3em Verdana, sans-serif;
	border-top: 0.15385em solid #999;
	border-left: 0.15385em solid #999;
	border-right: 0.07692em solid #eee;
	border-bottom: 0.07692em solid #eee;
}

#comment_form .text_input:focus

{
	border-top-color: #666;
	border-left-color: #666;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}

#comment_form .text_area { width: 32.9231em; }

#comment_form p.subscribe-to-comments { font-size: 1.3em; }

#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

#comment_form .form_submit

{
	padding: 0.5em;
	background: url('images/submit_bg.gif') repeat-x;
	color: #000;
	border: 0.21429em double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

#comment_form .form_submit:hover { color: #0099cc; }

#themes h6

{
	float: right;
	padding-right: 1em;
}

ul#themeswitcher

{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul#themeswitcher li

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

#pushtop {margin-top: 40px;}

#footer2{

width: 100%;
height: 380px;
background-color: transparent;
background-image: url(images/Slogo.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center bottom;
padding-top: 1px;
position: relative;
clear: both;

}

ul.thumbnails {width:520px; list-style:none; margin:0; padding:0;}

.thumbnails li {float:left; margin:5px 4px 5px 3px;}

.thumbnails img  {width:110px; height:80px; padding:5px; vertical-align:bottom;}

.thumbnails a {border:1px solid #D4D4D4; background:#FFF; display:block; margin-bottom:5px; float:left;}

.thumbnails a:hover img {background:#F9F9F9;}

/* GALLERY STYLES */

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
	border: 6px solid #eee;

}

.scroll {

	overflow: hidden;

	width: 900px;

    margin: 0 auto;

    position: relative;

}



.scrollContainer {

	position: relative;

}



.scrollContainer div.panel {

    padding: 10px;

    width: 400px;

	height: 500px;

}



#left-shadow {

	position: absolute;

	top: 0;

	left: 0;

	width: 12px;

	bottom: 0;

	background: url(http://suffoca.com/blog/movingboxes/images/leftshadow.png) repeat-y;

}



#right-shadow {

	position: absolute;

	top: 0;

	right: 0;

	width: 12px;

	bottom: 0;

	background: url(http://suffoca.com/blog/movingboxes/images/rightshadow.png) repeat-y;

}



.inside {

	padding: 10px;

	border: 0px solid #000;

}



.inside img {

	display: block;

	border: 1px solid #666;

	margin: 0 0 10px 0;

	width: 400px;

}



.inside h2 {

	font-weight: normal;

	color: #111;

	font-size: 16px;

	margin: 0 0 8px 0;

}



.inside p {

	font-size: 11px;

	color: #ccc;

}





.scrollButtons {

    position: absolute;

    top: 190px;

    cursor: pointer;

}



.scrollButtons.left {

    left: -45px;

}



.scrollButtons.right {

    right: -45px;

}



.hide {

    display: none;

}						



#story p { padding: 5px 0; margin: 0;}



.box2 {   padding-top: 5px; margin-top:70px; margin-bottom: 10px;  width: 150px; position: relative; margin-left: 25px; }



/* Rotator for Doodles */



#slider2 {

    width: 410px; /* important to be same as image width */

    height: 300px; /* important to be same as image height */

    position: relative; /* important */

	overflow: hidden; /* important */

}

#slider2Content {

    width: 410px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.slider2Image {

    float: left;

    position: relative;

	display: none;

}

.slider2Image span {

    position: absolute;

	font: 10px/15px Arial, Helvetica, sans-serif;

    padding: 10px 13px;

    width: 384px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

	clear: both;

}

.slider2Image span strong {

    font-size: 14px;

}

.top {

	top: 0;

	left: 0;

}

.bottom {

	bottom: 0;

    left: 0;

}

ul { list-style-type: none;}



#bottom-margin



{



display: block;

height: 420px;

position: relative;



}



#bottom-cnt { height: 203px; margin-top: -2px; background: url(images/Slogo.png) no-repeat center 0; text-align: center;}

#centermother { margin: 0 auto; float: center; padding-left: 5%;}



/* style pagination buttons */



#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: left; float: center; }

#more_reading p, #more_reading img { vertical-align: middle; }

#more_reading a img { border: none; margin:0 0 3px 2px; }