/****************************
SITE ELEMENTS
****************************/

.success { 
    background:#E2FFDB; display:block; color:#458436; padding:15px 20px; border:1px solid #C7EDC4;
    margin-bottom:10px; font:600 12px 'Open Sans', sans-serif !important; text-shadow:0 1px 1px #FFF; 
    box-shadow: inset 0px 1px 0px #F7FFF5; -webkit-box-shadow: inset 0px 1px 0px #F7FFF5; -moz-box-shadow: inset 0px 1px 0px #F7FFF5;
}
.failed { 
    background:#FFDBDB; display:block; color:#b04f4f; padding:15px 20px; border:1px solid #EDC0C0;
    margin-bottom:10px; font:600 12px 'Open Sans', sans-serif !important; text-shadow:0 1px 1px #FFF; 
    box-shadow: inset 0px 1px 0px #FFF6F6; -webkit-box-shadow: inset 0px 1px 0px #FFF6F6; -moz-box-shadow: inset 0px 1px 0px #FFF6F6;
}
.info { 
    background:#CDE9E9; display:block; color:#487474; padding:15px 20px; border:1px solid #A9C7DC;
    margin-bottom:10px; font:600 12px 'Open Sans', sans-serif !important; text-shadow:0 1px 1px #FFF; 
    box-shadow: inset 0px 1px 0px #FFF6F6; -webkit-box-shadow: inset 0px 1px 0px #FFF6F6; -moz-box-shadow: inset 0px 1px 0px #FFF6F6;
}
.rounded { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.success span.close, .failed span.close, .info span.close { float:right; right:10px; cursor:pointer; width:19px; height:19px; }
.success span.close { background:url('img/gclose.png') no-repeat; }
.failed span.close { background:url('img/rclose.png') no-repeat; }
.info span.close { background:url('img/bclose.png') no-repeat; }
a.small:link, a.small:visited, a.medium:link, a.medium:visited, a.large:link, a.large:visited, a.xlarge:link, a.xlarge:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#555;  border:1px solid #D9D9D9; text-shadow:0 1px 1px #FFF;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F1F1F1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F1F1F1));
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F1F1F1',GradientType=0 );
    box-shadow: inset 0px 1px 0px #FFF;
    -webkit-box-shadow: inset 0px 1px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 0px #FFF; 
}
a.small:hover, a.medium:hover, a.large:hover, a.xlarge:hover  {
    background: #F1F1F1; 
    background: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#F8F8F8));
    background: -webkit-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -o-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -ms-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    background: linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#F8F8F8',GradientType=0 );    
}
a.dark:link, a.dark:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#555;  border:1px solid #9D9D9D; text-shadow:0 1px 1px #DADADA;
    background: #C9C9C9;
    background: -moz-linear-gradient(top, #C9C9C9 0%, #AFAFAF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C9C9C9), color-stop(100%,#AFAFAF));
    background: -webkit-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: -o-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: -ms-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9C9C9', endColorstr='#AFAFAF',GradientType=0 );
    box-shadow: inset 0px 1px 0px #D7D7D7;
    -webkit-box-shadow: inset 0px 1px 0px #D7D7D7;
    -moz-box-shadow: inset 0px 1px 0px #D7D7D7; 
}
a.dark:hover  {
    background: #AFAFAF;
    background: -moz-linear-gradient(top, #AFAFAF 0%, #C9C9C9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#C9C9C9));
    background: -webkit-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: -o-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: -ms-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#C9C9C9',GradientType=0 );    
}
a.pink:link, a.pink:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#913944;  border:1px solid #D8596D; text-shadow:0 1px 1px #F9A6B4;
    background: #F78096;
    background: -moz-linear-gradient(top, #F78096 0%, #F5687A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F78096), color-stop(100%,#F5687A));
    background: -webkit-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: -o-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: -ms-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: linear-gradient(top, #F78096 0%,#F5687A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78096', endColorstr='#F5687A',GradientType=0 );
    box-shadow: inset 0px 1px 0px #F9A1B1;
    -webkit-box-shadow: inset 0px 1px 0px #F9A1B1;
    -moz-box-shadow: inset 0px 1px 0px #F9A1B1; 
}
a.pink:hover  {
    background: #F5687A;
    background: -moz-linear-gradient(top, #F5687A 0%, #F78096 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5687A), color-stop(100%,#F78096));
    background: -webkit-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: -o-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: -ms-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: linear-gradient(top, #F5687A 0%,#F78096 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5687A', endColorstr='#F78096',GradientType=0 );    
}
a.orange:link, a.orange:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#996633;  border:1px solid #DB9D33; text-shadow:0 1px 1px #FEE1A0;
    background: #FED86F;
    background: -moz-linear-gradient(top, #FED86F 0%, #FEBB4A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FED86F), color-stop(100%,#FEBB4A));
    background: -webkit-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: -o-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: -ms-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED86F', endColorstr='#FEBB4A',GradientType=0 );
    box-shadow: inset 0px 1px 0px #FEE395;
    -webkit-box-shadow: inset 0px 1px 0px #FEE395;
    -moz-box-shadow: inset 0px 1px 0px #FEE395; 
}
a.orange:hover  {
    background: #FEBB4A;
    background: -moz-linear-gradient(top, #FEBB4A 0%, #FED86F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEBB4A), color-stop(100%,#FED86F));
    background: -webkit-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: -o-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: -ms-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEBB4A', endColorstr='#FED86F',GradientType=0 );    
}
a.green:link, a.green:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#5d7731;  border:1px solid #90B153; text-shadow:0 1px 1px #CFE5A4;
    background: #CAE285;
    background: -moz-linear-gradient(top, #CAE285 0%, #A1CC59 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CAE285), color-stop(100%,#A1CC59));
    background: -webkit-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: -o-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: -ms-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CAE285', endColorstr='#A1CC59',GradientType=0 );
    box-shadow: inset 0px 1px 0px #D7E9A4;
    -webkit-box-shadow: inset 0px 1px 0px #D7E9A4;
    -moz-box-shadow: inset 0px 1px 0px #D7E9A4; 
}
a.green:hover  {
    background: #A1CC59;
    background: -moz-linear-gradient(top, #A1CC59 0%, #CAE285 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1CC59), color-stop(100%,#CAE285));
    background: -webkit-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: -o-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: -ms-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1CC59', endColorstr='#CAE285',GradientType=0 );    
}
a.blue:link, a.blue:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#42788e; border:1px solid #78B8D0; text-shadow:0 1px 1px #B6E6F9;
    background: #AAE4F8;
    background: -moz-linear-gradient(top, #AAE4F8 0%, #72CFF3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAE4F8), color-stop(100%,#72CFF3));
    background: -webkit-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: -o-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: -ms-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAE4F8', endColorstr='#72CFF3',GradientType=0 );
    box-shadow: inset 0px 1px 0px #C0EBFA;
    -webkit-box-shadow: inset 0px 1px 0px #C0EBFA;
    -moz-box-shadow: inset 0px 1px 0px #C0EBFA; 
}
a.blue:hover  {
    background: #72CFF3;
    background: -moz-linear-gradient(top, #72CFF3 0%, #AAE4F8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72CFF3), color-stop(100%,#AAE4F8));
    background: -webkit-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: -o-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: -ms-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72CFF3', endColorstr='#AAE4F8',GradientType=0 );    
}
a.purple:link, a.purple:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#7b5777; border:1px solid #AB86A7; text-shadow:0 1px 1px #EACAE6;
    background: #E7C2E3;
    background: -moz-linear-gradient(top, #E7C2E3 0%, #D494CE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7C2E3), color-stop(100%,#D494CE));
    background: -webkit-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: -o-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: -ms-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7C2E3', endColorstr='#D494CE',GradientType=0 );
    box-shadow: inset 0px 1px 0px #EED3EB;
    -webkit-box-shadow: inset 0px 1px 0px #EED3EB;
    -moz-box-shadow: inset 0px 1px 0px #EED3EB; 
}
a.purple:hover  {
    background: #D494CE;
    background: -moz-linear-gradient(top, #D494CE 0%, #E7C2E3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D494CE), color-stop(100%,#E7C2E3));
    background: -webkit-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: -o-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: -ms-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D494CE', endColorstr='#E7C2E3',GradientType=0 );    
}
a.teal:link, a.teal:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#437b7d; border:1px solid #89C4C5; text-shadow:0 1px 1px #BEF3F5;
    background: #B6F1F4;
    background: -moz-linear-gradient(top, #B6F1F4 0%, #7CE7EA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6F1F4), color-stop(100%,#7CE7EA));
    background: -webkit-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: -o-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: -ms-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6F1F4', endColorstr='#7CE7EA',GradientType=0 );
    box-shadow: inset 0px 1px 0px #C9F5F7;
    -webkit-box-shadow: inset 0px 1px 0px #C9F5F7;
    -moz-box-shadow: inset 0px 1px 0px #C9F5F7; 
}
a.teal:hover  {
    background: #7CE7EA;
    background: -moz-linear-gradient(top, #7CE7EA 0%, #B6F1F4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7CE7EA), color-stop(100%,#B6F1F4));
    background: -webkit-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: -o-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: -ms-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CE7EA', endColorstr='#B6F1F4',GradientType=0 );    
}
a.dblue:link, a.dblue:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#515f6a; border:1px solid #82929E; text-shadow:0 1px 1px #C4D0D9;
    background: #BBC9D4;
    background: -moz-linear-gradient(top, #BBC9D4 0%, #90A7B8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBC9D4), color-stop(100%,#90A7B8));
    background: -webkit-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: -o-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: -ms-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBC9D4', endColorstr='#90A7B8',GradientType=0 );
    box-shadow: inset 0px 1px 0px #CED8E0;
    -webkit-box-shadow: inset 0px 1px 0px #CED8E0;
    -moz-box-shadow: inset 0px 1px 0px #CED8E0; 
}
a.dblue:hover  {
    background: #90A7B8;
    background: -moz-linear-gradient(top, #90A7B8 0%, #BBC9D4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90A7B8), color-stop(100%,#BBC9D4));
    background: -webkit-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: -o-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: -ms-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90A7B8', endColorstr='#BBC9D4',GradientType=0 );    
}
a.black:link, a.black:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:30px; color:#FFF; border:1px solid #313131; text-shadow:0 1px 1px #000;
    background: #5D5D5D;
    background: -moz-linear-gradient(top, #5D5D5D 0%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D5D5D), color-stop(100%,#444444));
    background: -webkit-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: -o-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: -ms-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: linear-gradient(top, #5D5D5D 0%,#444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D5D5D', endColorstr='#444444',GradientType=0 );
    box-shadow: inset 0px 1px 0px #868686;
    -webkit-box-shadow: inset 0px 1px 0px #868686;
    -moz-box-shadow: inset 0px 1px 0px #868686; 
}
a.black:hover  {
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #5D5D5D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#5D5D5D));
    background: -webkit-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: -o-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: -ms-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: linear-gradient(top, #444444 0%,#5D5D5D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#5D5D5D',GradientType=0 );    
}
a.medium:link, a.medium:visited { font-size:14px; padding:10px 15px;    }
a.large:link, a.large:visited { font-size:16px; padding:12px 18px; }
a.xlarge:link, a.xlarge:visited { font-size:18px; padding:15px 20px; margin-bottom:8px; }
.balloon, .book, .bookmark, .box, .briefcase, .calendar, .clipboard, .clock, .cross, 
.document, .exclamation, .folder, .heart, .house, .lifebuoy, .marker, .minus, .arrow, .pin, .tick { margin-bottom:30px; }
.balloon li { background:url('img/balloon.png') no-repeat left; padding-left:25px; }
.book li { background:url('img/book.png') no-repeat left; padding-left:25px; }
.bookmark li { background:url('img/bookmark.png') no-repeat left; padding-left:25px; }
.box li { background:url('img/box.png') no-repeat left; padding-left:25px; }
.briefcase li { background:url('img/briefcase.png') no-repeat left; padding-left:25px; }
.calendar li { background:url('img/calendar.png') no-repeat left; padding-left:25px; }
.clipboard li { background:url('img/clipboard.png') no-repeat left; padding-left:25px; }
.clock li { background:url('img/clock.png') no-repeat left; padding-left:25px; }
.cross li { background:url('img/cross.png') no-repeat left; padding-left:25px; }
.document li { background:url('img/document.png') no-repeat left; padding-left:25px; }
.exclamation li { background:url('img/exclamation.png') no-repeat left; padding-left:25px; }
.folder li { background:url('img/folder.png') no-repeat left; padding-left:25px; }
.heart li { background:url('img/heart.png') no-repeat left; padding-left:25px; }
.house li { background:url('img/house.png') no-repeat left; padding-left:25px; }
.lifebuoy li { background:url('img/lifebuoy.png') no-repeat left; padding-left:25px; }
.marker li { background:url('img/marker.png') no-repeat left; padding-left:25px; }
.minus li { background:url('img/minus.png') no-repeat left; padding-left:25px; }
.arrow li { background:url('img/arrow.png') no-repeat left; padding-left:25px; }
.pin li { background:url('img/pin.png') no-repeat left; padding-left:25px; }
.tick li { background:url('img/tick.png') no-repeat left; padding-left:25px; }


/****************************
BLOCKQUOTES
****************************/

blockquote { background:url('img/qoute.png') no-repeat top left; font:italic 14px/1.8em 'georgia'; padding-left:40px; margin-bottom:30px; text-shadow:0 1px 1px #FFF; }
blockquote.style2 { background:#F8F8F8 url('img/qoute.png') no-repeat 20px 29px; padding:20px 30px 10px 50px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; margin-bottom:20px; }
blockquote.qleft { float:left; width:40%; margin-bottom:20px; }
blockquote.qright { background:#EEE url('img/qoute.png') no-repeat top left; padding:30px 30px 10px 30px; float:right; width:40%; margin-bottom:20px; }
blockquote.curve { background:#EEE url('img/qoute.png') no-repeat top left; margin-bottom:20px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }


/****************************
DROPCAPS
****************************/

.dropcap { font-size:20px; font-family:'Open Sans', sans-serif; background:#EEE; padding:10px 20px; display:inline-block; text-shadow:0 1px 1px #FFF; float:left; margin-right:15px; }
.dropcap2 { font-size:40px; font-family:'Open Sans', sans-serif; float:left; margin-right:15px; margin-bottom:20px; margin-top:10px; }
.dropcap3 { font-size:20px; font-family:'Open Sans', sans-serif; float:left; padding:12px 20px; margin-right:15px; background:#EEE; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.dropcap4 { 
    font-size:20px; font-family:'Open Sans', sans-serif; float:left; padding:10px 20px; margin-right:15px; background:#EEE; text-shadow:0 1px 1px #FFF; 
    border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 
}
.dropcap5 { 
    font-size:20px; font-family:'Open Sans', sans-serif; float:left; padding:10px 20px; margin-right:15px; background:#EEE; text-shadow:0 1px 1px #FFF; 
    border-top-left-radius:20px; -webkit-border-top-left-radius:20px; -moz-border-top-left-radius:20px; 
    border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; 
}
.dropcap6 { 
    font-size:20px; font-family:'Open Sans', sans-serif; float:left; padding:10px 20px; margin-right:15px; background:#EEE; text-shadow:0 1px 1px #FFF; 
    border-top-right-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-top-right-radius:20px; 
    border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px; 
}
.drop-gradient { 
    font-size:20px; font-family:'Open Sans', sans-serif; float:left; padding:12px 20px; margin-right:15px; color:#FFF; border:1px solid #313439; text-shadow:0 1px 1px #333;
    background: #65676a;
    background: -moz-linear-gradient(top, #65676a 0%, #44474d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65676a), color-stop(100%,#44474d));
    background: -webkit-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: -o-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: -ms-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: linear-gradient(top, #65676a 0%,#44474d 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65676a', endColorstr='#44474d',GradientType=0 );*/
    border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
    box-shadow: inset 0px 1px 0px #AFB1B5;
    -webkit-box-shadow: inset 0px 1px 0px #AFB1B5;
    -moz-box-shadow: inset 0px 1px 0px #AFB1B5;
}


/****************************
COLUMNS
****************************/

.one-half { float:left; width:275px; margin-right:30px; margin-bottom:25px; }
.one-third { float:left; width:178px; margin-right:30px; margin-bottom:25px; }
.one-fourth { float:left; width:126px; margin-right:30px; margin-bottom:25px; } 




/****************************
IMAGES and VIDEO
****************************/

iframe { margin-bottom:20px !important; }
img.resize { margin-bottom:20px !important; width:100%; height:auto; }


/****************************
PRE TAGS
****************************/

code, samp, kbd { font-family: "Courier New", Courier, monospace, sans-serif; text-align:left; color:#555; }
pre code { line-height:1.6em; font-size:11px; }
pre { 
    padding:6px 15px !important; border-left: 11px solid #ccc !important; margin: 1.7em 0 1.7em 0.3em !important; overflow: auto;
    white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background:#ececec !important;
}


/****************************
RESPONSIVE STYLE
****************************/

@media only screen and (max-width: 1200px) {    
}
@media only screen and (max-width: 960px) {
    iframe { width:100%; height:450px; }
    img.resize { width:100%; height:auto; }
    .one-third { width:176px; }
    .one-fourth { width:124px; }
}
@media only screen and (max-width: 760px) {
    iframe { width:100%; height:200px; }
    .one-half, .one-third, .one-fourth { width:100%; }
}
@media only screen and (max-width: 450px) {
    iframe { width:100%; height:150px; }    
}