/*
Theme Name: iBlogPro2

Theme URI: http://www.pagelines.com/themes/

Description:  iBlogPro2 theme by <a href="http://apowers.com">Andrew Powers</a> and <a href="http://www.pagelines.com">Pagelines</a>, inspired by Apple.

Version: 2.0.2

Author: Andrew Powers

Author URI: http://www.pagelines.com

*Theme supports widgets and has 5 different sidebars (accordion, box, three in footer).
Note: An empty widget can break the design.

*Edit the iBlogPro options in the admin to customize

This theme was designed and built by Andrew Powers @ Pagelines

By downloading and using this theme, you agree to NOT resell or distribute this theme


STANDARD STYLING*/
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%;
}
BODY
{
	color: #333333;
/*DEFAULT BODY TEXT COLOR CUSTOMIZE IN THEME OPTIONS*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
/*MAIN BODY FONTS*/
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 18px;
	background: #EFEFEF url(images/back-gradient.jpg) repeat-x left top;
}
A
{
	color: #0088CC;
	text-decoration: none;
}
/*LINK COLOR*/
A:hover
{
	text-decoration: underline;
}
P, .p
{
	margin-bottom: 15px;
}
IMG
{
	border: none;
}
UL LI
{
	margin: 0px;
}
UL
{
	margin: 5px 0px 15px;
	padding-left: 20px;
}
OL
{
	margin: 5px 0px 15px;
	padding-left: 20px;
}
FORM
{
	margin: 0px;
	padding: 0px;
}
SMALL
{
	font-size: 90%;
}
HR
{
	border: none;
	border-bottom: 1px dotted #666;
	margin: 1.5em 0;
}
BLOCKQUOTE
{
	background: #F7F7F7;
	padding: 10px 15px;
	margin: 0 0 1em 2.5em;
	font-size: 0.9em;
	border: 1px solid #DDD;
}
/*@ rounded corners in mozilla and apple browsers*/
.page-nav
{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*LAYOUT SECTION - EDIT THESE TO ADJUST LAYOUT*/
#wrapper
{
	width: 1010px;
/*width of content*/
	margin: 0px auto;
	position: relative;
}
#header
{
	padding: 15px 0;
	position: relative;
}
/*height of the header*/
#left-col
{
	width: 710px;
/*width of left column*/
	float: left;
}
.post .title
{
	width: 590px;
/*width of title area for posts & pages*/
	float: left;
	margin-left: 10px;
}
#sidebar
{
	width: 280px;
	float: right;
}
/*width of sidebar*/
.icons
{
	position: absolute;
	right: 0;
	bottom: 8px;
	height: 50px;
}
/*site title*/
#blogtitle
{
	font-size: 39px;
/*blog title size*/
	float: left;
	line-height: 47px;
	position: relative;
}
#blogtitle .sheen
{
	position: absolute;
	z-index: 5;
	background-color: transparent;
	background-image: url(images/sheen.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 25px;
	float: left;
}
#blogtitle A
{
	color: #000;
}
#blogtitle A:hover
{
	color: #0088CC;
	text-decoration: none;
}
#blogdescription
{
	float: left;
	margin-top: 25px;
/*description distance from top of screen*/
	margin-left: 10px;
}
.nav-icon
{
	float: right;
	margin: 13px 0 0 8px;
}
/*HEADERS*/
H1, H2, H3, H4, H5, H6
{
	color: #333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}
H1 A, H2 A, H3 A, H4 A, H5 A
{
	color: #333;
}
H1
{
	font-size: 32px;
}
H2
{
	font-size: 28px;
}
H3
{
	font-size: 24px;
}
H4
{
	font-size: 20px;
}
H5
{
	font-size: 16px;
}
H6
{
	font-size: 12px;
}
/*SEARCH BAR STYLING*/
#searchform
{
	width: 200px;
	float: right;
	font-size: 13px;
	padding: 0;
	margin: 2px 5px 0 0;
	position: relative;
}
#searchform #s
{
	background: transparent url(images/search-bar-trans.png) no-repeat scroll center top;
	margin: 0;
	border: none;
	padding: 7px 0 0;
	height: 25px;
	position: absolute;
	right: 13px;
	top: 0;
	width: 163px;
	color: #666;
	overflow: hidden;
}
#searchform #s:focus
{
	outline: 0;
}
#searchform .left
{
	background: transparent url(images/search-leftcap-trans.png) no-repeat scroll left top;
	display: block;
	height: 29px;
	left: 0;
	position: absolute;
	top: 0;
	width: 33px;
}
#searchform .right
{
	background: transparent url(images/search-rightcap-trans.png) no-repeat scroll right top;
	display: block;
	height: 29px;
	position: absolute;
	right: 0;
	top: 0;
	width: 14px;
}
#searchform #searchsubmit
{
	background: url(images/search-button.png) no-repeat center;
	height: 24px;
	width: 24px;
	border: none;
	cursor: pointer;
	text-indent: -999%;
	line-height: 1px;
	margin: 0;
}
/*@ welcome*/
#welcome P
{
	font-size: 0.95em;
	color: #555;
}
#welcome P A
{
	text-decoration: underline;
}
#welcome P A:hover
{
	color: #3399CC;
}
/*MAIN NAVIGATION*/
#nav
{
	font-size: 14px;
	background: transparent url(images/nav-bg.png) no-repeat 0px -1px;
	height: 36px;
	margin-bottom: 16px;
}
#nav UL
{
	list-style: none;
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 650px;
	float: left;
}
#nav UL LI
{
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}
#nav UL LI A.home
{
	padding: 5px 10px 6px;
}
#nav UL LI A
{
	padding: 9px 10px;
	text-decoration: none;
	color: #222;
	display: block;
}
#nav UL LI A SMALL
{
	display: none;
}
#nav .current_page_item A, #nav .current_page_item A:hover
{
	text-decoration: none;
	background: #2A2A2A url(images/nav-current.png) repeat-x top left;
	color: #FFF;
}
#nav LI A:hover
{
	color: #FFF;
	background: #B1B1B1 url(images/nav-hover.png) repeat-x top left;
}
#nav LI A:active
{
	color: #FFF;
	background: #2A2A2A url(images/nav-action.png) repeat-x top left;
}
/*SUB NAVIGATION (ONLY ON PAGES)*/
#subnav
{
	margin-top: 15px;
	font-size: 14px;
}
#subnav UL
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}
#subnav LI
{
	padding: 4px 7px;
	margin: 0px;
	float: left;
}
#subnav UL LI A
{
	color: #555;
	float: left !important;
	margin: 5px 10px 0px 0px;
	padding: 0;
	text-decoration: none;
}
#subnav UL LI UL LI
{
	display: none;
}
#subnav LI A, #subnav LI A:visited, #subnav .page_item
{
	text-decoration: none;
	color: #222;
}
#subnav .current_page_item A, #subnav .current_page_item A:visited
{
	color: #3B9ACC;
}
#subnav LI A:hover
{
	text-decoration: none;
	color: #3B9ACC;
}
/*CONTENT*/
#content
{
	clear: both;
	overflow: hidden;
}
.post
{
	padding: 25px 25px 15px;
	background: #FFF url(images/post-bg.png) repeat-x left bottom;
	clear: both;
	overflow: hidden;
	padding-bottom: 1em;
	border: 1px solid #DDD;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #BBB;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.post .billboard
{
	text-align: center;
	padding: 50px;
}
.post .date
{
	height: 50px;
	width: 50px;
	background: url(images/calendar.png) no-repeat;
	font-size: 22px;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 19px;
	float: left;
}
.post .date SPAN
{
	height: 16px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 6px;
}
.postdata
{
	font-size: 90%;
	color: #999999;
}
.postdata A, .postdata A:visited
{
	color: #999999;
	text-decoration: none;
}
.postdata A:hover
{
	color: #0088CC;
	text-decoration: none;
}
.postdata .category
{
	float: left;
}
.postdata .comments
{
	float: right;
}
.mini-add-comment
{
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry
{
	padding: 15px 0px 5px;
	clear: both;
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 1em;
}
/*POST TITLE STYLING*/
H2.posttitle
{
	margin: 0px 0 2px;
	padding-bottom: 4px;
	font-size: 24px;
	border-bottom: 1px dotted #CCCCCC;
}
H2.posttitle A, H2.posttitle A:visited
{
	text-decoration: none;
}
H2.posttitle A:hover
{
	color: #0088CC;
	text-decoration: none;
}
.tags
{
	float: right;
	color: #AAA;
	margin-top: 4px;
	margin-bottom: 1em;
}
.tags A
{
	font-weight: bold;
	color: #000;
}
.tags A:hover
{
	color: #0088CC;
	text-decoration: none;
}
/*next & previous page navigation*/
.page-nav
{
	clear: both;
	padding: 5px;
	background: #E5E5E5 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav A, .page-nav A:visited
{
	color: #000;
	text-decoration: none;
}
.page-nav A:hover
{
	color: #FFF;
	text-decoration: none;
}
.previous-entries A
{
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries A
{
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
}
/*next & previous post navigation*/
.post-nav
{
	clear: both;
	padding-bottom: 35px;
	margin-top: 15px;
	font-size: 95%;
}
.post-nav A, .post-nav A:visited
{
	color: #999999;
	text-decoration: none;
}
.post-nav A:hover
{
	color: #000000;
	text-decoration: none;
}
.post-nav .previous A
{
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next A
{
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}
/*------------------------------------- comment area*/
.nocomments
{
	display: none;
}
H3#comments
{
	background: url(images/comments.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	clear: both;
}
#respond H3
{
	background: url(images/icons/edit.png) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px;
	clear: both;
}
/*commentform*/
#commentform
{
	margin-top: 10px;
}
#commentform LABEL
{
	font-weight: bold;
	color: #666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform SMALL
{
	font-size: 90%;
}
#commentform TEXTAREA
{
	font: 110% Arial, Helvetica, sans-serif;
	width: 480px;
	height: 140px;
	background: url(images/form-field-bg.gif) no-repeat;
	border: 1px solid #E6E6E6;
	padding: 5px 3px 3px 7px;
}
#commentform TEXTAREA:focus, #commentform INPUT[type="text"]:focus
{
	border: 1px solid #999;
}
/*comment list*/
.commentlist
{
	margin: 10px 0px;
	padding-left: 45px;
	line-height: 130%;
}
.commentlist LI
{
	padding: 5px 10px;
}
.commentlist UL.children
{
	list-style-type: none;
}
.commentlist .alt
{
	background: #F4F4F4;
}
.commentlist CITE
{
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #0088CC;
}
.commentlist CITE A
{
	color: #0088CC;
}
IMG.avatar
{
	float: right;
	margin: 5px;
}
.commentlist .comment-meta
{
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist .comment-meta A
{
	color: #999999;
}
/*------------------------------------- cred area*/
#bottomnav
{
	margin: 1em 3px;
	clear: both;
}
.pagelinespos
{
	position: absolute;
	right: 0;
	bottom: 0;
}
A.pagelines
{
	display: block;
	float: right;
	text-indent: -3330em;
	height: 30px;
	width: 105px;
	font-size: 8px;
	color: #EEE;
	font-weight: bold;
	background: url(images/iphone-pagelines.png) no-repeat 0px 0px;
}
#cred A, #cred A:visited
{
	text-decoration: none;
	color: #444;
}
#cred A:hover
{
	text-decoration: underline;
}
/*Before footer*/
#morefoot
{
	background: #FFFFFF url(images/post-bg.png) repeat-x scroll left bottom;
	border-color: #DDDDDD #CCCCCC #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #DDD;
	padding: 25px;
	color: #666;
	margin: 1.5em 0 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#morefoot P
{
	margin: 5px 0;
	padding: 5px 0;
}
#morefoot UL
{
	list-style-type: none;
	margin-top: 5px;
}
#morefoot UL LI, #morefoot P
{
	font-size: 9pt;
}
#morefoot A
{
	text-decoration: underline;
	color: #333;
}
#morefoot A:hover
{
	text-decoration: underline;
	color: #0088CC;
}
#morefoot H3
{
	color: #333;
	letter-spacing: -1px;
	border-bottom: 1px dotted #BBB;
	margin: 0;
	padding: 0 0 2px;
}
#morefoot #searchbox
{
	padding: 1px;
	width: 180px;
}
#morefoot .col1
{
	float: left;
	width: 340px;
}
#morefoot .col2
{
	margin: 0 25px;
}
#morefoot .col2, #morefoot .col3
{
	float: left;
	width: 250px;
}
#morefoot LI
{
	margin-bottom: 5px;
	background: url(images/more.gif) no-repeat left 2px;
	line-height: 17px;
/*Required for cross-browser consistency; cross-browser defaults vary.*/
}
/*@ FORMS*/
LEGEND
{
	display: none;
}
FIELDSET
{
	border: none;
	background: transparent;
}
/*commentform*/
LABEL
{
	color: #555;
	font-size: 0.85em;
	display: block;
}
SMALL
{
	font-size: 90%;
}
INPUT
{
	font: 110% arial, helvetica;
	padding: 5px 3px 3px 5px;
	background: url(images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #CCC;
}
TEXTAREA
{
	font: 110% courier, arial, helvetica;
	height: 140px;
	background: url(images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #CCC;
	padding: 5px 3px 3px 7px;
}
TEXTAREA:focus, INPUT[type="text"]:focus
{
	border: 1px solid #666;
}
.button, INPUT[type="submit"], .submit
{
	border: 1px solid #AAA;
	background: #E5E5E5 url(images/gradlight.gif) repeat-x left top;
	margin: 0;
	padding: 5px 3px 4px 5px;
	font-family: arial, helvetica;
	font-weight: bold;
	color: #333;
}
.button:hover, INPUT[type="submit"]:hover
{
	background: #535353 url(images/graddark.gif) repeat-x top left;
	color: #FFF;
	cursor: pointer;
}
#cformsform OL
{
	list-style-type: none;
}
/*sidebar*/
#sidebar
{
	color: #666666;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#sidebar P
{
	margin: 0px 0px 15px;
}
#sidebar H2
{
	font-size: 20px;
	margin-bottom: 5px;
}
#sidebar A, #sidebar A:visited
{
	color: #000000;
	text-decoration: none;
}
#sidebar A:hover, #sidebar A:focus, #sidebar A:active
{
	text-decoration: underline;
}
#sidebar UL
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar UL LI
{
	padding-left: 20px;
}
#sidebar UL LI UL LI
{
	padding: 2px 2px 2px 12px;
}
#sidebar .widget
{
	margin-bottom: 1.5em;
	border: 1px solid #DDD;
	background: #FFF;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar_drawer H3
{
	font-size: 13px;
	color: #000;
	padding: 8px 10px;
	font-weight: bold;
	background: #E5E5E5 url(images/nav-default.png) repeat-x left top;
}
#sidebar .ui-sortable H3:hover
{
	cursor: move;
	background: #E5E5E5 url(images/graddark.gif) repeat-x left top;
	color: #FFF;
}
#sidebar #sidebar_drawer .drawer-content
{
	padding: 10px 10px 20px;
	background: #FFF url(images/post-bg.png) repeat-x left bottom;
}
#sidebar UL LI
{
	border-bottom: 1px solid #EEE;
	padding: 6px;
}
#sidebar UL LI A
{
	font-weight: normal;
}
#sidebar UL LI UL LI
{
	border: none;
	padding: 2px 2px 2px 12px;
}
#sidebar UL LI UL LI A
{
	font-weight: normal;
	color: #0088CC;
}
/*meta*/
#meta .rss
{
	background: url(images/icons/feed.png);
	background-repeat: no-repeat;
}
#meta .check
{
	background: url(images/comment.gif);
	background-repeat: no-repeat;
}
#sidebar #accordion
{
	border: 1px solid #CCC;
	margin-bottom: 1.5em;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#accordion .widget
{
	margin: 0;
	border: none;
	line-height: 1.6em;
}
#accordion .drawer-handle
{
	font-weight: bold;
	display: block;
	cursor: pointer;
	padding: 12px 10px;
	background: #E5E5E5 url(images/gradlight.gif) repeat-x left top;
	font-size: 13px;
}
#accordion .drawer-handle:hover
{
	background: #E5E5E5 url(images/graddark.gif) repeat-x left top;
	text-decoration: none;
}
#accordion .drawer-handle:hover A
{
	color: #FFF;
}
#accordion .selected
{
	color: #FFF;
	background: #E5E5E5 url(images/graddark.gif) repeat-x left top;
}
#accordion .drawer-content
{
	border-bottom: 1px solid #DDD;
	background: #FFF;
	color: #666;
	padding: 14px 10px;
}
#feedbox
{
	margin-right: 8px;
}
#archives UL LI
{
	background: url(images/archive.gif) no-repeat right 9px;
}
#recent-comments UL LI
{
	background: url(images/comment.gif) no-repeat left 5px;
	padding: 5px 4px 3px 20px;
}
/*meta*/
#meta .rss
{
	background: url(images/mini-rss.gif) no-repeat right 9px;
}
#meta .check
{
	background: url(images/comment.gif) no-repeat right 9px;
}
/*calendar*/
#calendar TABLE
{
	margin: 0px auto;
}
#calendar TD
{
	padding: 0px 4px;
}
#calendar CAPTION
{
	color: #0088CC;
	font-weight: bold;
	font-size: 1.2em;
}
/*alignments*/
.center
{
	text-align: center;
}
IMG.center, IMG[align="center"]
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
IMG.left, IMG[align="left"]
{
	float: left;
	margin: 2px 10px 5px 0px;
}
IMG.right, IMG[align="right"]
{
	float: right;
	margin: 2px 0px 5px 10px;
}
HR.clear
{
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.wp-caption
{
	text-align: center;
	background-color: #FFF;
	margin: 10px;
	padding: 4px;
	margin-bottom: 1em;
}
.wp-caption-text
{
	font-size: 10px;
	margin: 0;
	padding: 6px 3px 2px;
	line-height: 16px;
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
	margin-top: 5px;
}
.wp-caption-dd
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*@ STANDARD ELEMENTS*/
IMG#wpstats
{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.border
{
	padding: 2.5px;
	border: 1px solid #CCC;
}
.hidden
{
	display: none;
	visibility: hidden;
}
.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft
{
	float: left;
	margin: 0 10px 5px 0;
}
.alignright
{
	float: right;
	margin: 0 0 5px 10px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}
/*FLOATING AND ALIGNMENT*/
.floatleft
{
	float: left;
	margin: 3px 7px 0 0;
}
.floatright
{
	float: right;
	margin: 3px 0 0 7px;
}
.right
{
	float: right;
}
.block
{
	display: block;
}
.center
{
	text-align: center;
}
/*PIPED LINKS*/
.piped
{
	display: block;
	zoom: 1;
	padding: 0;
	margin: 0;
	float: left;
}
.piped:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.piped LI
{
	float: left;
	display: inline;
}
.piped A
{
	padding: 0 0 0 0.75em;
	margin-left: 0.75em;
}
.piped A.first
{
	border-left: 0 !important;
	padding-left: 0;
	margin-left: 0 !important;
}
.piped SMALL
{
	display: none;
}
/*CLEARFIX*/
.fix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix
{
	display: inline-block;
}
* HTML .fix
{
	height: 1%;
}
.fix
{
	display: block;
}
/******************************/