/*
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/
*/

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

#mainthing img {margin-bottom: 2px;}

.addthis_button {margin-top: 20px; }

body
{
	margin-bottom: 0;
	margin-top: 10px;
	background: url('images/suffbanner.png') top repeat-x;

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

/* NAVIGATION TOP */

		ul#sole-brands li {
		top: 0;
		display:block;
		float:left;
                margin-top: 55px;
			}

			ul#sole-brands li a {
				display:block;
				outline:none;
				width:50px;height:34px;
				background:transparent url(images/topnav.png) no-repeat 0 0;
				text-indent:-9009px;
				margin:0 10px 0 0;
				}
			
				ul#sole-brands li a:hover {background-position:-1px -32px}

			ul#sole-brands li#blog-nav a {
				width:40px;
				background-position: 0px 0;
				}
			ul#sole-brands li#blog-nav a:hover {
					background-position:0px -32px;
					}
			
			ul#sole-brands li#gall-nav a {
				width:50px;
				background-position:-55px 0;
				}
			ul#sole-brands li#gall-nav a:hover {
					background-position:-55px -32px;
					}
			ul#sole-brands li#doods-nav a { 
				width:53px;
				background-position: -117px 0px;
				}
			ul#sole-brands li#doods-nav a:hover {
					background-position:-117px -32px;
					}

			ul#sole-brands li#media-nav a {
				width:50px;
				background-position:-190px 0;
				}
			ul#sole-brands li#media-nav a:hover {
					background-position:-190px -32px;
					}
			ul#sole-brands li#story-nav a {
				width:42px;
				background-position:-255px 0;
				}
			ul#sole-brands li#story-nav a:hover {
					background-position:-255px -32px;
					}

			ul#sole-brands li#port-nav a {
				width:56px;
				background-position:-280px 0;
				}
			ul#sole-brands li#port-nav a:hover {
					background-position:-282px -32px;
					}
			ul#sole-brands li#shop-nav a {
				width:40px;
				background-position:-308px 0;
				}
			ul#sole-brands li#shop-nav a:hover {
					background-position:-308px -33px;
					}
					
ul#sole-brands li#empty-nav {
width:124px; height: 140px; padding-right: 10px; margin-top: -20px; padding-bottom: 20px;
}
			ul#sole-brands li#twit-nav a {
				width:45px;
				background-position:-400px 0;
				}
			ul#sole-brands li#twit-nav a:hover {
					background-position:-400px -31px;
					}

			ul#sole-brands li#fb-nav a {
				width:55px;
				background-position:-455px 0;
				}
			ul#sole-brands li#fb-nav a:hover {
					background-position:-455px -31px;
					}
			ul#sole-brands li#flick-nav a {
				width:40px;
				background-position:-520px 0;
				}
			ul#sole-brands li#flick-nav a:hover {
					background-position:-520px -31px;
					}
			ul#sole-brands li#subscribe-nav a {
				width:60px;
				background-position:-570px 0;
				}
			ul#sole-brands li#subscribe-nav a:hover {
					background-position:-570px -31px;
					}
			ul#sole-brands li#mail-nav a {
				width:40px;
				background-position:-640px 0;
				}
			ul#sole-brands li#mail-nav a:hover {
					background-position:-640px -31px;
					}


blockquote
{
	font-style: normal;
	padding: 0 0 0 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; }

/* HEADER */
#header
{
	height: 50px;
	width: 950px;
	padding: 10px 0 0 5%;
}

#header h1, #header .description
{
	padding: 0;
	margin: 0;
	line-height: 2em;
}

/* 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: 100%;
}



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

/* Root = Horizontal, Secondary = Vertical */
#navmenu-h { background: #000; }
#navmenu-h li.alignright { float: right; }

ul#navmenu-h
{
	margin: 0 0 1em 0;
	border: 0 none;
	padding: 0;
	width: 950px;
	/*For KHTML*/
	list-style: none;
	height: 24px;
}

ul#navmenu-h li
{
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
}

ul#navmenu-h ul
{
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu-h ul li
{
	width: 160px;
	float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a
{
	padding: 2px 20px 0 20px;
	float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
	background: #000;
	color: #ccc;
	font: 11px/22px Helvetica;
	text-decoration: none;
	height: auto !important;
	/*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
	background: #333;
	color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a
{
	float: none;
	background: #000;
	color: #ccc;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a
{
	background: #333;
	color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a
{
	background: #000;
	color: #ccc;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a
{
	background: #CCC;
	color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a
{
	background: #EEE;
	color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
	background: #CCC;
	color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul
{
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; }

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