/*
Theme Name: Vets for Obama
Description: A custom theme for Vets for Obama
Author: Miracle Multimedia
 */

* { margin:0; padding:0; }

*:focus { outline: none; }

body,html { min-height:101%; /*Firefox scrollbar fix*/ }
	
body { color:#333; background:#eaeaea; }

body, select, textarea, input {	font: 0.9em Helvetica, Arial, Verdana, sans-serif; }

p {	margin: 15px 0; line-height:145%; }
		
a, a:visited { color: #1b75bc; text-decoration:none; }

a:hover, a:active {	color:#1b75bc; text-decoration:underline; }

ol { margin: 15px 15px 15px 35px; }

a img { border:none; }
		
.wrapper { margin: 10px auto 0; width: 900px; background:url(images/bg.png) repeat-y;}

.left {	float:left; }

.right { float:right; }

		
/* ---------- @ Headings -----------*/
		   
h1 { font:normal 1.7em Georgia, "Times New Roman", Times, serif; padding-top:5px; }

h2 { font:normal 1.4em Georgia, "Times New Roman", Times, serif; line-height:100%; }

h3, h4 { font:normal 1.2em Georgia, "Times New Roman", Times, serif; line-height:110%; }


/* Logo Navbar */

#masthead {	background:url(images/vetsforobama.png) no-repeat; height:170px; width:900px; font-size:0.8em; font-weight:bold; }

#topnav { height:112px; padding:14px 0 0 0; margin-left:240px; }

#topnav, #topnav ul, #nav, #nav ul { list-style:none; line-height:1; }

#topnav li { float:left; padding:0 4px; }

#topnav a, #topnav a:visited { color:#fff; }

#topnav a:hover, #topnav a:active { color:#fec855; text-decoration:none; }

#topnav h1 { text-indent:-9000px; }

#nav { padding:12px 0 0 0; margin-left:140px; height:38px; font-size:0.95em; }

#nav a, #nav a:visited { color: #d32328; display:block; }

#nav a:hover, #nav a:active { color:#1b75bc; text-decoration:none; }

#nav li { float:left; padding:0 8px 0 6px; background:url(images/navline.png) no-repeat top right; }

#lastnav li { background:none; padding:0 4px 0 8px; }

/* Dropdown Menus */		
#nav li ul { position:absolute; left:-999em; height:auto; width:200px; padding:0; margin:0; }

#nav li li { width:200px; padding:0; margin:0; }

#nav li li a, #nav li li a:visited { font-size:0.9em; color:#d32328; background-color:#fff; border:none; padding:10px; border-bottom:1px solid #d32328; }

#nav li li a:hover, #nav li li a:active { border:none; color:#1b75bc; border-bottom:1px solid #1b75bc; }	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }

a.main:hover { background:none; }

#nav li li.current-cat a, #nav li li.current-cat a:visited, #nav .current-cat .children a, #nav .current-cat .children a:visited { border:none; border-bottom:1px solid #d32328; }

#nav li li.current-cat a:hover, #nav li li.current-cat a:active, #nav .current-cat .children a:hover, #nav .current-cat .children a:active { border:none; border-bottom:1px solid #1b75bc; color:#1b75bc; }	


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

#content { width:470px; float:left; font-size:0.9em; padding:0 20px 10px 20px; }

.post { padding-top:15px; }

.post ul, .post ol { padding:5px 20px; }

.postmetadata { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; padding:3px 0; font-size: 0.9em; } 

.entry { border-bottom:1px dotted #aaa; padding: 15px 0 10px 10px; }
	
.entry ul, .entry ol { margin:10px 15px; }

.entry ul li { padding:3px 0; }

#content hr {border: none 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #d3dddc; height: 2px; margin: 10px auto 0 0; text-align: left; }
	
.entry blockquote { margin:15px; border-left:5px solid #d32328; padding-left:15px; line-height:140%; }

.meta { font-size:0.85em; padding:3px 0 0 0; } 

.entry pre, .entry code { font: 1em "Courier New", Courier, monospace; overflow:auto; padding:14px; display:block; width:100%; }

.entry pre { padding:20px 20px 40px 20px; }

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

.headlines { padding: 10px 0 0 0; list-style-type:none; color:#1b75bc; font:normal 1.2em Georgia, "Times New Roman", Times, serif; line-height:110%; }

.headlines li { padding:5px; }

.button { margin:20px 0; color:#d32328; }

.buttonl a, .buttonr a { color:#d32328; background-color:#f6fffe; border:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:6px 8px; }

.buttonl a {float:left; }

.buttonr a { float:right; }

.buttonl a:hover, .buttonr a:hover { color:#fff; background-color:#1b75bc; text-decoration:none; }

/*Comments*/

#commentarea { border-top:1px dotted #aaa; padding-top:35px; }

#commentarea h4 { color:#d32328; margin-bottom:13px; }

#commentform input, textarea { font-family: sans-serif; font-size: 11px; }

h4.pagetitle { font-size:1.4em; color:#d32328; margin-bottom:13px; }

.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); }

#commentarea small { font-size:1.1em; }

.commentlist cite { font-style:normal; font-weight:bold; font-size:1.2em; }

.gravatar { float:left; border:1px solid #2d578a; }

.commentinfo { width:360px; float:right; padding-top:5px; }

.commentlist li.my_comment { background:#254f89; border-bottom:1px solid #36639b; border-top:1px solid #36639b; }

li.my_comment cite { font-size:1.5em; }


/*Sidebar*/

#sidebar { width:370px; float:right; font-size:0.8em; padding:10px 10px 30px 10px; }

#sidebar h2, #sidebar h3, .widgettitle { color:#d32328;  font:1.7em normal Georgia, "Times New Roman", Times, serif; }

#sidebar h3, .widgettitle { padding:25px 0 3px 0; }

.widget, .float-left, .obama { padding-top:20px; }

.obama { height:130px; width:130px; }

.small { font-size:0.9em; color:ccc; }

.sign ul { list-style-type:square; padding:3px 0 3px 20px; } 

.sign p { margin:0; }

.sign a {font-weight:bold; }

.float-left li { float:left; display:inline; padding: 20px 10px 20px 0; list-style-type:none; }

.widget ul { color:#1b75bc; padding:0 0 0 20px; list-style-type:circle; }

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

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

.clearfloat { display:inline-block; }

.clearfloat { display:block; }


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

#footer { color:#697d98; background:url(images/footer.jpg) no-repeat; padding:12px 0 0 0; color:#1b75bc; text-align:center; height:45px; width:900px; font-size:0.85em; font-weight:bold; }

#footer a { color:#d3dddc; } 

#footer img { padding:0 0 0 10px; }