/*



Theme Name: unsleepable



Theme URI: http://openswitch.org/unsleepable



Description: A modern, minimalist blog theme designed and coded by <a href="http://openswitch.org">Ben Gray</a>.



Version: 2.1



Author:	Ben Gray



Author URI: http://openswitch.org



Tags: white, black, silver, pink, gray, two-columns, fat-footer, fixed-width, right-sidebar



*/



/* 

All elements of this theme are protected by the GPLv3:

http://www.opensource.org/licenses/gpl-3.0.html

*/



/* ---- Reset ---- */



@import url('reset.css');











/* ---- Unsleepable Style Following ---- */



.clearer {

clear: both;

}







a {

color: #0066cc;

text-decoration: none;

}







a:hover {

text-decoration: underline;

}







body {

background: #13284d url('images/background.jpg') top left repeat-x;

font-family: Arial;

font-size: 14px;

}







#wrapper {

/*

background: #13284d url('images/wrapper.jpg') top center no-repeat;

*/width: 960px;

padding-left: 30px;

padding-right: 30px;

margin: 0 auto;

}



#right {

width:468px;

height:60px;

float:right;

margin-top:13px;

margin-right:13px;

}

	#separator {

height: 7px;

width: 960px;

background: url('images/separator.jpg') top center;

}

#header {

height: 152px;

width: 960px;

}

	#header_menu {

height: 65px;

width: 960px;

color:white;

font-family:Georgia;

font-size:15px;

text-align:center;

line-height:60px;

text-transform:uppercase;

}

#header_menu .sep {

margin:0 10px 0 10px;

color:#6a86ac;

}

#header_menu a, 

#header_menu a:hover {

color:white;

text-decoration:none;

}

		#header_logo {

background: white;

height: 87px;

width: 960px;

    box-shadow: 0px 0px 18px #000;

    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=12);

    

  -moz-box-shadow: 0px 0px 18px #000;

  -webkit-box-shadow: 0px 0px 18px #000;

    zoom: 1;

}



		#header_logo div.left {

		width:261px;

		height:87px;

		float:left;

		}

		

		

				#header_logo div.right {

		height:30px;

		width:699px;

		padding-top:27px;

		float:left;

		

		}

		div#social {

		text-align:center;

		margin-top:15px;

		}

				div#social .facebook, div#social .twitter, div#social .linkedin {               

				margin-left:5px;

				}

				div#social .text {

				margin-right:5px;

				font-size:12px;

				}

				#s {

				background:url('images/search.jpg') center right no-repeat #f0f0f0;

				

				height:30px;

				border-top:1px solid #afafaf;

				border-right:1px solid #f2f2f2;

				border-bottom:1px solid #f4f4f4;

				border-left:1px solid #cacaca;

				font-size:12px;

				margin-left:20px;

				font-family:Arial;

				color:#333333;

				width:211px;

				padding-left:5px;

				padding-right:34px;

				margin-top:25px;

				margin-right:17px;

				}

		#slider {

height: 387px;

width: 960px;

background: url('images/slider.jpg') top right;

color: white;

}

		

		#slider_left {

float: left;

width: 300px;

height: 371px;

padding-left: 20px;

padding-right: 20px;

padding-top: 16px;

overflow: hidden;

}

	

	#slider_left img.attachment-medium-thumb {

margin-top: 8px;

margin-bottom: 8px;

}

			#slider_left h2, #slider_left h2 a {

font-family: Georgia;

font-size: 30px;

color: white;

}

		

		#slider_center {

float: left;

width: 263px;

height: 377px;

margin-top: 5px;

margin-bottom: 5px;

overflow: hidden;

margin-left: 9px;

margin-right: 9px;

}

		#slider_center div {

clear: both;

margin-bottom: 5px;

margin-top: 11px;

height: 84px;

width: 281px;

border-bottom: 1px solid #305279;

}

			#slider_center img {

position: absolute;

}

			#slider_center h2 {

font-family: Georgia;

font-size: 14px;

color: white;

margin: 4px;

margin-left: 110px;

width: 150px;

}

			#slider_center h2 a {

font-family: Georgia;

font-size: 14px;

color: white;

}

		

		#slider_right {

float: left;

width: 339px;

height: 387px;

}

#slider_right #video {

	width:288px;

	height:246px;

	margin-left:auto;

	margin-right:auto;

	margin-top:18px;

    box-shadow: 0px 0px 10px #000;

    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=12);

    

  -moz-box-shadow: 0px 0px 10px #000;

  -webkit-box-shadow: 0px 0px 10px #000;

    zoom: 1;

}

#slider_right #video p{

height:42px;

	background-color:#444444;

	line-height:42px;

	font-family:Georgia;

	overflow:hidden;

	font-size:14px;

	color:white;

	text-transform:uppercase;

	text-align:center;

}

#slider_ads {

	margin-left:auto;

	margin-right:auto;

		margin-top:25px;

	width:234px;

}

	#slider_ads img{

	}

	#focused {

background-color: #f2f2f2;

width: 920px;

height: 220px;

padding-left: 20px;

padding-top: 25px;

padding-right: 20px;

padding-bottom: 15px;

}

		#focused h2, .home #content h2, #sidebar h2 {

font-family: Georgia;

font-size: 14px;

color: #333333;

padding-bottom: 8px;

border-bottom: 4px solid #cccccc;

text-transform: uppercase;

margin-bottom: 10px;

line-height: 1em;

clear: both;

}

.home #content h2.loops {

	padding-top:10px;

}

		.home #content div.first {

width: 300px;

float: left;

margin-right: 20px;

}

						.home #content div.first h3 {

margin-bottom: 10px;

line-height: 2em;

}

						

						.home #content div.first img {

margin-bottom: 10px;

}

						

								.home #content div.first h3 a {

font-size: 24px;

font-family: Georgia;

color: #0066cc;

}

			.home #content div.loop {

float: left;

width: 280px;

height: 80px;

border-bottom: 1px solid #d9d9d9;

margin-bottom: 10px;

}

			

		.home #content div.loop img {

position: absolute;

}

		.home #content div.loop h3 {

width: 175px;

margin-left: 110px;

}

		.home #content div.loop h3 a {

font-size: 12px;
line-height:1.3;

font-family: Georgia;

color: #0066cc;

}

		#focused div {

width: 140px;

float: left;

margin-right: 16px;

}

		#focused a {

color: #0066cc;

font-family: Georgia;

font-size: 14px;

}

		#focused img {

margin-bottom: 10px;

}

		

		#focused div.last {

margin-right: 0px;

}

h1 {

float: left;

width: 270px;

font-size: 12px;

border-right: 1px solid #555;

text-indent: -9999px;

}







h1 a {

display: block;

width: 250px;

height: 50px;

line-height: 50px;

padding: 50px 20px 0px 0px;

background: transparent url('images/title.gif') no-repeat 20% 82%

}







h1 a:hover {

background-color: #000;

}







#menu {

list-style-type: none;

font-family: Georgia;

font-size: 16px;

}







#menu li {

float: left;

text-transform: lowercase;

width: 7em;

border-right: 1px solid #555;

}







#menu a {

color: #fff;

text-decoration: none;

display: block;

height: 50px;

width: 7em;

line-height: 50px;

padding: 50px 0 0;

text-align: center;

}







#menu a:hover, .current_page_item {

background: #0D78B6;

}







#container {

background: #fff;

clear: both;

padding: 30px 20px;

color: #333;

}







#content, #comments-list {

line-height: 1.5em;

width: 600px;

float: left;

font-size: 14px;

}







/* ---- Begin Post Styling ---- */







.post, .page {

margin: 0 0 35px 0

}







.post .entry-content p, #comments-list ol li p, .page p {

margin: 0 0 1em 0;

}



.post .entry-content .attachment-big-thumb {

margin-bottom: 15px;

}



.editlink {

float: right;

padding: 0 0 5px 5px;

}







h2.entry-title, h3.entry-title {

display: inline;

line-height: 1em;

}







h2.entry-title, h2.entry-title a, .page h2, h2.search, h2.archive {

font-family: Georgia;

font-size: 36px;

color: #000;

padding-bottom:20px;

}

h2.archive {

font-family: Georgia;

font-size: 24px;

color: #333333;

padding-bottom: 16px;

border-bottom: 4px solid #cccccc;

text-transform: uppercase;

margin-bottom: 10px;

line-height: 1em;

clear: both;

}





h2 a:hover {

text-decoration: none;

}







p.entry-date {

margin-top: 3px;

color: #666666;

font-family: Arial;

font-size: 12px;

}







.entry-content {

margin: 5px 0 2px 0;

padding: 0 0 5px 0;

background: url('images/break.gif') bottom left repeat-x;

}







.entry-content h3 {

font-size: 15px;

display: block;

font-weight: bold;

font-family: Helvetica, Arial, Sans-Serif;

color: #555;

}







.entry-content h4 {

font-size: 15px;

display: block;

font-weight: normal;

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

color: #555;

}







.entry-content ul {

padding: 0 0 0 10px;

margin: 0 0 1em 0;

}







.entry-content ul li {

background: url('images/bullet_black.png') 0 2px no-repeat;

padding: 0 0 0 17px;

}







.entry-content ol {

list-style: decimal;

margin: 0 0 1em 15px;

}







.entry-meta {

color: #bbb;

font-size: 11px;

font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

}







.entry-meta a {

color: #666;

}







.entry-meta a:hover {

color: #0066cc;

}







span.sep {

padding: 0 2px 0;

}







.categories {

background: url('images/page_white.png') left no-repeat;

padding: 2px 0 2px 20px;

}







.tags {

background: url('images/tag_blue.png') left no-repeat;

padding: 2px 0 2px 20px;

}







a.comments-link {

background: url('images/comment.png') left no-repeat;

padding: 2px 0 2px 20px;

}







/* ---- Begin Sidebar Styling ---- */



#searchform .hidden {

font-family: Helvetica, Arial, Sans-Serif;

font-size: 16px;

font-weight: bold;

display: block;

color: #555;

margin: 0 0 10px 0;

padding: 0;

letter-spacing: -1px;

text-transform: lowercase;

}







#sidebar {

width: 300px;

float: right;

color: color: #666;

line-height: 1.3em;

}







#sidebar a {

color: #333;

}







#sidebar a:hover {

color: #0066cc;

}







#sidebar h2, #sidebar h2 a {

/*

font-family: Helvetica, Arial, Sans-Serif;

font-size: 16px;

font-weight: bold;

display: block;

color: #555;

margin: 0 0 10px 0;

padding: 0;

letter-spacing: -1px;

text-transform: lowercase;*/

}







#sidebar h2 a:hover {/*

color: #DA1074;*/

}







#sidebar ul li.widget {



margin: 0 0 20px 0;

}

#sidebar ul li.widget li{

padding-left:14px;

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

background-position:left center;

background-repeat:no-repeat;



}





#sidebar ul li ul li {

margin: 0 0 5px 0;

}



#sidebar #tptn_related_daily ul {

list-style-type:square;list-style-position:inside;

}



/* ---- Special Styling For The Stupid Calendar ---- */



#calendar_wrap {

margin: -20px 0 20px 0;

}







#wp-calendar caption {

font-family: Helvetica, Arial, Sans-Serif;

font-size: 16px;

font-weight: bold;

color: #555;

letter-spacing: -1px;

text-transform: lowercase;

width: 200px;

}







#wp-calendar {

color: #666;

}







#wp-calendar a {

color: #DA1074;

}







#wp-calendar td, #wp-calendar thead tr th {

padding: 5px;

border: 1px solid #fff;

}







#wp-calendar #today {

border: 1px solid #ddd;

}







/* ---- Begin Footer Styling ---- */







#subfooter {

clear: both;

width: 735px;

background: #fff url('images/subfooter-bg.jpg') top repeat-x;

font-size: 13px;

line-height: 1.3em;

padding: 20px;

color: #333;

}







#subfooter p {

margin: 0 0 1em 0;

}







#subfooter h2, #subfooter h2 a {

font-family: Helvetica, Arial, Sans-Serif;

font-size: 16px;

font-weight: bold;

display: block;

color: #555;

margin: 0 0 10px 0;

padding: 0;

letter-spacing: -1px;

text-transform: lowercase;

}







#subfooter .widget {

width: 230px;

float: left;

}







#subfooter .center {

margin: 0 22px 0;

}







#subfooter ul li ul li {

margin: 0 0 5px 0;

}







#shoe {

clear: both;

height: 60px;

}







#foot {

width: 960px;

margin: 0 auto;

height:175px;

color: #fff;

background:url('images/footer_logo.png') top left no-repeat; 

font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

font-size: 10px;

}







.left-foot {

float: left;

margin-top:50px;

padding: 25px 0 0 20px;

}



.left-foot a {

color:#FFFFFF;

}



.right-foot {

float: right;

padding: 25px 20px 0 0;

}







span.openswitch a {

float: left;

display: block;

width: 16px;

height: 17px;

background: url('images/openswitch.gif') no-repeat;

text-indent: -9999px;

margin: 0 0 0 10px;

}







span.wordpress a {

float: left;

display: block;

width: 16px;

height: 16px;

background: url('images/wordpress.gif') no-repeat;

text-indent: -9999px;

}







span.feed a {

float: left;

display: block;

width: 16px;

height: 16px;

background: url('images/feed-icon.jpg') no-repeat;

text-indent: -9999px;

margin: 0 0 0 10px;

}







/* ---- Begin Comment Styling ---- */



#comments-list {

margin: 25px 0 0 0;

}







h3#comments {

font-family: Georgia;

font-size: 14px;

color: #404040;

border-bottom: 4px solid #cccccc;

text-transform: uppercase;

margin-bottom: 10px;

}







#comments-list ol {

margin: 25px 0;

}







#comments-list ol li {

margin: 0 0 10px 0;

padding: 10px;

}







#comments-list ol li.odd {

background: #f7f7f7;

}







#comments-list ol li.bypostauthor {

border: 1px solid #666;

}







.avatar {

float: right;

border: 1px solid #ccc;

padding: 1px;

margin: 5px 0 5px 5px;

}







.comment-meta {

margin: 0 0 10px 0;

}







#respond h3 {

font-family: Georgia;

font-size: 14px;

color: #404040;

border-bottom: 4px solid #cccccc;

text-transform: uppercase;

margin-bottom: 10px;

}







#commentform p {

margin: 0 0 8px 0;

}







#commentform input, #commentform textarea {

font-size: 12px;

font-family: Georgia;

background-color: #f7f7f7;

border-top: 1px solid #bcbcbc;

border-bottom: 1px solid #fafafa;

border-right: 1px solid #f9f9f9;

border-left: 1px solid #c4c5c5;

}



#commentform input.default, #commentform textarea.default {

}





textarea#comment {

width: 385px;

height: 200px;/*

background: url('images/comment-textarea.png') center no-repeat;*/

}







/* ---- Default Page Styling ---- */



.page .entry-content {

background: none;

}







/* ---- Archives Page Styling ---- */



.page h2, h2.search, h2.archive {

}







.page ul li {

background: none;

}







/* ---- Search Page Styling ---- */







h3.entry-title, h3.entry-title a {

font-family: Georgia;

font-size: 24px;

color: #0066cc;

}







h3.entry-title a:hover {

color: #0066cc;

}







.search-results .entry-content {

background: none;

}







.search-entry-date, .archive-entry-date {

margin: 0 0 0 3px;

padding: 0;

color: #ccc;

font-family: Helvetica, Arial, Sans-Serif;

letter-spacing: -1px;

font-weight: bold;

font-size: 18px;

text-transform: lowercase;

display: inline;

}

.archive #container #content img.attachment-medium-thumb {

float:left;

margin-right:12px;

}





h2.search, h2.archive {

}







/* ---- Misc Styling ---- */



code {

font: 1.3em 'Courier New', Courier, Fixed;

display: block;

overflow: auto;

text-align: left;

background: #efefef;

border: 1px solid #A6B0BF;

}







blockquote {

margin: 20px 0;

padding: 0 20px 0 50px;

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

font-size: 14px;

font-family: Georgia, Times, serif;

color: #666;

font-style: italic;

}







em {

font-style: italic;

}







strong {

font-weight: bold;

}







img.alignleft {

padding: 1px;

border: 1px solid #bbb;

float: left;

clear: left;

margin: 0.5em 15px 0.5em 0;

}







img.alignright {

padding: 1px;

border: 1px solid #bbb;

float: right;

clear: right;

margin: 0.5em 0 0.5em 15px;

}







img.aligncenter {

padding: 1px;

border: 1px solid #bbb;

margin: 0 auto 1.5em auto;

float: none;

clear: both;

}







div.previous {

float: left;

}







div.next {

float: right;

}







.entry-content img {

max-width: 95%;

height: inherit;

}





.menu-header-container {

color:white;font-size:16px;

    margin-top:2px;

    width:876px;

    display:inline;

    text-align:center;

}



.menu-header-container, .menu-header-container ul {

	list-style: none;

	line-height: 1;

	background-image:url('images/sep.png');

	width:900px;

	margin-left:auto;

	margin-right:auto;

}



.menu-header-container a, .menu-header-container a:hover {

	display: block;

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

	text-decoration: none;

	border:none;

}



.menu-header-container li {

	float: left;

	list-style:none;

}

.menu-header-container #menu-header>li {

margin-right:1px;

}

.menu-header-container #menu-header>li:last-child {

margin-right:0px;

}



.menu-header-container a, .menu-header-container a:visited {

	display:block;

	padding-bottom:15px;

	padding-left:23px;

	padding-right:23px;

    padding-top:20px;;

}



.menu-header-container>ul>li:hover {

	background:#1a1a1a;

	border-bottom:2px solid #333333;

	text-decoration:none

}	

.menu-header-container .sub-menu a:hover, .menu-header-container .sub-menu a:active, .sub-menu .current_page_item a, .sub-menu #home .on {

border:none;

}

.menu-header-container li ul {

	position: absolute;

	z-index:100;

	left: -999em;

	width:420px;

	padding-top:15px;

	margin-top:2px;

	padding-bottom:8px;

    background:#1a1a1a;

    box-shadow: 0px 0px 15px #333;

    filter:progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=135, Strength=12);

    

  -moz-box-shadow: 0px 0px 15px #333;

  -webkit-box-shadow: 0px 0px 15px #333;

    zoom: 1;

}

.menu-header-container li li {

float:left;



}



.menu-header-container li li a {

	width: 172px;

	font-size:14px;

	padding:0;

	text-align:left;

	background:url('images/background-menu.gif') top left no-repeat #1a1a1a;

	/*height:31px;*/

	padding-left:45px;

	width:165px;

	font-family:Arial;

	line-height:31px;

	text-transform:none;

	color:white;

}

.menu-header-container li li a:hover {

    background:url('images/background-menu.gif') top left no-repeat #1d3c70; 

}

.menu-header-container li li a, .menu-header-container li li a:visited {



}



.menu-header-container li li a:hover, .menu-header-container li li a:active {



}	



.menu-header-container li:hover ul, .menu-header-container li li:hover ul, .menu-header-container li li li:hover ul, .menu-header-container li.sfhover ul, .menu-header-container li li.sfhover ul, .menu-header-container li li li.sfhover ul {

	left: auto;

}



#menu-footer > li.menu-item{

float:left;

border-right:1px dotted grey;

height:100px;

padding-left:25px;

padding-right:25px;

}

#menu-footer > li.menu-item:last-child{

border-right:0px solid white;

padding-right:0px;

}

#menu-footer > li.menu-item > a {

font-family:Georgia;

font-size:14px;

color:white;

text-transform:uppercase;

}



#menu-footer > li.menu-item li  {

margin-top:5px;

}

#menu-footer > li.menu-item li a{

font-family:Tahoma;

font-size:11px;

color:white;



}