/*                 Shortcodes                   */
/* ------------------------------------- 		*/
/*         1. articleseparator & Section        */
/*         2. Article Icons                		*/
/*         3. Social Media Icons                */
/*         4. Small Icons                       */
/*         5. Tabs & Accordions                 */
/*         6. Notices                           */
/*         7. Blockquotes                       */
/*         8. Tables                            */
/*         9. Search                            */
/*         10. Tagline                          */
/*         11. Specific Buttons                 */
/*         12. Buttons                          */
/*         13. Featured Tags                    */
/* -------------------------------------        */
/* articleseparator */
#container #content .articleseparator {
    margin: 0px 0 20px 0;
    border-bottom: 1px solid #e2e2e2
}
#container #content .articleseparator h3, #container #content .articleseparator h2 {
    margin: 0; margin: 0 0 20px 0; padding: 0;
    font-size: 1.4em;
    border: 0
}
.articleseparator { clear: both }
#container #content .sectionseparator {
    margin: 20px 0 0px 0;
    border-bottom: 1px solid #e2e2e2
}
#container #content .sectionseparator h3, #container #content .sectionseparator h2 {
    margin: 0; margin: 0 0 20px 0; padding: 0;
    font-size: 1.4em;
    border: 0
}
.outline span {
    display: block;
    width: 100%;
    margin: 10px 0; padding: 4px 0;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 2px;
}
.section-large {
    margin: 40px 0px 40px; padding: 20px 0px 20px;
    background-color: #f8f8f8;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff
}
.section-large2 {
    margin: 40px 0px 40px; padding: 20px 0px 20px;
    background-color: #fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff
}
/* Social Media Icon */
.icon {
    display: inline-block;
    width: 28px; height: 30px;
    margin: 0 2px 0 0
}
.icons li { list-style: none }
.icon.bebo { background-image: url(../images/socialmediaicons/bebo.png) }
.icon.blogger { background-image: url(../images/socialmediaicons/blogger.png) }
.icon.delicious { background-image: url(../images/socialmediaicons/delicious.png) }
.icon.designfloat { background-image: url(../images/socialmediaicons/designfloat.png) }
.icon.deviantart { background-image: url(../images/socialmediaicons/deviantart.png) }
.icon.digg { background-image: url(../images/socialmediaicons/digg.png) }
.icon.evernote { background-image: url(../images/socialmediaicons/evernote.png) }
.icon.facebook { background-image: url(../images/socialmediaicons/facebook.png) }
.icon.flickr { background-image: url(../images/socialmediaicons/flickr.png) }
.icon.google { background-image: url(../images/socialmediaicons/google.png) }
.icon.grooveshark { background-image: url(../images/socialmediaicons/grooveshark.png) }
.icon.instagram { background-image: url(../images/socialmediaicons/instagram.png) }
.icon.lastfm { background-image: url(../images/socialmediaicons/lastfm.png) }
.icon.linkedin { background-image: url(../images/socialmediaicons/linkedin.png) }
.icon.myspace { background-image: url(../images/socialmediaicons/myspace.png) }
.icon.path { background-image: url(../images/socialmediaicons/path.png) }
.icon.posterous { background-image: url(../images/socialmediaicons/posterous.png) }
.icon.reddit { background-image: url(../images/socialmediaicons/reddit.png) }
.icon.rss { background-image: url(../images/socialmediaicons/rss.png) }
.icon.skype { background-image: url(../images/socialmediaicons/skype.png) }
.icon.soundcloud { background-image: url(../images/socialmediaicons/soundcloud.png) }
.icon.stumbleupon { background-image: url(../images/socialmediaicons/stumbleupon.png) }
.icon.themeforest { background-image: url(../images/socialmediaicons/themeforest.png) }
.icon.tumblr { background-image: url(../images/socialmediaicons/tumblr.png) }
.icon.twitter { background-image: url(../images/socialmediaicons/twitter.png) }
.icon.vimeo { background-image: url(../images/socialmediaicons/vimeo.png) }
.icon.wordpress { background-image: url(../images/socialmediaicons/wordpress.png) }
.icon.yahoo { background-image: url(../images/socialmediaicons/yahoo.png) }
.icon.youtube { background-image: url(../images/socialmediaicons/youtube.png) }
/* Small Icons */
.ico {
    display: inline-block;
    width: 28px; height: 30px;
    margin: 0 2px
}
.ico.address { background-image: url(../images/icons/address.png) }
.ico.arrow-down { background-image: url(../images/icons/arrow-down.png) }
.ico.arrow-left { background-image: url(../images/icons/arrow-left.png) }
.ico.arrow-right { background-image: url(../images/icons/arrow-right.png) }
.ico.arrow-up { background-image: url(../images/icons/arrow-up.png) }
.ico.bar-graph { background-image: url(../images/icons/bar-graph.png) }
.ico.book-bookmark { background-image: url(../images/icons/book-bookmark.png) }
.ico.bookmark { background-image: url(../images/icons/bookmark.png) }
.ico.cal { background-image: url(../images/icons/cal.png) }
.ico.chat { background-image: url(../images/icons/chat.png) }
.ico.check { background-image: url(../images/icons/check.png) }
.ico.clock { background-image: url(../images/icons/clock.png) }
.ico.cross { background-image: url(../images/icons/cross.png) }
.ico.cut { background-image: url(../images/icons/cut.png) }
.ico.singledocument { background-image: url(../images/icons/singledocument.png) }
.ico.favorite { background-image: url(../images/icons/favorite.png) }
.ico.heart { background-image: url(../images/icons/heart.png) }
.ico.mail { background-image: url(../images/icons/mail.png) }
.ico.pencil { background-image: url(../images/icons/pencil.png) }
.ico.photo { background-image: url(../images/icons/photo.png) }
.ico.isearch { background-image: url(../images/icons/search.png) }
.ico.tag { background-image: url(../images/icons/tag.png) }
.ab-tooltip.address { background-image: url(../images/icons/tooltip-address.png) }
.ab-tooltip.arrow-down { background-image: url(../images/icons/tooltip-arrow-down.png) }
.ab-tooltip.arrow-left { background-image: url(../images/icons/tooltip-arrow-left.png) }
.ab-tooltip.arrow-right { background-image: url(../images/icons/tooltip-arrow-right.png) }
.ab-tooltip.arrow-up { background-image: url(../images/icons/tooltip-arrow-up.png) }
.ab-tooltip.bar-graph { background-image: url(../images/icons/tooltip-bar-graph.png) }
.ab-tooltip.book-bookmark { background-image: url(../images/icons/tooltip-book-bookmark.png) }
.ab-tooltip.bookmark { background-image: url(../images/icons/tooltip-bookmark.png) }
.ab-tooltip.cal { background-image: url(../images/icons/tooltip-cal.png) }
.ab-tooltip.chat { background-image: url(../images/icons/tooltip-chat.png) }
.ab-tooltip.check { background-image: url(../images/icons/tooltip-check.png) }
.ab-tooltip.clock { background-image: url(../images/icons/tooltip-clock.png) }
.ab-tooltip.cross { background-image: url(../images/icons/tooltip-cross.png) }
.ab-tooltip.cut { background-image: url(../images/icons/tooltip-cut.png) }
.ab-tooltip.singledocument { background-image: url(../images/icons/tooltip-singledocument.png) }
.ab-tooltip.favorite { background-image: url(../images/icons/tooltip-favorite.png) }
.ab-tooltip.mail { background-image: url(../images/icons/tooltip-mail.png) }
.ab-tooltip.heart { background-image: url(../images/icons/tooltip-mail.png) }
.ab-tooltip.pencil { background-image: url(../images/icons/tooltip-pencil.png) }
.ab-tooltip.photo { background-image: url(../images/icons/tooltip-photo.png) }
.ab-tooltip.isearch { background-image: url(../images/icons/tooltip-isearch.png) }
.ab-tooltip.tag { background-image: url(../images/icons/tooltip-tag.png) }
.ab-overlay.address { background-image: url(../images/icons/overlay-address.png) }
.ab-overlay.arrow-down { background-image: url(../images/icons/overlay-arrow-down.png) }
.ab-overlay.arrow-left { background-image: url(../images/icons/overlay-arrow-left.png) }
.ab-overlay.arrow-right { background-image: url(../images/icons/overlay-arrow-right.png) }
.ab-overlay.arrow-up { background-image: url(../images/icons/overlay-arrow-up.png) }
.ab-overlay.bar-graph { background-image: url(../images/icons/overlay-bar-graph.png) }
.ab-overlay.book-bookmark { background-image: url(../images/icons/overlay-book-bookmark.png) }
.ab-overlay.bookmark { background-image: url(../images/icons/overlay-bookmark.png) }
.ab-overlay.cal { background-image: url(../images/icons/overlay-cal.png) }
.ab-overlay.chat { background-image: url(../images/icons/overlay-chat.png) }
.ab-overlay.check { background-image: url(../images/icons/overlay-check.png) }
.ab-overlay.clock { background-image: url(../images/icons/overlay-clock.png) }
.ab-overlay.cross { background-image: url(../images/icons/overlay-cross.png) }
.ab-overlay.cut { background-image: url(../images/icons/overlay-cut.png) }
.ab-overlay.singledocument { background-image: url(../images/icons/overlay-singledocument.png) }
.ab-overlay.favorite { background-image: url(../images/icons/overlay-favorite.png) }
.ab-overlay.mail { background-image: url(../images/icons/overlay-mail.png) }
.ab-overlay.heart { background-image: url(../images/icons/overlay-heart.png) }
.ab-overlay.pencil { background-image: url(../images/icons/overlay-pencil.png) }
.ab-overlay.photo { background-image: url(../images/icons/overlay-photo.png) }
.ab-overlay.isearch { background-image: url(../images/icons/overlay-search.png) }
.ab-overlay.tag { background-image: url(../images/icons/overlay-tag.png) }
/* Image Overlays */
.ab-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-position: center center;
    z-index: 40;
    opacity: 0;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
}
.ab-thumb:hover .ab-overlay, .flexslider li:hover .ab-overlay { opacity: 1 }
/* Tabs and Accordions */
.tab, .accordion {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    margin: 0; margin: -1px 0 20px; padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}
.accordion {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordions { margin: 0 0 20px 0 }
.tabs li, .accordions li { list-style: none }
.tabs li a, .accordions li a {
    display: block;
    padding: 8px 12px;
    color: #000000;
    line-height: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #eaeaea;
}
.tabs li a.active, .accordions li a.active, .tabs li a:hover, .accordions li a:hover {
    background-color: #fff; color: #bd1622;
    border-bottom: 1px solid #f9f9f9
}
.tabs {
    display: table;
    width: 100%;
    border-radius: 20px
}
.tabs li {
    float: left;
    margin-right: 4px
}
.tabs, .accordions { z-index: 99 }
.animateall {
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
}
.shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
}
.lightshadow {
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.045);
    -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.045);
    -moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.045);
    -o-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.045);
    -ms-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.045);
}
.heavyshadow { box-shadow: 0 0px 8px #000000 }
/* Reflex blue styles */
#container .reflexblue {
    color: #fff;
    background: #709ff7;
    background: -moz-linear-gradient(top, #709ff7 0%, #4c76db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #709ff7), color-stop(100%, #4c76db));
    background: -webkit-linear-gradient(top, #709ff7 0%, #4c76db 100%);
    background: -o-linear-gradient(top, #709ff7 0%, #4c76db 100%);
    background: -ms-linear-gradient(top, #709ff7 0%, #4c76db 100%);
    background: linear-gradient(to bottom, #709ff7 0%, #4c76db 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#709ff7', endColorstr='#4c76db', GradientType=0);
}
#container li.reflexblue, #container div.reflexblue, #container ul.reflexblue, #container .largebutton.reflexblue, #container .smallbutton.reflexblue { border: 1px solid #4c76db }
#container a.reflexblue:hover, #container a.reflexblue.active {
    background-color: #4c76db; color: #fff;
    background-image: none
}
/* Blue styles */
#container .blue {
    color: #fff;
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #606c88), color-stop(100%, #3f4c6b));
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -o-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -ms-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
}
#container li.blue, #container div.blue, #container ul.blue, #container .largebutton.blue, #container .smallbutton.blue { border: 1px solid #3f4c6b }
#container a.blue:hover, #container a.blue.active {
    color: #fff;
    background-image: none;
    background: #3f4c6b;
}
/* Red styles */
#container .red {
    color: #fff;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
}
#container li.red, #container div.red, #container ul.red, #container .largebutton.red, #container .smallbutton.red { border: 1px solid #6d0019 }
#container a.red:hover, #container a.red.active {
    background-color: #6d0019; color: #fff;
    background-image: none
}
/* Green styles */
#container .green {
    color: #fff;
    background: #398235;
    background: -moz-linear-gradient(top, #8ab66b 0%, #398235 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ab66b), color-stop(100%, #398235));
    background: -webkit-linear-gradient(top, #8ab66b 0%, #398235 100%);
    background: -o-linear-gradient(top, #8ab66b 0%, #398235 100%);
    background: -ms-linear-gradient(top, #8ab66b 0%, #398235 100%);
    background: linear-gradient(to bottom, #8ab66b 0%, #398235 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8ab66b', endColorstr='#398235', GradientType=0);
}
#container li.green, #container div.green, #container ul.green, #container .largebutton.green, #container .smallbutton.green { border: 1px solid #398235 }
#container a.green:hover, #container a.green.active {
    background-color: #398235; color: #fff;
    background-image: none
}
/* Grey styles */
#container .grey { background-color: #f7f7f7 }
#container li.grey, #container div.grey, #container ul.grey, #container .largebutton.grey, #container .smallbutton.grey { border: 1px dashed #e7e7e7 }
#container a.grey:hover, #container a.grey.active {
    background-color: #f7f7f7; color: #bd1622;
    background-image: none
}
/* Rose red styles */
#container .rosered {
    color: #fff;
    background: #e05557;
    background: -moz-linear-gradient(top, #e05557 0%, #c11923 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e05557), color-stop(100%, #c11923));
    background: -webkit-linear-gradient(top, #e05557 0%, #c11923 100%);
    background: -o-linear-gradient(top, #e05557 0%, #c11923 100%);
    background: -ms-linear-gradient(top, #e05557 0%, #c11923 100%);
    background: linear-gradient(to bottom, #e05557 0%, #c11923 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e05557', endColorstr='#c11923', GradientType=0);
}
#container li.rosered, #container div.rosered, #container ul.rosered, #container .largebutton.rosered, #container .smallbutton.rosered { border: 1px solid #bd1622 }
#container a.rosered:hover, #container a.rose.active {
    background-color: #c11923; color: #fff;
    background-image: none
}
/* Reflect Grey styles */
#container .reflectgrey {
    background-image: linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
    background-image: -o-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
}
#container li.reflectgrey, #container div.reflectgrey, #container ul.reflectgrey, #container .largebutton.reflectgrey, #container .smallbutton.reflectgrey { border: 1px solid #eaeaea }
#container a.reflectgrey:hover, #container a.reflectgrey.active {
    background-color: #fff; color: #bd1622;
    background-image: none
}
/* Text indent styles */
#container .blackindent { text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 1px }
#container .whiteindent { text-shadow: #ffffff 1px 1px 0px }
/* Text fade styles */
#container .fade { color: #a1a1a1 }
/* Alignment styles */
#container .left { float: left }
#container .right { float: right }
/* Border radius styles */
#container .curve {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
#container .round {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
}
/* Notices */
.notice {
    display: block;
    width: 92%;
    margin: 0 0 20px 0; padding: 10px 4%;
    font-size: 1.0em
}
/* Blockquote */
blockquote {
    display: block;
    padding-left: 20px;
    margin: 0 0 20px 0;
    border-left: 4px solid #3a67ba
}
/* Tables */
table {
    width: 100%;
    margin-bottom: 20px
}
table tbody td.active, table tbody th.active { text-decoration: none }
table tbody th {
    height: 30px;
    padding: 8px 15px;
    text-align: left
}
table tbody tr { background: transparent }
table tbody tr:hover { background: #f1f1f1 }
table tbody td { color: #aaa }
table tbody td, table tbody th {
    height: 30px;
    padding: 8px 15px;
    font-size: 0.9em;
    text-decoration: none;
    border: 1px solid  #dedede
}
/* Search */
.search {
    display: block;
    margin-top: 20px;
    padding: 5px 10px;
    border: 1px solid #dedede
}
.search input {
    display: block;
    width: 100%;
    color: #000000;
    border: 0;
    outline: 0;
    background: transparent;
}
.search:hover { border: 1px solid #515151 }
.search:hover input { color: #515151 }
/* Tagline */
.tagline { text-align: center }
.tagline h2 { font-size: 2.2em }
.tagline p {
    margin: 0;
    font-size: 1.5em; font-weight: 500;
    -webkit-font-smoothing: antialiased
}
/* Specific Button */
/* Buttons */
.largebutton {
    display: block; float: left;
    min-height: 30px;
    margin: 0px 2px 8px 2px; padding: 3px 10px;
    font-weight: bold;
    text-align: center;
    line-height: 29px
}
.smallbutton {
    display: block; float: left;
    min-height: 10px;
    margin: 8px 2px; padding: 3px 10px;
    font-size: 0.9em;
    text-align: center
}
/* Featured Tags */
.featured, .new, .promoted, .glossy {
    position: absolute;
    top: 0; left: 0;
    z-index: 41
}
.featured, .new, .promoted {
    width: 91px; height: 90px
}
.glossy {
    width: 221px; height: 175px
}
.featured { background-image: url(../images/article-icon/featured.png) }
.new { background-image: url(../images/article-icon/new.png) }
.promoted { background-image: url(../images/article-icon/promoted.png) }
.glossy { background-image: url(../images/article-icon/glossy.png) }
.temp {
    position: relative;
    height: 60px
}
.temp .ab-overlay { opacity: 1 }
.temp img { width: 100% }
.ab-playbar {
    position: relative;
    height: 30px;
    margin: 10px 0; padding: 2px;
    background-color: #f8f8f8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.ab-playbar-load {
    position: relative;
    height: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-background-size: 44px 44px;
    -moz-background-size: 36px 36px;
}
.ab-playbar-load span {
    display: block;
    padding: 8px 10px
}

.tiltleft {
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	
}
.tiltright {
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
}