/* ---------- @ HTML Elements -----------*/

* {margin: 0;padding: 0;} 

body,html {min-height:101%;}

body {color:#000;background:#202020;padding-bottom:38px}

body, select, textarea, input {font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial}

p {margin:15px 0;line-height:145%;}
	.post .entry p {margin:15px 0 0;font-size:1.15em;}
	.post.article .entry p {margin:15px 0;}
	p.postmetadata {margin:5px 0 0;}
	.post.article p.postmetadata {margin:15px 0 20px;}
	p.caption {color:#999;margin:-5px 0 0;text-transform:uppercase;}
		
a, a:visited {color: #a42e27;text-decoration:none }
a:hover, a:active {color:#ee2e24;text-decoration:underline}

*:focus {outline: none;}

ol {margin: 15px 15px 15px 35px;}
	
li a:hover, li a:active {text-decoration:none}

a img {border:none}	
		

/* ---------- @ Page Structure -----------*/

#flag {background:#fff;padding-bottom:33px;}
				
.wrapper {margin: 0 auto;font-size: 0.7em;width: 871px;}
	   
#masthead {background: url(images/bg_masthead.jpg);height: 104px;padding:18px 0 0;}

#branding {background:url(images/logo.png) no-repeat;padding-left:68px;height:85px;width:393px;}
#branding img {height:85px;width:325px;}

#description {color:#7ec2f8;letter-spacing:0.06em;font-size:0.9em;text-transform:uppercase;padding-left:2px;}
		
.left {float:left;}

.right {float:right}

.off {display:none;}
	
#sidebar {width:302px;float:right;background:#EEE;border:1px solid #E3E3E3;padding:16px 18px 20px;}
	#content #sidebar {margin-top:15px;}
	#content #sidebar.archiveHack {margin-top:0;}

		
/* ---------- @ Headings -----------*/		   
h1 {font:2.5em Georgia, "Times New Roman", Times, serif;font-weight:bold;width:548px;padding-top:5px;}

h2 {font:2em Georgia, "Times New Roman", Times, serif;font-weight:bold;line-height:100%;}
	.post.article h2 {padding:5px 10px 5px 0;display:inline;font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial;font-weight:normal;font-size:3em;}
	.post.article h2 span {background:#000;display:inline-block;margin-right:10px;padding:8px 10px;border-right:solid 4px #ffffff;display:none;}

h3 {font: 1.5em Georgia, "Times New Roman", Times, serif;color:202020;font-weight:bold;line-height:110%;}
			
h4 {font-size: 1.2em;margin:20px 14px 0;}

#commentarea h4, h4.pagetitle {color:#333;margin:0 0 13px;}

#submenu h4 {margin: 6px 0 5px 0;}		
	


/* ---------- @ Content Styles -----------*/

h1 a, h1 a:visited {color:#FFF;}

h1 a:hover, h1 a:active {text-decoration:underline}	


h2 a, h2 a:visited {color:#ee2e24;}
	.post h2 a, .post h2 a:visited {color:#000;}

.commentcount {background:url(images/bubble.gif) no-repeat 0 2px;padding-left:17px;font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;margin-left:9px;}
	.commentcount a, .commentcount a:visited {color:#000;}
	
#interior #content {padding-top:7px;}

.col.left {width:65%;}

.col.right {width:35%;}
		

/*Post Styles*/ 
.image {float:left;margin:0 10px 10px 0;}

.post {clear:left;border-top:solid 1px #ccc;padding:20px 0;width:515px;float:left;}
	.post.article {clear:none;border:none;padding:0;width:auto;float:none;}

.entry {width:515px;}
	.post.article .entry {padding-bottom:20px;float:left;}
	body#home .entry {padding-bottom:20px;width:477px}
	
	.entry ul, .entry ol {padding:0 15px 10px 10px;}		
	.entry ul li {margin-left:35px;list-style:square;padding:2px 0;}
	.entry .sociable {margin-bottom:0;}
	.entry .sociable ul li {margin-left:0;margin-right:10px;}
	.entry blockquote {margin:15px 35px 25px 35px;border-left:5px solid #fec855;padding-left:15px;font-family: Georgia, "Times New Roman", Times, serif;font-style:italic;color:#666;line-height:140%;}			
	.entry img {}
	.entry pre, .entry code {font: 1em "Courier New", Courier, monospace;overflow:auto;padding:14px;background:#103064;display:block;width:100%;}
	.entry pre	{padding:20px 20px 40px 20px;}

.postmetadata {text-transform:uppercase;font-size: 0.9em;color:#999;}

table {width:100%;margin:15px 0;}

td, th {border-bottom:1px solid #e4e4e4;padding:10px;background:#eee;}

th {font-weight:normal;text-align:left;width:35%;}

	
/*Comments*/

#commentarea {background:#eee;padding:20px;float:left;width:480px;}
	#commentarea small {font-size:1.1em;}
	#commentarea h4 {margin:0}
	
.commentlist {margin:25px 0 0 0;padding:0 0 30px 0;}
	.commentlist li {margin: 15px 0 3px 22px;padding: 8px 15px 10px 15px;background: url(images/bg_comment.gif);}
	.commentlist cite {font-style:normal;font-weight:bold;font-size:1.2em;}	
	.commentlist li.my_comment {background:#eee;border:1px solid #e3e3e3;}
	.commentlist .clearfloat {border-bottom:1px dotted #ccc;padding-bottom:10px;}

.gravatar {float:left;border:1px solid #666;}
	
.commentinfo {float:right;padding-top:5px;}

li.my_comment cite {font-size:1.5em;}	
	
	
/*Flickr and latest photographs */

#flickr {list-style:none;padding-top:13px;}
	#flickr li {float:left;display:inline;margin:0px 17px 16px 0px;border-right:1px solid #031F4A;border-bottom:1px solid #031F4A;}
	#flickr li img {width:70px;height:70px;}
	#flickr li a {display:block;border:4px solid #999;}
	#flickr li a:hover {border:4px solid #ee2e24;}

	

	
/* ---------- @ Forms -----------*/

#searchform {float:right;width:210px;background:url(images/bg_search.gif) no-repeat;padding:0 0 5px 5px;margin-top:-3px;}

#s {background:#767676;border:none;color:#FFF;padding-left:10px;margin-top:-4px;width:140px;}
		
.field {background:#FFF;border:none;padding:4px;border:none;}

.field:focus {background:#e8ebf0;}
	
#submit {background: #ee2e24 ! important;border:none;font-size:0.9em;color:#b5dbf3;padding:5px;text-transform:uppercase}
	#submit:hover {background:#a42e27 ! important;}
	#searchsubmit {background:#767676;border:none;margin: 1px 0 0 3px;font-size:0.9em;color:#b5dbf3;padding:2px;}
	

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}	
.clearfloat {display:inline-block}
.clearfloat {display:block}


/* ---------- @ Footer -----------*/

#meta {padding-top: 25px;display:none;}
	#meta h3 {color:#999;}
	#meta ul {margin-top:15px; }
	#meta li {list-style:none;border-top:1px solid #333;padding:6px 0;}
	#meta li strong {color:#ccc;}
	#meta a, #meta a:visited {color:#999;}
	#meta a:hover, #meta a:active {color:#FFF;}

.block {width:187px;float:left;margin:0 13px;}
			
#footer {padding: 12px;color:#999;background:#333;margin-top:28px;text-align:center}
	#footer a, #footer a:visited {color:#999;}
	#meta a:footer, #footer a:active {color:#FFF;}


a#cat4 {display:block;width:30px;height:24px;float:right;background-image:url(images/cat4.gif);text-indent:-9000px;margin: 8px 15px 0 0;}
	
/*homepage styles*/

/*Headers*/
#latest {padding:13px 19px 20px 19px;background:#eee;margin-bottom:20px;}
	#latest h2 {width:390px;font-size:2em;line-height:115%;}

.excerpt {padding:14px 18px;border-bottom:solid 10px #eee;}
	.excerpt .commentcount {background:url(images/bubble.gif) no-repeat 1px 4px;}
	.excerpt h3 {margin-bottom:-12px;font-size:1.75em;}
	.excerpt h3 a {color:#000;}
	.excerpt h3 a:hover {color:#ee2e24;}
	.excerpt p {margin-bottom:0;}
	
	h3#video {background:url(images/youtube.gif) no-repeat right;width:148px;margin-bottom:6px;}
	h3#obamablog {margin-bottom:5px;}
	h3#audio {background:url(images/feedburner.gif) no-repeat right;width:132px;margin:22px 0 8px 0;}
	h3#pics {width:153px;margin-top:15px;color:#333;}
	#sidebar h3 {color:#333;margin-bottom:10px;}

/*Content Styles*/
#home #content {width:515px;float:left}	

#calendar {display:none;background:url(images/calendar.png);width:45px;height:44px;float:left;text-align:center;text-transform:uppercase;font:0.9em Verdana, Arial, Helvetica, sans-serif;padding-top:1px;margin-top:3px;}
	#calendar p {font:2.4em Georgia, "Times New Roman", Times, serif;margin:0;text-transform:none;}	
		
#donate {background:#103064 url(images/bg_donate.jpg) no-repeat;padding:14px 19px 20px 19px;margin-bottom:18px;}

#media {background:#eee;padding:16px 18px 20px;border:solid 1px #e3e3e3;}

.mdrecAd {background:#767676;padding:16px 19px 20px 19px;margin:-16px -18px 18px;}
	.mdrecAd .ad {height:250px;width:300px;background:#202020;}

.leaderboardAd {width:100%;background:#767676;padding:10px 0;text-align:center;}
	.leaderboardAd .ad {height:90px;width:728px;background:#202020;margin:0 auto;}
	
.headlines {padding:15px;}
	.headlines li {list-style:none;border-bottom:1px solid #ccc;padding:0 0 10px;margin-bottom:10px;}

a.button, a.button:visited {background:url(images/bg_button.gif) no-repeat;display:block;padding:5px 0 5px 34px;width:90px;text-transform:uppercase;color:#e9d393;margin:10px 4px 0 0;}		
a.button:hover, a.button:active {background:url(images/bg_button_on.gif) no-repeat;text-decoration:none}		
	
.mainlist  {}
	.mainlist li {list-style:none;padding: 4px 0;border-top:1px solid #ccc;}
	.mainlist li a {color:#333;}
	.mainlist li a:hover {color:#ee2e24;}
.widget {margin-bottom:20px;}
	.widget li {list-style:none;padding: 4px 0;border-top:1px solid #ccc;}
	.widget li a {color:#333;}
	.widget li a:hover {color:#ee2e24;}

a.archives, a.archives:visited {margin:0 0 0 18px;}

/* ROUNDED BOXES */
	.radius_3 { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	.radius_5 { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#contest_area {background:url(http://respect-mag.com/contests/kswiss/bigBG.jpg);padding:10px;}
	#contest_area table {background:#FFFFFF none repeat scroll 0 0;border:10px solid #3E3324;padding:10px;width:665px;margin:0 auto;}

/*self portrait styles*/
.spItem {clear:both;margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #ccc;height:334px;}
.spItem.last {border:none;}
.spImage {float:left;margin-right:60px;}
.spVideo {padding:20px;}