/*
THEME NAME: SandPress
THEME URI: http://www.clazh.com/download/
DESCRIPTION: This Theme was Designed by Arpit Jacob for the SandBox Theme Competition.
You might want to subscribe to Blog's RSS Feed to keep up with the latest Bug fixs and releases
In The End The SandPress Theme Has A Lot Of Potenial Its Just Waiting To Be Discovered.
VERSION: 0.71
AUTHOR: Arpit Jacob
AUTHOR URI:
TEMPLATE: sandbox
*/
/*thank you and credits
Wordpress.org and the awesome wordpress community thank you everyone :)
Everaldo Crystal GPL Icons - the best open source Icons
Firebug & firefox - I wouldnt have been able to finish the design at such short notice without this
Notepad++ - another simple but amazing tool
In The End SandPress Has A Lot Of Potenial Its Just Waiting To Be Discovered ;)
*/
@import url('css/blueprint/print.css');
@import url('css/blueprint/screen.css');
/*MY-STYLES*/
/*Global*/
body{
background-color:#e5f1f1;
background:url(images/bg.jpg) 0 0 repeat-x #e5f1f1;
margin:0 auto;
}
html {}
ul, ul li {list-style:none; margin:0; padding:0;}
a:link{ color:#74a722; text-decoration:underline;}
a:visited{ color:#74a722; text-decoration:none;}
a:hover{ color:#d38a2b; text-decoration:underline;}
a:active{ color:#d38a2b; text-decoration:underline;}
/*website wrapper*/
.container_bp{
}
Utility
#utility{
width: 950px; height:145px; border:1px solid red;
margin:-50px 0 0 0;
}
#searchform{ float:right; margin-top:-50px;}
/*
#utility{background:url(images/bg.jpg) 0 0 repeat-x; float:right;}
#utilityBar ul {margin:0; padding:0;}
#utilityBar ul li {padding:10px; width:75px;}
#utility form {padding-top:10px; width:215px;}
#searchtext{width:150px; padding:0; margin:0;}
.search_txt{ color:white; font-weight:bold;}
*/
#utilityNav{margin:0 0 0 680px;}
#utilityNav ul{float:left; width:281px; margin:-95px 0 15px 0; padding:0;}
#utilityNav ul a, #utilityNav ul li a{ display:block; padding:0; line-height:61px;float:left;}
#utilityNav ul li {float:left;}
#utilityNav .utilityquestions{ background:url(images/utility_questions.jpg) 0 0 no-repeat; width:149px; height:62px;text-indent:-5000px;}
#utilityNav .utilitycontact{ background:url(images/utility_contact.jpg) 0 0 no-repeat; width:132px; height:62px;text-indent:-5000px;}
#utilityNav .utilityquestions a, #utilityNav .utilityquestions a:hover, #utilityNav .utilityquestions a:active{ background:url(images/utility_questions.jpg) 0 0 no-repeat; height:62px; display:block;width:149px;}
#utilityNav .utilitycontact a, #utilityNav .utilitycontact a:hover, #utilityNav .utilitycontact a:active{ background:url(images/utility_contact.jpg) 0 0 no-repeat; height:62px; display:block;width:132px;}
/*website wrapper 2*/
#wrapper{
margin:0 auto;
}
#header {background-color:#fff; margin:50px 0 0 0;width:268px; height:84px; padding:0; }
#header h1 {background:url(images/logo.jpg) 0 0 no-repeat;
width:268px; height:84px; text-indent:-5000px; }
#header h1 a {background:url(images/logo.jpg) 0 0 no-repeat;
height:84px; display:block;outline:0;}
/*Content*/
#content{width:930px; margin:25px auto;
/*background-color:#CCCCCC;
_height:1%;
overflow:hidden;*/
}
#nav{ width:249px; float:left; margin:20px 15px 0 0; height:245px; padding:0;
}
/*Header Graphics-FLASH*/
.page-template-default #flash{
width:666px; height:245px;
float:right; padding:0; margin:20px 0 0 0;
}
.page-template-are-you-at-risk-php #flash{background:url(images/header_graphics_risk.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
.page-template-mind-thing-php #flash{ background:url(images/header_graphics_mindthing.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0; }
.page-template-communicate-with-me-php #flash{background:url(images/header_graphics_communicate.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
.page-template-resoureces-for-me-php #flash{ background:url(images/header_graphics_resources.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
.page-template-advise-for-parents-php #flash{ background:url(images/header_graphics_parents.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
.page-template-blog-php #flash, .blog #flash, .single #flash, .category #flash, .archive #flash, .archives #flash{ background:url(images/header_graphics_blog.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0; }
.page-template-what-we-do-php #flash{background:url(images/header_graphics_generic.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
.search #flash, .404 #flash, .page-template-search-php #flash, .page-template-contact-askus-php #flash{background:url(images/header_graphics_generic.jpg) no-repeat left top; width:666px; height:150px; float:right; padding:0; margin:20px 0 0 0;}
/*Sidebar Left*/
.page-template-default #sidebarleft{ margin:20px 0 0 0; padding:0; width:249px; float:left; }
.page-template-are-you-at-risk-php #sidebarleft,
.page-template-blog-php #sidebarleft, .blog #sidebarleft, .single #sidebarleft, .archive #sidebarleft, .archives #sidebarleft, .category #sidebarleft, .search #sidebarleft,
.page-template-mind-thing-php #sidebarleft,
.page-template-communicate-with-me-php #sidebarleft,
.page-template-resoureces-for-me-php #sidebarleft,
.page-template-advise-for-parents-php #sidebarleft,
.page-template-blog-php #sidebarleft, .page-template-contact-askus-php #sidebarleft,
.page-template-what-we-do-php #sidebarleft
{ margin:280px 0 20px -265px; padding:0; width:249px; float:left; }
#sidebarleft li{margin-bottom:20px; padding:0; }
/*Left Banners*/
.banner_join{ background:url(images/banner_join.jpg) 0 0 no-repeat; width:249px; height:139px; text-indent:-5000px;}
.banner_join a{ background:url(images/banner_join.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_join a:hover, .banner_join a:active{ background:url(images/banner_join_H.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_program{ background:url(images/banner_program.jpg) 0 0 no-repeat; width:249px; height:139px; text-indent:-5000px;}
.banner_program a{ background:url(images/banner_program.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_program a:hover, .banner_program a:active{ background:url(images/banner_program_H.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_question{ background:url(images/banner_question.jpg) 0 0 no-repeat; width:249px; height:139px; text-indent:-5000px;}
.banner_question a{ background:url(images/banner_question.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_question a:hover, .banner_question a:active { background:url(images/banner_question_H.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_parents{ background:url(images/banner_parents.jpg) 0 0 no-repeat; width:249px; height:139px; text-indent:-5000px;}
.banner_parents a{ background:url(images/banner_parents.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_parents a:hover, .banner_parents a:hover{ background:url(images/banner_parents_H.jpg) 0 0 no-repeat; display:block;height:139px;}
.banner_bookmars{display:block;height:139px;}
.banner_social {background:#fff;}
.banner_social .fb a{ background:url(images/icon_fb.jpg) no-repeat 0 50%; padding-left:35px;}
.banner_social .ms a{ background:url(images/icon_ms.jpg) no-repeat 0 50%; padding-left:35px;}
.banner_social .de a{ background:url(images/icon_de.jpg) no-repeat 0 50%; padding-left:35px;}
.banner_social .digg a{ background:url(images/icon_digg.jpg) no-repeat 0 50%; padding-left:35px;}
.page-template-are-you-at-risk-php #content_middle,
.page-template-blog-php #content_middle, .blog #content_middle, .single #content_middle,
.archive #content_middle, .archives #content_middle, .category #content_middle, .search #content_middle,
.page-template-mind-thing-php #content_middle,
.page-template-communicate-with-me-php #content_middle,
.page-template-resoureces-for-me-php #content_middle,
.page-template-advise-for-parents-php #content_middle,
.page-template-blog-php #content_middle, .page-template-contact-askus-php #content_middle,
.page-template-what-we-do-php #content_middle
{ width:472px; float:left; margin:20px 0px 0 0px; }
.page-template-default #content_middle{ width:472px; float:left; margin:20px 12px 0 12px; padding:0;}
/*Sidebar Right*/
.page-template-are-you-at-risk-php #sidebarright,
.page-template-blog-php #sidebarright, .blog #sidebarright, .single #sidebarright,
.archive #sidebarright, .archives #sidebarright, .category #sidebarright,
.page-template-mind-thing-php #sidebarright,
.page-template-communicate-with-me-php #sidebarright,
.page-template-resoureces-for-me-php #sidebarright,
.page-template-advise-for-parents-php #sidebarright,
.page-template-blog-php #sidebarright, .page-template-contact-askus-php #sidebarright,
.page-template-what-we-do-php #sidebarright, .search #sidebarright
{ float:right; width:184px !important; width:169px; margin:20px 0px 0 0; padding:0;
}
.page-template-default #sidebarright{ float:right; width:184px !important; width:179px; margin:20px 0 0 0; padding:0;
}
.makebox, .makebox_general, .pollbox {
width:184px;
background:url(images/events_box_mid.jpg) repeat-y; margin-bottom:20px;
}
.makebox .lastelement, .makebox_general .lastelement, .pollbox .lastelement{
background:url(images/sidebarRight_general_bot.jpg) no-repeat left bottom; padding-bottom:30px;
}
.makebox_general h1{
background:url(images/sidebarRight_general_top.jpg) no-repeat left top;
text-indent:-5000px; padding-top:10px; font-size:12px;
}
.makebox h1{
background:url(images/events_box_top.jpg) no-repeat left bottom;
text-indent:-5000px; height:35px;font-size:12px;
}
.pollbox h1{
background:url(images/poll_box_top.jpg) no-repeat left bottom;
text-indent:-5000px; height:35px;font-size:12px;
}
.makebox h2, .makebox p,.makebox_general h2, .makebox_general p, .pollbox p, .pollbox h2{
padding:0 12px;
}
.makebox h2, .pollbox h2{
font-size:12px;
}
/*Make Box Blog Sidebar*/
.sidebar{
width:184px;
background:url(images/events_box_mid.jpg) repeat-y; margin-bottom:20px;
}
.sidebar .lastelement{
background:url(images/sidebarRight_general_bot.jpg) no-repeat left bottom; padding-bottom:30px;
}
.sidebar h1{
background:url(images/sidebarRight_general_top.jpg) no-repeat left top;
text-indent:-5000px; padding-top:10px; font-size:12px;
}
.sidebar h2, .sidebar p{
padding:0 12px;
}
.sidebar h2{
font-size:12px;
}
.sidebar h3{ margin-left:12px;}
#infoline_img{ margin-left:12px; }
.runaround{ float:left; margin: 0 9px 5px 0; }
#aidatl_img{ margin-left:12px;}
#moreevents, .launch{padding-left:12px; }
#moreevents li{ background:url(images/icon_cal.jpg) no-repeat 0 50%; padding-left:30px;
}
#aidatlanta li{ background:url(images/launch.jpg) no-repeat 0 50%; padding-left:30px;
margin-left:12px;}
#infoline li{ background:url(images/launch.jpg) no-repeat 0 50%; padding-left:30px;
margin-left:12px;}
#bookmark ul{ margin-left:12px;}
#bookmark ul li{}
/*Main content box*/
.middle_box h1{
background:url(images/main_box_top.jpg) no-repeat left top; padding-top:20px;
}
.middle_box{width:472px;
background:url(images/main_box_mid.jpg) repeat-y; }
.middle_box_last{background:url(images/main_box_bot.jpg) no-repeat left bottom; padding-bottom:20px;}
.middle_box h2, .middle_box h3, .middle_box h4, .middle_box p{ padding:0 15px;}
.static_post{margin-top:-45px;}
.facelift{ width:400px;}
/*NAV*/
#menu li { width:220px;border-bottom:1px solid #c0c0c0; padding:1px 0;}
#menu #whatwedo_link{ width:220px;border-bottom:1px solid #fff;padding:1px 0;}
#home_link a{ background:url(images/nav_home.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#risk_link a{ background:url(images/nav_risk.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#mind_link a{ background:url(images/nav_mind.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#com_link a{ background:url(images/nav_com.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#resources_link a{ background:url(images/nav_resources.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#parents_link a{ background:url(images/nav_parents.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#blog_link a{ background:url(images/nav_blog.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
#whatwedo_link a{ background:url(images/nav_whatwedo.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
/*Nav hovers*/
.page-template-default #home_link a, #home_link a:hover{ background:url(images/nav_home_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-are-you-at-risk-php #risk_link a, #risk_link a:hover{ background:url(images/nav_risk_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-mind-thing-php #mind_link a,#mind_link a:hover{ background:url(images/nav_mind_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-communicate-with-me-php #com_link a, #com_link a:hover{ background:url(images/nav_com_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-resoureces-for-me-php #resources_link a, #resources_link a:hover{ background:url(images/nav_resources_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-advise-for-parents-php #parents_link a, #parents_link a:hover{ background:url(images/nav_parents_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-blog-php #blog_link a, #blog_link a:hover,
.category #blog_link a, #blog_link a:hover,
.archive #blog_link a, #blog_link a:hover,
.archives #blog_link a, #blog_link a:hover,
.single #blog_link a, #blog_link a:hover
{ background:url(images/nav_blog_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
.page-template-what-we-do-php #whatwedo_link a, #whatwedo_link a:hover{ background:url(images/nav_whatwedo_H.jpg) no-repeat left center; width:220px; height:22px; text-indent:-5000px; display:block; outline:0; }
/*Nav container*/
#menu{width:249px;}
#menu_top{ background:url(images/nav_box_top.jpg) no-repeat 0 0; height:17px; }
#menu_bot{background:url(images/nav_box_bot.jpg) no-repeat 0 0; height:17px;}
#menu ul{background:url(images/nav_box_mid.jpg) repeat-y 0 0;width:249px !important;width:234px; padding-left:15px; }
/*BLOG*/
#blog_icons { float:left;padding: 0 0 0 347px; width:125px; margin-bottom:12px; }
#blog_icons li{ float:left; padding:0;}
#blog_icons li a{ display:block; padding:0; line-height:33px; height:33px; outline:none;text-indent:-5000px;}
#blog_icons .icon_rss{ background:url(images/icon_rss.jpg) no-repeat 0 50%; width:26px;}
#blog_icons .icon_blog{ background:url(images/blog_title.jpg) no-repeat 0 0; width:89px;padding-left:10px;}
.entry-content{ padding:0px 0px 8px 0px; margin:0;}
.entry-meta, .entry-date{ margin-left:12px; width:400px; padding-bottom:6px;}
.recent .facelift{ width:400px;}
.entry-meta{ margin-top:15px; margin-bottom:15px;}
.postmeta{ margin-left:12px; margin-top:5px;padding:0px; margin-bottom:40px;}
.postmeta p{ padding:0;}
.postmeta_date{ font-variant:small-caps; font-weight:bold; color:#373b38; margin-left:12px; display:block;}
/*COMENTS*/
.comments { margin-top:20px;}
.formcontainer{ margin-left:12px;}
#comments-list ul li{ margin-left:15px; width:425px; list-style:none; list-style-type:none;}
div.comments li.alt{ background:#f3f2e5; padding:5px;}
div.comments li {margin-bottom:15px;}
div.comments li p {margin-left:-12px;}
div.comments .photo {float:left; margin:0 10px 5px 0;}
.blog h3 {font-weight:normal;color:#74a942;font-size:1.5em;line-height:1;margin-bottom:1em;}
.postmeta{ }
.sociable{ padding:0; }
/*Blog Sidebar*/
.sidebar ul{ margin-bottom:20px;}
/*Post styles*/
.content_middle_list, .content_middle_list li { margin-left:15px;list-style-type:disc; width:400px;}
.content_middle_list_ol, .content_middle_list_ol li { margin-left:15px;width:400px;}
.content_middle_list, .content_middle_list_ol{margin-bottom:15px;}
.citation{ color:#666666; padding:15px 0; font-style:italic;}
/*Inserted Post images styles*/
.postimage { float:left; margin:0 12px 12px 0; border:1px solid #ccc;}
/*Photos- Are you at risk sti's*/
.stiphotos{ float:left; width:400px; margin-left:12px;}
.stiphotos li{ float:left; padding-right:15px; padding-bottom:15px;}
.stiphotos li img { border:1px solid #666;}
#footer_nav{ width:950px;}
#footer_nav ul{width:900px; text-align:center; margin-left:25px;}
#footer_nav ul a{ display:block; padding:0 10px; line-height:2.1em;}
#footer_nav li{ float:left;}
#footer p { text-align:center;}
#fwd_footer{ margin:15px 0 0 75px;clear:both; width:800px;}
#footer{ clear:both; background:url(images/footer_bg.jpg) left bottom repeat-x; margin-top:25px;margin:0 auto; text-align:center; padding-top:15px;}
.clear:after{ clear:both;
/*content:".";
isplay:block;
height:0;
clear:both;
visibility:hidden;*/}
/*.clear{display:inline-block;}*/
/* Hide from IE Mac \*/
/*.clear {display:block;}*/
/* End hide from IE Mac */