/*
Theme Name: 8th Wave Theme
Theme URI: http://gonzobuzz.com/
Description: Theme designed by gonzoBuzz for 8th Wave.
Version: 0.5a 
Author: Ashish Puliyel
Author URI: http://puliyel.com/

*/
.roundedGreenBox { border:1px solid #BFDD3F; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 10px; width: 180px; float: right; background-color: rgb(248, 255, 220); text-align: center;}
.fromourblog {margin-top:1em;}
.fromourblog h2 {font-size:14px; color:#777; margin:0; padding:0; margin-bottom:10px; text-transform:uppercase; border-bottom:dotted 1px #333; padding:4px 0;}
.fromourblog p {font-size:11px; color:#666666; line-height:13px; padding-bottom:5px;}
.fromourblog a { background-color: #BFDD3F; color:#333 !important; padding:1px 4px; font-size:8px;}
body { background:url(http://8th-wave.com/images/bg.png) #CCCCCC; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

#header {height:200px; width:100%; background:url(http://8th-wave.com/images/header-bg.png) repeat-x;}

#header_container {background-image:url(http://8th-wave.com/images/header-center-bg.png); position:relative;}

#main_menu { position:absolute; top:98px; left:550px;}
#main_menu ul li{list-style-type:none; float:left;}
#main_menu ul li a{ display:block; padding:3px 15px 3px 15px; font-size:14px; color:white;}
#main_menu ul li a:hover { background:none; color:#99bc2e;}
#main_menu ul .current_page_item a {color:#99bc2e;}

#sub_menu { position:absolute; left:0px; width:127px; text-align:center;}
#sub_menu ul {margin:0; padding:1px; background:white; border:1px dotted #e1e1e1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#sub_menu ul li {list-style-type:none; margin:0; padding:0;}
#sub_menu ul li a{ display:block; padding:0 0 20px 0; font-size:10px; color:#8b8b8b; text-transform:uppercase; width:127px;}
#sub_menu ul li a:hover { background:none; color:#99bc2e;}
#sub_menu ul .current_page_item a {color:#99bc2e;}


.widthcenter {width:960px; margin:auto;}

#body_container { background:url(http://8th-wave.com/images/body-bg.png) repeat-y; position:relative;}

#body_content {padding:0 20px 20px 150px;}

#footer	{height:75px; background-image:url(http://8th-wave.com/images/footer-bg.png); }

#top_image { width:780px; height:255px; position:relative; padding: 0pt; overflow: hidden;}

h1 { font-size:22px; color:#99bc2e; padding-bottom:3px; padding-top:6px;}

h2	{ font-size:18px;color:#676767; padding-bottom:10px;}

h3 {font-size:13px; color:#99bc2e; font-weight:bold; margin-top:.8em; margin-bottom:.3em;}

p {font-size:12px; padding-bottom:1em; line-height:19px; color:#333333;}

p strong {color:#99bc2e;}

strong {font-weight:bold}
ul { margin-left:2em;}
li {font-size:12px; list-style:circle; margin-bottom:.3em;}


.alignleft { float:left; }
.alignright { float:right; }

.clear {width:100%; clear:both;}

.attachment {text-align:center;}
.attachment img {border: 6px solid #ccc;}

a .attachment-thumbnail { border:3px solid #ccc;}
a:hover .attachment-thumbnail { border:3px solid #99BC2E;}

.gallery-icon a img {border:5px solid #ccc}
.gallery-icon a:hover img {border:5px solid #99BC2E }

.portfolioCustom { border-bottom:2px solid #bfdd3f; background-color: #1c1c1c; padding:5px 10px; margin-bottom:0px; max-height:100px; overflow:auto;}
.portfolioCustom p {margin:0; padding:0; color:#d2d2d2; font-size:11px; font-weight: bold;}
.portfolioCustom p span { font-weight:normal; font-size:11px;}
.portfolioCustom p span a{padding: 1px 3px;}
.portfolioCustom p span a:hover {background-color:black; color:white; }

.portfolioCustom .pleft {width:250px; float:left; padding-right:15px;}
.portfolioCustom .pleft span {color:#99BC2E}
.portfolioCustom .pright {}
.portfolioCustom .pright p { font-weight:normal;}
.portfolioFoot { border-top:2px solid #bfdd3f;background-color: #f8ffdc; padding:10px 3px; margin-top:0;}
.portfolioFoot .portfoliotags a {font-size:11px; padding: 1px 3px;}
.portfolioFoot .portfoliotags a:hover {background-color:black; color:white; }



.gallery {
    display: block;
    clear: left;
    overflow: hidden;
    margin: auto;
}
.gallery-item {
    float: left;
    margin: 10px 0 0 0;
    text-align: center;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 89%; height: auto; padding: 1%; margin: 0 auto; }
.gallery div.clear { width: 0px; height: 0px; }

/* Image sizes depending on the number of columns */
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 24.5%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery-caption { margin-left: 0; }
.clear { clear: both; height: 0; }


a, a:link, a:visited, a:active { color:#99bc2e; text-decoration:none;}
a:hover {background-color:#FFFFCC}
a:hover img {background:none;}

#body_content p a { color:#99bc2e; text-decoration:none;border-bottom:1px dotted #99BC2E}
#body_content p a:hover {background-color:#FFFFCC}
#body_content p a:hover img {background:none;}

a img {border:0;}

.bigGaleryImage {display:block; margin:auto; border:4px solid white;}

.greenPanel {padding: 3px 5px; background-color: #99bc2e; color: white;}
.greenPanel h1 { color:black; display:inline;}
.greenPanel span a:hover { background-color:#728e1e;}
.greenPanel a {padding: 3px 5px; background-color: rgb(153, 188, 46); color: white;}

.blog_post_item {clear:both; float:left; margin-top:2em;}
.blog_post_left {float:left; width:110px;}
.blog_post_right {float:right; width:600px;}

.blog_post_item .postdate {
    font-family:"Myriad Pro",  Verdana, Geneva, Arial, helvetica, sans-serif;
    font-weight:lighter;
    text-align:left;
}
.blog_post_item .postdate .j {
    font-size:30px;
    color:#333;
    line-height:20px;
}
.blog_post_item .postdate .m {
    font-size:20px;
    color:#333;
}
.blog_post_item .postdate .y {
    font-size:15px;
    color:#333;
    line-height:10px;
}
.media_select_button {width:40px; height:40px; background:transparent url(images/media_buttons.png) top left no-repeat; float:left; margin-right:10px; margin-top:0px;}
.media_select_button.images { background-position:0 -42px; }
.media_select_button.videos { background-position:-42px -42px; }
.media_select_button.images:hover { background-position:0 -84px; }
.media_select_button.videos:hover { background-position:-42px -84px; }
.media_select_button.images.on { background-position:-0px 0px; }
.media_select_button.videos.on { background-position:-42px 0px; }

.controller_button_box {width:105px; margin:auto; position:relative; top:-50px; margin-bottom:-50px;}
.controller_button { width:30px; height:30px; background:transparent url(images/buttons.png) no-repeat; margin-right:5px; float:left; }

.controller_button.img_control_play { background-position:0 0; }
.controller_button.img_control_pause { background-position:-30px 0; }
.controller_button.img_control_next { background-position:-60px 0; }
.controller_button.img_control_prev { background-position:-90px 0; }

.controller_button.img_control_play:hover { background-position:0 -30px; }
.controller_button.img_control_pause:hover { background-position:-30px -30px; }
.controller_button.img_control_next:hover { background-position:-60px -30px; }
.controller_button.img_control_prev:hover { background-position:-90px -30px; }

.imageNumbers {
    padding:3px 5px; background-color:#333; font-size:9px;
}
.imageHighlighted {
    background-color:#444;
}

.transcaption {
    color:white; font-size:9px; text-align:center; position:relative; top:5px;
}
.portfolioCustomLeft {
    width:400px; float:left;
    background-color:#1C1C1C;
    padding:20px;
}

.portfolioCustomLeft p { color:#D2D2D2; font-size:11px;}
.portfolioCustomRight { float:right; width:410px; margin-right:5px;}

.portfolioCustomRight #fullViewImage {width:410px;}