/*  

Theme Name: markrenn.com Default

Theme URI: http://markrenn.com/

Description: The default WordPress theme for markrenn.com 

Version: 1.0

Author: Mark Renn Caluag

Author URI: http://markrenn.com/



*/

html,body{margin:0;padding:0}

body{ font: 62.5% Georgia,"Trebuchet MS",arial,sans-serif; min-width:770px; background: #142535 url(images/bg.jpg) no-repeat fixed; color:#330; line-height:1.6; }

p{margin:0 10px 10px; line-height:1.6; font-size: 1.2em;}

ol li {line-height:1.6; font-size: 1.2em;}

h3 { font-size: 2.2em; margin:0; padding: 0 10px; clear:both }

h4 { font-size: 1.8em; margin:0; padding: 0 10px; }

a { text-decoration: none; }

div#header{position:relative; height:160px;}

	body.home div#header{ height:310px;}



div#header h1{margin:0; width:180px; height:60px; display:block; background: url(images/markrenn.com.png) no-repeat 20px 15px; text-indent: -9999em;}

div#header h1 a {margin:0; margin-left: 20px; width:160px; height:60px; display:block; }

div#masthead{margin:0; padding:0;background: #E0CF80 url(/images/head-bg.png) repeat-x top right; position: relative; height:100px; border-bottom: 2px solid #4E1C11; }

div#masthead h2{ margin:0; padding:0; height:100px; width:255px; display: block; position:absolute; top: 0; left: auto; right: 320px; background: url(/images/markup-heading-small.png) no-repeat 0 0; text-indent: -9999em; }

	body.home div#masthead{ background-position: top left; height:250px; }

	body.home div#masthead h2{  height:212px; width:346px; background: url(images/markup-heading.png) no-repeat 28px 60px; }





div#masthead .description { position: absolute; top: 15px; left: auto; right: 20px; font-size: 1.4em }

	body.home .description { font-size: 2em }

	

ul#sections { position:absolute; height: 60px; right: 20px; left:auto; top: 10px; list-style-type: none; }

ul#sections li { float: left; border-left: 1px solid #FFF }

ul#sections li.first { border-width: 0 }

ul#sections li a { color:#FFF; padding: 10px; font-weight:700; font-size:1.1em; font-family: Arial, Helvetica, sans-serif }



div#navigation{background:url(images/post-top.png) no-repeat right top;padding-top:20px;}

div#extra{background:url(images/post-top.png) no-repeat right top;padding-top:20px;}

div#footer{background: #333;color: #FFF}

div#footer p{margin:0;padding:5px 10px}

div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{float:left;width:100%; margin-bottom: 20px; }

div#content{margin-right: 290px; margin-top:20px; margin-left: 25px; background: url(/images/post-top.png) no-repeat right top; padding-top:20px;}

	body.home div#content{margin-right: 525px; }

div.column{ background:#D3D7DA url(images/post-right.png) repeat-y right top; padding-bottom: 20px }

div.column h3 a { color: #630; font-family:Georgia,"Times New Roman",Times,serif }

div.column h3 a:hover { color: #930; }

div.column small.postdata { display: block; font-size: 1.2em; margin:0;padding:0 10px; margin-bottom: 25px }

div.column a { color: #933; border-bottom: 1px dotted #996; }

div.column a:hover { color: #C33; border-bottom: 1px dotted #663; }

div.column blockquote { background: url(images/blockquote.png) no-repeat left top; line-height:1.6; font-size: 1.4em; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; padding: 15px 30px }

div.column ul { margin:0; padding:0; list-style-type: none; }

div.column ul li { margin:0; padding:0; padding-bottom: 20px; list-style-type: none; }

div.column ul li ul { padding-left: 20px; font-size: 1.2em}

div.column ul li ul li { padding-bottom: 0; margin-right: 10px }

div.column ul li ul li h4 { padding: 0; font-size: 1.2em }



/* search box */

form#searchform { margin:0; padding: 0 15px; }

form#searchform #s { background:#F1F4F7 none repeat scroll 0%; border-left:1px inset #CCCCCC; border-top:1px inset #CCCCCC; width: 130px; padding: 0 2px }

form#searchform #searchsubmit { background:#A2BACC none repeat scroll 0%; color:#FFFFFF; border-width: 0; }

div#navigation{float:left;width:235px; margin-top:20px;  margin-bottom: 20px; margin-left:-260px}

	body.home div#navigation{ margin-left:-510px}



div#extra{ float:left;width:235px; margin-top:20px;  margin-bottom: 20px;margin-left:-260px}



div.alignright { float: right; padding: 0 15px; }

div.alignleft {	float: left;padding: 0 15px; }

div.side-ads { text-align: center; }

div.side-ads a { border-width:0 }

div#footer{ margin-top:20px; clear:left; font-size: 1em; width:100%; text-align: center}

.entry { font-size:1.2em; }


p img {

	padding: 0;

	max-width: 100%;

	}

.flashmovie{ text-align:center; }