/* ======================================================================

   CORE STYLES // CUREVIOLENCE.COM
   (c) 2009 Schatz Studios, All Rights Reserved.
   
   Last Update: October 8, 2009
   
   INDEX
   
   1. GENERAL
   2. CORE STRUCTURE
   3. TYPOGRAPHY


======================================================================== */


/*-------------------------------------------    
    1) GENERAL DECLARATIONS
-------------------------------------------*/

body {
	color:#fff;
	font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#051E2A url('/components/img/background.jpg') no-repeat top left;
}

a:link, a:visited {
	font-weight: bold;
	color:#46a4b5;
	text-decoration:none;
}

a:hover, a:active {
	font-weight: bold;
	color:#d63535;
	text-decoration:none;
}



/*-------------------------------------------    
    2) SITE CORE STRUCTURE
-------------------------------------------*/
#header {background-image: url('/components/img/nav_background.png'); background-repeat:repeat-x; margin:40px 0 10px 0; padding:13px 0; text-align:center; white-space:nowrap; }

#wrapper, #footer-wrap {width:980px; margin:0 auto;}

#section-bottom {background:#143645;opacity:0.8;filter:alpha(opacity=80); margin:15px 0; padding:15px;}
#section-sub {background:#143645;opacity:0.8;filter:alpha(opacity=80); margin:15px 0 50px 0; padding:30px;}

#media-video {float:left; background-color:#000;}
#media-twitter {float:right; background:#143645;opacity:0.8;filter:alpha(opacity=80); width:230px; padding:15px;}
#media-youtube {position:absolute;width:605px;}
#media-youtube div {position:relative;}
#youTube1_1 {top:-0px;width:140px;}
#youTube1_2 {left:140px; top:-85px;width:145px;height:90px;}
#youTube2_1 {left:300px;top:-183px;width:140px;}
#youTube2_2 {left:440px;top:-267px;width:160px;height:90px;}
#youTube3_1 {left:0px;top:-240px;width:140px;}
#youTube3_2 {left:140px;top:-325px;width:145px;height:90px;}
#youTube4_1 {left:300px;top:-422px;width:140px;}
#youTube4_2 {left:440px;top:-509px;width:160px;height:90px;}
#media-flickr {float:right; background-image:url('/components/img/rule_vert.png'); background-repeat: no-repeat; padding-left:25px; text-align:right;}
#media-flickr img {padding:5px;}

#footer {background-color:#051e2a; padding:30px 20px 20px 20px;}

#col-left {float:left; width:490px;}
#col-right {float:right; width:325px; font-size:0.9em; margin-right:40px;}
#col-right-foot {float:right;}
#col-left2 {float:left; width:720px; margin-bottom:15px}
#col-right2 {float:right; width:150px; margin-right:20px; margin-bottom:15px}
#col-right3 {float:right; width:325px; margin-right:40px;}


/*-------------------------------------------    
    3) TYPOGRAPHY
-------------------------------------------*/

h1 {font-size:1.5em; font-weight:bold; margin-bottom:15px;}
h2 {font-size:1.4em; font-weight:bold; margin-bottom:15px; color:#e77827;}
h3 {font-size:1.2em; font-weight: bold; margin-bottom:10px; color:#85cd28;}
h4 {font-size:.9em; font-weight: bold;}
h5 {font-size:.8em; font-weight: bold;}

.h2-img {margin-bottom:10px;}
.h2-img-big {margin-bottom:30px;}

p {margin-bottom:15px; line-height:1.3em;}
#footer p {color:#aaa;}

strong {font-weight: bold;}
em {font-style:italic;color:#d57c3a;}

/*-------------------------------------------    
    4) MORE STYLES
-------------------------------------------*/

.logo  {padding:0 206px 0 0;}
.logo-home  {padding:0 699px 0 0;}

hr {background-color:#304d5a;border:0 none;color:#304d5a;height:1px;margin-bottom:12px;}

#media-icons img {padding:8px;}

form {margin-bottom:20px;}
.formfield {background-color:#c6be93; padding:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#585858; border:0; margin:0 8px 8px 0;}
.idea {width:440px;}

div#login {border:1px solid #072633; width:750px; margin-bottom:100px; margin:20px auto;}
.welcome {margin:50px;}
#log-box {background-color:#072633; padding:30px 50px;}
#log-box table td {vertical-align:middle; padding-right:15px;}