/*
Theme Name: The Long Telegram
Theme URI: http://longtelegram.com/
Description: Theme for The Long Telegram.
Version: 1.0
Author: Derek S. Moore
Author URI: http://dereksmoore.com/
*/

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, sub, sup, tt, var,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }	
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body{ margin: 0; padding: 0; font:62.5% 'Georgia', Serif; background: #FEA45D url(images/bg.jpg) no-repeat fixed; color: #222;}
em{font-style: italic;}


/*-------- Header ---------*/
#header{height: 283px; background: url(images/header-bg.jpg) no-repeat;  width: 100%; z-index: 10; }
	#header-shadow{background: url(images/header-bg-shadow.png) no-repeat; width: 100%; height: 23px; position: relative; margin-top: 31px;}
	#header-box{width: 960px; height: 206px; margin: 0 auto;}
		#header-box li{float: left;}
	#left-box, #right-box{background: url(images/box-frame.png) no-repeat; width: 204px; height: 204px;}
	#left-box h3, #right-box h3{font-family: Georgia, serif; text-transform: uppercase; font-size: 2.1em; text-align: center; margin-top: 10px; padding: 3px;}
		.thin-line{border-bottom: thin solid #000; border-top: none; border-collapse: collapse; border-left: none; border-right: none; width: 92px;}
		.tweet{padding: 0 10px 10px 10px; font-size: 1.3em; line-height: 1.5em;}
			.tweet a{color: #777; text-decoration: none;}
			.tweet a:hover{text-decoration: underline;}
			.follow-me {background: url(images/follow-me.png); width: 149px; height: 17px; top: 210px; margin-left:30px; position: absolute; opacity: 1; -webkit-transition: opacity .5s ease-in-out;}
				.follow-me:hover{opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
		#left-box{margin-right: 32px;}
		#right-box{margin-left: 32px;}
		#right-box h3{border-bottom: 2px solid #000;}
		#right-box ul li{float: none;}
		#right-box ul li a{color: #000; text-decoration: none; display: block; text-align: center; height: 18px; font-size: 1.3em; border-bottom: 1px solid #000; padding-top: 2px; padding-bottom: 2px;}
			#right-box ul li a:hover{text-decoration: underline;}
			.gs{text-indent: 0;}
			.tw{text-indent: -64px;}
			.fb{text-indent: -44px;}
			.fl{text-indent: -66px;}
			.vi{text-indent: -60px;}
			.lf{text-indent: -56px;}
			.yt{text-indent: -55px; border-bottom: none !important;}

.wp-caption-text{text-align: left; text-transform: none; font-weight: normal; padding: 3px; font-size: 1.2em !important; margin-bottom: -20px;}
			
	#logo{background: url(images/logo.png) no-repeat; width: 486px; height: 137px;}
	.description {font-size: 1.3em; margin: 10px auto; text-align: center;}


/*-------- Navigation ---------*/
#nav{margin-top: 20px;}
	#nav li{margin: 0 4px;}
#archives-3 .widgettitle{display: none;}

#search{background: url(images/search-bg.png); border: none; width: 206px; height: 19px; padding: 7px; font-family: Georgia; font-size: 1.3em;}
#text-3{padding-top: 7px;}
.contact{background: #000; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; color: #fff; font-size: 1.5em; text-decoration: none; padding: 8px 13px; text-transform: uppercase; opacity: 1; -webkit-transition: opacity .5s ease-in-out;}
	.contact:hover{opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
	
/*------- Contact Form --------*/
.text-field, .text-area{-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; border: 1px solid #fff; padding: 5px;}
	
/*-------- Content/Posts ---------*/
#content{width: 800px; margin: 0 auto; padding-top: 15px; margin-bottom: 15px;}
.cufon{position: relative; z-index: 0;}

.post{margin-bottom: 30px;}
.post h2 a{font-size: 2.2em; padding: 3px 5px; background: #ffdca4; border-bottom: 1px solid #ebb371; display: inline-block; color: #000; text-decoration: none;}
	.post h2 a:hover{background: #ebb371;}
.post-details {margin: 7px 0; padding-bottom: 30px; border-bottom: 1px solid;}
	.post-details li{padding: 3px 5px; background: #ffdca4; border-bottom: 1px solid #ebb371; float: left; margin-right: 7px;}
.post p{font-size: 1.35em; line-height: 1.5em; margin-bottom: 10px; }
	.post p a, .navigation a{background: #ffdca4; border-bottom: 1px solid #ebb371; color: #000; padding: 1px 2px; text-decoration: none; }
	.post p a:hover, .navigation a:hover{background: #ebb371;}
	.post p img{border: 1px solid #666;}
.post blockquote{background: #ffd28a; padding: 15px; margin: 15px 0 15px 15px; border-left: 1px solid #ebb371; border-bottom: 1px solid #ebb371; }


img.alignright, .alignright {float: right; margin: 5px 0 15px 15px;}
img.alignleft, .alignleft {float: left; margin: 5px 15px 15px 0;}
	
.pagetitle{font-size: 2em;}
.navigation{margin-bottom: 10px; height: 30px; font-size: 1.2em;}
	.navigation a{ color: #000; background: none; text-transform: uppercase; font-weight: bold;}

.dsq-login-buttons li{float: none;}
.dsq-brlink{padding-bottom: 15px; display: inline-block;}

/*-------- Contact ---------*/
#contact{background: #000 !important; color: #fff;}

#nav li.widget_text{float: right;}
/*-------- Common Classes ---------*/
.hide{display: block; text-indent: -9999px;}
.spw_widget{position: absolute; margin-left: 230px !important;}
#suckerfishnav {font-weight:bold; position: relative; z-index: 10;}
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; padding: 8px 13px; width: 120px; display: block; text-transform: uppercase; text-align:left; background: #000 url(images/arrow-bg.png) no-repeat 120px 0; cursor: pointer; color:#fff; border: none; margin-top: -1px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
	#suckerfishnav li {float:left; }
	#suckerfishnav a { display:block; color:#777; text-decoration:none;}
#suckerfishnav li a {font-size: 1.5em !important; color: #fff; width: 130px; height: 17px; display: block;}
#suckerfishnav ul {background: #fff;}
#suckerfishnav li ul li a {background-color: #EAF2FB; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  font-size: 1em !important; color: #666; padding: 3px; width: 110px;}
#suckerfishnav li ul li a:hover {background-color: #CDD8E4;}

#suckerfishnav li ul ul {margin:-21px 0 0 130px;}
#suckerfishnav li ul {margin:7px 0 0 -10px; width: 105px;}
#suckerfishnav li ul li {margin:0 0 0 -10px;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}