/*  
Theme Name: pres.umptuo.us
Theme URI: http://pres.umptuo.us/
Description: The theme for pres.umptuo.us.
Version: 1.0
Author: Eric Lim
Author URI: http://pres.umptuo.us/
*/



/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	color: #DEDEDE;
	background: #000 url(/wp-content/themes/pres.umptuo.us/_images/bg.jpg) repeat-y;
	}

h2, h3, h4, h5 {
	clear: both;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-weight: normal;
	}

h3 {
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	margin: 0 0 14px 0;
	}

h4 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 14px 0;
	}

strong { color: #FFF; }

ul li { list-style: none; }

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

a { text-decoration: none; }
a:link { color: #00BAFF; }
a:visited { color: #77BFD9; }
a:hover { color: #000; background: #00BAFF; }
a:active {  }



/* --- Main Page
-------------------------------------------------------*/

/* --- | Container | --- */

#container {
	position: relative;
	width: 750px;
	background: url(/wp-content/themes/pres.umptuo.us/_images/container.gif) repeat-y;
	}



/* --- Header
-------------------------------------------------------*/

#header {
	height: 50px;
	margin: 0 0 20px 0;
	background: url(/wp-content/themes/pres.umptuo.us/_images/header.gif) no-repeat;
	}

	#header h1 {
		width: 318px;
		height: 61px;
		background: url(/wp-content/themes/pres.umptuo.us/_images/logo.gif) no-repeat 0 -61px;
		}

		#header h1 a {
			display: block;
			height: 61px;
			background: url(/wp-content/themes/pres.umptuo.us/_images/logo.gif) no-repeat;
			border: 0;
			}

			#header h1 a:hover { background: none; }

			#header h1 a span { display: none; }



/* --- Primary Navigation
-------------------------------------------------------*/

#primary_navigation {
	position: absolute;
	left: 572px;
	top: 0;
	width: 115px;
	height: 43px;
	background: url(/wp-content/themes/pres.umptuo.us/_images/primary_navigation.gif) no-repeat 0 -43px;
	}
	
	#primary_navigation ul { }
	
		#primary_navigation ul li { }
		
			#primary_navigation ul li span { display: none; }
			
			#primary_navigation ul li a {
				display: block;
				height: 43px;
				background: url(/wp-content/themes/pres.umptuo.us/_images/primary_navigation.gif) no-repeat;
				border: 0;
				}
				
				#primary_navigation ul li a:hover { background: none; }



/* --- Main Content
-------------------------------------------------------*/

#main_content {
	float: left;
	width: 560px;
	margin: 0 0 50px 0;
	}
	
	#main_content a:hover { padding: 1px 0; }



/* --- Primary Content
-------------------------------------------------------*/

#primary_content {
	float: left;
	display: inline;	/* IE double margin bug fix */
	width: 340px;
	margin: 0 0 0 20px;
	}
	
	#primary_content blockquote {
		color: #BBB;
		margin: 0 20px;
		}
	
	#primary_content ins {
		text-decoration: none;
		border-bottom: 1px solid;
		}
	
	#primary_content ol {
		margin: 0 0 20px 20px;
		}
	
	#primary_content ul {
		margin: 0 0 20px 10px;
		}
	
	#primary_content ul li {
		line-height: 16px;
		padding: 0 0 0 16px;
		background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_quickies.gif) no-repeat 4px 4px;
		}
	
	#primary_content ul.quickies li * { display: inline; }
	
	
	
	/* --- Entry
	-------------------------------------------------------*/
	
	div.entry {
		margin-bottom: 30px;
		}
	
	/* --- | Entry Header | --- */
	
	div.entry .entry_header {
		margin: 0 0 15px 0;
		}

	/* --- | Twitter Header | --- */

	div.twitter .entry_header {
		margin: 0 0 10px 0;
		}
	
		/* --- | Entry Title | --- */
	
		#primary_content h2 {
			font-size: 24px;
			font-weight: normal;
			line-height: 24px;
			color: #FF9C00;
			margin-bottom: 7px;
			}

			#primary_content h2 a { display: block; border: 0; }
			#primary_content h2 a:link,
			#primary_content h2 a:visited { color: #FF9C00; text-decoration: none; }
			#primary_content h2 a:hover { color: #00DEFF; padding: 0; background: transparent; }
		
		/* --- | Twitter Title | --- */
		
		#primary_content .twitter h2 {
			font-size: 18px;
			text-transform: lowercase;
			margin-bottom: 3px;
			}
		
			#primary_content .twitter h2 a { display: inline; color: #76DDF7; }
			#primary_content .twitter h2 a:link,
			#primary_content .twitter h2 a:visited { color: #76DDF7; }
			#primary_content .twitter h2 a:hover  { color: #FF9C00; }
	
		/* --- | Entry Date | --- */
	
		div.entry .entry_header h5 { 
			font-size: 14px;
			line-height: 14px;
			}
			
			div.entry .entry_header h5 span {
				padding: 0 3px;
				background: #000;
				}
		
		div.entry .date {
			padding: 0 3px;
			background: #000;
			}
		
		/* --- | Twitter Date | --- */
		
		div.twitter .entry_header h5 {
			font-size: 11px;
			line-height: 12px;
			text-transform: lowercase;
			}
	
	/* --- | Entry Body | --- */
	
	div.entry .entry_body {
		margin-bottom: 30px;
		}
	
	div.entry .entry_body p {
		margin-bottom: 14px;
		}
	
		/* --- | Image Styles | --- */
	
		div.entry .entry_body img,
		div.entry .entry_body img {
			padding: 2px;
			background: #DEDEDE;
			}

		div.entry .entry_body img.left {
			float: left;
			margin: 0 10px 10px 0;
			}

		div.entry .entry_body img.right {
			float: right;
			margin: 0 0 10px 10px;
			}

			div.entry .entry_body a img {
				background: #00BAFF;
				}
				
				div.entry .entry_body a:hover img {
					background: #00DEFF;
					}
		
		div.entry .entry_body img.full {
			clear: both;
			width: 336px;
			/*margin: 10px 0;*/
			}
		
		/* --- | Preformatted - for code | --- */
		
		div.entry .entry_body pre {
			line-height: 1.2em;
			overflow: auto;
			margin-bottom: 14px;
			padding: 7px;
			background: #0A3241;
			}
	
	/* --- | Metadata | --- */
	
	div.entry div.metadata {
		font-size: 10px;
		color: #999;
		clear: both;
		padding: 10px;
		background: #0A3241;
		border: 1px solid #42696E;
		}
	
	
	
	/* --- Page Navigation
	-------------------------------------------------------*/
	
	div.page_navigation {
		font-size: 10px;
		}



/* --- Secondary Content
-------------------------------------------------------*/

#secondary_content {
	font-size: 10px;
	line-height: 12px;
	float: right;
	display: inline;	/* IE double margin bug fix */
	width: 160px;
	margin: 0 20px 0 0;
	}
	
	#secondary_content h2 {
		font-size: 18px;
		line-height: 18px;
		color: #FF9C00;
		margin: 0 0 8px 30px;
		}

	body.home #secondary_content ul {
		margin: 0 0 20px 10px;
		}
	
		body.home #secondary_content ul li {
			margin: 0 0 12px 0;
			padding: 0 0 0 20px;
			}
	
	/* --- | Quickies | --- */
	
	#secondary_content div#quickies ul li {
		background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_quickies.gif) no-repeat 8px 4px;
		}
	
	#secondary_content div#quickies p.more {
		margin: 0 0 20px 30px;
		}
	
	/* --- | Obsessing Over | --- */
	
	#secondary_content div#obsessing_over ul li {
		background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_obsessions.gif) no-repeat 7px 0;
		}
	
	/* --- | Reading | --- */
		
	#secondary_content div#reading ul li {
		background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_reading.gif) no-repeat 6px 2px;
		}
	
	/* --- | Listening To | --- */
	
	#secondary_content div#listening_to {
		color: #FF9C00;
		}
		
		#secondary_content div#listening_to cite {
			color: #DEDEDE;
			}
	
	#secondary_content div#listening_to ul li {
		background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_listening.gif) no-repeat 4px 0;
		}



/* --- Interior Page
-------------------------------------------------------*/

/* --- | Comments | --- */

div.comments {
	margin-bottom: 40px;
	}

	div.comments dl dt {
		color: #999;
		padding: 7px 5px 7px 5px;
		}

	div.comments dl dd {
		margin: 0 0 14px 0;
		padding: 0 20px 0 20px;
		}

	div.comments dl dt.alt,
	div.comments dl dd.alt {
		background: #0A3241;
		}

		div.comments dl dd p {
			padding-bottom: 14px;
			}



/* --- | Add Comment | --- */

.add_comment fieldset {
	padding: 0 20px;
	}

.add_comment label {
	cursor: pointer;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size: 14px;
	color: #FF9C00;
	display: block;
	margin: 12px 0 3px;
	}
	
	.add_comment label span { color: #FFF; }

.add_comment input.text_input {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #0D3E51;
	display: block;
	width: 200px;
	padding: 2px 0 1px;
	background: #DEDEDE;
	border: 1px solid #FF9C00;
	}

.add_comment textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #0D3E51;
	display: block;
	width: 250px;
	height: 100px;
	margin-bottom: 12px;
	background: #DEDEDE;
	border: 1px solid #FF9C00;
	}

.add_comment #submit {
		cursor: pointer;
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 14px;
		line-height: 14px;
		color: #FF9C00;
		vertical-align: bottom;
		background: #326E86;
		border: 0;
		}

/* --- | Metadata | --- */

body.interior #secondary_content {
	width: 140px;
	}
	
	body.interior #secondary_content h3 {
		line-height: 20px;
		color: #FF9C00;
		margin: 0 0 15px 0;
		}
		
		body.interior .date {
			color: #FFF;
			}

	body.interior #secondary_content ul { }

		body.interior #secondary_content ul li {
			margin-bottom: 3px;
			padding-left: 16px;
			background: url(/wp-content/themes/pres.umptuo.us/_images/bullet_quickies.gif) no-repeat 4px 4px;
			}

/* --- | Page Navigation | --- */
		
body.interior .page_navigation {
	font-size: 11px;
	line-height: 13px;
	}
	
	body.interior .page_navigation p {
		margin-bottom: 14px;
		}



/* --- Site Info
-------------------------------------------------------*/

#site_info {
	font-size: 10px;
	line-height: 12px;
	float: right;
	display: inline;
	width: 140px;
	margin: 0 30px 50px 0;
	}
	
	#site_info div.module {
		margin-bottom: 20px;
		}
		
		#site_info div.module img.syndicate_icon {
			margin-right: 3px;
			}
	
	#site_info h2 {
		font-size: 18px;
		line-height: 18px;
		color: #FF9C00;
		margin: 0 0 8px 0;
		}
	
	#site_info h3 {
		font-size: 14px;
		margin-bottom: 3px;
		}
	
	#site_info p { margin-bottom: 14px; }
	
	#site_info li {
		list-style: none;
		margin-bottom: 3px;
		}	
	
	/* --- | Current Babes | --- */

	#site_info a.current_babe {
		border: 0;
		}
	
		#site_info a.current_babe img {
			padding: 2px;
			background: #FF9C00;
			border: 0;
			}
			
			#site_info a.current_babe:hover img {
				background: #00BAFF;
				}	
	
	/* --- | Search | --- */
	
	#site_info #label_search {
		cursor: pointer;
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 18px;
		line-height: 18px;
		color: #FF9C00;
		display: block;
		margin: 0 0 8px 0;
		}
	
	#site_info #s {
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 11px;
		display: block;
		color: #DEDEDE;
		display: block;
		margin-bottom: 5px;
		padding: 2px 0 1px;
		background: none;
		border: 1px solid #326E86;
		}



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

#footer {
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 34px;
	text-align: center;
	color: #777;
	clear: both;
	margin: 0 10px 0 0;
	background: url(/wp-content/themes/pres.umptuo.us/_images/footer.gif) no-repeat;
	}