/******************************************************************
Theme Name: Shawn Telford
Description: A custom theme for ShawnTelford.com

******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES



w 195 
h 60

crown nav
right 200
w 430
h 35

main nav
h 87
w 630

******************************************************************/

body { 
	background: #c8c0be;
	font-family: Arial, Verdana, Sans-serif;
}

#site-top {
	position: relative;
	width: 0;
	height: 26px;
	margin: 0 auto;
	padding: 0;
	max-width: 960px;
	min-width: 960px;
}

#site-top span {
	position: absolute;
	top: 0;
	right: 38px;
	width: 282px;
	height: 22px;
	background: transparent url('library/images/site_top_bg.png') no-repeat center 0;
	color: #ee2e24;
	font-size: 10px;
	text-align: center;
}

#site-top span a {
	color: #ee2e24;
	font-weight: bold;
	text-decoration: none;
}

#site-top span a:hover {
	color: #ee2e24;
	text-decoration: underline;
}

#container, .wrap {
	position: relative;
	width: 0;
	margin: 0 auto;
	padding: 0;
	max-width: 960px;
	min-width: 960px;
	background: #fff;
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
}

/* layout options ( all have margins right & left of 1%) */
.col60 { width: 6.333%; } /* width 60px / grid_1 */
.col140 { width: 14.667%; } /* width 140px / grid_2 */
.col220 { width: 23.0%; } /* width 220px / grid_3 */
.col300 { width: 31.333%; } /* width 300px / grid_4 */
.col380 { width: 39.667%; } /* width 380px / grid_5 */
.col480 { width: 48.0%; } /* width 480px / grid_6 */
.col540 { width: 56.333%; } /* width 540px / grid_7 */
.col620 { width: 650px; } /* width 620px / grid_8 */
.col700 { width: 73.0%; } /* width 700px / grid_9 */
.col780 { width: 81.333%; } /* width 780px / grid_10 */
.col860 { width: 89.667%; } /* width 860px / grid_11 */
.col940 { width: 98.0%; } /* width 940px / grid_12 */

/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }

/* default styles & fixes */
#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
#sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */

/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited {color: #055959;}
a:hover, a:link {color: #055959;}
a:active {color: #055959;} /* on click */
a:link { 
	color: #055959;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, h2 a, h3 a, h4 a, h5 a {}

/******************************************************************
HEADER SYTLES
******************************************************************/

#header {
	position: relative;
	top: 0;
	left: 0;
	width: 960px;
	height: 400px;
}

#header #logo {
	display: block;
	position: absolute;
	top: 6px;
	left: 36px;
	width: 542px;
	height: 158px;
	background: transparent url(library/images/logo.png) 0 0 no-repeat;
}
#header #logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -99999999px;
}

#header-contact-info {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 190px;
	text-align: center;
}

#header-contact-info .phone {
	color: #25aae2;
	font-size: 22px;
	font-weight: bold;
}

#header-contact-info .email {
	color: #6f7074;
	font-size: 18px;
	font-weight: normal;
}

#header-contact-info .email a {
	color: #6f7074;
	text-decoration: none;
}

#header-contact-info .email a:hover {
	color: #6f7074;
	text-decoration: underline;
}



/******************************************************************
@NAVIGATION STYLES
(Main Navigation)
******************************************************************/
#nav {
	position: absolute;
	top: 25px;
	right: 50px;
	width: 200px;
}

#nav .menu ul { 
	text-align: right;
}

#nav .menu ul li {
	float: none;
}
#nav .menu ul li a { 
	padding: 10px 13px;
	color: #797a7d;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 1px;
	line-height: 1.55em;
	font-size: 16px;
	display: inline;
	float: none;
}



#nav .menu li {
}

#nav .menu li#menu-item-3578 {
	background: none;
}


#nav .menu ul li.current-menu-item a {
	color: #000; 
}

#nav .menu ul li a:hover, #nav .menu ul ul li  { 
	color: #000; 
	background: none;
}

#nav .menu ul li:first-child a {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#nav .menu ul li.current-menu-item a, .nav ul li.current_page_item a {}
#nav .menu ul li ul.sub-menu {}
#nav .menu ul li ul li a {}
#nav .menu ul li ul li a:hover {}
#nav .menu ul li ul li:last-child a {}
#nav .menu ul li:hover ul { }
#nav .menu ul li ul li ul.sub-menu { 
	
}

#nav ul.sub-menu {
	background: #bdbec0;
	padding: 10px;
}

#nav ul.sub-menu li a {
	font-size: 12px;
	margin:5px 0 5px 14px;
	padding: 0;
}

#nav .menu ul li ul li:hover ul.sub-menu { }


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {
	position: relative;
	top: 0;
	left: 0;
	padding: 0px;
	color: #181818;
}

#content p {
	margin-bottom: 10px;
}

#main { 
	padding: 10px 40px;
	font-size: 12px;
	color: #181818;
}

h1 {
	font-size: 50px;
	font-weight: normal;
	color: #797a7d;
	letter-spacing: 1.2px;
	line-height: 0.9em;
	margin-top: 20px;
}

h1 a:link, h1 a:visited {
	color: #797a7d;
}

h1 a:hover {
	color: #000;
	text-decoration: underline;
}


#main h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 10px;
}


body.blog #main h1, body.single #main h1, body.archive #main h1, body.single #main h1 {
	font-size: 30px;
	margin-top: 0px;
}

#main ul, #main ol {
	list-style: disc;
	margin-left: 20px;
	margin-top: 10px;
}

#main li {
	margin-top: 6px;
}

#main p {
	margin-top: 10px;
	font-size: 12px;
}


#main-header {
	width: 930px;
	height: 140px;
	margin: 0 15px;
	padding: 44px 0 0 40px;
	background: #25aae2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: transparent url(library/images/main_header_bg.png) center 0 no-repeat;
}

#main-header h1 {
	font-size: 40px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 1.2px;
	line-height: 0.9em;
	margin-left: 4px;
}

#main-header #subnav-wrapper {
	margin:10px 0 40px 0;
}

#main-header #subnav-wrapper ul li {
	display: inline;
	color: #25aae2;
}

#main-header #subnav-wrapper ul li a {
	color: #25aae2;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin: 0 8px;
}

#main-header #subnav-wrapper ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#main-header #subnav-wrapper ul li.current_page_item a {
	color: #c3c3c4;
}




/* @HOME */

#feature {
	position: relative;
	width: 960px;
	height: 253px;
	overflow: hidden;
}

#feature-nav {
	width: 965px;
	margin-left: -5px;
	height: 40px;
	background: #fff;
}
#feature-nav ul, #feature-nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#feature-nav li {
	float: left;
	width: 190px;
	height: 40px;
	margin-left: 3px;
	background: #0a3443;
}
#feature-nav button {
	display: block;
	width: 190px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #3b5d69;
	font-size: 26px;
	text-transform: uppercase;
}


#feature-nav .active button {
	color: #fff;
}


#feature-images {
	width: 960px;
	height: 214px;
	white-space: nowrap;
	font-size: 1px;
	overflow: hidden;
}

/*
background: transparent url(library/images/feature_acting.jpg) 0 0 no-repeat;
background: transparent url(library/images/feature_writing.jpg) 0 0 no-repeat;
background: transparent url(library/images/feature_teaching.jpg) 0 0 no-repeat;
background: transparent url(library/images/feature_directing.jpg) 0 0 no-repeat;
background: transparent url(library/images/feature_thinking.jpg) 0 0 no-repeat;

*/

#feature-images #feature-image-1 {
	background: transparent url(library/images/feature_directing.jpg) 0 0 no-repeat;
}
#feature-images #feature-image-2 {
	background: transparent url(library/images/feature_acting.jpg) 0 0 no-repeat;
}
#feature-images #feature-image-3 {
	background: transparent url(library/images/feature_writing.jpg) 0 0 no-repeat;
}
#feature-images #feature-image-4 {
	background: transparent url(library/images/feature_teaching.jpg) 0 0 no-repeat;
}
#feature-images #feature-image-5 {
	background: transparent url(library/images/feature_thinking.jpg) 0 0 no-repeat;
}


#feature-images ul, #feature-images li {
	display: block;
	list-style: none;
}

#feature-images ul {
	height: 213px;
}

#feature-images li {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 960px;
	height: 213px;
	font-size: 14px;
	background: rgba(255, 0, 0, 0.2);
}

#feature-images span {
	position: absolute;
	left: -9000px;
}
#feature-main {
	background: transparent url(library/images/feature_bg.jpg) 0 0 no-repeat;
	
}

#feature-main, #feature-content {
	height: 722px;
}

#feature-content {
	position: absolute;
	top: 25px;
	left: 650px;
	width: 270px;
	color: #181818;
}

#feature-content p {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.55em;
}

.dynamic #feature-content {
	position: relative;
	padding: 0px;
}
.dynamic #feature-content .content, .dynamic #feature-content .feature-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
}


/* @ABOUT */

.about-shawn {
	height: 970px;
	width: 960px;
	background: #25aae2 url(library/images/about_bg.jpg) 0 0 no-repeat;
}

.about-shawn .copy {
	position: absolute;
	top: 120px;
	left: 477px;
	width: 420px;
	font-size: 13px;
}

/* @RESUME */

#content table {
	border: 1px solid #E7E7E7;
	margin: 10px -1px 24px 0;
	text-align: left;
	width: 100%;
}

#content table td {
	padding: 6px 20px;
}

/* @STATUS UPDATES */

.status-updates {
	height: 970px;
	width: 960px;
	background: transparent url(library/images/status_updates_bg.jpg) 0 0 no-repeat;
}

.status-updates .copy {
	position: absolute;
	top: 190px;
	left: 435px;
	width: 450px;
}

.status-updates .copy ul li {
	font-size: 45px;
	font-weight: normal;
	line-height: 1em;
}


/* @WORK */

.work {
	margin: 40px;
}

.work h1 {
	font-size: 30px;
	margin: 60px 0 10px 0;
	padding-bottom:12px;
	border-bottom: 1px solid #797A7D;
}

.work h2 {
	font-size: 22px;
	margin: 30px 0 10px 0;
	font-weight: normal;
	color: #c4c4c4;
}

/*
.work .copy {
	position: absolute;
	top: 190px;
	left: 435px;
	width: 450px;
}

.work .copy h3 {
	font-size: 45px;
	font-weight: normal;
	line-height: 1em;
}*/

/* @BLOG  */

#blog-header {
	width: 930px;
	height: 140px;
	margin: 0 15px;
	background: #25aae2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #25aae2 url(library/images/blog_header_bg.png) 0 0 no-repeat;
}


/******************************************************************
FOOTER STYLES
******************************************************************/

#footer {
	width: 0;
	margin: 0 auto;
	padding: 0;
	max-width: 960px;
	min-width: 960px;
	background: none;
	border: none;
}

#footer-lower {
	position: relative;
	top: 0;
	left: 0;
	background: none;
	color: #93817a;
	padding: 16px 20px;
	font-size: 12px;
}

#footer #footer-lower a:link,#footer #footer-lower a:visited {
	color: #93817a;
}

#footer-copy {
	position: relative;
	top: 0;
	left: 0;
}

#footer-lower span {
	position: relative;
	top: -1px;
	margin: 0 4px;
}

#footer-lower a:link, #footer-lower a:visited {
	color: #b9b9ba;
	text-decoration: none;
}

#footer-lower a:hover {
	color: #b9b9ba;
	text-decoration: underline;
}

#footer-social-media {
	position: absolute;
	top: 14px;
	right: 20px;
	background: none;
}

#footer-social-media a {
	background: none;
	text-decoration: none;
}

#footer-social-media a:hover {
	background: none;
	text-decoration: none;
}


/* footer menu */
.footer-links {}
.footer-links ul {}
.footer-links ul li {}
.footer-links ul li a {}
.footer-links ul li:last-child a {}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */





.attribution {}






.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */

/* post meta */
.meta {}
.meta time {}

/* post content */
.post_content {}

.post_content p {}
.post_content ul, .post_content ol, .post_content table, .post_content dl {}
.post_content ul, .post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}

.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */

.post_content dl {}
.post_content dt {}
.post_content dd {}

.post_content img {}
.post_content video {}
.post_content object {}

.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}

/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/*article[id*=post-] footer {}*/


/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation {}
.bones_page_navi {}
.bones_page_navi li.bpn-prev-link {} /* previous link */
.bones_page_navi li.bpn-prev-link a {}
.bones_page_navi li.bpn-prev-link a:hover {}
.bones_page_navi li {list-style: none;} /* regular links */
.bones_page_navi li a {}
.bones_page_navi li a:hover {}
.bones_page_navi li.bpn-current {} /* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-next-link {} /* next page link */
.bones_page_navi li.bpn-next-link a {}
.bones_page_navi li.bpn-next-link a:hover {}
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover {}
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover {}

/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link {}
.wp-prev-next .next-link {}

/******************************************************************
COMMENT STYLES
******************************************************************/

#comments {}/* h3 comment title */
#comments span {} /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist {}
.commentlist li {}
.commentlist li[class*=depth-] {}
.commentlist li.depth-1 {}
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}	
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard time {}
.commentlist .vcard time a {}
.commentlist .vcard time a:hover {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content {}
.commentlist li .comment_content p {}
.commentlist li ul {}
.commentlist .comment-reply-link {}
.commentlist a.comment-reply-link:hover {}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond {}
#comment-form-title {}
#cancel-comment-reply {}
#cancel-comment-reply a {}
#commentform {}
.comments-logged-in-as {}
#comment-form-elements {}
#comment-form-elements li {}
#comment-form-elements label {}
#author, #email, #url, #comment {}
#author:focus, #email:focus, #url:focus, #comment:focus {}
#author, #email, #url {}
#allowed_tags {}
#comment {}
#submit {}

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar {
	float: right;
	width: 230px;
	margin:10px 15px 0 20px;
	margin-bottom: 0;
}

#sidebar1 {
	width: 224px;
	margin:20px;
	padding: 20px;
	background: #e5e5e6;
}

h4.widgettitle {
	color: #1d89c3;
	border: none;
}

#sidebar1 a {
	color: #3b3b3d;
	text-decoration: none;
}

#sidebar1 a:hover {
	color: #3b3b3d;
	text-decoration: underline;
}

#sidebar-best-practices {
	height: 140px;
	padding:15px;
	padding-top: 5px;
	width: 230px;
	color: #0a2c62;
	background: #25aae2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}


#sidebar-best-practices h2 {
	font-size: 20px;
}

#sidebar-best-practices p {
	font-weight: bold;
}

#sidebar-best-practices h2 a:link, #sidebar-best-practices h2 a:visited {
	padding: 2px 4px;
	color: #fff;
}

#sidebar-best-practices h2 a:hover {
	background: #0a2c62;
	padding: 2px 4px;
}

#sidebar-best-practices h2 span {
	color: #ee2e24;
	margin-left: 2px;
	font-weight: bold;
}

#sidebar-best-practices p {
	margin-top: 10px;
	font-size: 11.5px;
	line-height: 1.35em;
	color: #0a2c62;
}

#sidebar-best-practices p a:link, #sidebar-best-practices p a:visited {
	color: #0a2c62;
	text-decoration: none;
}

#sidebar-best-practices p a:hover {
	color: #fff;
	text-decoration: underline;
}

#sidebar-best-practices #best-practices-arrow {
	display: block;
	position: relative;
	top:0px;
	left: 70px;
	width: 0;
	width: 49px;
	height: 53px;
	background: transparent url(library/images/arrows_red.png) 0 0 no-repeat;
}

#sidebar-best-practices #best-practices-arrow  a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -99999999px;
}


.widget {}
.widget li {}

.widgettitle {}

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}


/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* The Rest of em */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}


/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

body.rtl {}
body.home {} /* home page */
body.blog {} 
body.archive {} /* archive page */
body.date {} /* date archive page */
body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
body.search-results {} /* search result page */
body.search-no-results {} /* no results search page */
body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
body.category-1 {} /* individual category page (i.e. body.category-6) */
body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
body.page-paged-1 {} /* replace the number to the corresponding page number */
body.page-parent {}
body.page-child {}
body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
body.paged-1 {} /* individual paged (i.e. body.paged-3) */

/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */

	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/