/*  
Theme Name: Pretty Okay Pictures V1.1
Theme URI: http://prettyokaypictures.com
Description: Custom theme
Version: 1.1
Author: Andrew Lindstrom
Author URI: http://andrewlindstrom.com
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; background: #fff url(images/bg.png) repeat-x; font:62.5%/1.6 Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; }

/* --= Typography & Colors =-- */
.post a { color: #45a2ad; }
.post a:hover { color: #de2228; }
h1 { display:block; width:222px; height:51px; text-indent:-9009px; background:transparent url(images/prettyokaypictures.png) no-repeat 0 0; color: #242b2d; float: left; }
h1 a:hover { background:transparent url(images/cheepvegas.png) bottom no-repeat; }
h1 a { display:block; width:100%; height:100%; outline:none; color: #242b2d; }
#menu a { color: #848687; text-decoration: none; font: bold 10px Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif; padding: 28px 10px; display: block; float: left; }
#menu a:hover { color: #73c6d0; }
#blogblurb { font-family: Tahoma, Helvetica, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0; letter-spacing: 0.03em; }
#blogblurb h3 { font-size: 18px; font-weight: bold; color: #73c6d0; }
#blogblurb p { width: 300px; color: #d0d0cf; font-size: 14px; }
#blogblurb #aboutblurb p { width: 400px; }
#sidebar h2 { color: #242b2e; font: 18px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; letter-spacing: -0.05em; margin-bottom: 3px; }
#sidebar li a { color:#989796; text-decoration: none; font: 12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; display: block; padding: 2px; }
#sidebar li a:hover { color: #fff; background-color: #b8b8b8; }
.postedby { color: #6e787c; font: italic 11px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; float: left; margin-top: 5px; }
.postedby a { color: #6e787c; text-decoration: none; }
.postedby a:hover { color: #de2228; }
.commentedby { float: right; font: italic 11px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; margin-top: 5px; }
.commentedby a { color: #6e787c; text-decoration: none; }
.commentedby a:hover { color: #de2228; }
#footer { color: #848687; clear; both; }
#footer a { color: #848687; text-decoration: none; }
#footer a:hover { color: #fff; }
.navigation a { color: #de2228; font: bold 14px Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration: none; }
.navigation a:hover { color: #73c6d0; }
/* --= End Typography & Colors =-- */



/* --= Begin Structure =-- */
#page { width: 820px; margin: 0 auto; }
#menu { float: right; margin-right: -10px; }
#content { clear: both; }
#blurb { height: 170px; width: 800px; background: url(images/blogbg.png) bottom right no-repeat; float: left; clear: both; padding: 71px 0 0 20px;  }
#contactblurb { height: 170px; width: 800px; background: url(images/contactbg2.png) bottom right no-repeat; float: left; clear: both; padding: 71px 0 0 20px;  }
#videosblurb { height: 170px; width: 800px; background: url(images/videosbg2.png) bottom right no-repeat; float: left; clear: both; padding: 71px 0 0 20px;  }
#aboutblurb { height: 170px; width: 800px; background: url(images/aboutbg2.png) bottom right no-repeat; float: left; clear: both; padding: 71px 0 0 20px;  }
#content { width: 500px; float: left; padding-top: 40px; }
#sidebartop { background: url(images/sidebartop.png) top no-repeat; width: 280px; height: 40px; float: right; margin-top: 2px; margin-right: -10px; }
#sidebarbot { background: url(images/sidebarbot.png) top no-repeat; width: 280px; height: 40px; float: right; margin-right: -10px; clear: right;}
#sidebar { float: right; width: 220px; background: url(images/sidebar.png) repeat-y; padding: 0 30px; margin-right: -10px; }
#sidebar ul { margin-bottom: 30px; }
#content h2, h3#comments, h3#respond { color: #de2228; font: 24px Georgia, "Times New Roman", Times, serif; }
#content h2 a { color: #de2228; text-decoration: none; }
#content h2 a:hover { color: #73c6d0; }
#footer { clear: both; padding: 100px 0 35px 0; }
#footerwrapper { width: 820px; margin: 0 auto; }
.post { margin-bottom: 50px; }
.entry { clear: both; margin-top: 30px; clear: both; color: #070809; font: 12px Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif; line-height: 1.75; }
/* --= End Structure==- */



/* --= Begin Headers =-- */

/* --= End Headers =--  */



/* --= Begin Images =-- */

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. 
	This is much better than using align="center", being much more futureproof (and valid) */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
/* --= End Images =-- */



/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style:disc inside; padding: 0 0 15px 15px; }
.entry ol { list-style:decimal inside; padding: 0 0 15px 15px; }
.entry li { padding-bottom: 0.2em; }
#menu ul { margin-left: 5px; float: left; }
#menu li { display: inline; }
/* --= End Entry Lists =-- */



/* --= Begin Form Elements =-- */

/* --= End Form Elements =-- */



/* --= Begin Comments =-- */
#submit:hover { border:1px solid #6792af; background-color:#73c6d0; }
textarea#comment { width:400px; height:70px; }
ol.commentlist { margin-bottom: 2.5em; }
.commentlist { font-size: 12px; }
.commentlist li { margin:0; padding:10px 0; border-top:1px solid #dddedf; border-bottom:1px solid #dddedf; line-height:1.7em; }
.commentlist li.alt { margin:0; padding:10px 0; border:none; background-color:transparent; } 
.commenttext { clear:both; }
.commenttext a { color: #45a2ad; }
.commenttext a:hover { color: #de2228; }
.commenttop { padding-bottom:0.5em; font-style: italic; }
.commenttop a { color:#1d1d1d; background-color:transparent; }
.commenttop a:hover { color:#45a2ad; background-color:transparent; text-decoration:underline; }
.commentmetadata { float:right; }
.commenttop div.commentmetadata a { text-decoration:none; color:#1d1d1d; }
.commenttop div.commentmetadata a:hover { color:#45a2ad; background-color:transparent; text-decoration:none;}
.commentauthor { float:left; }
#commentform p { margin:0.5em 0.5em 0 0.5em; }
#commentform input,#commentform textarea { border:1px solid #c9c8c8; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color:#1d1d1d; margin:0; padding:0.2em; }
#commentform input:hover,#commentform textarea:hover { border:1px solid #45a2ad; }
/* --= End Comments =-- */



/* --= Begin Sidebar =-- */

/* --= End Sidebar =-- */



/* --= Begin Calendar =-- */
#calendar_wrap { width:100%; margin:0 0 1em 0; }
#wp-calendar caption { font-weight:400; font-size:10px; padding:0.2em 0; text-transform:uppercase; letter-spacing:0.3em; color:#6c6a6a; }
#wp-calendar { width:100%; border-collapse:collapse; }
#wp-calendar th { width:26px; font-size:0.9em; line-height:1.7em; border-top: 1px solid #999; border-bottom: 1px solid #999; text-align:center; color:#6c6a6a; }
#wp-calendar td { width:26px; line-height:1.8em; color:#999; text-align:center; }
#wp-calendar td#next,#wp-calendar td#prev { width:78px; font-size:0.8em; letter-spacing:1px; text-transform:uppercase; }
/* --= End Calendar =-- */


/* --= Begin Searchbox =-- */
#searchetc { padding-top:8px; float:right; }
#searchetc #searchbox { width:192px; height:26px; background:url(images/searchbox.gif) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:5px 0 0 5px; border:0; width:154px; background:none; font:1.3em "Trebuchet MS", Helvetica, Arial, Verdana, Sans-serif; font-weight:700; color:#1c1c1c; letter-spacing:0.03em; }
#searchetc #searchbox #go { float:left; }
/* --= End Searchbox =-- */


/* --= Begin Various Tags & Classes =-- */
img#wpstats { width:0px; height:0px; padding:0px; border:none; overflow:hidden; } /* for wp stats smileyface */
.entry p { padding-bottom: 1.5em; }
.right { float: right; }
.left { float: left; }
/* --= End Various Tags & Classes =-- */